/* FORCE GRID - CSS MINIMAL ET BRUTAL - DESKTOP UNIQUEMENT */

@media (min-width: 769px) {
    .products-premium-layout {
        display: block !important;
        width: 100% !important;
    }

    .products-premium-container {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 40px !important;
        max-width: 1400px !important;
        margin: 0 auto !important;
        padding: 0 20px !important;
        box-sizing: border-box !important;
        align-items: stretch !important;
    }

    /* Force les colonnes à rester dans leur grille */
    .products-premium-container > .trending-column {
        flex: 0 0 calc(70% - 20px) !important;
        width: calc(70% - 20px) !important;
        min-width: 0 !important;
        max-width: calc(70% - 20px) !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .products-premium-container > .top-sales-column {
        flex: 0 0 calc(30% - 20px) !important;
        width: calc(30% - 20px) !important;
        min-width: 0 !important;
        max-width: calc(30% - 20px) !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
    }

    /* Force les wrappers à rester dans leur colonne ET à avoir la même hauteur */
    .trending-column .trending-wrapper {
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .top-sales-column .top-sales-wrapper {
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
    }

    /* Force le carousel à rester dans sa colonne */
    .trending-column .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 {
        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 {
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Force les product cards à ne pas déborder */
    .trending-column .product-card {
        flex-shrink: 0 !important;
        max-width: 180px !important;
    }

    /* Force l'alignement en bas des deux sections */
    .trending-column .carousel-container-premium {
        display: flex !important;
        flex-direction: column !important;
    }

    .top-sales-column .top-sales-list {
        display: flex !important;
        flex-direction: column !important;
    }
}
