/* Best Sellers Section CSS - Extracted from home.css */
/* This file contains ONLY Best Sellers section styles */

/* == BEST SELLERS STYLE (ROSE THEME) == */
body.home-page .best-seller-card {
    background: #fff0f5;
    border: 1px solid #f8bbd0;
    border-radius: 14px; overflow: hidden; position: relative; 
    box-shadow: 0 8px 20px rgba(139, 69, 19, 0.1);
    transition: 0.3s; margin: 6% 1%;
}
body.home-page .best-seller-card:hover { 
    transform: translateY(-8px); 
    box-shadow: 0 20px 40px rgba(139, 69, 19, 0.2);
    border-color: var(--primary-brown);
}

/* Best Seller Card Specific Hover Effects (shared img-box styles remain in home.css) */
body.home-page .best-seller-card:hover .img-box img.hover { opacity: 1; transform: scale(1.08); }
body.home-page .best-seller-card:hover .img-box img.primary { opacity: 0; transform: scale(1.02); }

/* Out of Stock Badge */
body.home-page .best-seller-card.out-of-stock .img-box img {
    opacity: 0.5;
    filter: grayscale(100%);
}

body.home-page .best-seller-card .out-of-stock-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgba(239, 68, 68, 0.95);
    color: white;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    z-index: 3;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

body.home-page .best-seller-card .details .add-btn.disabled {
    background: #94a3b8;
    color: #64748b;
    cursor: not-allowed;
    opacity: 0.7;
}
body.home-page .best-seller-card:hover .card-actions { transform: translateX(0); }

/* Responsive Product Count Display for Best Sellers */
/* Desktop (>1300px): Show 10 products (5 per row, 2 rows) - All products visible */
/* Tablet (≤1300px): Show 8 products (4 per row, 2 rows) - Hide products 9-10 */
@media (max-width: 1300px) {
    body.home-page #best-sellers .product-grid .best-seller-card:nth-child(n+9) {
        display: none;
    }
}

/* Mobile (≤1024px): Show 6 products (3 per row, 2 rows) - Hide products 7-10 */
@media (max-width: 1024px) {
    body.home-page #best-sellers .product-grid .best-seller-card:nth-child(n+7) {
        display: none;
    }
}