/*
Theme Name: asticotheme
Theme URI: None
Author: asticoweb.com
Author URI: https://asticoweb.com
Description: Simple wordpress theme made with ❤️ by asticoweb.com | All rights reserved ©
Tags: theme, madewithlove, asticonet, asticoweb, asticoweb.com, asticotheme, coding, spreadthelove, personal, personaluseonly
Version: 4.0
License: License asticoweb.com
License URI: https://asticoweb.com
Text Domain: asticotheme
*/

::selection {
    background: var(--rouge);
    color: white;
    text-shadow: none;
}

::-webkit-selection {
    background: var(--rouge);
    color: white;
    text-shadow: none;
}

::-moz-selection {
    background: var(--rouge);
    color: white;
    text-shadow: none;
}

*,
*:after,
*:before {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    outline: none !important;
    text-decoration: none;

}

section,
div,
header,
nav,
article,
section,
aside,
footer,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
ul,
li,
figure,
figcaption,
class,
img {

    margin: 0;
    padding: 0;
}


html,
body {

    width: 100%;
    padding: 0;
    margin: 0;
    font-family: arboria, sans-serif;
    position: relative;
    scroll-behavior: smooth;
    -webkit-tap-highlight-color: transparent;
}

body {

    overflow-x: hidden;
    overflow-y: overlay;
    background: white;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    border-left: solid 1px var(--blanc90);
}

::-webkit-scrollbar-thumb {
    background: var(--rouge);
}

::-webkit-scrollbar-button {
    display: none;
}

.page main>section>h1,
br.clear,
a.post-edit-link {

    display: none;
}

input::placeholder,
textarea::placeholder {

    opacity: 1 !important;
}

a {

    color: var(--rouge);
}

input {

    accent-color: var(--rouge);
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-size: var(--e-global-typography-accent-font-size);
    letter-spacing: var(--e-global-typography-accent-letter-spacing);
}


:root {
    --rouge: #bd0d34;
    --noir: black;
    --gris25: #3f3f3f;
    --gris50: #7f7f7f;
    --gris75: #bfbfbf;
    --blanc90: #e5e5e5;
    --blanc95: #f2f2f2;
}

/*------------------------------------*\
    DARK MODE
\*------------------------------------*/

input[type="search"] {

    background: white;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

/*------------------------------------*\
    SWIPER
\*------------------------------------*/

.mc-swiper .swiper {

    overflow: visible;
}

.mc-swiper .elementor-swiper-button {

    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    font-size: 1em !important;
    top: auto !important;
    bottom: calc(100% + 50px);
    transform: none !important;
    background: var(--rouge);
    transition: background .3s;
}

.mc-swiper .elementor-swiper-button svg * {

    transition: color .3s;
    fill: white;
}

.mc-swiper .elementor-swiper-button:hover {

    background: var(--noir);
}

.mc-swiper .swiper-button-disabled {

    opacity: 1 !important;
    background: var(--gris25);
    pointer-events: none;
}

.mc-swiper .swiper-pagination {

    left: 0 !important;
    right: auto !important;
    bottom: auto !important;
    top: calc(100% + 50px) !important;
    transform: none !important;
    color: var(--gris50) !important;
}

@media screen and (max-width: 650px) {


    .mc-swiper .swiper {

        padding-right: 50px;
    }

    .mc-swiper .elementor-swiper-button {

        width: 30px;
        height: 30px;
        bottom: calc(100% + 25px);

        display: none !important;
    }

    .mc-swiper .swiper-pagination {

        top: calc(100% + 25px) !important;
    }

}

/*------------------------------------*\
    UNDERLINE
\*------------------------------------*/

.underline .elementor-button-text,
#header #nav a,
#footer li a,
#header #nav .widget_block>ul>li>a {

    position: relative;
}

.underline .elementor-button-text:before,
#header #nav a:before,
#footer li a:before,
#header #nav .widget_block>ul>li>a:before {
    content: '';
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform .5s;
    position: absolute;
    width: 100%;
    background: var(--rouge);
    top: 100%;
    left: 0;
    height: 2px;
    pointer-events: none;
}

#footer li a:before {

    background: white;
}

#header #nav .widget_block>ul>li>a:before {

    top: auto;
    bottom: 0;
}

.underline a .elementor-button-text:before,
#footer li a:hover::before,
#header #nav a:hover::before,
#header #nav .widget_block>ul>li>a:hover::before {

    transform-origin: 0% 50% !important;
    transform: scale3d(1, 1, 1) !important;

}

/* ---------------------------------- */

.underline .elementor-button,
.underline .elementor-button:hover {

    border: none !important;
    padding: 0 !important;
    background: transparent !important;
    color: var(--marron) !important;

}

.underline a:hover .elementor-button-text:before {

    transform-origin: 100% 50% !important;
    transform: scale3d(0, 1, 1) !important;
}

/*------------------------------------*\
    EXIT
\*------------------------------------*/

#exit,
#exit-search {

    position: fixed;

    width: 100vw;
    height: 100vh;
    background: rgba(29, 30, 28, .5);
    cursor: pointer;
    display: none;
    top: 0;

}

#exit {

    z-index: 9998;
    top: 50px;
}

#exit-search {

    z-index: 99998;
}


/*------------------------------------*\
    LOADER
\*------------------------------------*/

#loader {
    position: fixed;
    inset: 0;
    background-color: var(--rouge);
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
}

#loader svg#txt {

    width: 20%;
    height: auto;
}

#loader svg#badge {

    width: 7.5%;
    position: absolute;
    bottom: 50px;
    overflow: visible;
}

#loader svg#badge .badge {

    animation: badge 10s linear infinite;
    transform-origin: center;
}

@keyframes badge {

    to {

        rotate: 360deg;
    }
}

/*------------------------------------*\
    BANNER
\*------------------------------------*/

#banner {

    position: relative;
    overflow: hidden;
    height: 37.5px;
}

#banner li,
#banner a {

    font-size: var(--e-global-typography-text-font-size);
    text-wrap: balance;
    color: white;
    line-height: 37.5px;
    display: block;

}

#banner a {

    transition: color .3s;
}

#banner a:hover {

    color: var(--noir);
}

#banner strong {

    font-weight: bold;
    font-family: var(--e-global-typography-primary-font-family);
    letter-spacing: var(--e-global-typography-primary-letter-spacing);
    font-size: var(--e-global-typography-text-font-size);
}

#banner .swiper-button {

    position: absolute;
    aspect-ratio: 1;
    height: 100%;
    width: auto;
    top: 0;
    bottom: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background .3s;
    background: var(--rouge);
    cursor: pointer;
}

#banner .swiper-button:hover {

    background: var(--noir);
}

#banner .swiper-banner-prev {

    left: 0;
    rotate: 180deg;
}

#banner .swiper-banner-next {

    right: 0;
}

#banner .swiper-button:after {
    content: 'next';
}

#banner .swiper-button:after {
    font-family: swiper-icons;
    font-size: .75em;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    color: white;
    font-weight: bolder;
}

#banner .swiper-slide {

    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--rouge);
}

/*------------------------------------*\
    HEADER
\*------------------------------------*/

.hide-on-mobile {

    display: none;
}

#header {

    position: sticky;
    position: -webkit-sticky;
    top: 0;
    width: 100%;
    z-index: 9999;
}

#header .container,
#header #nav {

    background: white;
    border-bottom: solid 1px var(--blanc90);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 50px;
}

#header .container>* {

    flex: 1;
}

#header .container a#logo {

    display: inline-flex;
    height: 75px;
    align-items: center;
    justify-content: center;
}

#header .container a#logo svg {

    height: 37.5px;
    width: auto;
}

#header .container a#logo svg.logo-mobile {

    display: none;
}

#header .container a#logo svg * {

    transition: fill .3s;
}

#header .container a#logo:hover svg * {

    fill: var(--rouge);
}

#header li {

    list-style: none;
}

#header svg.icon {

    height: 25px;
    width: auto;
    overflow: visible;
}

#header form#search-form button svg {

    height: 18.75px;
}

#header svg.icon * {

    fill: none;
    stroke: var(--gris50);
    stroke-miterlimit: 10;
    stroke-width: 10px;
    stroke-linecap: round;
    transition: stroke .3s;
}

#header svg.favoris * {

    stroke-width: 8px;
}

#header form#search-form button svg * {

    stroke-width: 12px;
}

#header .btn a {

    position: relative;
}

#header .btn .count {

        position: absolute;
    right: 1px;
    bottom: 1px;
    transform: translate(50%, 50%);
    height: 15px;
    width: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--rouge);
    color: white;
    border-radius: 100%;
}

#header a:has(svg.icon):hover *,
#header svg.icon:hover * {

    stroke: var(--rouge);
}

#header form#search-form,
#header form#search-form button {

    display: flex;
    align-items: center;
}

#header form#search-form input,
#header form#search-form button {

    border: none;
    padding: 0;

}

#header form#search-form input {

    font-family: var(--e-global-typography-primary-font-family);
    font-weight: var(--e-global-typography-primary-font-weight);
    letter-spacing: var(--e-global-typography-primary-letter-spacing);
    width: 12.5vw;
}

#header form#search-form input::placeholder {

    color: var(--gris50);
}

#header form#search-form button {

    cursor: pointer;
}


#header .btn:not(.hide-on-mobile),
#header .btn a {

    display: flex;
    align-items: center;
}

#header .btn a {

    color: var(--gris50);
    font-family: var(--e-global-typography-primary-font-family);
    gap: 5px;
}

#header .btn a:hover span {

    color: var(--rouge);
}

#header .btn {

    gap: 12.5px;
}

#header .btn-right {

    justify-content: flex-end;
}

#header #nav,
#header #nav #menu-menu,
#header #nav .widget_block>ul {

    display: flex;
    justify-content: center;
    align-items: center;
    gap: 37.5px;
}

#header #nav .widget_block>ul {

    flex-direction: row-reverse;
}

#header #nav .widget_block>ul>li.cat-item-68 {

    order: -1;
}

#header #nav li.menu-item-901 a span {

    line-height: 1;
    color: white;
    padding: 5px;
    background: var(--rouge);
    rotate: -2deg;
    display: inline-block;
}

#header #nav #menu-menu>li>a,
#header #nav .widget_block>ul>li>a {

    display: inline-block;
    line-height: 50px;
    color: var(--gris50);
    text-transform: uppercase;
    letter-spacing: var(--e-global-typography-primary-letter-spacing);
    font-weight: bold;

}

#header #nav li.promotions a {

    color: var(--rouge);
}

#header #nav li.collection a {

    letter-spacing: var(--e-global-typography-primary-letter-spacing);
    font-family: var(--e-global-typography-secondary-font-family);
    font-size: 1.1vw;
}

#header #nav .widget_block>ul>li>.children {
    /* conflit JS */

    display: none;
}

#header #nav .children-container .children a {

    color: var(--gris50);
}

#header #nav .cat-item-15>.children-container>.children>li>a {

    text-transform: uppercase;
    letter-spacing: var(--e-global-typography-primary-letter-spacing);
    font-weight: bold;
}

#header #nav .cat-item-15>.children-container>.children>li {

    margin-bottom: 12.5px;

}

/* ------------------------------------------ */

#header #nav:after {

    content: '';
    pointer-events: none;
    width: 100%;
    height: calc(100vh - 125px);
    position: absolute;
    top: 100%;
    left: 0;
    background: rgba(29, 30, 28, .5);
    opacity: 0;
    pointer-events: none;
    z-index: -1;
    transition: opacity .3s;
}

body:has(#header #nav .widget_block>ul>li:hover) #nav:after {

    opacity: 1;
}

#header #nav .widget_block>ul>li>.children-container {

    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    background: white;
    border-bottom: solid 1px var(--blanc90);
    padding: 50px 100px;
    pointer-events: none;
    opacity: 0;
    transition: opacity .3s;
    line-height: 1.75em;
    text-wrap: nowrap;
    display: flex;
    gap: 25px;
}

#header #nav .widget_block>ul>li:hover>.children-container {

    opacity: 1;
    pointer-events: all;

}

#header #nav .widget_block>ul>li>.children-container>.children {

    display: flex;
    flex-direction: column;
    width: 25%;
}

#header #nav .widget_block>ul>li.cat-item-15>.children-container>.children {

    flex-direction: column-reverse;
    justify-content: flex-end;
}

#header #nav .widget_block>ul>li>.children-container>.product-container {

    width: 75%;
}

/*------------------------------------*\
    BURGER
\*------------------------------------*/

#header button,
#header button:hover {

    background: transparent !important;
}

#header #burger {

    aspect-ratio: 1;
    width: auto;
    height: 25px;
    position: relative;
    justify-content: center;
    align-items: center;
    display: none;

}

#header #burger span {

    width: 100%;
    height: 2px;
    background: var(--gris50);
    position: absolute;
    transition: all .5s;
    transform-origin: center;
}

#header #burger span.a {

    margin-bottom: 10px;
}

.active-first-span {

    transform: rotate(45deg) !important;
    margin: 0 !important;
}

#header #burger span.b {

    margin-top: 10px;
}

.active-last-span {

    transform: rotate(-45deg) !important;
    margin: 0 !important;
}

/*------------------------------------*\
    WOOCOMMERCE
\*------------------------------------*/

.woocommerce .price {

    font-size: var(--e-global-typography-text-font-size) !important;
    color: var(--noir) !important;
}

.woocommerce ins {

    text-decoration: none !important;
}

.woocommerce del {

    text-decoration: line-through !important;
    opacity: 1 !important;
    color: var(--gris50) !important;
}

.woocommerce .price {

    margin: 0;
}

/*------------------------------------*/

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {

    background: var(--rouge) !important;
    border-top: none !important;
    color: white !important;
    margin: 0 !important;
    padding: 25px !important;
    width: 100% !important;

    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.woocommerce-error::after,
.woocommerce-info::after,
.woocommerce-message::after {

    display: none !important;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message,
.woocommerce-error *,
.woocommerce-info *,
.woocommerce-message * {

    font-family: var(--e-global-typography-secondary-font-family);
    font-size: var(--e-global-typography-text-font-size);
    font-size: var(--e-global-typography-text-font-size) !important;
}

.woocommerce-error a,
.woocommerce-info a,
.woocommerce-message a {

    text-transform: uppercase !important;
    border-radius: 0 !important;
    color: white !important;
    background: transparent !important;
    padding: 0 !important;
}

.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {

    display: none !important;
}

.woocommerce form .form-row .required {

    color: var(--rouge) !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/*------------------------------------*\
    FOOTER
\*------------------------------------*/

#footer,
#footer .mentions {

    border-top: solid 1px var(--blanc90);
}

#footer section {

    width: 100%;
    display: flex;
    padding: 100px;
    justify-content: space-between;
}

#footer li {

    list-style: none;
}

#footer li .children {

    display: none;
}

#footer li a {

    color: var(--gris50);
    transition: color .3s;
}

#footer li a:hover {

    color: var(--rouge);
}

#footer .container {

    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#footer h6 {

    font-family: var(--e-global-typography-primary-font-family);
    font-weight: var(--e-global-typography-primary-font-weight);
    letter-spacing: var(--e-global-typography-primary-letter-spacing);
    color: var(--gris50);
    font-size: 1.25vw;
}

#footer .details {

    padding: 50px;
    border-bottom: solid 1px var(--blanc90);
    text-align: center;
    color: var(--gris50);
    gap: 50px;
    text-wrap: balance;
}

#footer .informations img {

    height: 150px;
    width: auto;
}

#footer .sociaux {

    display: flex;
    gap: 12.5px;
}

#footer .sociaux a:before {

    display: none;
}

#footer .sociaux svg {

    height: 1.5em;
    width: auto;
}

#footer .sociaux svg * {

    fill: var(--gris50);
    transition: fill .3s;
}

#footer .sociaux a:hover svg * {

    fill: var(--rouge);
}

#footer .mentions {

    align-items: center;
    padding: 0 100px;
}

#footer .mentions ul {

    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 50px;

}

#footer .mentions img {

    height: 50px;
    width: auto;
}

#footer a#asticoweb {

    position: relative;
    color: var(--gris50);
    transition: color .3s;
}

#footer a#asticoweb:hover {

    color: var(--rouge);
}

#footer a#asticoweb:before {

    content: '';
    display: inline-block;
    transform: translateY(17.5%);
    width: 1.25em;
    height: 1.25em;
    margin-right: 6.25px;
    background: var(--gris50);
    transition: background .3s;
    -webkit-mask: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 194.4 200"><path d="M90.5,102.2c-1.2-.2-2.9-.3-4.1-.3-5.9-.4-12.2,1.5-15.3,6.3-5,6.9-3.9,19,3.7,23.8,3.4,2.3,7.8,2.8,13.4,2.2h0c11.7-1,22.3-7.9,28.6-17.6-6.6-7.8-15.9-13.2-26.3-14.4Z"/><path d="M108.3,0C59.7,0,0,59.3,0,109.3s59.7,90.7,108.3,90.7,86.1-40.7,86.1-90.7h0C194.4,59.5,156.9,0,108.3,0ZM137.2,142.2c0,3-2.5,5.4-5.5,5.3-2.9,0-5.3-2.4-5.3-5.3,0-3.1-.4-6.2-1.2-9.1-10,10.4-24.1,16.7-38.5,16.9-7.2.3-14.5-1.2-20.5-5.5-10.6-7.3-14.6-21.3-11.6-33.4,3-12.6,13.9-21.7,26.8-22.3,1.8-.2,3.7-.1,5.5,0,1,.1,3.1.2,4.1.3,11.6,1.5,22.6,7,30.8,15.3.4-1.6.6-3.5.8-5.1.1-1.1.1-2.7.1-3.9-.1-3.6-.8-7.1-2.3-10.4-.5-.9-1.1-2.3-1.7-3.1-8.6-14.2-28.9-16.6-40.3-4.5-9.8,9.5-24-4-14.9-14.3,17.9-18.3,49.2-17.5,65.9,2,6.7,7.5,10.7,17.4,11.1,27.4h0c.5,10.2-2.2,20.5-7.2,29.4,2.7,6.5,4,13.5,3.9,20.3Z"/></svg>') no-repeat;
    mask: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 194.4 200"><path d="M90.5,102.2c-1.2-.2-2.9-.3-4.1-.3-5.9-.4-12.2,1.5-15.3,6.3-5,6.9-3.9,19,3.7,23.8,3.4,2.3,7.8,2.8,13.4,2.2h0c11.7-1,22.3-7.9,28.6-17.6-6.6-7.8-15.9-13.2-26.3-14.4Z"/><path d="M108.3,0C59.7,0,0,59.3,0,109.3s59.7,90.7,108.3,90.7,86.1-40.7,86.1-90.7h0C194.4,59.5,156.9,0,108.3,0ZM137.2,142.2c0,3-2.5,5.4-5.5,5.3-2.9,0-5.3-2.4-5.3-5.3,0-3.1-.4-6.2-1.2-9.1-10,10.4-24.1,16.7-38.5,16.9-7.2.3-14.5-1.2-20.5-5.5-10.6-7.3-14.6-21.3-11.6-33.4,3-12.6,13.9-21.7,26.8-22.3,1.8-.2,3.7-.1,5.5,0,1,.1,3.1.2,4.1.3,11.6,1.5,22.6,7,30.8,15.3.4-1.6.6-3.5.8-5.1.1-1.1.1-2.7.1-3.9-.1-3.6-.8-7.1-2.3-10.4-.5-.9-1.1-2.3-1.7-3.1-8.6-14.2-28.9-16.6-40.3-4.5-9.8,9.5-24-4-14.9-14.3,17.9-18.3,49.2-17.5,65.9,2,6.7,7.5,10.7,17.4,11.1,27.4h0c.5,10.2-2.2,20.5-7.2,29.4,2.7,6.5,4,13.5,3.9,20.3Z"/></svg>') no-repeat;
}

#footer a#asticoweb:hover::before {

    background: var(--rouge);
}

#footer .mentions li,
#footer .mentions a,
#footer .mentions button {

    font-size: .9vw;
    line-height: 1.75em;
    white-space: nowrap;
    color: var(--gris50);
    transition: color .3s;
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-weight: var(--e-global-typography-text-font-weight);
    padding: 0;
    border: none;
    text-transform: none;
    background-color: transparent;
    cursor: pointer;
}

#footer button:hover {

    color: var(--rouge);
}

/*------------------------------------------------------------------------*\
    RESPONSIVE
\*------------------------------------------------------------------------*/

@media only screen and (max-width:950px) {

    #loader svg#txt {

        width: 33.333%;
    }

    #loader svg#badge {

        width: 12.5%;
    }

    /*------------------------------------*\
    HEADER
\*------------------------------------*/

    .hide-on-mobile {

        display: flex !important;
    }

    #header .container {

        padding: 0 25px;
    }

    #header .btn button {

        border: none;
        padding: 0;
    }

    #header #nav a:before {

        display: none;
    }

    #header form#search-form {

        position: absolute;
        top: 100%;
        left: 0;
        height: 75px;
        width: 100%;
        background: white;
        border-bottom: solid 1px var(--blanc90);
        padding: 0 25px;
        z-index: -1;
        transform: translateY(-100%);
        transition: transform .3s cubic-bezier(.86, 0, .07, 1), -webkit-transform .3s cubic-bezier(.86, 0, .07, 1) !important;
    }

    #header form#search-form button svg {

        height: 25px;
    }

    #header form#search-form button svg * {

        stroke-width: 10px;
    }

    #header form#search-form input {

        width: 100%;
        height: 100%;
    }

    #header #nav:after,
    #header #nav .widget_block>ul>li>.children-container>.product-container {

        display: none;
    }


    #header #nav .children {

        width: 100% !important;
    }

    #header #nav #menu-menu,
    #header #nav .widget_block>ul {

        align-items: inherit;
        flex-direction: column;
        gap: 0;
    }


    #header #nav .widget_block>ul {

        flex-direction: column-reverse;
    }

    #nav,
    #nav .children-container {

        position: absolute;
        top: 100%;
        background: white !important;
        display: flex !important;
        flex-direction: column !important;
        width: 75vw;
        height: calc(100dvh - 75px) !important;
        min-height: calc(100dvh - 75px) !important;
        max-height: calc(100dvh - 75px) !important;
        padding: 0 !important;
        padding-bottom: 50px !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
        overflow-y: auto !important;
        transform: translateX(-100%);
        transition: transform .8s cubic-bezier(.86, 0, .07, 1), -webkit-transform .8s cubic-bezier(.86, 0, .07, 1) !important;
        border-right: solid 1px var(--blanc90) !important;
        gap: 0 !important;

    }

    #nav::-webkit-scrollbar {

        width: 0;
        border: none;
    }

    .active-nav {

        transform: translate(0) !important;
    }

    #nav>*,
    .children>* {

        width: 100%;
    }

    #header #nav .cat-item-15>.children-container>.children>li {

        margin-bottom: 0;
    }

    #header #nav li.cat-item:has(.children)>a {

        pointer-events: none;
    }

    #header #nav li a:not(.all) {

        font-size: var(--e-global-typography-text-font-size) !important;
        padding: 0 50px !important;
        border-bottom: solid 1px var(--blanc90) !important;
        display: block !important;
        width: 100%;
        line-height: 75px !important;
    }

    #header #nav .children-container .children a {

        line-height: 50px !important;
    }

    #header #nav .children-container {

        pointer-events: all !important;
        opacity: 1 !important;
        top: 0 !important;
        left: 0 !important;
        border-bottom: none !important;
        z-index: 1 !important;
        width: 100% !important;
    }

    #header #nav .nav-sub-menu {

        display: none;
    }

    /*------------------------------------*\
    SUB-MENU
\*------------------------------------*/

    #header #nav li:has(.children)>a:after {

        content: '\00203A';
        position: absolute;
        right: 50px;
    }

    #header #nav .nav-sub-menu {

        position: sticky;
        position: -webkit-sticky;
        top: 0;
        z-index: 1;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: white;
        border-bottom: solid 1px var(--blanc90);
        padding: 0 50px;
    }

    #header #nav .nav-sub-menu a,
    #header #nav .nav-sub-menu button {

        padding: 0;
        border: none;
        line-height: 75px;
        display: inline-block;
        text-transform: none;
        font-size: var(--e-global-typography-text-font-size);
        letter-spacing: 0;
        color: var(--gris50);
    }

    /*------------------------------------*\
    FOOTER
\*------------------------------------*/

    #footer .informations {

        flex-wrap: wrap;
        gap: 50px;
    }

    #footer .details {

        flex-wrap: wrap;
        gap: 50px;
    }

    #footer .details div {

        width: calc(50% - 25px);
    }

    #footer .container {

        width: calc(50% - 25px);
        align-items: flex-start;
    }

    #footer h6 {

        font-size: var(--e-global-typography-text-font-size);
    }

    #footer .sociaux {

        margin-top: 6.25px;
    }

    #footer .sociaux svg {

        height: 1.25em;
    }

    #footer .mentions {

        flex-direction: column;
        gap: 12.5px;
    }

    #footer .mentions ul {

        gap: 37.5px;
    }

    #footer .mentions li,
    #footer .mentions a,
    #footer .mentions button {

        font-size: 1.75vw;
    }

    #footer .mentions {

        padding: 0 50px 25px 50px;
    }

}

@media only screen and (max-width:650px) {

    #loader svg#txt {

        width: 50%;
    }

    #loader svg#badge {

        width: 20%;
    }

    /*------------------------------------*\
    HEADER
\*------------------------------------*/

    #nav,
    #nav .children-container {

        width: calc(100vw - 50px);
    }

    #header #nav li:has(.children)>a:after {

        right: 37.5px;

    }

    #header #nav .nav-sub-menu,
    #header #nav li a:not(.all) {

        padding: 0 37.5px !important;
    }

    #header .container a#logo svg.logo-mobile {

        display: inherit;
    }

    #header .container a#logo svg.logo {

        display: none;
    }

    /*------------------------------------*\
    FOOTER
\*------------------------------------*/

    #footer .informations {

        padding: 50px;
    }

    #footer .details {

        flex-direction: column;
    }

    #footer .details div {

        width: 100%;
    }

    #footer .container {

        width: 100%;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    #footer .mentions {

        flex-direction: column;
        gap: 12.5px;
    }

    #footer .mentions ul {

        gap: 6.25px 25px;
    }

    #footer .mentions {

        padding: 25px;
        padding-top: 0;
    }

    #footer .mentions li,
    #footer .mentions a,
    #footer .mentions button {

        font-size: 2.75vw;
    }

}