/* Woo defaults sometimes add margins/paddings we don't want */
.ee-grid .ee-card {
    background: #fff;
}

.ee-grid .ee-card a {
    text-decoration: none;
}

/* Prevent weird image stretching inside product cards */
.ee-img-wrap img {
    display: block;
}

/* Optional: make the separators a bit lighter */
.ee-grid+.ee-sep {
    background: #1FB6FF;
    height: 2px;
}


/* Gallery container: keep images contained on white and rounded */
.woocommerce div.product div.images {
    background: #fff;
    border-radius: 0.75rem;
    /* rounded-xl */
    border: 1px solid #e5e7eb;
    /* ring-slate-200 */
    padding: 1rem;
}

.woocommerce div.product div.images img {
    object-fit: contain;
    background: #fff;
}

/* Make Woo tabs cleaner */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    border: 0;
    padding-left: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background: transparent;
    border: 0;
    margin: 0 1rem 0 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    padding: .5rem 0;
    border-bottom: 2px solid transparent;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    border-color: #1FB6FF;
    /* cyan line like archive separators */
}

/* Related products: align with card style */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    background: #fff;
    border-radius: .75rem;
    border: 1px solid #e5e7eb;
    padding: 1.25rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
}

.woocommerce ul.products li.product a img {
    object-fit: contain;
    max-height: 300px;
    width: auto;
    margin: 0 auto;
    background: #fff;
}