.filter-toggle {
    background: #f2eeee;
    padding: 0 30px;
    border-bottom: 1px solid #d9dee4;

    .facets-container {
        display: none;
        max-height: 0;
        overflow: hidden;
        transition: all linear .2s;
        height: 0;

        &.visible {
            display: block;
            max-height: 1000px;
            height: auto;
            transition: all linear .2s;
        }
    }

    .filter-btn {
        font-family: 'Saira Condensed', sans-serif;
        width: 100%;
        background: transparent;
        border: 0;
        text-transform: uppercase;
        font-size: 23px;
        font-weight: 800;
        padding: 10px 0;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;

        @media(max-width: 768px) {
            font-size: 16px;
        }

        svg {
            transition: all linear .2s;
        }

        &.close {
            svg {
                transform: rotate(180deg);
                transition: all linear .2s
            }
        }
    }

    .facets-container {
        .facets__form {
            display: grid;
            grid-template-columns: 3fr 1fr;
            gap: 30px;
            padding-top: 25px;   
            
            
            @media(max-width: 768px) {
                    grid-template-columns: 1fr;
                    padding: 0;
                }


            .active-facets {
                display: none
            }

            .facet-filters__label {
                font-weight: 700;
                font-size: 22px;
                font-family: 'Saira Condensed', sans-serif;
                padding: 0 0 10px;
                border: 0;
                text-transform: uppercase;
                display: block;
            }            

            .select {
                padding-right: 5px;

                select {
                    border: 1px solid #d9dee4;
                        padding: 10px 20px;
                        border-radius: 0;
                        font-family: 'Poppins', sans-serif;
                        font-size: 16px;
                }
            }

            .sort-links {
                display: flex;
                flex-direction: column;
                gap: 10px;

                a {
                    font-weight: 400;
                    border: 1px solid #d9dee4;
                    padding: 10px 12px;
                    border-radius: 0;
                    font-family: 'Poppins', sans-serif;
                    font-size: 15px;
                    color: #000;
                    text-decoration: none;

                    @media(max-width: 768px) {
                            font-size: 13px;
                            padding: 7px 12px;
                        }
                }
            }

            .facets__wrapper {
                display: grid;
                grid-template-columns: 1.5fr 1fr 1fr;
                gap: 30px;

                @media(max-width: 1024px) {
                    grid-template-columns: repeat(2, 1fr);
                }

                @media(max-width: 768px) {
                    grid-template-columns: 1fr;
                }

                .facets__disclosure {
                    border: 0;
                }

                .filters-row.filters-bottom {
                    display: grid;
                    gap: 30px;
                }

                .facets__summary {
                    font-weight: 700;
                    font-size: 22px;
                    font-family: 'Saira Condensed', sans-serif;
                    padding: 0 0 10px;
                    border: 0;
                    text-transform: uppercase;

                    .facets__header {
                        display: none;
                    }
                }

                .facets__display {
                    padding: 0;

                    .facet-checkbox {
                        font-weight: 400;
                        gap: 0;
                        border: 1px solid #d9dee4;
                        padding: 10px 12px;
                        border-radius: 0;
                        font-family: 'Poppins', sans-serif;
                        font-size: 15px;

                        @media(max-width: 768px) {
                            font-size: 13px;
                            padding: 7px 15px;
                        }

                        input {
                            display: none;
                        }

                        &:has(input:checked) {
                            background: #fff;
                            border-color: #222;
                        }                        
                    }
                }

                .Facet-1 {
                    ul {
                        gap: 15px;
                    }

                    .label-text {
                        display: flex;
                        flex-direction: column;
                        text-align: center;
                        gap: 10px;

                        img {
                            max-height: 150px;
                            width: auto;
                        }
                    }

                    @media(max-width: 768px) {
                        ul {
                            gap: 10px;

                            .label-text img {
                                max-height: 80px;
                            }
                        }
                    }
                }
            }
        }
    }
}

.icartShopifyCartContent {
    .collection-header {
        @media (max-width: 1024px) {
            background: #f2eeee !important;
            height: auto;
            padding: 30px 0;
        }
    }

    .collection-header h2 {
        font-size: 60px;
        font-family: 'Saira Condensed', sans-serif;
        font-weight: 800;
        line-height: 100%;

        @media (max-width: 1080px) {
            font-size: 30px;
        }
    }

    .collection-header h1 {
        font-size: 27px !important;
        font-weight: 300;
        font-family: 'Poppins', sans-serif;

        svg {
            display: none;
        }

        @media (max-width: 1080px) {
            font-size: 18px !important;
        }
    }

    .collection-header p {
        font-family: 'Poppins', sans-serif;
        font-size: 18px !important;
        font-weight: 300;

        @media (max-width: 1080px) {
            font-size: 16px !important;
        }
    }

    .collection-grid-section, #product-grid {
        gap: 0;
        padding-top: 30px;

        .grid__item_new {
            width: 23%;
            border: 0;
            border: 1px solid transparent;
            margin: 1%;

            &:hover {
                background: #f2eeee;
                border-color: #d8dee4;
            }

            .full-unstyled-link {
                position: relative;

                .zoomywishid {
                    display: block !important;
                    width: auto;
                    position: absolute;
                    bottom: 15px;
                    right: 15px;
                    z-index: 2;
                }
            }

            .pl-swatches-collection__link.pl-swatches-collection__link--more .pl-swatches-collection__swatch-wrapper {
                box-shadow: none;
            }

            .grid__content {
                margin: 0;
                padding: 5px 15px 0;
                border: 0;
                gap: 5px;

                .pl-swatches-collection {
                    .pl-swatches-collection__container {
                        gap: 10px;

                        .pl-swatches-collection__swatch-wrapper {
                            border-radius: 100% !important;

                            .pl-swatches-collection__swatch {
                                width: 30px !important;
                                height: 30px !important;
                            }

                            &.pl-swatches-collection__swatch-wrapper--active::after {
                                width: 120%;
                                height: 120%;
                                background: transparent;
                                content: " ";
                                position: absolute;
                                bottom: -3px;
                                left: -3px;
                                border: 1px solid #d9dee4;
                                border-radius: 100%;
                            }
                        }
                    }
                }

                .product-subtitle {
                    margin: 0 0 5px;
                    font-family: "Poppins", Sans-Serif;
                    font-size: 15px;
                    line-height: 100%;
                    text-align: left;
                    
                    @media(max-width: 480px) {
                        font-size: 10px;
                    }
                }

                .product-title {
                    font-weight: 700;
                    font-size: 26px;
                    line-height: 100%;
                    text-transform: uppercase;
                    word-break: break-word;
                    overflow: hidden;
                    font-family: 'Saira Condensed', Sans-Serif;
                    text-align: left;

                    
                    @media(max-width: 480px) {
                        font-size: 16px;
                        padding: 0;
                    }
                }

                .price {
                    margin: 0;

                    .wd_discount, .wpOriginalPriceBlock, .wpDiscountPriceBlock {
                        font-family: 'Poppins', sans-serif !important;
                        font-size: 18px !important;
                        font-weight: 300;
                    }

                    &.price--on-sale .price__sale {
                        gap: 10px;
                    }
                }

                .product-variants {
                    padding: 0;

                    ul {
                        padding: 0 0 0;
                        text-align: left;

                        li {
                            .variation {
                                width: 30px !important;
                                height: 30px !important;
                                border: 1px solid #d9dee4;
                            }

                            &.out-of-stock {
                                .variation {
                                    color: #d9dee4;

                                    &::after {
                                        border-color: #8f8f8f;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    @media (max-width: 1080px) {
        .collection-grid-section, #product-grid  {
            .grid__item_new {
                width: 48%;

                .grid__content {
                    padding:5px; 
                    
                    .price {
                        .wd_discount, .wpOriginalPriceBlock, .wpDiscountPriceBlock {
                            font-size: 16px !important;
                        }
                    }
                    
                    .pl-swatches-collection {
                        .pl-swatches-collection__container {
                            .pl-swatches-collection__swatch-wrapper {
                                .pl-swatches-collection__swatch {
                                    width: 20px !important;
                                    height: 20px !important;
                                }
                            }
                        }
                    }
                }
                
            }
        }
    }
    
}

.shopify-section .header-wrapper.gradient header.header {
    max-width: 100%;
    width: 100%;
    padding: 0;

    .header__inline-menu {
        padding: 0;
        margin: 0;
        font-family: 'Saira Condensed', sans-serif;
        text-transform: uppercase;
        margin-right: auto;

        #Details-HeaderMenu-6 {
            .header__menu-item {
                font-family: 'Saira Condensed', sans-serif;
                font-weight: 700;
            }            
        }

        .list-menu {
            gap: 10px;

            .header__menu-item  {
                font-size: 20px;
                font-weight: 700;
                padding: 29px 15px;

                &:hover {
                    background: var(--main-color);
                    color: #fff !important;

                    span {
                        text-decoration: none;
                    }
                }
            }
        }        
    }

    header-drawer {
        order: 3;
    background: #222;
    margin: 0;
    padding: 20px 0;

        svg {
            color: #fff;
        }
    }

    .menu-drawer {
        background: #eeeef1;

        .menu-drawer__menu-item {
            font-family: 'Saira Condensed', sans-serif;
            font-weight: 600;
            text-transform: uppercase; 
            font-size: 22px;           

            &:hover {
                background: var(--main-color);   
                color: #fff;
            }
        }

        .menu-drawer__close-button {
            font-family: 'Saira Condensed', sans-serif;
            font-weight: 600;
            text-transform: uppercase;
            font-size: 30px;

            svg {
                color: #000;
                width: 25px;
            }
        }

        .menu-drawer__submenu .menu-drawer__menu-item {
            text-transform: none;
            font-family: 'Poppins', sans-serif;
            font-weight: 300;
        }        
    }

    #menu-drawer .sub-footer {
        display: none !important;
    }

    .header__icons {
        height: 100%;
        background: #222;
        padding: 20px;
        margin: 0;
        border-left: 15px solid var(--main-color);
        width: 300px;
        margin-left: auto;

        @media(max-width: 1280px) {
            width: auto;
        }

        .language-dropdown {
  position: relative;
  width: 50px;
  cursor: pointer;
}

.selected-lang {
display: flex;
            justify-content: space-between;
            align-items: center;
            font-weight: bold;
}

.lang-options {
  position: absolute;
            top: 100%;
            left: 0;
            width: fit-content;
            background: #222;
            display: none;
            z-index: 10;
            list-style: none;
            padding: 0;
            margin-left: -13px;
        
}

.lang-options li {
  padding: 4px 10px;
  text-align: center;
  transition: 0.2s;
}

.lang-options li:hover {
  background: var(--main-color);
}

.lang-options.active {
  display: block;
}

        .cart-count-bubble {
            background-color: var(--main-color);
        }

        svg {
            color: #fff !important;
        }

        &::after {
            display: none
        }
    }

    .header__heading-link {
        width: 200px;
        
        img {
            -webkit-filter: invert(1);
            filter: invert(1);
            transform: none;
        }

        &::after {
            display: none;
        }
    }

    #HeaderMenu-MenuList-1, #HeaderMenu-MenuList-2, #HeaderMenu-MenuList-6 {
        background: #eeeef1;
        box-shadow: none;
        position: absolute;
        width: 100%;
        left: 0;
        right: 0;
        padding: 0;
        margin-top:0;
        
        .page-width {
            display: none;
        }

        .new-submenu {
            display: none !important;
        }
        
        .submenu {
            display: flex !important;            
            
            .collection-image {
                width: 25%;
                display: block;
                background-size: cover;
                height: 700px;

                img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }

            .cat-images {
                width: 35%;
                display: block;
                height: 700px;

                img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }
            
            .links-section {
                width: 40%;
                display: flex;
                justify-content: center;
                flex-direction: column;

                .title__collection {
                    font-family: 'Saira Condensed', sans-serif;
                    text-transform: uppercase;
                    color: #000;
                    font-size: 0;
                    margin-bottom: 20px;
                    margin-left: 30px;
                    
                    &::after {
                        font-size: 50px;
                        max-width: 300px;
                        display: block;
                        text-align: left;
                        line-height: 100%;
                        font-weight: 800;
                    }
                }
                
            }
            
            .sub-links {
                list-style: none;
                padding: 0;
                
                li {
                    a {
                        font-size: 25px;
                        align-items: center;
                        padding: 8px 35px;
                        font-family: 'Poppins', sans-serif;
                        font-weight: 400;
                        flex-direction: row;
                        text-transform: none;
                        
                         &:hover {
                            background: var(--main-color);                           
                            
                            &::before {
                                content: ' ';
                                background: url(https://i.imgur.com/cHh5z6D.png);
                                width: 14px;
                                height: 20px;
                                background-repeat: no-repeat;
                                background-position: center;
                                display: block;
                                background-size: contain;
                                clip-path: none;
                                z-index: 1;
                                 position: absolute;
                                left: 10px;
                            }
                        }
                    }
                }
            }
        }
    }
    
    #HeaderMenu-MenuList-1 {
        .collection-image {
            background-image: url('/cdn/shop/files/Homme_base.png?v=1775485405');
        }

        .links-section .title__collection::after {
            content: "Collection Homme"; 
        }
    }
    
    #HeaderMenu-MenuList-2 {
        .collection-image {
            background-image: url('/cdn/shop/files/Femme_base.png?v=1775485404');
        }

        .links-section .title__collection::after {
            content: "Collection Femme"; 
        }
    }

    #HeaderMenu-MenuList-6 {
        .collection-image {
        }

    }

    #Details-HeaderMenu-6 {
        .header__menu-item {
            &:hover {
                &::after {
                    width: 300px;
                    left: -55px;
                    clip-path: polygon(33% 0, 89% 0, 56% 100%, 0% 101%);
                }
            }
        }
    
        .links-section .title__collection::after {
            content: "NOTRE UNIVERS"; 
            max-width: 300px;
        }
    }
}