ul.products li.product {
    background: #fff;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.sub-menu ul.products li.product .shoptimizer-plp-image-wrapper {
    height: 250px;
    overflow: hidden;
}

.shoptimizer-load-more-wrapper {
	padding-top: 30px;
}

ul.products li.product .woocommerce-card__header p.product__categories {
	display: none !important;
}

.shoptimizer-archive .below-woocommerce-category {
	 border: 1px solid #d8d8d8;
}

/* =========================
   Fixed Height Product Images
   ========================= */
div.columns-3 ul.products li.product div.woocommerce-image__wrapper {
    margin-right: 0;
    float: none;
    position: relative;
    transition: 0.2s ease-in-out;
    width: 100%;
    height: 390px;
    display: flex;
    align-items: center;
    justify-content: center;
}

div.columns-3 ul.products li.product div.woocommerce-image__wrapper img {
    height: auto;
    width: auto;
    max-height: 380px;
}

/* Optional: no effect on hover  */
ul.products li.product:hover .woocommerce-image__wrapper,
ul.products li.product:hover .shoptimizer-plp-image-wrapper img {
    transform: none;
}

ul.products li.product .shoptimizer-plp-image-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* =========================
   Responsive Adjustments
   ========================= */

/* Small Mobile */
@media (max-width: 480px) {

    ul.products li.product .shoptimizer-plp-image-wrapper,
    .columns-3 ul.products li.product .shoptimizer-plp-image-wrapper {
        height: auto;
    }

    ul.products li.product.cgkit-swatch-hover .images {
        margin-right: 0;
        float: none;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    ul.products li.product.cgkit-swatch-hover a img.wp-post-image-cgas, ul.products li.product .shoptimizer-plp-image-wrapper img {
        height: auto;
        width: auto;
        max-height: 100%;
    }
}


/* 1. Parent = GRID instead of flex */
.columns-3 ul.products {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
    margin-left: 0;
}

@media (min-width: 993px) {
    #page ul.columns-3 li.product {
        width: calc((100% - 40px) / 3);
        /* 2 gaps of 30px */
    }

    #page ul.columns-4 li.product {
        width: calc((100% - 45px) / 4);
        /* 3 gaps of 30px */
    }

    #page .sub-menu ul li.product {
        width: 100%;
        box-shadow: none;
    }

    .columns-3 ul.products li.product:not(.product-category),
    .columns-3 ul.products li.product.ckit-hide-cta:not(.product-category) {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .columns-3 ul.products li.product .woocommerce-card__header a.add_to_cart_button,
    .columns-3 ul.products li.product .woocommerce-card__header a.cgkit-as-single-atc {
        opacity: 1;
        position: relative;
        width: 100%;
    }
}

li.product {
    background: #fff;
    transition: all 0.3s ease;

    /* Default shadow (very soft) */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

/* Hover effect */
li.product:hover {
    transform: translateY(-4px);
    /* slight lift */

    /* Stronger shadow on hover */
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
}

/* Product Page */
.product #cgkit-tab-description h3 {
    margin: 0 0 1.2rem;
}

.product #cgkit-tab-description hr {
    margin-top: 0;
    margin-bottom: 30px;
    border-top: 1px solid #9c9c9c;
}

.product #cgkit-tab-description table th,
.product #cgkit-tab-description table td {
    padding: 8px;
}

/* Related product */
.related-wrapper {
	margin-bottom: 50px;
}

.related-wrapper ul.products {
    gap: 15px;
    width: 100%;
}

.related-wrapper ul.products li.product div.woocommerce-image__wrapper {
	height: 305px;
	display: flex;	
  justify-content: center;
	align-items: center;
}

.related-wrapper ul.products li.product .shoptimizer-plp-image-wrapper img {
	max-height: 300px;
}

/* Hide variation description on product page */
.variations_form .single_variation_wrap .woocommerce-variation-description {
	display: none !important;
}

/* CGKit Swatch Hover */
ul.products li.product.cgkit-swatch-hover a img.wp-post-image-cgas {
    height: 100%;
    width: auto;
}

div.summary h1 {
    letter-spacing: -1.1px;
    padding-right: 36px;
}