/**
 * Konect CustomMenu - Sidebar Navigation Styles (Flyout Submenus)
 */

/* Sidebar Variables - using CSS custom properties */
:root {
    --sidebar-width-expanded: 260px;
    --sidebar-width-collapsed: 64px;
    --sidebar-bg: #222529;
    --sidebar-text: #fff;
    --sidebar-text-muted: #aaa;
    --sidebar-hover-bg: rgba(255,255,255,0.08);
    --sidebar-active-bg: rgba(255,255,255,0.12);
    --sidebar-active-color: #ff5501;
    --sidebar-transition: 0.3s ease;
    --sidebar-icon-size: 22px;
    --sidebar-z-index: 1000;
    --sidebar-border-color: rgba(255,255,255,0.1);
    --sidebar-submenu-bg: #1a1d20;
    --header-height: 66px;
}

/* Main Sidebar Container - DEFAULT STATE IS COLLAPSED (64px) */
.sidebar-navigation {
    position: fixed;
    top: var(--header-height);
    left: 0;
    width: var(--sidebar-width-collapsed);
    height: calc(100vh - var(--header-height));
    background-color: var(--sidebar-bg);
    z-index: var(--sidebar-z-index);
    transition: width var(--sidebar-transition);
    display: flex;
    flex-direction: column;
    overflow: visible; /* Allow flyout to overflow */
    box-shadow: none;
}

.sidebar-navigation * {
    box-sizing: border-box;
}

/* Labels et arrows cachés par défaut */
.sidebar-navigation .sidebar-nav__label,
.sidebar-navigation .sidebar-nav__submenu-arrow {
    display: none;
}

/* Links centrés par défaut */
.sidebar-navigation .sidebar-nav__item-link {
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
}

/* Submenus cachés par défaut */
.sidebar-navigation .sidebar-nav__submenu {
    display: none;
}

/* HOVER or HAS-OPEN-SUBMENU: élargit la sidebar */
.sidebar-navigation:hover,
.sidebar-navigation.has-open-submenu {
    width: var(--sidebar-width-expanded);
}

.sidebar-navigation:hover .sidebar-nav__label,
.sidebar-navigation:hover .sidebar-nav__submenu-arrow,
.sidebar-navigation.has-open-submenu .sidebar-nav__label,
.sidebar-navigation.has-open-submenu .sidebar-nav__submenu-arrow {
    display: inline;
}

.sidebar-navigation:hover .sidebar-nav__item-link,
.sidebar-navigation.has-open-submenu .sidebar-nav__item-link {
    justify-content: flex-start;
    padding-left: 20px;
    padding-right: 20px;
}

/* Flyout: show submenu only on click (open class) */
.sidebar-navigation:hover .sidebar-nav__item.open > .sidebar-nav__submenu,
.sidebar-navigation.has-open-submenu .sidebar-nav__item.open > .sidebar-nav__submenu {
    display: block;
}

/* Mobile: show on open class */
.sidebar-navigation.mobile-open .sidebar-nav__item.open > .sidebar-nav__submenu {
    display: block;
}

/* Override hidden attribute */
.sidebar-navigation[hidden] {
    display: flex !important;
}

/* Navigation List */
.sidebar-nav {
    flex: 1;
    overflow-y: auto;
    overflow-x: visible; /* Allow flyout */
    padding: 10px 0;
}

.sidebar-nav__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Navigation Items */
.sidebar-nav__item {
    position: relative;
}

.sidebar-nav__item.has-submenu > .sidebar-nav__item-link {
    cursor: pointer;
}

.sidebar-nav__item.active > .sidebar-nav__item-link {
    background-color: var(--sidebar-active-bg);
    color: var(--sidebar-active-color);
}

.sidebar-nav__item.active > .sidebar-nav__item-link .sidebar-nav__label {
    color: var(--sidebar-active-color);
}

.sidebar-nav__item.active > .sidebar-nav__item-link .sidebar-nav__icon {
    color: var(--sidebar-active-color);
}

.sidebar-nav__item.active > .sidebar-nav__item-link::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background-color: var(--sidebar-active-color);
}

/* Flyout: show submenu only on click (open class) */
.sidebar-nav__item.open > .sidebar-nav__submenu {
    display: block;
}

/* Keep open state for mobile */
.sidebar-nav__item.open > .sidebar-nav__submenu {
    display: block;
}

/* Item Link */
.sidebar-nav__item-link {
    display: flex;
    align-items: center;
    padding: 14px 20px;
    color: var(--sidebar-text);
    text-decoration: none;
    position: relative;
    transition: all 0.2s ease;
}

.sidebar-nav__item-link:hover {
    background-color: var(--sidebar-hover-bg);
    color: var(--sidebar-text);
    text-decoration: none;
}

/* Icon */
.sidebar-nav__icon {
    font-size: var(--sidebar-icon-size);
    min-width: 24px;
    text-align: center;
    color: var(--sidebar-text-muted);
    transition: color 0.2s ease;
}

/* Label */
.sidebar-nav__label {
    margin-left: 14px;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    color: var(--sidebar-text); /* Explicitly set to white to avoid inheriting #777 from base theme */
    transition: opacity var(--sidebar-transition), visibility var(--sidebar-transition);
    overflow: hidden;
}

/* Submenu Arrow - points to the right for flyout */
.sidebar-nav__submenu-arrow {
    margin-left: auto;
    font-size: 12px;
    transition: opacity var(--sidebar-transition), visibility var(--sidebar-transition);
}

/* Submenu - Flyout style (appears to the right, full height) */
.sidebar-nav__submenu {
    display: none;
    position: fixed; /* Fixed position to escape parent overflow */
    left: var(--sidebar-width-expanded); /* Position at right edge of expanded sidebar */
    top: var(--header-height); /* Start from below header */
    min-width: 220px;
    height: calc(100vh - var(--header-height)); /* Full height like sidebar */
    overflow-y: auto;
    background-color: var(--sidebar-submenu-bg);
    list-style: none;
    margin: 0;
    padding: 10px 0;
    box-shadow: none;
    border-left: 1px solid var(--sidebar-border-color);
    z-index: 1001;
}

.sidebar-nav__subitem {
    position: relative;
}

.sidebar-nav__subitem a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    color: var(--sidebar-text);
    font-size: 13px;
    text-decoration: none;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.sidebar-nav__subitem a:hover {
    color: var(--sidebar-text);
    background-color: var(--sidebar-hover-bg);
}

.sidebar-nav__subitem.active > a {
    color: var(--sidebar-active-color);
}

/* Arrow for level 3 */
.sidebar-nav__level3-arrow {
    font-size: 10px;
    margin-left: 10px;
    opacity: 0.6;
    transition: transform 0.2s ease;
}

.sidebar-nav__subitem.has-children > a {
    cursor: pointer;
}

/* Level 3 submenu - flyout to the right (fixed position to escape parent overflow) */
.sidebar-nav__level3 {
    display: none;
    position: fixed; /* Fixed to escape parent overflow:auto */
    left: calc(var(--sidebar-width-expanded) + 220px); /* Sidebar + submenu width */
    top: var(--header-height); /* Start below header */
    min-width: 200px;
    height: calc(100vh - var(--header-height)); /* Full height like other panels */
    overflow-y: auto;
    background-color: #151719;
    list-style: none;
    margin: 0;
    padding: 10px 0;
    box-shadow: none;
    border-left: 1px solid var(--sidebar-border-color);
    z-index: 1002;
}

.sidebar-nav__subitem.level3-open > .sidebar-nav__level3 {
    display: block;
}

.sidebar-nav__level3-item a {
    padding: 10px 20px;
    font-size: 12px;
}

.sidebar-nav__level3-item.active a {
    color: var(--sidebar-active-color);
}

/* "Voir tous" link style */
.sidebar-nav__subitem.sidebar-nav__view-all {
    border-top: 1px solid var(--sidebar-border-color);
    margin-top: 10px;
    padding-top: 10px;
}

.sidebar-nav__subitem.sidebar-nav__view-all a {
    color: #ff5501 !important; /* Orange Konect */
    font-weight: 600;
}

.sidebar-nav__subitem.sidebar-nav__view-all a:hover {
    color: var(--sidebar-text) !important;
}

/* "Voir tous" for level 3 */
.sidebar-nav__level3-item.sidebar-nav__view-all {
    border-top: 1px solid var(--sidebar-border-color);
    margin-top: 10px;
    padding-top: 10px;
}

.sidebar-nav__level3-item.sidebar-nav__view-all a {
    color: #ff5501 !important; /* Orange Konect */
    font-weight: 600;
}

.sidebar-nav__level3-item.sidebar-nav__view-all a:hover {
    color: var(--sidebar-text) !important;
}

/* Main Content Offset */
body.sidebar-active .page-wrapper {
    margin-left: 0;
}

body.sidebar-active .page-main,
body.sidebar-active .breadcrumbs,
body.sidebar-active .page-bottom,
body.sidebar-active .footer.content {
    margin-left: var(--sidebar-width-collapsed);
}

/* Hide the original top navigation when sidebar is active */
body.sidebar-active .navigation-wrapper,
body.sidebar-active .nav-sections,
body.sidebar-active .sidebar-nav-container,
body.sidebar-active .header-main {
    display: none !important;
}

/* Hide side-bottom (contact info) when sidebar is active */
body.sidebar-active .side-bottom {
    display: none !important;
}

/* Hide Porto header panel elements that overlap with sidebar */
body.sidebar-active .panel.header,
body.sidebar-active .header-center .header.links,
.page-wrapper.side-nav .panel.header {
    display: none !important;
}

/* Override du header type 8 (side-header) - Toutes tailles */
body.sidebar-active .page-header {
    position: relative !important;
    flex: none !important;
    max-width: 100% !important;
    width: 100% !important;
    min-height: auto !important;
    height: auto !important;
    padding: 0 !important;
    top: 0 !important;
}

body.sidebar-active .page-wrapper {
    flex-direction: column !important;
}

/* Desktop & Tablet - décalage pour la sidebar */
@media (min-width: 768px) {
    body.sidebar-active .page-wrapper > .page-main,
    body.sidebar-active .page-wrapper > .page-footer,
    body.sidebar-active .page-wrapper > .breadcrumbs {
        max-width: calc(100% - var(--sidebar-width-collapsed)) !important;
    }

    /* Homepage: sections pleine largeur, pas de décalage sidebar */
    body.cms-index-index.sidebar-active .page-wrapper > .page-main {
        max-width: 100% !important;
        width: 100% !important;
    }

    /* Homepage: page-wrapper pleine largeur */
    body.cms-index-index .page-wrapper {
        max-width: 100% !important;
    }
}

/* main-panel-top prend toute la largeur */
body.sidebar-active .main-panel-top {
    left: 0 !important;
    width: 100% !important;
}

/* Mobile Styles - Header sur une seule ligne */
@media (max-width: 767px) {
    /* CRITICAL: Quand le menu mobile est ouvert, le header doit passer AU-DESSUS de la sidebar */
    body.sidebar-active .page-header.type8 {
        position: relative !important;
        z-index: 1100 !important; /* Au-dessus de la sidebar (1000) */
    }

    /* Quand le menu mobile est ouvert: masquer tout le header sauf le burger */
    body.mobile-menu-open .panel.wrapper {
        background: transparent !important;
    }

    /* Masquer logo, recherche, compte et panier quand menu mobile ouvert */
    body.mobile-menu-open .header-left,
    body.mobile-menu-open .header-right,
    body.mobile-menu-open .header-center,
    body.mobile-menu-open .logo,
    body.mobile-menu-open .type8-top-search,
    body.mobile-menu-open .type8-top-right,
    body.mobile-menu-open .type8-account-wrapper,
    body.mobile-menu-open .header-right-icons,
    body.mobile-menu-open .minicart-wrapper,
    body.mobile-menu-open .customer-welcome,
    body.mobile-menu-open .block-search,
    body.mobile-menu-open .mobile-search-toggle,
    body.mobile-menu-open .mobile-search-icon,
    body.mobile-menu-open .my-account,
    body.mobile-menu-open .porto-icon:not(.burger-line) {
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    /* S'assurer que le burger reste visible */
    body.mobile-menu-open .header-burger,
    body.mobile-menu-open .header-burger.is-active {
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    /* Supprimer le padding gauche du main-panel-top sur mobile */
    body.sidebar-active .page-header.type8 .main-panel-top {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body.sidebar-active .page-header.type8 .main-panel-top .container-fluid {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }

    body.sidebar-active .page-header.type8 .main-panel-top .main-panel-inner {
        width: 100% !important;
    }

    /* Force single line header - tous les éléments sur une ligne */
    body.sidebar-active .page-header.type8 .main-panel-top .panel.wrapper {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 0 !important;
        padding: 12px 15px !important;
        width: 100% !important;
    }

    /* Burger dans le header (pas en position fixed) */
    body.sidebar-active .page-header.type8 .panel.wrapper .header-burger.mobile-menu-toggle,
    .header-burger.mobile-menu-toggle#mobile-menu-toggle {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 36px !important;
        height: 36px !important;
        padding: 6px !important;
        flex-shrink: 0 !important;
        background: transparent !important;
        border: none !important;
        cursor: pointer !important;
        order: 0 !important;
        margin-right: 12px !important;
    }

    /* CRITICAL: Quand le menu est ouvert, le burger (croix) doit être AU-DESSUS du menu fullscreen */
    .header-burger.mobile-menu-toggle.is-active,
    .header-burger.is-active#mobile-menu-toggle,
    body.sidebar-active .header-burger.is-active {
        position: fixed !important;
        top: 12px !important;
        left: 15px !important;
        z-index: 10000 !important; /* Au-dessus de TOUT (sidebar, modals, etc.) */
        pointer-events: auto !important;
        background-color: rgba(255, 85, 1, 0.15) !important; /* Fond orange léger pour visibilité */
        border-radius: 8px !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
    }

    /* Sidebar fullscreen - pointer-events: none pour laisser passer les clics vers le bouton */
    .sidebar-navigation.mobile-open {
        top: 0 !important;
        height: 100vh !important;
        padding-top: 70px !important;
        pointer-events: none !important; /* Laisse passer les clics */
    }

    /* Réactiver pointer-events sur le contenu du menu */
    .sidebar-navigation.mobile-open .sidebar-nav {
        padding-top: 0 !important;
        pointer-events: auto !important; /* Le menu reste cliquable */
    }

    .sidebar-navigation.mobile-open .sidebar-nav__list,
    .sidebar-navigation.mobile-open .sidebar-nav__item,
    .sidebar-navigation.mobile-open .sidebar-nav__item-link,
    .sidebar-navigation.mobile-open .sidebar-nav__submenu {
        pointer-events: auto !important;
    }

    .header-burger .burger-icon {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 5px !important;
        width: 100% !important;
        height: 100% !important;
    }

    /* Burger lignes - BLANC par défaut */
    .header-burger .burger-line,
    .header-burger.mobile-menu-toggle .burger-line,
    body.sidebar-active .header-burger .burger-line {
        display: block !important;
        width: 22px !important;
        height: 2px !important;
        background-color: #fff !important;
        border-radius: 2px !important;
        transition: all 0.3s ease !important;
        transform-origin: center !important;
    }

    /* Animation en X quand actif */
    .header-burger.is-active .burger-line:nth-child(1) {
        transform: translateY(7px) rotate(45deg) !important;
        background-color: #ff5501 !important;
    }

    .header-burger.is-active .burger-line:nth-child(2) {
        opacity: 0 !important;
        transform: scaleX(0) !important;
    }

    .header-burger.is-active .burger-line:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg) !important;
        background-color: #ff5501 !important;
    }

    /* Logo - flex-grow pour remplir l'espace */
    body.sidebar-active .page-header.type8 .header-left.type8-top-left {
        flex: 1 !important;
        min-width: 0 !important;
        order: 1 !important;
        display: flex !important;
        align-items: center !important;
        align-self: stretch !important;
        margin-left: 10px !important;
    }

    body.sidebar-active .page-header.type8 .logo {
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.sidebar-active .page-header.type8 .logo img {
        max-height: 24px !important;
        width: auto !important;
        display: block !important;
    }

    /* Cacher la zone de recherche desktop */
    body.sidebar-active .page-header.type8 .header-center.type8-top-search {
        display: none !important;
    }

    /* Zone droite - icônes */
    body.sidebar-active .page-header.type8 .header-right.type8-top-right {
        display: flex !important;
        align-items: center !important;
        gap: 4px !important;
        flex-shrink: 0 !important;
        order: 2 !important;
    }

    /* Icônes compactes */
    body.sidebar-active .page-header.type8 .mobile-search-toggle {
        width: 32px !important;
        height: 32px !important;
        padding: 4px !important;
    }

    body.sidebar-active .page-header.type8 .mobile-search-toggle i {
        font-size: 18px !important;
    }

    body.sidebar-active .page-header.type8 .type8-account-wrapper .my-account {
        padding: 4px !important;
    }

    body.sidebar-active .page-header.type8 .type8-account-wrapper .my-account i {
        font-size: 18px !important;
    }

    /* Cacher le texte du compte */
    body.sidebar-active .page-header.type8 .type8-account-wrapper .label-login {
        display: none !important;
    }

    body.sidebar-active .page-header.type8 .minicart-wrapper .action.showcart {
        padding: 4px !important;
    }

    body.sidebar-active .page-header.type8 .minicart-wrapper .action.showcart::before {
        font-size: 18px !important;
    }

    /* Cacher texte panier */
    body.sidebar-active .page-header.type8 .minicart-wrapper .text {
        display: none !important;
    }
}

/* Very small screens (<360px) - extra compact */
@media (max-width: 359px) {
    body.sidebar-active .page-header.type8 .main-panel-top .panel.wrapper {
        gap: 4px !important;
        padding: 6px 8px !important;
    }

    /* Burger plus petit */
    .header-burger.mobile-menu-toggle {
        width: 30px !important;
        height: 30px !important;
    }

    .header-burger .burger-line {
        width: 18px !important;
    }

    /* Logo encore plus petit */
    body.sidebar-active .page-header.type8 .logo img {
        max-height: 20px !important;
    }

    /* Icônes encore plus petites */
    body.sidebar-active .page-header.type8 .mobile-search-toggle {
        width: 28px !important;
        height: 28px !important;
    }

    body.sidebar-active .page-header.type8 .mobile-search-toggle i,
    body.sidebar-active .page-header.type8 .type8-account-wrapper .my-account i,
    body.sidebar-active .page-header.type8 .minicart-wrapper .action.showcart::before {
        font-size: 16px !important;
    }
}

/* Desktop */
@media (min-width: 768px) {
    .mobile-menu-toggle {
        display: none;
    }

    .sidebar-overlay {
        display: none;
    }
}

/* Custom Scrollbar for sidebar */
.sidebar-nav::-webkit-scrollbar {
    width: 6px;
}

.sidebar-nav::-webkit-scrollbar-track {
    background: transparent;
}

.sidebar-nav::-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,0.2);
    border-radius: 3px;
}

.sidebar-nav::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255,255,255,0.3);
}

/* Porto Icons mapping */
.sidebar-navigation [class*="porto-icon-"]::before {
    font-family: 'porto-icons';
}

/* ==========================================================================
   KONECT MOBILE: Fix cartes produits (override custom-product-list.css)
   Le CSS original met position:absolute sur les images, causant un débordement
   Fonctionne sur pages catégorie (.page-products) ET pages marque (.konect_brand-brand-view)
   ========================================================================== */

@media (max-width: 767px) {
    /* Conteneur image: taille auto, pas fixe 80px */
    .page-products .products-list .list-compact-view .list-product-image,
    .konect_brand-brand-view .products.list .list-compact-view .list-product-image,
    html body .products-list .list-compact-view .list-product-image,
    html body .products.list .list-compact-view .list-product-image {
        width: 100% !important;
        height: auto !important;
        min-height: 100px !important;
        max-height: 140px !important;
        overflow: visible !important;
        text-align: center !important;
        margin-bottom: 8px !important;
    }

    /* Lien image: taille auto, pas 80px */
    .page-products .products-list .list-compact-view .list-product-image a.product-image-link,
    .konect_brand-brand-view .products.list .list-compact-view .list-product-image a.product-image-link,
    html body .products-list .list-compact-view .list-product-image a.product-image-link,
    html body .products.list .list-compact-view .list-product-image a.product-image-link {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 100px !important;
        max-width: 100% !important;
        max-height: none !important;
        position: relative !important;
    }

    /* Image: CRITICAL - position STATIC, pas absolute! */
    .page-products .products-list .list-compact-view .list-product-image img.product-image-photo,
    .konect_brand-brand-view .products.list .list-compact-view .list-product-image img.product-image-photo,
    html body .products-list .list-compact-view .list-product-image img.product-image-photo,
    html body .products.list .list-compact-view .list-product-image img.product-image-photo,
    html body.page-products .products-list .list-compact-view .list-product-image img.product-image-photo,
    html body.konect_brand-brand-view .products.list .list-compact-view .list-product-image img.product-image-photo,
    .products-list .list-compact-view .list-product-image .product-image-photo,
    .products.list .list-compact-view .list-product-image .product-image-photo {
        position: static !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;
        width: auto !important;
        height: auto !important;
        max-width: 100% !important;
        max-height: 120px !important;
        object-fit: contain !important;
        margin: 0 auto !important;
        display: block !important;
    }

    /* Row: flex column pour empiler image/info/prix */
    .page-products .products-list .list-compact-view .list-product-row,
    .konect_brand-brand-view .products.list .list-compact-view .list-product-row,
    html body .products-list .list-compact-view .list-product-row,
    html body .products.list .list-compact-view .list-product-row {
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
    }

    /* Info produit: pleine largeur */
    .page-products .products-list .list-compact-view .list-product-info,
    .konect_brand-brand-view .products.list .list-compact-view .list-product-info,
    html body .products-list .list-compact-view .list-product-info,
    html body .products.list .list-compact-view .list-product-info {
        width: 100% !important;
        height: auto !important;
        padding: 0 5px !important;
    }

    /* Nom produit: visible sur 2 lignes */
    .page-products .products-list .list-compact-view .product-item-link,
    .konect_brand-brand-view .products.list .list-compact-view .product-item-link,
    html body .products-list .list-compact-view .product-item-link,
    html body .products.list .list-compact-view .product-item-link {
        font-size: 11px !important;
        line-height: 1.3 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        word-break: break-word !important;
    }

    /* Stock: une seule ligne avec ellipsis */
    .page-products .products-list .list-compact-view .product-stock-level,
    .konect_brand-brand-view .products.list .list-compact-view .product-stock-level,
    html body .products-list .list-compact-view .product-stock-level,
    html body .products.list .list-compact-view .product-stock-level {
        font-size: 10px !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-width: 100% !important;
    }

    /* Cacher le délai de livraison sur mobile pour gagner de l'espace */
    .page-products .products-list .list-compact-view .delivery-time,
    .konect_brand-brand-view .products.list .list-compact-view .delivery-time,
    html body .products-list .list-compact-view .delivery-time,
    html body .products.list .list-compact-view .delivery-time {
        display: none !important;
    }

    /* ==========================================================================
       GRILLE PRODUITS PAGES MARQUE - konect_brand-brand-view
       Sur les pages catégorie, le LESS (_sidebar_navigation.less) gère la grille.
       Ce CSS sert uniquement à ajouter le support pour les pages marque.
       CRITICAL: Le wrapper NE doit PAS être en grille, seulement la liste OL!
       ========================================================================== */

    /* Wrapper pages marque: PAS de grille (display: block), sinon double grille */
    html body.konect_brand-brand-view .products.wrapper.list.products-list,
    html body.konect_brand-brand-view .products.wrapper,
    .konect_brand-brand-view .products.wrapper.list.products-list,
    .konect_brand-brand-view .products.wrapper {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Liste OL pages marque: grille 2 colonnes */
    html body.konect_brand-brand-view .filterproducts.products.list,
    html body.konect_brand-brand-view ol.products.list.product-items,
    .konect_brand-brand-view .filterproducts.products.list,
    .konect_brand-brand-view ol.products.list.product-items {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Items produits pages marque */
    html body.konect_brand-brand-view .product-item,
    .konect_brand-brand-view .product-item {
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 8px !important;
        box-sizing: border-box !important;
        display: block !important;
    }

    /* Conteneur info produit: pleine largeur */
    html body.konect_brand-brand-view .product-item-info,
    .konect_brand-brand-view .product-item-info {
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
    }

    /* Row produit: flex column */
    html body.konect_brand-brand-view .list-product-row,
    .konect_brand-brand-view .list-product-row {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        height: auto !important;
    }
}