/* ZAIYRA_CONSOLIDATED_CARDS_V9 */
/* Scoped to homepage product sections only */

#bestSellers .product-card,
.video-deals-section .product-card {
    box-sizing:border-box !important;
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    padding:12px !important;
    margin:0 !important;
    background:#fffdfa !important;
    border:1px solid #e8e2d9 !important;
    border-radius:12px !important;
    box-shadow:0 3px 14px rgba(35,25,15,.06) !important;
    overflow:hidden !important;
    transform:none !important;
}

/* A consistent image frame across devices */
#bestSellers .product-card .product-media,
.video-deals-section .product-card .product-media {
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:1/1 !important;
    box-sizing:border-box !important;
    padding:4px !important;
    overflow:hidden !important;
    background:#f7f6f3 !important;
    border-radius:8px !important;
}

/* Full image, without CSS cropping or distortion */
#bestSellers .product-card .product-media img,
.video-deals-section .product-card .product-media img {
    position:static !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    max-width:100% !important;
    max-height:100% !important;
    aspect-ratio:auto !important;
    object-fit:contain !important;
    object-position:center !important;
    transform:none !important;
    scale:1 !important;
    padding:0 !important;
    margin:0 auto !important;
}

#bestSellers .product-card h3,
.video-deals-section .product-card h3 {
    font-size:15px !important;
    font-weight:600 !important;
    line-height:1.35 !important;
    min-height:2.7em !important;
    margin:9px 0 7px !important;
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !important;
    overflow:hidden !important;
    color:#28231f !important;
}

#bestSellers .product-card button,
#bestSellers .product-card a[class*="btn"],
#bestSellers .product-card a[class*="button"],
.video-deals-section .product-card button,
.video-deals-section .product-card a[class*="btn"],
.video-deals-section .product-card a[class*="button"] {
    box-sizing:border-box !important;
    max-width:100% !important;
    min-height:38px !important;
    height:auto !important;
    padding:10px 7px !important;
    font-size:11px !important;
    line-height:1.3 !important;
    letter-spacing:.04em !important;
    text-align:center !important;
    border-radius:6px !important;
}

/* Desktop and large laptop */
@media(min-width:1101px) {
    #bestSellers .product-grid,
    .video-deals-section .video-deals-grid {
        display:grid !important;
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        gap:20px !important;
        overflow:visible !important;
        align-items:stretch !important;
    }
}

/* Smaller laptop / tablet */
@media(min-width:768px) and (max-width:1100px) {
    #bestSellers .product-grid,
    .video-deals-section .video-deals-grid {
        display:grid !important;
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:15px !important;
        overflow:visible !important;
    }
}

/* Mobile */
@media(max-width:767px) {
    #bestSellers .product-grid,
    .video-deals-section .video-deals-grid {
        display:flex !important;
        flex-flow:row nowrap !important;
        gap:10px !important;
        width:100% !important;
        max-width:100% !important;
        padding:8px 10px 16px !important;
        box-sizing:border-box !important;
        overflow-x:auto !important;
        overflow-y:hidden !important;
        scroll-snap-type:x proximity !important;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none !important;
    }

    #bestSellers .product-grid::-webkit-scrollbar,
    .video-deals-section .video-deals-grid::-webkit-scrollbar {
        display:none !important;
    }

    #bestSellers .product-grid > .product-card,
    .video-deals-section .video-deals-grid > .product-card {
        flex:0 0 calc((100% - 10px)/2) !important;
        width:calc((100% - 10px)/2) !important;
        min-width:calc((100% - 10px)/2) !important;
        max-width:calc((100% - 10px)/2) !important;
        padding:8px !important;
        scroll-snap-align:start !important;
    }

    #bestSellers .product-card h3,
    .video-deals-section .product-card h3 {
        font-size:12px !important;
    }

    #bestSellers .product-card button,
    #bestSellers .product-card a[class*="btn"],
    #bestSellers .product-card a[class*="button"],
    .video-deals-section .product-card button,
    .video-deals-section .product-card a[class*="btn"],
    .video-deals-section .product-card a[class*="button"] {
        min-height:35px !important;
        font-size:10px !important;
        padding:9px 5px !important;
    }
}