/* K-TEC Storefront — fix awkward thumbnail cropping
 * WC crops thumbnails to 1:1 squares which destroys tall/wide products
 * (pens, taps, drill sets, etc.). Use object-fit:contain with a white
 * background to show the FULL image inside a fixed-height container.
 */

.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product .woocommerce-loop-product__link img,
.wc-block-grid__product-image img,
.ktec-products .product-card-img img,
ul.products li.product .attachment-woocommerce_thumbnail,
ul.products li.product img.attachment-woocommerce_thumbnail,
.woocommerce-loop-product__link img {
    object-fit: contain !important;
    background: #ffffff !important;
    width: 100% !important;
    height: 240px !important;
    max-height: 240px !important;
    padding: 8px !important;
    box-sizing: border-box !important;
}

/* Single product page: keep image contained, but allow bigger size */
.woocommerce div.product div.images img {
    object-fit: contain !important;
    width: 100% !important;
    height: auto !important;
    max-height: 600px !important;
    background: #ffffff;
}

/* Cart line item thumbnails: keep contained */
.woocommerce-cart-form .product-thumbnail img,
.woocommerce table.shop_table .product-thumbnail img {
    object-fit: contain !important;
    width: 80px !important;
    height: 80px !important;
    background: #ffffff;
    padding: 4px;
}

/* Live search dropdown results */
.ktec-ls-result-img img,
.ktec-ls-result-img {
    object-fit: contain !important;
}

/* Fix the grid spacing for taller thumbnails */
.woocommerce ul.products li.product,
ul.products li.product {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
}
.woocommerce ul.products li.product .button,
ul.products li.product .button {
    margin-top: auto !important;
}

/* Tablet/desktop: 3 cols */
@media (min-width: 769px) {
    .woocommerce ul.products.columns-3 li.product,
    .woocommerce-page ul.products.columns-3 li.product {
        width: 30.5% !important;
        margin-right: 1.5% !important;
    }
}