/* Supplemental styles for the Malin fidelity pass:
   hover second image, star ratings, shop list-view, quick-view modal. */

/* Product card hover second image */
.product-image .pro-img { position: relative; display: block; }
.product-image .pro-img-hover { position: absolute; inset: 0; opacity: 0; transition: opacity .35s ease; }
.product-image:hover .pro-img-hover { opacity: 1; }

/* Rating stars */
.product-rating { margin: 0; }
.product-rating i { color: #f6a821; font-size: 14px; }

/* Shop toolbar view buttons */
.shop-view-btn { cursor: pointer; color: #999; }
.shop-view-btn.primary-color { color: var(--theme-primary) !important; }

/* Shop list view (theme.js toggles .data-list + .shop-col col-12) */
@media (min-width: 768px) {
    .shop-product-wrap.data-list .single-product { display: flex; gap: 22px; align-items: center; }
    .shop-product-wrap.data-list .product-image { flex: 0 0 240px; max-width: 240px; margin-bottom: 0 !important; }
    .shop-product-wrap.data-list .product-content { flex: 1; }
}

/* Quick View modal */
#quickview-modal .modal-body img { max-height: 360px; object-fit: contain; }
#quickview-modal .modal-content { border: 0; border-radius: 10px; }

/* Quantity stepper */
.quantity .js-qty-num { outline: none; box-shadow: none; }

/* ---- Hero slider: make each slide + image span the full width (no empty gap) ---- */
.slider-content .home-slider .swiper-slide { width: 100% !important; height: auto; }
.slider-content .home-slider .slider-image,
.slider-content .home-slider .slide-img { width: 100%; }
.slider-content .home-slider .slide-img img { width: 100%; display: block; }

/* ---- Equal-height product cards with a uniform image box ---- */
.single-product { width: 100%; height: 100%; }
.single-product .single-product-wrap { height: 100%; display: flex; flex-direction: column; margin-inline: 0; }
.single-product .product-image { width: 100%; }
.single-product .product-image .pro-img {
    display: block;
    aspect-ratio: 1 / 1;
    background: #fff;
    overflow: hidden;
}
.single-product .product-image .pro-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.single-product .product-content { width: 100%; flex: 1 1 auto; }

/* ---- Nested category toggle chevron ---- */
.shop-cat .cat-toggle { cursor: pointer; }
.shop-cat .cat-toggle i { transition: transform .2s ease; }
.shop-cat .cat-toggle.collapsed i { transform: rotate(-90deg); }