@media (min-width: 992px) {

    #mks-mobile-menu,
    #mks-mobile-overlay {
        display: none !important;
    }

}

@media (max-width: 991px) {

    body.mks-mobile-menu-open {
        overflow: hidden;
    }

    /* ==========================
       Overlay
    ========================== */

    #mks-mobile-overlay {

        position: fixed;

        inset: 0;

        background: rgba(0,0,0,.45);

        opacity: 0;

        visibility: hidden;

        transition: .35s ease;

        z-index: 9998;

    }

    #mks-mobile-overlay.is-visible{

        opacity:1;

        visibility:visible;
        top: 85px;

    }

    /* ==========================
       Menu
    ========================== */

    #mks-mobile-menu{

        position:fixed;

        top:85px;

        left:0;

        width:100vw;

        max-width:100vw;

        height:100vh;

        background:#E7EDF4;

        transform:translateX(-100%);

        transition:transform .35s ease;

        z-index:9999;

        display:flex;

        flex-direction:column;

        overflow-x:hidden;

        /*box-shadow:0 0 20px rgba(0,0,0,.25);*/
        -webkit-overflow-scrolling: touch;
        overflow-y: auto;

    }

    #mks-mobile-menu.is-open{

        transform:translateX(0);

    }

    /* ==========================
       Header
    ========================== */

    .mks-mobile-header{

        height:0;

        display:flex;

        align-items:center;

        justify-content:flex-end;

        padding:0 20px;

        /*border-bottom:1px solid #ececec;*/

        flex-shrink:0;

    }

    .mks-mobile-close{

        border:none;

        background:none;

        cursor:pointer;

        padding:0;

        font-size:22px;

        line-height:1;

    }

    /* ==========================
       Navigation
    ========================== */

    .mks-mobile-navigation{

        flex:1;

        position:relative;

        overflow:hidden;

    }

    .mks-mobile-panel{

        position:absolute;

        inset:0;

        overflow-y:auto;

        background:#fff;

        transform:translateX(100%);

        transition:transform .30s ease;

    }

    .mks-mobile-panel.is-active{

        transform:translateX(0);

    }

    .mks-mobile-panel.is-left{

        transform:translateX(-100%);

    }

    .mks-mobile-list{

        list-style:none;

        margin:0;

        padding:0;

    }

    .mks-mobile-list li{

        /*border-bottom:1px solid #f3f3f3;*/
        padding-bottom: 25px;

    }

    .mks-mobile-link,
    .mks-next-panel{

        display:flex;

        align-items:center;

        justify-content:space-between;

        width:100%;

        min-height:56px;

        padding:0 20px;

        color:#0D1745;

        text-decoration:none;

        background:#fff;

        border:none;

        font-size:15px;

        font-weight:500;

        cursor:pointer;

        transition:.2s;

    }

    .mks-mobile-link:hover,
    .mks-next-panel:hover{

        background:#E7EDF4;

        color:#0D1745;

        text-decoration:none;

    }

    /* ==========================
       Back
    ========================== */

    .mks-mobile-back{

        height:56px;

        border-bottom:1px solid #ececec;

    }

    .mks-back-button{

        width:100%;

        height:56px;

        border:none;

        background:#fff;

        display:flex;

        align-items:center;

        gap:12px;

        padding:0 20px;

        font-weight:600;

        cursor:pointer;

    }

    /* ==========================
       Search
    ========================== */

    .mks-mobile-search{

        padding:30px 0 0 0;

        border-bottom:1px solid #647CA0;

        flex-shrink:0;
        margin: 0 20px 50px 20px;

    }
    .mks-mobile-search input {
        color: #647CA0;
        background: #E7EDF4;
    }

    .mks-mobile-search input::placeholder {
        color: #647CA0;
        opacity: 1;
        font-weight: 600;
    }

    .mks-mobile-search form{

        display:flex;

        border:1px solid #ddd;

    }

    .mks-mobile-search input{

        flex:1;

        height:46px;

        border:none;

        outline:none;

        padding:0;

        font-size:1.2rem;
        font-weight: 600;

    }

    .mks-mobile-search button{

        width: auto;

        border:none;

        background:#E7EDF4;

        cursor:pointer;
        float: right;
        margin-right: 14px;
        margin-top: 12px;

    }
    .mks-mobile-search .icon-search:before{
        font-size: 1.5rem !important;
    }

    /* ==========================
       Footer
    ========================== */

    .mks-mobile-footer{

        /*border-top:1px solid #ececec;*/

        flex-shrink:0;

    }

    .mks-mobile-account{

        height:50px;

        display:flex;

        align-items:center;

        gap:8px;

        padding:0 20px;

        text-decoration:none;

        color:#0D1745;

        font-weight:600;
        font-size: 1.2rem;

    }

    .mks-mobile-account:hover{

        background:#E7EDF4;

        color:#0D1745;

        text-decoration:none;

    }

    /* ==========================
       Scrollbar
    ========================== */

    .mks-mobile-panel::-webkit-scrollbar{

        width:6px;

    }

    .mks-mobile-panel::-webkit-scrollbar-thumb{

        background:#d5d5d5;

        border-radius:20px;

    }

}
/* ==========================
   Menu cloné
========================== */

.mks-mobile-navigation ul{
    list-style:none;
    margin:0;
    padding:0;
}

.mks-mobile-navigation li{
    position:relative;
}

.mks-mobile-navigation li>a{
    display:block;
    padding:12px;
    text-decoration:none;
    color:#0D1745;
    /*border-bottom:1px solid #ececec;*/
    text-transform: uppercase;
    font-family: "Anton" !important;
    font-size: 1.4rem !important;
    font-weight: 400 !important;
}

.mks-mobile-navigation li>a:hover{
    color:#0D1745;
    background:#E7EDF4;
}

.mks-toggle{

    position:absolute;

    top:0;

    right:0;

    width:56px;

    height:50px;

    border:none;

    background:none;

    font-size:25px;

    cursor:pointer;

}

.mks-mobile-navigation .sub-menu{

    background:#E7EDF4;
    box-shadow: none !important;
}

.mks-mobile-navigation .sub-menu a{

    padding-left:40px;

}

.mks-mobile-navigation .sub-menu .sub-menu a{

    padding-left:60px;

}

.mks-mobile-navigation .sub-menu .sub-menu .sub-menu a{

    padding-left:80px;

}
.mks-mobile-footer .wish_link_17,
.mks-mobile-footer #_desktop_user_info,
.mks-mobile-footer #_desktop_cart {
    display: none !important;
}
.mks-mobile-footer #_desktop_language_selector {
    display: block !important;
    padding: 4% 6%;
}
.mks-mobile-footer #_desktop_language_selector button {
    display: flex !important;
    flex-direction: row-reverse;
    gap: 10px;
}
.mks-mobile-navigation .material-icons {
    display: none;
}
.mks-mobile-navigation .top-menu {
    padding: 14px;
    display: grid !important;
}
.mks-mobile-footer .icon-heart-o:before {
    font-size: 22px;
}
.mks-mobile-footer .icon-user:before {
    font-size: 22px;
}
.mks-mobile-footer .language-selector-wrapper .dropdown-menu {
    border: none !important;
}
.mks-mobile-footer .language-selector-wrapper .dropdown-item {
    padding: 0px 2.1rem !important;
}
.mks-mobile-footer .language-selector-wrapper .dropdown-menu img {
    width: 25px;
    height: auto;
}
.mks-mobile-navigation .top-menu .sub-menu ul[data-depth="1"]>li {
    margin: 0;
}
.mks-mobile-navigation .top-menu a:not([data-depth="0"]) {
    padding: 0;
    color: #0D1745;  
}
.mks-mobile-navigation ul.top-menu[data-depth="2"] > li > a.dropdown-item {
    text-transform: capitalize;
    font-family: "ClashGrotesk-Variable",sans-serif !important;
    font-weight: 500 !important;
    font-size: 1.05rem !important;
    line-height: 2rem;
    color: #364966 !important;
}
.mks-mobile-navigation .top-menu[data-depth="1"] {
    margin: 0 !important;
}
.mks-mobile-footer .dropdown-menu {
    background-color: #E7EDF4 !important;
}
body.mks-mobile-scrolled #mks-mobile-menu.is-open {
    top: 65px;
}

body.mks-mobile-scrolled #mks-mobile-overlay.is-visible {
    top: 65px;
}