/* FORCE GRID - CSS MINIMAL ET BRUTAL - DESKTOP UNIQUEMENT */

@media (min-width: 769px) {
    /* HERO SECTION - Container centré avec padding 135px horizontal */
    .hero-section-new {
        display: block !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 16px 135px !important;
        box-sizing: border-box !important;
    }

    .products-premium-layout {
        display: block !important;
        width: 100% !important;
        margin-top: 20px !important;
        margin-bottom: 20px !important;
        padding: 0 135px !important;
        box-sizing: border-box !important;
    }
    
    /* Espace entre Trending et Top Sales */
    .products-premium-layout + .products-premium-layout {
        margin-top: 30px !important;
    }

    /* Container centré avec padding 80px */
    .products-premium-container {
        display: block !important;
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 80px !important;
        box-sizing: border-box !important;
    }
    
    /* Container fullwidth avec padding 80px */
    .products-premium-container.products-premium-container--fullwidth {
        display: block !important;
        max-width: 100% !important;
        width: 100% !important;
        padding: 0 80px !important;
    }

    /* Colonnes pleine largeur */
    .products-premium-container > .trending-column,
    .products-premium-container > .trending-column--fullwidth {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
    }

    /* Wrappers pleine largeur */
    .trending-column .trending-wrapper,
    .trending-column--fullwidth .trending-wrapper {
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
        min-height: auto !important;
        max-height: none !important;
    }

    /* Force le carousel à prendre toute la largeur */
    .trending-column .carousel-container-premium,
    .trending-column--fullwidth .carousel-container-premium {
        max-width: 100% !important;
        width: 100% !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        display: block !important;
        position: relative !important;
    }

    .trending-column .trending-carousel,
    .trending-column--fullwidth .trending-carousel,
    .top-sales-carousel {
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
        display: flex !important;
        overflow-x: auto !important;
    }

    /* Force tous les enfants à respecter la largeur */
    .trending-column .section-header-premium,
    .trending-column--fullwidth .section-header-premium {
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Force les product cards à ne pas déborder */
    .trending-column .product-card,
    .trending-column--fullwidth .product-card {
        flex-shrink: 0 !important;
    }
}

/* Responsive padding avec 135px */
@media (min-width: 769px) and (max-width: 1400px) {
    .hero-section-new {
        padding: 16px 135px !important;
    }
    .products-premium-layout {
        padding: 0 135px !important;
    }
    .products-premium-container {
        padding: 0 !important;
    }
}

@media (min-width: 1401px) {
    .hero-section-new {
        padding: 16px 135px !important;
    }
    .products-premium-layout {
        padding: 0 135px !important;
    }
    .products-premium-container {
        padding: 0 !important;
    }
}