/* =========================================================
   MOBIN SHOPPING — GLOBAL BASE
========================================================= */

:root{
    --ms-yellow:#ffc750;
    --ms-dark:#0b0d10;
    --ms-white:#ffffff;
    --ms-border:rgba(255,255,255,.12);
}

html{
    scroll-behavior:smooth;
}

body{
    margin:0;
    background:#fff;
    color:#17191d;
    font-family:
        Inter,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
}

a{
    color:inherit;
}

img{
    max-width:100%;
    height:auto;
}

/* =========================================================
   MOBIN SHOPPING — PREMIUM HEADER
   Replace the old HEADER section with this complete block.
========================================================= */

body.ms-lock-scroll{
    overflow:hidden;
}

.ms-header{
    position:absolute;
    top:0;
    left:0;
    right:0;
    z-index:9999;
    width:100%;
    color:#fff;
    background:linear-gradient(
        180deg,
        rgba(4,6,9,.88) 0%,
        rgba(4,6,9,.54) 58%,
        transparent 100%
    );
    transition:
        background .3s ease,
        box-shadow .3s ease,
        backdrop-filter .3s ease,
        transform .3s ease;
}

.ms-header.is-scrolled{
    position:fixed;
    background:rgba(8,10,14,.90);
    border-bottom:1px solid rgba(255,255,255,.08);
    box-shadow:0 14px 40px rgba(0,0,0,.20);
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
}

.ms-header-inner{
    width:100%;
    max-width:1440px;
    min-height:104px;
    margin:0 auto;
    padding:0 clamp(18px,3vw,42px);
    display:grid;
    grid-template-columns:minmax(220px,285px) 1fr auto;
    align-items:center;
    gap:clamp(20px,3vw,42px);
}

/* =========================================================
   LOGO
========================================================= */

.ms-header-logo{
    min-width:0;
    display:flex;
    align-items:center;
}

.ms-header-logo .custom-logo-link,
.ms-header-logo > a{
    display:inline-flex;
    align-items:center;
    max-width:100%;
    text-decoration:none;
}

.ms-header-logo img,
.ms-header-logo .custom-logo{
    display:block;
    width:auto !important;
    height:auto !important;
    max-width:285px !important;
    max-height:94px !important;
    object-fit:contain;
    object-position:left center;
}

.ms-logo-text{
    color:#fff;
    font-size:22px;
    font-weight:850;
    letter-spacing:-.03em;
    text-decoration:none;
}

/* =========================================================
   DESKTOP NAVIGATION
========================================================= */

.ms-nav{
    min-width:0;
    display:flex;
    justify-content:center;
}

.ms-nav-list{
    list-style:none;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:clamp(18px,2.2vw,32px);
    margin:0;
    padding:0;
}

.ms-nav-list > li{
    position:relative;
}

.ms-nav-list > li > a{
    position:relative;
    display:inline-flex;
    align-items:center;
    min-height:46px;
    padding:0;
    color:rgba(255,255,255,.90);
    font-size:14px;
    font-weight:700;
    white-space:nowrap;
    text-decoration:none;
    transition:color .25s ease;
}

.ms-nav-list > li > a::after{
    content:"";
    position:absolute;
    left:0;
    right:100%;
    bottom:7px;
    height:2px;
    border-radius:10px;
    background:var(--ms-yellow);
    transition:right .28s ease;
}

.ms-nav-list > li > a:hover,
.ms-nav-list > li.current-menu-item > a,
.ms-nav-list > li.current-menu-ancestor > a{
    color:#fff;
}

.ms-nav-list > li > a:hover::after,
.ms-nav-list > li.current-menu-item > a::after,
.ms-nav-list > li.current-menu-ancestor > a::after{
    right:0;
}

/* =========================================================
   DESKTOP DROPDOWNS
========================================================= */

.ms-nav-list .sub-menu{
    position:absolute;
    top:calc(100% + 4px);
    left:50%;
    z-index:20;
    min-width:230px;
    margin:0;
    padding:10px;
    list-style:none;
    border:1px solid rgba(255,255,255,.10);
    border-radius:16px;
    background:rgba(14,16,21,.98);
    box-shadow:0 24px 70px rgba(0,0,0,.38);
    opacity:0;
    visibility:hidden;
    transform:translate(-50%,12px);
    transition:
        opacity .22s ease,
        visibility .22s ease,
        transform .22s ease;
}

.ms-nav-list li:hover > .sub-menu,
.ms-nav-list li:focus-within > .sub-menu{
    opacity:1;
    visibility:visible;
    transform:translate(-50%,0);
}

.ms-nav-list .sub-menu .sub-menu{
    top:-10px;
    left:calc(100% + 10px);
    transform:translate(10px,0);
}

.ms-nav-list .sub-menu li:hover > .sub-menu,
.ms-nav-list .sub-menu li:focus-within > .sub-menu{
    transform:translate(0,0);
}

.ms-nav-list .sub-menu a{
    display:block;
    padding:11px 12px;
    border-radius:10px;
    color:rgba(255,255,255,.78);
    font-size:13px;
    font-weight:650;
    text-decoration:none;
    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease;
}

.ms-nav-list .sub-menu a:hover{
    transform:translateX(3px);
    background:rgba(255,255,255,.07);
    color:#fff;
}

/* =========================================================
   HEADER ACTIONS
========================================================= */

.ms-header-actions{
    min-width:0;
    flex-shrink:0;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:9px;
}

.ms-header-icon,
.ms-header-cart,
.ms-menu-toggle{
    position:relative;
    width:44px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border:1px solid rgba(255,255,255,.13);
    border-radius:13px;
    background:rgba(255,255,255,.07);
    color:#fff;
    text-decoration:none;
    cursor:pointer;
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    transition:
        transform .25s ease,
        background .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}

.ms-header-icon:hover,
.ms-header-cart:hover,
.ms-menu-toggle:hover{
    transform:translateY(-2px);
    background:rgba(255,255,255,.13);
    border-color:rgba(255,255,255,.24);
    box-shadow:0 10px 25px rgba(0,0,0,.15);
}

.ms-header-icon svg,
.ms-header-cart svg,
.ms-mobile-extra svg{
    width:20px;
    height:20px;
    display:block;
    fill:currentColor;
}

.ms-cart-icon{
    width:19px !important;
    height:19px !important;
}

.ms-cart-count{
    position:absolute;
    top:-6px;
    right:-6px;
    min-width:20px;
    height:20px;
    padding:0 5px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:2px solid #0b0d10;
    border-radius:20px;
    background:var(--ms-yellow);
    color:#17191d;
    font-size:10px;
    font-weight:850;
    box-shadow:0 6px 15px rgba(255,199,80,.35);
}

/* =========================================================
   SEARCH PANEL
========================================================= */

.ms-search-panel{
    position:fixed;
    inset:0;
    z-index:10020;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    padding:110px 20px 30px;
    background:rgba(3,5,8,.72);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:
        opacity .28s ease,
        visibility .28s ease;
}

.ms-search-panel.is-open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}

.ms-search-panel-inner{
    width:min(100%,850px);
    margin:0;
    padding:26px;
    border:1px solid rgba(255,255,255,.11);
    border-radius:24px;
    background:rgba(12,15,20,.97);
    box-shadow:0 35px 100px rgba(0,0,0,.48);
    transform:translateY(-18px) scale(.98);
    transition:transform .3s cubic-bezier(.2,.8,.2,1);
}

.ms-search-panel.is-open .ms-search-panel-inner{
    transform:translateY(0) scale(1);
}

.ms-search-panel-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    margin-bottom:20px;
}

.ms-search-panel-head > div{
    display:flex;
    flex-direction:column;
    gap:4px;
}

.ms-search-kicker{
    color:var(--ms-yellow);
    font-size:10px;
    font-weight:850;
    letter-spacing:.10em;
    text-transform:uppercase;
}

.ms-search-panel-head strong{
    color:#fff;
    font-size:24px;
    line-height:1.15;
    font-weight:850;
    letter-spacing:-.025em;
}

.ms-search-close,
.ms-mobile-nav-close{
    width:38px;
    height:38px;
    flex:0 0 38px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border:1px solid rgba(255,255,255,.10);
    border-radius:11px;
    background:rgba(255,255,255,.06);
    color:#fff;
    font:inherit;
    font-size:24px;
    line-height:1;
    cursor:pointer;
    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease;
}

.ms-search-close:hover,
.ms-mobile-nav-close:hover{
    transform:rotate(5deg);
    background:var(--ms-yellow);
    color:#15171a;
}

.ms-search-form-wrap form{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px;
    margin:0;
}

.ms-search-form-wrap input[type="search"]{
    width:100%;
    min-height:56px;
    padding:0 17px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:13px;
    outline:none;
    background:rgba(255,255,255,.07);
    color:#fff;
    font-family:inherit;
    font-size:14px;
    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        background .2s ease;
}

.ms-search-form-wrap input[type="search"]:focus{
    border-color:var(--ms-yellow);
    background:rgba(255,255,255,.10);
    box-shadow:0 0 0 4px rgba(255,199,80,.13);
}

.ms-search-form-wrap input[type="search"]::placeholder{
    color:rgba(255,255,255,.42);
}

.ms-search-form-wrap button,
.ms-search-form-wrap input[type="submit"]{
    min-height:56px;
    padding:0 23px;
    border:0;
    border-radius:13px;
    background:var(--ms-yellow);
    color:#15171a;
    font-family:inherit;
    font-size:12px;
    font-weight:850;
    cursor:pointer;
    transition:
        transform .22s ease,
        background .22s ease;
}

.ms-search-form-wrap button:hover,
.ms-search-form-wrap input[type="submit"]:hover{
    transform:translateY(-2px);
    background:#ffd76f;
}

.ms-search-suggestions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    margin-top:16px;
}

.ms-search-suggestions > span{
    color:rgba(255,255,255,.42);
    font-size:11px;
}

.ms-search-suggestions a{
    display:inline-flex;
    align-items:center;
    min-height:31px;
    padding:0 11px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:100px;
    background:rgba(255,255,255,.05);
    color:rgba(255,255,255,.72);
    font-size:10px;
    font-weight:700;
    text-decoration:none;
    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease;
}

.ms-search-suggestions a:hover{
    background:var(--ms-yellow);
    border-color:var(--ms-yellow);
    color:#15171a;
}

/* =========================================================
   MOBILE MENU BUTTON
========================================================= */

.ms-menu-toggle{
    display:none;
    flex-direction:column;
    gap:4px;
}

.ms-menu-toggle span{
    display:block;
    width:18px;
    height:2px;
    border-radius:3px;
    background:#fff;
    transition:
        transform .3s ease,
        opacity .3s ease;
}

.ms-menu-toggle.is-active span:nth-child(1){
    transform:translateY(6px) rotate(45deg);
}

.ms-menu-toggle.is-active span:nth-child(2){
    opacity:0;
}

.ms-menu-toggle.is-active span:nth-child(3){
    transform:translateY(-6px) rotate(-45deg);
}

/* =========================================================
   MOBILE NAVIGATION DRAWER
========================================================= */

.ms-mobile-nav{
    position:fixed;
    inset:0;
    z-index:10015;
    display:flex;
    justify-content:flex-end;
    background:rgba(3,5,8,.68);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:
        opacity .28s ease,
        visibility .28s ease;
}

.ms-mobile-nav.is-open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}

.ms-mobile-nav-inner{
    width:min(92vw,420px);
    height:100%;
    margin-left:auto;
    padding:22px 20px 28px;
    overflow-y:auto;
    background:#0b0e13;
    border-left:1px solid rgba(255,255,255,.09);
    box-shadow:-25px 0 70px rgba(0,0,0,.38);
    transform:translateX(100%);
    transition:transform .34s cubic-bezier(.2,.8,.2,1);
}

.ms-mobile-nav.is-open .ms-mobile-nav-inner{
    transform:translateX(0);
}

.ms-mobile-nav-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    padding-bottom:16px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.ms-mobile-nav-head > span{
    color:#fff;
    font-size:20px;
    font-weight:850;
    letter-spacing:-.025em;
}

.ms-mobile-nav-list{
    margin:14px 0 0;
    padding:0;
    list-style:none;
}

.ms-mobile-nav-list > li{
    border-bottom:1px solid rgba(255,255,255,.08);
}

.ms-mobile-nav-list a{
    display:block;
    padding:15px 4px;
    color:rgba(255,255,255,.90);
    font-size:15px;
    font-weight:700;
    text-decoration:none;
}

.ms-mobile-nav-list .sub-menu{
    margin:0 0 10px;
    padding:0 0 0 14px;
    list-style:none;
}

.ms-mobile-nav-list .sub-menu li{
    border:0;
}

.ms-mobile-nav-list .sub-menu a{
    padding:9px 4px;
    color:rgba(255,255,255,.58);
    font-size:12px;
}

.ms-mobile-section-title{
    display:block;
    margin-bottom:10px;
    color:rgba(255,255,255,.43);
    font-size:9px;
    font-weight:850;
    letter-spacing:.10em;
    text-transform:uppercase;
}

.ms-mobile-category-links{
    margin-top:23px;
}

.ms-mobile-category-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
}

.ms-mobile-category-grid a{
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:8px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:11px;
    background:rgba(255,255,255,.05);
    color:rgba(255,255,255,.78);
    font-size:11px;
    font-weight:750;
    text-align:center;
    text-decoration:none;
}

.ms-mobile-extra{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
    margin-top:23px;
}

.ms-mobile-extra a{
    position:relative;
    min-height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:8px;
    border-radius:12px;
    background:var(--ms-yellow);
    color:#15171a;
    font-size:11px;
    font-weight:850;
    text-align:center;
    text-decoration:none;
}

.ms-mobile-extra svg{
    width:17px;
    height:17px;
}

.ms-mobile-extra strong{
    min-width:18px;
    height:18px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:100px;
    background:#15171a;
    color:#fff;
    font-size:9px;
}

.ms-mobile-support{
    display:flex;
    flex-direction:column;
    gap:7px;
    margin-top:24px;
    padding:16px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:14px;
    background:rgba(255,255,255,.04);
}

.ms-mobile-support span{
    color:rgba(255,255,255,.40);
    font-size:9px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.ms-mobile-support a{
    color:#fff;
    font-size:12px;
    font-weight:700;
    text-decoration:none;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width:1120px){

    .ms-header-inner{
        grid-template-columns:minmax(175px,215px) 1fr auto;
        min-height:94px;
        padding-left:20px;
        padding-right:20px;
        gap:20px;
    }

    .ms-header-logo img,
    .ms-header-logo .custom-logo{
        max-width:195px !important;
        max-height:68px !important;
    }

    .ms-nav-list{
        gap:18px;
    }

    .ms-nav-list > li > a{
        font-size:13px;
    }
}

@media(max-width:900px){

    .ms-header-inner{
        min-height:84px;
        grid-template-columns:minmax(0,1fr) auto;
        gap:12px;
        padding-left:15px;
        padding-right:15px;
    }

    .ms-nav{
        display:none;
    }

    .ms-menu-toggle{
        display:flex;
    }

    .ms-header-logo img,
    .ms-header-logo .custom-logo{
        max-width:165px !important;
        max-height:58px !important;
    }
}

@media(max-width:520px){

    .ms-header-inner{
        min-height:78px;
        padding-left:12px;
        padding-right:12px;
    }

    .ms-header-logo img,
    .ms-header-logo .custom-logo{
        max-width:145px !important;
        max-height:52px !important;
    }

    .ms-header-actions{
        gap:7px;
    }

    .ms-header-icon,
    .ms-header-cart,
    .ms-menu-toggle{
        width:39px;
        height:39px;
        border-radius:11px;
    }

    .ms-search-panel{
        padding:86px 12px 20px;
    }

    .ms-search-panel-inner{
        padding:20px 16px;
        border-radius:19px;
    }

    .ms-search-panel-head strong{
        font-size:20px;
    }

    .ms-search-form-wrap form{
        grid-template-columns:1fr;
    }

    .ms-search-form-wrap button,
    .ms-search-form-wrap input[type="submit"]{
        width:100%;
    }

    .ms-mobile-nav-inner{
        width:94vw;
    }
}

@media(max-width:380px){

    .ms-header-logo img,
    .ms-header-logo .custom-logo{
        max-width:125px !important;
        max-height:46px !important;
    }

    .ms-header-icon.ms-search-toggle{
        display:none;
    }
}

/* =========================================================
   MOBIN SHOPPING — PREMIUM FOOTER
========================================================= */

.ms-footer{
    position:relative;
    width:100%;
    overflow:hidden;
    padding:
        clamp(70px,7vw,105px)
        20px
        26px;
    background:
        radial-gradient(
            circle at 18% 8%,
            rgba(255,199,80,.10),
            transparent 24%
        ),
        radial-gradient(
            circle at 88% 12%,
            rgba(255,255,255,.04),
            transparent 22%
        ),
        linear-gradient(
            180deg,
            #0b0d10 0%,
            #090b0e 100%
        );
    color:#fff;
}

.ms-footer::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            rgba(255,255,255,.025) 1px,
            transparent 1px
        );
    background-size:52px 52px;
    mask-image:
        linear-gradient(
            to bottom,
            rgba(0,0,0,.35),
            transparent 62%
        );
}

.ms-footer-wrap{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1400px;
    margin:0 auto;
}


/* =========================================================
   NEWSLETTER CTA
========================================================= */

.ms-footer-newsletter{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
    margin-bottom:
        clamp(55px,6vw,82px);
    padding:
        clamp(30px,4vw,48px);
    overflow:hidden;
    border:1px solid rgba(255,255,255,.09);
    border-radius:26px;
    background:
        radial-gradient(
            circle at 82% 32%,
            rgba(255,199,80,.20),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            rgba(255,255,255,.06),
            rgba(255,255,255,.025)
        );
    box-shadow:
        0 28px 80px
        rgba(0,0,0,.24);
}

.ms-footer-newsletter::after{
    content:"";
    position:absolute;
    width:340px;
    height:340px;
    top:-190px;
    right:-120px;
    border-radius:50%;
    border:
        1px solid
        rgba(255,255,255,.08);
    pointer-events:none;
}

.ms-footer-newsletter-content{
    position:relative;
    z-index:2;
    max-width:760px;
}

.ms-footer-kicker{
    display:inline-block;
    margin-bottom:10px;
    color:var(--ms-yellow);
    font-size:10px;
    font-weight:850;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.ms-footer-newsletter h2{
    max-width:760px;
    margin:0;
    color:#fff;
    font-size:
        clamp(30px,4vw,50px);
    line-height:1;
    font-weight:850;
    letter-spacing:-.045em;
}

.ms-footer-newsletter p{
    max-width:650px;
    margin:16px 0 0;
    color:
        rgba(255,255,255,.61);
    font-size:14px;
    line-height:1.7;
}

.ms-footer-newsletter-action{
    position:relative;
    z-index:2;
    min-width:
        min(100%,310px);
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:9px;
}

.ms-footer-newsletter-btn{
    min-height:54px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:0 22px;
    border-radius:13px;
    background:var(--ms-yellow);
    color:#15171a;
    font-size:12px;
    font-weight:850;
    text-decoration:none;
    box-shadow:
        0 15px 34px
        rgba(255,199,80,.22);
    transition:
        transform .25s ease,
        background .25s ease,
        box-shadow .25s ease;
}

.ms-footer-newsletter-btn:hover{
    transform:translateY(-3px);
    background:#ffd76f;
    box-shadow:
        0 20px 42px
        rgba(255,199,80,.28);
}

.ms-footer-newsletter-btn span{
    transition:
        transform .25s ease;
}

.ms-footer-newsletter-btn:hover span{
    transform:translateX(4px);
}

.ms-footer-newsletter-action small{
    color:
        rgba(255,255,255,.38);
    font-size:9px;
    line-height:1.5;
}


/* =========================================================
   MAIN FOOTER GRID
========================================================= */

.ms-footer-grid{
    display:grid;
    grid-template-columns:
        minmax(280px,1.55fr)
        repeat(4,minmax(150px,1fr));
    gap:
        clamp(28px,3vw,48px);
    align-items:start;
}

.ms-footer-brand{
    min-width:0;
}

.ms-footer-logo{
    display:inline-flex;
    align-items:center;
    max-width:100%;
    color:#fff;
    text-decoration:none;
}

.ms-footer-brand-logo{
    display:block;
    width:auto;
    height:auto;
    max-width:245px;
    max-height:82px;
    object-fit:contain;
    object-position:left center;
}

.ms-footer-logo > span{
    color:#fff;
    font-size:25px;
    font-weight:850;
    letter-spacing:-.03em;
}

.ms-footer-brand > p{
    max-width:420px;
    margin:19px 0 0;
    color:
        rgba(255,255,255,.58);
    font-size:13px;
    line-height:1.75;
}

.ms-footer-contact-list{
    display:grid;
    gap:9px;
    margin-top:24px;
}

.ms-footer-contact-list a{
    width:max-content;
    max-width:100%;
    display:flex;
    align-items:center;
    gap:10px;
    color:
        rgba(255,255,255,.74);
    font-size:12px;
    font-weight:650;
    text-decoration:none;
    transition:
        color .2s ease,
        transform .2s ease;
}

.ms-footer-contact-list a:hover{
    transform:translateX(3px);
    color:var(--ms-yellow);
}

.ms-footer-contact-icon{
    width:34px;
    height:34px;
    flex:0 0 34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.09);
    border-radius:10px;
    background:
        rgba(255,255,255,.05);
    color:var(--ms-yellow);
    font-size:13px;
}

.ms-footer-socials{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    margin-top:24px;
}

.ms-footer-socials a{
    width:37px;
    height:37px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.09);
    border-radius:11px;
    background:
        rgba(255,255,255,.05);
    color:
        rgba(255,255,255,.82);
    font-size:13px;
    font-weight:800;
    text-decoration:none;
    transition:
        transform .22s ease,
        background .22s ease,
        color .22s ease,
        border-color .22s ease;
}

.ms-footer-socials a:hover{
    transform:translateY(-3px);
    background:var(--ms-yellow);
    border-color:var(--ms-yellow);
    color:#15171a;
}

.ms-footer-col{
    min-width:0;
}

.ms-footer-col h3{
    position:relative;
    margin:2px 0 19px;
    padding-bottom:11px;
    color:#fff;
    font-size:13px;
    font-weight:850;
    letter-spacing:-.01em;
}

.ms-footer-col h3::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:28px;
    height:2px;
    border-radius:10px;
    background:var(--ms-yellow);
}

.ms-footer-col ul{
    list-style:none;
    margin:0;
    padding:0;
}

.ms-footer-col li + li{
    margin-top:10px;
}

.ms-footer-col a{
    display:inline-block;
    color:
        rgba(255,255,255,.56);
    font-size:12px;
    line-height:1.5;
    text-decoration:none;
    transition:
        color .2s ease,
        transform .2s ease;
}

.ms-footer-col a:hover{
    transform:translateX(3px);
    color:var(--ms-yellow);
}


/* =========================================================
   TRUST STRIP
========================================================= */

.ms-footer-trust{
    display:grid;
    grid-template-columns:
        repeat(3,minmax(0,1fr));
    gap:12px;
    margin-top:
        clamp(48px,5vw,70px);
}

.ms-footer-trust-item{
    display:flex;
    align-items:center;
    gap:12px;
    padding:17px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:16px;
    background:
        rgba(255,255,255,.035);
    transition:
        transform .25s ease,
        background .25s ease,
        border-color .25s ease;
}

.ms-footer-trust-item:hover{
    transform:translateY(-3px);
    background:
        rgba(255,255,255,.055);
    border-color:
        rgba(255,199,80,.20);
}

.ms-footer-trust-icon{
    width:42px;
    height:42px;
    flex:0 0 42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    background:var(--ms-yellow);
    color:#15171a;
    font-size:15px;
    font-weight:850;
}

.ms-footer-trust-item strong{
    display:block;
    color:#fff;
    font-size:12px;
    font-weight:800;
}

.ms-footer-trust-item small{
    display:block;
    margin-top:3px;
    color:
        rgba(255,255,255,.42);
    font-size:9px;
}


/* =========================================================
   PAYMENT METHODS
========================================================= */

.ms-footer-payments{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
    margin-top:22px;
    padding:22px 0;
    border-top:
        1px solid
        rgba(255,255,255,.08);
    border-bottom:
        1px solid
        rgba(255,255,255,.08);
}

.ms-footer-payments-text{
    display:flex;
    flex-direction:column;
    gap:4px;
}

.ms-footer-payments-text strong{
    color:#fff;
    font-size:12px;
    font-weight:800;
}

.ms-footer-payments-text span{
    max-width:680px;
    color:
        rgba(255,255,255,.40);
    font-size:10px;
    line-height:1.55;
}

.ms-payment-logos{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:8px;
}

.ms-payment-badge{
    min-width:62px;
    height:35px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 10px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:8px;
    background:#fff;
    color:#111318;
    font-size:10px;
    font-weight:850;
    line-height:1;
    box-shadow:
        0 6px 16px
        rgba(0,0,0,.16);
}

.ms-payment-logos img{
    display:block;
    width:auto;
    height:31px;
    max-width:86px;
    object-fit:contain;
}


/* =========================================================
   FOOTER BOTTOM
========================================================= */

.ms-footer-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-top:21px;
    color:
        rgba(255,255,255,.34);
    font-size:10px;
}

.ms-footer-bottom-links{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:14px;
}

.ms-footer-bottom-links a{
    color:
        rgba(255,255,255,.40);
    text-decoration:none;
    transition:
        color .2s ease;
}

.ms-footer-bottom-links a:hover{
    color:var(--ms-yellow);
}


/* =========================================================
   FOOTER RESPONSIVE
========================================================= */

@media(max-width:1180px){

    .ms-footer-grid{
        grid-template-columns:
            minmax(260px,1.4fr)
            repeat(2,minmax(160px,1fr));
    }

    .ms-footer-brand{
        grid-row:
            span 2;
    }
}

@media(max-width:850px){

    .ms-footer{
        padding-left:16px;
        padding-right:16px;
    }

    .ms-footer-newsletter{
        align-items:flex-start;
        flex-direction:column;
    }

    .ms-footer-newsletter-action{
        min-width:0;
    }

    .ms-footer-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .ms-footer-brand{
        grid-column:1 / -1;
        grid-row:auto;
    }

    .ms-footer-trust{
        grid-template-columns:1fr;
    }

    .ms-footer-payments{
        align-items:flex-start;
        flex-direction:column;
    }

    .ms-payment-logos{
        justify-content:flex-start;
    }
}

@media(max-width:560px){

    .ms-footer{
        padding:
            54px
            12px
            22px;
    }

    .ms-footer-newsletter{
        margin-bottom:48px;
        padding:25px 20px;
        border-radius:20px;
    }

    .ms-footer-newsletter h2{
        font-size:32px;
    }

    .ms-footer-newsletter-btn{
        width:100%;
    }

    .ms-footer-grid{
        grid-template-columns:1fr;
        gap:30px;
    }

    .ms-footer-brand{
        grid-column:auto;
    }

    .ms-footer-brand-logo{
        max-width:210px;
        max-height:72px;
    }

    .ms-footer-bottom{
        align-items:flex-start;
        flex-direction:column;
        gap:10px;
    }

    .ms-footer-bottom-links{
        justify-content:flex-start;
        gap:10px;
    }
}

/* =========================================================
   HOMEPAGE HERO
========================================================= */

.ms-hero{
    --ms-yellow:#ffc750;

    position:relative;
    width:100%;
    min-height:clamp(650px,82vh,860px);

    display:flex;
    align-items:center;

    padding:
        clamp(135px,11vw,165px)
        clamp(20px,5vw,75px)
        clamp(75px,7vw,105px);

    overflow:hidden;
    isolation:isolate;

    background:
        linear-gradient(
            90deg,
            rgba(5,7,10,.98) 0%,
            rgba(6,8,12,.95) 28%,
            rgba(8,10,14,.88) 52%,
            rgba(7,9,12,.73) 72%,
            rgba(4,6,9,.65) 100%
        ),
        url("https://mobinahmadi.fr/wp-content/uploads/2026/08/S0d83787f9d5f45168ea1817af852ccb07.webp");

    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
}

.ms-hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-2;
    pointer-events:none;

    background:
        radial-gradient(
            circle at 72% 34%,
            rgba(255,199,80,.22),
            transparent 27%
        ),
        radial-gradient(
            circle at 12% 88%,
            rgba(255,199,80,.08),
            transparent 25%
        ),
        linear-gradient(
            180deg,
            rgba(0,0,0,.06),
            rgba(0,0,0,.26)
        );
}

.ms-hero::after{
    content:"";
    position:absolute;
    width:650px;
    height:650px;
    right:-260px;
    top:-310px;
    z-index:-1;
    border-radius:50%;
    background:rgba(255,199,80,.13);
    filter:blur(25px);
    pointer-events:none;
}

.ms-hero-wrap{
    position:relative;
    z-index:5;

    width:100%;
    max-width:1400px;

    margin:0 auto;

    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(420px,.92fr);

    align-items:center;

    gap:clamp(50px,7vw,110px);
}

.ms-hero-content{
    max-width:720px;
    animation:msContentReveal .9s cubic-bezier(.18,.8,.24,1) both;
}

@keyframes msContentReveal{
    from{
        opacity:0;
        transform:translateY(32px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}

.ms-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:10px;

    margin-bottom:25px;

    padding:8px 16px 8px 9px;

    border-radius:100px;

    border:1px solid rgba(255,255,255,.13);

    background:rgba(255,255,255,.08);

    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

    color:rgba(255,255,255,.86);

    font-size:11px;
    font-weight:800;

    letter-spacing:.085em;
    text-transform:uppercase;
}

.ms-eyebrow-dot{
    width:28px;
    height:28px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:var(--ms-yellow);

    box-shadow:
        0 5px 18px rgba(255,199,80,.42);
}

.ms-eyebrow-dot::before{
    content:"";

    width:7px;
    height:7px;

    border-radius:50%;

    background:#15171a;

    animation:msPulse 1.8s ease-in-out infinite;
}

@keyframes msPulse{
    0%,100%{
        opacity:1;
        transform:scale(1);
    }

    50%{
        opacity:.5;
        transform:scale(.6);
    }
}

.ms-hero-title{
    margin:0;

    max-width:760px;

    color:#fff;

    font-size:clamp(48px,5.5vw,80px);

    line-height:.98;
    font-weight:850;

    letter-spacing:-.055em;

    text-shadow:
        0 5px 32px rgba(0,0,0,.25);
}

.ms-title-highlight{
    position:relative;
    display:inline-block;
    color:#fff;
    z-index:1;
}

.ms-title-highlight::after{
    content:"";
    position:absolute;

    z-index:-1;

    left:-4%;
    right:-4%;
    bottom:5%;

    height:24%;

    border-radius:8px;

    background:var(--ms-yellow);

    transform:rotate(-1.5deg);

    transition:height .35s ease;
}

.ms-title-highlight:hover::after{
    height:88%;
}

.ms-hero-description{
    margin:clamp(25px,3vw,34px) 0 0;

    max-width:610px;

    color:rgba(255,255,255,.70);

    font-size:clamp(16px,1.2vw,18px);

    line-height:1.72;
}

.ms-hero-actions{
    display:flex;
    flex-wrap:wrap;

    gap:12px;

    margin-top:clamp(29px,3.5vw,39px);
}

.ms-btn{
    min-height:56px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    gap:11px;

    padding:0 26px;

    border-radius:14px;

    text-decoration:none;

    font-size:14px;
    font-weight:750;

    transition:
        transform .3s ease,
        background .3s ease,
        box-shadow .3s ease;
}

.ms-btn-primary{
    background:var(--ms-yellow);
    color:#111318;

    box-shadow:
        0 15px 38px rgba(255,199,80,.24);
}

.ms-btn-primary:hover{
    transform:translateY(-4px);
    background:#ffd76f;
}

.ms-btn-secondary{
    color:#fff;

    background:rgba(255,255,255,.08);

    border:1px solid rgba(255,255,255,.18);

    backdrop-filter:blur(18px);
}

.ms-btn-secondary:hover{
    transform:translateY(-4px);

    color:#151515;

    background:var(--ms-yellow);
}

.ms-btn-icon{
    font-size:18px;
    transition:transform .3s ease;
}

.ms-btn:hover .ms-btn-icon{
    transform:translateX(4px);
}

.ms-trust{
    display:flex;
    align-items:center;
    flex-wrap:wrap;

    gap:20px;

    margin-top:clamp(31px,4vw,45px);
}

.ms-trust-item{
    display:flex;
    align-items:center;

    gap:9px;

    color:rgba(255,255,255,.72);

    font-size:12px;
    font-weight:650;
}

.ms-trust-icon{
    width:30px;
    height:30px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:9px;

    color:#fff;

    background:rgba(255,255,255,.09);

    border:1px solid rgba(255,255,255,.13);
}

.ms-visual{
    position:relative;

    min-height:540px;

    display:flex;
    align-items:center;
    justify-content:center;

    perspective:1200px;

    animation:
        msVisualReveal
        1s
        .15s
        cubic-bezier(.18,.8,.24,1)
        both;
}

@keyframes msVisualReveal{
    from{
        opacity:0;
        transform:translateX(45px) scale(.96);
    }

    to{
        opacity:1;
        transform:translateX(0) scale(1);
    }
}

.ms-product-card{
    position:relative;

    width:min(100%,535px);

    min-height:510px;

    overflow:hidden;
    isolation:isolate;

    border-radius:34px;

    background:#eee;

    border:1px solid rgba(255,255,255,.22);

    box-shadow:
        0 45px 115px rgba(0,0,0,.40);

    transition:
        transform .55s cubic-bezier(.18,.8,.24,1),
        box-shadow .55s ease;
}

.ms-product-card:hover{
    transform:
        translateY(-12px)
        rotateY(-2deg)
        rotateX(1deg);

    box-shadow:
        0 65px 140px rgba(0,0,0,.52);
}

.ms-product-image{
    position:absolute;

    inset:0;

    z-index:1;

    background-image:
        url("https://mobinahmadi.fr/wp-content/uploads/2026/06/7e039c22-ab6e-46fd-9a2d-7fbbae84e528_trans.jpeg");

    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;

    transition:transform .8s cubic-bezier(.18,.8,.24,1);
}

.ms-product-card:hover .ms-product-image{
    transform:scale(1.075);
}

.ms-product-card::before{
    content:"";

    position:absolute;

    inset:0;

    z-index:2;

    pointer-events:none;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.03) 0%,
            transparent 36%,
            rgba(8,10,14,.08) 54%,
            rgba(7,9,13,.86) 100%
        );
}

.ms-product-top{
    position:absolute;

    z-index:6;

    top:23px;
    left:23px;
    right:23px;

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

.ms-premium-badge{
    display:inline-flex;
    align-items:center;

    padding:9px 14px;

    border-radius:100px;

    color:#1b1e23;

    background:rgba(255,255,255,.92);

    font-size:11px;
    font-weight:800;
}

.ms-heart{
    width:43px;
    height:43px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    color:#1c1f24;

    background:rgba(255,255,255,.92);

    font-size:19px;
}

.ms-product-bottom{
    position:absolute;

    z-index:7;

    left:28px;
    right:28px;
    bottom:27px;

    color:#fff;
}

.ms-product-small{
    margin:0 0 7px;

    color:rgba(255,255,255,.72);

    font-size:10px;
    font-weight:800;

    letter-spacing:.13em;

    text-transform:uppercase;
}

.ms-product-title{
    margin:0;

    max-width:420px;

    color:#fff;

    font-size:clamp(24px,2vw,31px);

    line-height:1.12;

    font-weight:800;
}

.ms-product-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:18px;

    margin-top:20px;
}

.ms-price-wrap{
    display:flex;
    flex-direction:column;
    gap:3px;
}

.ms-price-label{
    color:rgba(255,255,255,.64);

    font-size:10px;
}

.ms-product-price{
    color:#fff;

    font-size:24px;
    font-weight:850;
}

.ms-product-link{
    width:50px;
    height:50px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:var(--ms-yellow);

    color:#16181b;

    text-decoration:none;

    font-size:20px;

    transition:
        transform .3s ease,
        background .3s ease;
}

.ms-product-link:hover{
    transform:translate(3px,-4px) rotate(-5deg);
    background:#ffd76f;
}

.ms-floating-card{
    position:absolute;

    z-index:12;

    display:flex;
    align-items:center;

    gap:11px;

    padding:11px 15px 11px 10px;

    border-radius:17px;

    background:rgba(255,255,255,.94);

    box-shadow:
        0 20px 55px rgba(0,0,0,.24);
}

.ms-floating-left{
    left:-46px;
    top:105px;

    animation:
        msFloatOne
        4.1s
        ease-in-out
        infinite;
}

.ms-floating-right{
    right:-38px;
    bottom:92px;

    animation:
        msFloatTwo
        4.8s
        ease-in-out
        infinite;
}

@keyframes msFloatOne{
    0%,100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-12px);
    }
}

@keyframes msFloatTwo{
    0%,100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(11px);
    }
}

.ms-floating-icon{
    width:40px;
    height:40px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:12px;

    background:#fff1c6;
    color:#8d6100;
}

.ms-floating-text strong{
    display:block;

    color:#171a1f;

    font-size:12px;
}

.ms-floating-text span{
    display:block;

    margin-top:2px;

    color:#838890;

    font-size:10px;
}

.ms-orbit{
    position:absolute;

    z-index:-1;

    width:590px;
    height:590px;

    border-radius:50%;

    border:1px solid rgba(255,255,255,.10);
}

.ms-scroll{
    position:absolute;

    left:50%;
    bottom:25px;

    transform:translateX(-50%);

    display:flex;
    align-items:center;

    gap:9px;

    color:rgba(255,255,255,.55);

    font-size:10px;
    font-weight:700;

    text-transform:uppercase;
}

.ms-scroll-mouse{
    position:relative;

    width:22px;
    height:33px;

    border:1.5px solid rgba(255,255,255,.35);

    border-radius:15px;
}

.ms-scroll-mouse::after{
    content:"";

    position:absolute;

    top:7px;
    left:50%;

    width:3px;
    height:7px;

    transform:translateX(-50%);

    border-radius:8px;

    background:var(--ms-yellow);

    animation:msScrollMove 1.7s ease-in-out infinite;
}

@keyframes msScrollMove{
    0%{
        opacity:0;
        transform:translate(-50%,0);
    }

    30%{
        opacity:1;
    }

    100%{
        opacity:0;
        transform:translate(-50%,10px);
    }
}


/* =========================================================
   HERO RESPONSIVE
========================================================= */

@media(max-width:1100px){

    .ms-hero-wrap{
        grid-template-columns:
            minmax(0,1fr)
            minmax(370px,.9fr);

        gap:45px;
    }

    .ms-floating-left{
        left:-20px;
    }

    .ms-floating-right{
        right:-12px;
    }

}

@media(max-width:820px){

    .ms-hero{
        min-height:auto;

        padding:
            120px
            20px
            65px;

        text-align:center;

        background:
            linear-gradient(
                180deg,
                rgba(4,6,9,.97) 0%,
                rgba(6,8,12,.94) 43%,
                rgba(6,8,12,.85) 70%,
                rgba(4,6,9,.76) 100%
            ),
            url("https://mobinahmadi.fr/wp-content/uploads/2026/08/S0d83787f9d5f45168ea1817af852ccb07.webp");

        background-position:center;
        background-repeat:no-repeat;
        background-size:cover;
    }

    .ms-hero-wrap{
        display:flex;
        flex-direction:column;

        gap:50px;
    }

    .ms-hero-content{
        width:100%;
        max-width:650px;

        margin:0 auto;
    }

    .ms-eyebrow{
        margin-left:auto;
        margin-right:auto;
    }

    .ms-hero-description{
        margin-left:auto;
        margin-right:auto;
    }

    .ms-hero-actions,
    .ms-trust{
        justify-content:center;
    }

    .ms-visual{
        width:100%;
        min-height:480px;
    }

    .ms-product-card{
        width:min(100%,500px);
        min-height:460px;
    }

    .ms-floating-left{
        left:0;
    }

    .ms-floating-right{
        right:0;
    }

    .ms-scroll{
        display:none;
    }

}

@media(max-width:560px){

    .ms-hero{
        padding:
            110px
            14px
            48px;
    }

    .ms-hero-title{
        font-size:clamp(39px,12vw,54px);
    }

    .ms-hero-description{
        font-size:14.5px;
    }

    .ms-hero-actions{
        display:grid;
        grid-template-columns:1fr;

        width:100%;
    }

    .ms-btn{
        width:100%;
    }

    .ms-trust{
        display:grid;

        grid-template-columns:
            repeat(2,minmax(0,1fr));

        width:100%;

        gap:9px;
    }

    .ms-trust-item{
        padding:8px;

        border-radius:12px;

        background:rgba(255,255,255,.07);

        border:1px solid rgba(255,255,255,.08);

        font-size:10px;
    }

    .ms-product-card{
        min-height:420px;

        border-radius:25px;
    }

    .ms-product-bottom{
        left:20px;
        right:20px;
        bottom:20px;

        text-align:left;
    }

    .ms-floating-left{
        left:-3px;
    }

    .ms-floating-right{
        right:-3px;
    }

}

@media(max-width:390px){

    .ms-trust{
        grid-template-columns:1fr;
    }

    .ms-floating-left{
        display:none;
    }

}

/* =========================================================
   MOBIN SHOPPING — PREMIUM SHOP PAGE
========================================================= */

.ms-shop-page{
    min-height:100vh;
    background:#f6f7f9;
}


/* =========================================================
   SHOP HERO
========================================================= */

.ms-shop-hero{
    position:relative;
    overflow:hidden;
    padding:
        clamp(150px,11vw,180px)
        20px
        clamp(72px,7vw,96px);
    color:#fff;
    background:
        radial-gradient(
            circle at 80% 28%,
            rgba(255,199,80,.18),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #0b0d10 0%,
            #11141a 52%,
            #1b2029 100%
        );
}

.ms-shop-hero::after{
    content:"";
    position:absolute;
    width:440px;
    height:440px;
    top:-205px;
    right:-160px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,199,80,.06);
    pointer-events:none;
}

.ms-shop-hero-inner{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1400px;
    margin:0 auto;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:40px;
}

.ms-shop-hero-content{
    max-width:790px;
}

.ms-shop-kicker{
    display:inline-block;
    margin-bottom:15px;
    color:var(--ms-yellow);
    font-size:10px;
    font-weight:850;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.ms-shop-hero h1{
    margin:0;
    max-width:800px;
    color:#fff;
    font-size:clamp(42px,5.2vw,70px);
    line-height:1;
    font-weight:850;
    letter-spacing:-.05em;
}

.ms-shop-hero p{
    max-width:680px;
    margin:21px 0 0;
    color:rgba(255,255,255,.65);
    font-size:clamp(15px,1.2vw,18px);
    line-height:1.72;
}

.ms-shop-hero-badge{
    min-width:280px;
    display:flex;
    align-items:center;
    gap:13px;
    padding:16px;
    border:1px solid rgba(255,255,255,.11);
    border-radius:17px;
    background:rgba(255,255,255,.94);
    box-shadow:0 22px 55px rgba(0,0,0,.20);
}

.ms-shop-hero-badge-icon{
    width:46px;
    height:46px;
    flex:0 0 46px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:13px;
    background:var(--ms-yellow);
    color:#17191d;
    font-size:17px;
}

.ms-shop-hero-badge small{
    display:block;
    color:#989da5;
    font-size:9px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.ms-shop-hero-badge strong{
    display:block;
    margin-top:3px;
    color:#17191d;
    font-size:12px;
    font-weight:850;
}


/* =========================================================
   SHOP CONTENT / LAYOUT
========================================================= */

.ms-shop-content{
    padding:
        clamp(55px,6vw,86px)
        20px
        clamp(80px,8vw,115px);
}

.ms-shop-container{
    width:100%;
    max-width:1400px;
    margin:0 auto;
}

.ms-shop-layout{
    display:grid;
    grid-template-columns:minmax(240px,290px) minmax(0,1fr);
    gap:clamp(24px,3vw,40px);
    align-items:start;
}

.ms-shop-main{
    min-width:0;
}


/* =========================================================
   MOBILE FILTER BUTTON
========================================================= */

.ms-shop-filter-toggle{
    display:none;
    min-height:46px;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin-bottom:18px;
    padding:0 17px;
    border:0;
    border-radius:11px;
    background:#111318;
    color:#fff;
    font-family:inherit;
    font-size:12px;
    font-weight:800;
    cursor:pointer;
}

.ms-shop-filter-toggle-icon{
    font-size:15px;
}


/* =========================================================
   FILTER SIDEBAR
========================================================= */

.ms-shop-sidebar{
    position:sticky;
    top:118px;
    min-width:0;
    padding:22px;
    border:1px solid rgba(20,25,35,.07);
    border-radius:20px;
    background:#fff;
    box-shadow:0 16px 42px rgba(20,25,35,.07);
}

.ms-shop-sidebar-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:15px;
    padding-bottom:18px;
    border-bottom:1px solid #eceef1;
}

.ms-shop-sidebar-head > div{
    min-width:0;
}

.ms-shop-sidebar-head span{
    display:block;
    margin-bottom:4px;
    color:#a66f00;
    font-size:9px;
    font-weight:850;
    letter-spacing:.10em;
    text-transform:uppercase;
}

.ms-shop-sidebar-head h2{
    margin:0;
    color:#17191d;
    font-size:21px;
    line-height:1.1;
    font-weight:850;
    letter-spacing:-.03em;
}

.ms-shop-sidebar-close{
    display:none;
    width:36px;
    height:36px;
    flex:0 0 36px;
    align-items:center;
    justify-content:center;
    padding:0;
    border:1px solid #e3e6eb;
    border-radius:10px;
    background:#f6f7f9;
    color:#17191d;
    font:inherit;
    font-size:22px;
    line-height:1;
    cursor:pointer;
}

.ms-shop-filter-block{
    padding:20px 0;
    border-bottom:1px solid #eceef1;
}

.ms-shop-filter-block h3{
    margin:0 0 13px;
    color:#17191d;
    font-size:13px;
    font-weight:850;
}


/* =========================================================
   SIDEBAR SEARCH
========================================================= */

.ms-shop-search-form{
    display:grid;
    gap:8px;
}

.ms-shop-search-form input{
    width:100%;
    min-height:44px;
    padding:0 12px;
    border:1px solid #dfe3e8;
    border-radius:10px;
    background:#fafafa;
    color:#17191d;
    font-family:inherit;
    font-size:12px;
    outline:none;
    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        background .2s ease;
}

.ms-shop-search-form input:focus{
    border-color:var(--ms-yellow);
    background:#fff;
    box-shadow:0 0 0 4px rgba(255,199,80,.13);
}

.ms-shop-search-form button{
    min-height:42px;
    border:0;
    border-radius:10px;
    background:#111318;
    color:#fff;
    font-family:inherit;
    font-size:11px;
    font-weight:800;
    cursor:pointer;
    transition:
        transform .22s ease,
        background .22s ease,
        color .22s ease;
}

.ms-shop-search-form button:hover{
    transform:translateY(-2px);
    background:var(--ms-yellow);
    color:#15171a;
}


/* =========================================================
   CATEGORY / PRICE FILTER LISTS
========================================================= */

.ms-shop-category-filter,
.ms-shop-price-filter{
    margin:0;
    padding:0;
    list-style:none;
}

.ms-shop-category-filter li + li,
.ms-shop-price-filter li + li{
    margin-top:6px;
}

.ms-shop-category-filter a,
.ms-shop-price-filter a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-height:38px;
    padding:0 10px;
    border-radius:9px;
    color:#60666f;
    font-size:11px;
    font-weight:650;
    text-decoration:none;
    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease;
}

.ms-shop-category-filter a:hover,
.ms-shop-price-filter a:hover{
    transform:translateX(2px);
    background:#f4f5f7;
    color:#17191d;
}

.ms-shop-category-filter li.is-active a,
.ms-shop-price-filter li.is-active a{
    background:#111318;
    color:#fff;
}

.ms-shop-category-filter small{
    min-width:24px;
    height:24px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 6px;
    border-radius:100px;
    background:#f0f1f3;
    color:#777d86;
    font-size:9px;
    font-weight:800;
}

.ms-shop-category-filter li.is-active small{
    background:var(--ms-yellow);
    color:#15171a;
}


/* =========================================================
   CUSTOM PRICE
========================================================= */

.ms-shop-custom-price{
    display:grid;
    gap:10px;
}

.ms-shop-price-fields{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
}

.ms-shop-price-fields label{
    display:flex;
    flex-direction:column;
    gap:5px;
}

.ms-shop-price-fields span{
    color:#8b9098;
    font-size:9px;
    font-weight:700;
}

.ms-shop-price-fields input{
    width:100%;
    min-height:42px;
    padding:0 10px;
    border:1px solid #dfe3e8;
    border-radius:9px;
    background:#fafafa;
    color:#17191d;
    font-family:inherit;
    font-size:11px;
    outline:none;
}

.ms-shop-price-fields input:focus{
    border-color:var(--ms-yellow);
    box-shadow:0 0 0 4px rgba(255,199,80,.12);
}

.ms-shop-custom-price button{
    min-height:42px;
    border:0;
    border-radius:10px;
    background:var(--ms-yellow);
    color:#15171a;
    font-family:inherit;
    font-size:11px;
    font-weight:850;
    cursor:pointer;
}

.ms-shop-reset-filters{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    margin-top:18px;
    padding:0 12px;
    border:1px solid #dedfe3;
    border-radius:10px;
    color:#555b64;
    font-size:10px;
    font-weight:750;
    text-align:center;
    text-decoration:none;
    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease;
}

.ms-shop-reset-filters:hover{
    background:#111318;
    border-color:#111318;
    color:#fff;
}

.ms-shop-sidebar-trust{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin-top:18px;
    padding:14px;
    border-radius:13px;
    background:#111318;
}

.ms-shop-sidebar-trust > span{
    width:32px;
    height:32px;
    flex:0 0 32px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:9px;
    background:var(--ms-yellow);
    color:#15171a;
    font-size:13px;
    font-weight:850;
}

.ms-shop-sidebar-trust strong{
    display:block;
    color:#fff;
    font-size:10px;
    font-weight:800;
}

.ms-shop-sidebar-trust small{
    display:block;
    margin-top:3px;
    color:rgba(255,255,255,.50);
    font-size:9px;
    line-height:1.45;
}


/* =========================================================
   TOOLBAR
========================================================= */

.ms-shop-toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:18px;
    padding:14px 16px;
    border:1px solid rgba(20,25,35,.07);
    border-radius:15px;
    background:#fff;
    box-shadow:0 10px 28px rgba(20,25,35,.05);
}

.ms-shop-toolbar-left,
.ms-shop-toolbar-right{
    display:flex;
    align-items:center;
    gap:10px;
}

.ms-shop-result{
    color:#70757d;
    font-size:12px;
}

.ms-shop-result p{
    margin:0;
}

.ms-shop-sort-label{
    color:#9a9fa7;
    font-size:10px;
    font-weight:700;
}

.ms-shop-ordering form{
    margin:0;
}

.ms-shop-ordering select{
    min-height:42px;
    padding:0 38px 0 13px;
    border:1px solid #e0e3e8;
    border-radius:10px;
    background:#fafafa;
    color:#25282d;
    font-family:inherit;
    font-size:11px;
    outline:none;
    cursor:pointer;
}


/* =========================================================
   ACTIVE FILTERS
========================================================= */

.ms-shop-active-filters{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:20px;
}

.ms-shop-active-filters > span{
    color:#8e939b;
    font-size:10px;
    font-weight:700;
}

.ms-shop-active-filters a{
    min-height:31px;
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:0 10px;
    border-radius:100px;
    background:#111318;
    color:#fff;
    font-size:9px;
    font-weight:750;
    text-decoration:none;
}

.ms-shop-active-filters strong{
    color:var(--ms-yellow);
    font-size:13px;
    line-height:1;
}


/* =========================================================
   PRODUCT GRID
========================================================= */

.ms-shop-page ul.products{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:clamp(16px,2vw,24px);
    margin:0 !important;
    padding:0 !important;
}

.ms-shop-page ul.products::before,
.ms-shop-page ul.products::after{
    display:none !important;
}

.ms-shop-page ul.products li.product{
    position:relative;
    float:none !important;
    width:auto !important;
    margin:0 !important;
    padding:0 0 18px !important;
    overflow:hidden;
    border:1px solid rgba(20,25,35,.07);
    border-radius:18px;
    background:#fff;
    box-shadow:0 10px 30px rgba(20,25,35,.06);
    transition:
        transform .33s cubic-bezier(.2,.8,.2,1),
        box-shadow .33s ease,
        border-color .33s ease;
}

.ms-shop-page ul.products li.product:hover{
    transform:translateY(-6px);
    border-color:rgba(255,183,0,.25);
    box-shadow:0 22px 50px rgba(20,25,35,.13);
}

.ms-shop-page ul.products li.product a.woocommerce-LoopProduct-link{
    display:block;
    text-decoration:none !important;
}

.ms-shop-page ul.products li.product img{
    width:100% !important;
    aspect-ratio:1 / 1;
    display:block;
    margin:0 !important;
    border-radius:18px 18px 0 0;
    background:#f3f4f5;
    object-fit:cover;
    transition:transform .55s cubic-bezier(.2,.8,.2,1);
}

.ms-shop-page ul.products li.product:hover img{
    transform:scale(1.045);
}


/* =========================================================
   PRODUCT BADGES / TITLE / RATING / PRICE
========================================================= */

.ms-shop-page .onsale{
    position:absolute !important;
    z-index:4;
    top:12px !important;
    left:12px !important;
    right:auto !important;
    min-width:auto !important;
    min-height:auto !important;
    margin:0 !important;
    padding:7px 10px !important;
    border-radius:100px !important;
    background:var(--ms-yellow) !important;
    color:#17191d !important;
    font-size:9px !important;
    font-weight:850 !important;
    line-height:1 !important;
    box-shadow:0 8px 20px rgba(255,199,80,.28);
}

.ms-shop-page .woocommerce-loop-product__title{
    margin:16px 16px 7px !important;
    padding:0 !important;
    color:#181b20 !important;
    font-size:clamp(14px,1vw,16px) !important;
    line-height:1.38 !important;
    font-weight:760 !important;
    letter-spacing:-.015em;
    transition:color .2s ease;
}

.ms-shop-page li.product:hover .woocommerce-loop-product__title{
    color:#986500 !important;
}

.ms-shop-page .star-rating{
    margin:0 16px 8px !important;
    color:#f2ae00 !important;
    font-size:11px !important;
}

.ms-shop-page ul.products li.product .price{
    display:block;
    margin:0 16px 14px !important;
    color:#12151a !important;
    font-size:16px !important;
    font-weight:850 !important;
    letter-spacing:-.02em;
}

.ms-shop-page ul.products li.product .price del{
    margin-right:5px;
    color:#9da1a8 !important;
    font-size:11px;
    font-weight:600;
}

.ms-shop-page ul.products li.product .price ins{
    color:#b77900 !important;
    text-decoration:none !important;
}


/* =========================================================
   PRODUCT BUTTONS
========================================================= */

.ms-shop-page ul.products li.product .button{
    width:calc(100% - 32px);
    min-height:43px;
    display:flex !important;
    align-items:center;
    justify-content:center;
    margin:0 16px !important;
    padding:0 14px !important;
    border-radius:10px !important;
    background:#111318 !important;
    color:#fff !important;
    font-size:11px !important;
    font-weight:800 !important;
    line-height:1 !important;
    text-decoration:none !important;
    box-shadow:none !important;
    transition:
        transform .24s ease,
        background .24s ease,
        color .24s ease,
        box-shadow .24s ease !important;
}

.ms-shop-page ul.products li.product .button:hover{
    transform:translateY(-2px);
    background:var(--ms-yellow) !important;
    color:#15171a !important;
    box-shadow:0 12px 25px rgba(255,199,80,.22) !important;
}

.ms-shop-page .added_to_cart{
    display:block;
    margin:9px 16px 0;
    color:#916200;
    font-size:10px;
    font-weight:750;
    text-align:center;
    text-decoration:none;
}


/* =========================================================
   EMPTY STATE
========================================================= */

.ms-shop-empty{
    padding:70px 25px;
    border:1px solid rgba(20,25,35,.07);
    border-radius:20px;
    background:#fff;
    text-align:center;
    box-shadow:0 15px 40px rgba(25,30,40,.06);
}

.ms-shop-empty-icon{
    width:58px;
    height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 18px;
    border-radius:16px;
    background:#111318;
    color:var(--ms-yellow);
    font-size:24px;
}

.ms-shop-empty h2{
    margin:0;
    color:#171a20;
    font-size:28px;
    font-weight:850;
}

.ms-shop-empty p{
    max-width:520px;
    margin:11px auto 0;
    color:#7a7f87;
    font-size:13px;
    line-height:1.65;
}

.ms-shop-empty a{
    min-height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-top:20px;
    padding:0 18px;
    border-radius:10px;
    background:var(--ms-yellow);
    color:#15171a;
    font-size:11px;
    font-weight:850;
    text-decoration:none;
}


/* =========================================================
   PAGINATION
========================================================= */

.ms-shop-pagination{
    margin-top:42px;
}

.ms-shop-page .woocommerce-pagination ul.page-numbers{
    display:flex !important;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    list-style:none;
}

.ms-shop-page .woocommerce-pagination ul.page-numbers li{
    border:0 !important;
}

.ms-shop-page .woocommerce-pagination .page-numbers a,
.ms-shop-page .woocommerce-pagination .page-numbers span{
    width:41px;
    height:41px;
    display:flex !important;
    align-items:center;
    justify-content:center;
    padding:0 !important;
    border:1px solid rgba(20,25,35,.08);
    border-radius:10px;
    background:#fff;
    color:#343840;
    font-size:11px;
    font-weight:750;
    text-decoration:none;
    transition:
        background .22s ease,
        color .22s ease,
        transform .22s ease;
}

.ms-shop-page .woocommerce-pagination .page-numbers a:hover,
.ms-shop-page .woocommerce-pagination .page-numbers .current{
    transform:translateY(-2px);
    background:var(--ms-yellow);
    color:#15171a;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width:1180px){

    .ms-shop-page ul.products{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:900px){

    .ms-shop-hero-inner{
        align-items:flex-start;
        flex-direction:column;
    }

    .ms-shop-hero-badge{
        min-width:0;
        width:100%;
        max-width:420px;
    }

    .ms-shop-filter-toggle{
        display:inline-flex;
    }

    .ms-shop-layout{
        display:block;
    }

    .ms-shop-sidebar{
        position:fixed;
        inset:0;
        z-index:10030;
        width:min(92vw,390px);
        max-width:390px;
        height:100%;
        margin-left:auto;
        padding:22px;
        overflow-y:auto;
        border:0;
        border-radius:0;
        box-shadow:-24px 0 70px rgba(0,0,0,.30);
        transform:translateX(105%);
        transition:transform .32s cubic-bezier(.2,.8,.2,1);
    }

    .ms-shop-sidebar::before{
        content:"";
        position:fixed;
        inset:0;
        z-index:-1;
        background:rgba(3,5,8,.58);
        opacity:0;
        pointer-events:none;
        transition:opacity .25s ease;
    }

    .ms-shop-sidebar.is-open{
        transform:translateX(0);
    }

    .ms-shop-sidebar.is-open::before{
        opacity:1;
        pointer-events:auto;
    }

    .ms-shop-sidebar-close{
        display:flex;
    }
}

@media(max-width:700px){

    .ms-shop-content{
        padding-left:14px;
        padding-right:14px;
    }

    .ms-shop-toolbar{
        align-items:flex-start;
        flex-direction:column;
    }

    .ms-shop-toolbar-right{
        width:100%;
        justify-content:space-between;
    }

    .ms-shop-ordering{
        flex:1;
    }

    .ms-shop-ordering select{
        width:100%;
    }
}

@media(max-width:520px){

    .ms-shop-hero{
        padding:
            116px
            15px
            58px;
    }

    .ms-shop-content{
        padding:
            40px
            12px
            68px;
    }

    .ms-shop-page ul.products{
        gap:11px;
    }

    .ms-shop-page .woocommerce-loop-product__title{
        margin:13px 12px 6px !important;
        font-size:12.5px !important;
    }

    .ms-shop-page .star-rating{
        margin:0 12px 7px !important;
    }

    .ms-shop-page ul.products li.product .price{
        margin:0 12px 12px !important;
        font-size:14px !important;
    }

    .ms-shop-page ul.products li.product .button{
        width:calc(100% - 24px);
        min-height:40px;
        margin:0 12px !important;
        font-size:9.5px !important;
    }

    .ms-shop-page .added_to_cart{
        margin-left:12px;
        margin-right:12px;
    }

    .ms-shop-sidebar{
        width:94vw;
        max-width:none;
    }
}

@media(max-width:380px){

    .ms-shop-page ul.products{
        grid-template-columns:1fr;
    }
}

/* =========================================================
   MOBIN SHOPPING — SINGLE PRODUCT PAGE
========================================================= */

.ms-single-product-page{
    background:#f6f7f9;
    min-height:100vh;
}

.ms-product-page-shell{
    padding:
        clamp(130px,10vw,165px)
        20px
        clamp(70px,7vw,110px);
}

.ms-product-page-container{
    width:100%;
    max-width:1400px;
    margin:0 auto;
}


/* =========================================================
   MAIN PRODUCT AREA
========================================================= */

.ms-single-product-page div.product{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(360px,.92fr);

    gap:
        clamp(45px,6vw,90px);

    align-items:start;
}


/* =========================================================
   PRODUCT GALLERY
========================================================= */

.ms-single-product-page
.woocommerce-product-gallery{
    width:100% !important;

    float:none !important;

    margin:0 !important;
}

.ms-single-product-page
.woocommerce-product-gallery__wrapper{
    margin:0;
}

.ms-single-product-page
.woocommerce-product-gallery__image{
    overflow:hidden;

    border-radius:26px;

    background:#fff;

    border:
        1px solid rgba(20,25,35,.07);

    box-shadow:
        0 20px 55px rgba(20,25,35,.08);
}

.ms-single-product-page
.woocommerce-product-gallery__image img{
    width:100%;

    display:block;

    object-fit:cover;

    transition:
        transform .55s ease;
}

.ms-single-product-page
.woocommerce-product-gallery__image:hover img{
    transform:scale(1.035);
}


/* GALLERY THUMBNAILS */

.ms-single-product-page
.flex-control-thumbs{
    display:grid !important;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:10px;

    margin:14px 0 0 !important;

    padding:0 !important;
}

.ms-single-product-page
.flex-control-thumbs li{
    float:none !important;

    width:auto !important;

    margin:0 !important;
}

.ms-single-product-page
.flex-control-thumbs img{
    border-radius:12px;

    background:#fff;

    border:
        2px solid transparent;

    transition:
        border-color .25s ease,
        opacity .25s ease;
}

.ms-single-product-page
.flex-control-thumbs img.flex-active,
.ms-single-product-page
.flex-control-thumbs img:hover{
    border-color:#ffc750;

    opacity:1 !important;
}


/* =========================================================
   PRODUCT SUMMARY
========================================================= */

.ms-single-product-page
.summary{
    width:100% !important;

    float:none !important;

    margin:0 !important;

    padding:
        clamp(28px,3vw,42px);

    border-radius:26px;

    background:#fff;

    border:
        1px solid rgba(20,25,35,.07);

    box-shadow:
        0 20px 55px rgba(20,25,35,.08);
}


/* =========================================================
   TITLE
========================================================= */

.ms-single-product-page
.product_title{
    margin:
        0
        0
        14px !important;

    color:#17191e;

    font-size:
        clamp(30px,3vw,46px);

    line-height:1.08;

    font-weight:850;

    letter-spacing:-.04em;
}


/* =========================================================
   RATING
========================================================= */

.ms-single-product-page
.woocommerce-product-rating{
    display:flex;

    align-items:center;

    gap:10px;

    margin-bottom:18px !important;
}

.ms-single-product-page
.star-rating{
    color:#f0ad00;
}

.ms-single-product-page
.woocommerce-review-link{
    color:#737880;

    font-size:12px;

    text-decoration:none;
}


/* =========================================================
   PRICE
========================================================= */

.ms-single-product-page
.summary
.price{
    display:flex;

    align-items:center;

    gap:9px;

    margin:
        0
        0
        22px !important;

    color:#17191d !important;

    font-size:
        clamp(26px,2.4vw,36px) !important;

    font-weight:850 !important;

    letter-spacing:-.035em;
}

.ms-single-product-page
.summary
.price del{
    color:#9da2aa !important;

    font-size:17px;

    font-weight:600;
}

.ms-single-product-page
.summary
.price ins{
    color:#b77900 !important;

    text-decoration:none !important;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.ms-single-product-page
.woocommerce-product-details__short-description{
    margin-bottom:26px;

    color:#666c75;

    font-size:15px;

    line-height:1.75;
}

.ms-single-product-page
.woocommerce-product-details__short-description p{
    margin-top:0;
}


/* =========================================================
   CART FORM
========================================================= */

.ms-single-product-page
.cart{
    margin:
        25px
        0
        0 !important;
}


/* QUANTITY */

.ms-single-product-page
.quantity{
    display:inline-flex;

    margin-right:10px !important;
}

.ms-single-product-page
.quantity .qty{
    width:75px;

    min-height:52px;

    border:
        1px solid #dfe2e7;

    border-radius:12px;

    background:#fafafa;

    color:#17191d;

    font-family:inherit;

    font-size:14px;

    font-weight:700;

    text-align:center;

    outline:none;
}


/* ADD TO CART */

.ms-single-product-page
.single_add_to_cart_button{
    min-height:52px;

    padding:
        0
        25px !important;

    border:0 !important;

    border-radius:12px !important;

    background:#101216 !important;

    color:#fff !important;

    font-family:inherit;

    font-size:13px !important;

    font-weight:800 !important;

    cursor:pointer;

    transition:
        transform .25s ease,
        background .25s ease,
        color .25s ease,
        box-shadow .25s ease !important;
}

.ms-single-product-page
.single_add_to_cart_button:hover{
    transform:translateY(-2px);

    background:#ffc750 !important;

    color:#15171a !important;

    box-shadow:
        0 14px 30px rgba(255,199,80,.24) !important;
}


/* =========================================================
   PRODUCT META
========================================================= */

.ms-single-product-page
.product_meta{
    margin-top:28px;

    padding-top:22px;

    border-top:
        1px solid #eceef1;

    color:#8a8f97;

    font-size:12px;

    line-height:1.8;
}

.ms-single-product-page
.product_meta > span{
    display:block;
}

.ms-single-product-page
.product_meta a{
    color:#795600;

    text-decoration:none;
}


/* =========================================================
   STOCK
========================================================= */

.ms-single-product-page
.stock{
    display:inline-flex;

    align-items:center;

    margin:
        0
        0
        18px;

    padding:
        7px
        11px;

    border-radius:100px;

    background:#ecf8ef;

    color:#27783b !important;

    font-size:11px;

    font-weight:750;
}


/* =========================================================
   SALE BADGE
========================================================= */

.ms-single-product-page
.onsale{
    z-index:8 !important;

    top:16px !important;
    left:16px !important;

    min-width:auto !important;
    min-height:auto !important;

    padding:
        8px
        11px !important;

    border-radius:100px !important;

    background:#ffc750 !important;

    color:#17191d !important;

    font-size:10px !important;

    font-weight:850 !important;

    line-height:1 !important;
}


/* =========================================================
   PRODUCT TABS
========================================================= */

.ms-single-product-page
.woocommerce-tabs{
    grid-column:1 / -1;

    width:100%;

    margin-top:
        clamp(45px,5vw,70px);
}

.ms-single-product-page
.woocommerce-tabs
ul.tabs{
    display:flex;

    gap:8px;

    margin:
        0
        0
        18px !important;

    padding:0 !important;

    border:0 !important;
}

.ms-single-product-page
.woocommerce-tabs
ul.tabs::before{
    display:none !important;
}

.ms-single-product-page
.woocommerce-tabs
ul.tabs li{
    margin:0 !important;

    padding:0 !important;

    border:0 !important;

    border-radius:10px !important;

    background:#eceef1 !important;
}

.ms-single-product-page
.woocommerce-tabs
ul.tabs li::before,
.ms-single-product-page
.woocommerce-tabs
ul.tabs li::after{
    display:none !important;
}

.ms-single-product-page
.woocommerce-tabs
ul.tabs li a{
    padding:
        11px
        16px !important;

    color:#565c65 !important;

    font-size:12px;

    font-weight:750 !important;
}

.ms-single-product-page
.woocommerce-tabs
ul.tabs li.active{
    background:#101216 !important;
}

.ms-single-product-page
.woocommerce-tabs
ul.tabs li.active a{
    color:#fff !important;
}

.ms-single-product-page
.woocommerce-Tabs-panel{
    margin:0 !important;

    padding:
        clamp(24px,3vw,38px);

    border-radius:20px;

    background:#fff;

    border:
        1px solid rgba(20,25,35,.07);

    box-shadow:
        0 14px 40px rgba(20,25,35,.06);

    color:#666c75;

    line-height:1.75;
}

.ms-single-product-page
.woocommerce-Tabs-panel h2{
    margin-top:0;

    color:#17191d;

    font-size:24px;

    font-weight:800;
}


/* =========================================================
   RELATED PRODUCTS
========================================================= */

.ms-single-product-page
.related.products{
    grid-column:1 / -1;

    margin-top:
        clamp(55px,6vw,85px);
}

.ms-single-product-page
.related.products > h2{
    margin:
        0
        0
        26px;

    color:#17191d;

    font-size:
        clamp(28px,3vw,40px);

    font-weight:850;

    letter-spacing:-.035em;
}

.ms-single-product-page
.related.products ul.products{
    display:grid !important;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:22px;
}


/* =========================================================
   RELATED PRODUCT CARDS
========================================================= */

.ms-single-product-page
.related.products
li.product{
    width:auto !important;

    float:none !important;

    margin:0 !important;

    padding-bottom:18px !important;

    overflow:hidden;

    border-radius:18px;

    background:#fff;

    border:
        1px solid rgba(20,25,35,.07);

    box-shadow:
        0 12px 30px rgba(20,25,35,.06);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}

.ms-single-product-page
.related.products
li.product:hover{
    transform:translateY(-6px);

    box-shadow:
        0 22px 45px rgba(20,25,35,.12);
}

.ms-single-product-page
.related.products
li.product img{
    margin:0 !important;

    width:100%;

    aspect-ratio:1 / 1;

    object-fit:cover;
}

.ms-single-product-page
.related.products
.woocommerce-loop-product__title{
    margin:
        14px
        15px
        7px !important;

    padding:0 !important;

    color:#17191d !important;

    font-size:14px !important;

    font-weight:750 !important;
}

.ms-single-product-page
.related.products
.price{
    display:block;

    margin:
        0
        15px
        13px !important;

    color:#17191d !important;

    font-size:15px !important;

    font-weight:850 !important;
}

.ms-single-product-page
.related.products
.button{
    width:
        calc(100% - 30px);

    min-height:42px;

    display:flex !important;

    align-items:center;
    justify-content:center;

    margin:
        0
        15px !important;

    border-radius:10px !important;

    background:#101216 !important;

    color:#fff !important;

    font-size:10px !important;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width:1000px){

    .ms-single-product-page
    div.product{
        gap:35px;
    }

    .ms-single-product-page
    .related.products
    ul.products{
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }

}


@media(max-width:800px){

    .ms-product-page-shell{
        padding:
            110px
            16px
            70px;
    }

    .ms-single-product-page
    div.product{
        display:block;
    }

    .ms-single-product-page
    .summary{
        margin-top:25px !important;
    }

    .ms-single-product-page
    .woocommerce-tabs{
        margin-top:45px;
    }

    .ms-single-product-page
    .related.products
    ul.products{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


@media(max-width:520px){

    .ms-product-page-shell{
        padding:
            95px
            12px
            55px;
    }

    .ms-single-product-page
    .summary{
        padding:23px 18px;
        border-radius:20px;
    }

    .ms-single-product-page
    .product_title{
        font-size:30px;
    }

    .ms-single-product-page
    .quantity{
        margin-right:6px !important;
    }

    .ms-single-product-page
    .quantity .qty{
        width:62px;
    }

    .ms-single-product-page
    .single_add_to_cart_button{
        padding:
            0
            16px !important;

        font-size:11px !important;
    }

    .ms-single-product-page
    .woocommerce-tabs
    ul.tabs{
        overflow-x:auto;

        white-space:nowrap;
    }

    .ms-single-product-page
    .related.products
    ul.products{
        gap:12px;
    }

}


@media(max-width:390px){

    .ms-single-product-page
    .related.products
    ul.products{
        grid-template-columns:1fr;
    }

}
/* =========================================================
   MOBIN SHOPPING — PREMIUM SINGLE PRODUCT COMPLETION
   Breadcrumb, reassurance cards and customer support banner
========================================================= */

/* Breadcrumb */
.ms-product-breadcrumb{
    width:100%;
    margin:0 0 28px;
}

.ms-product-breadcrumb-inner,
.ms-product-breadcrumb .woocommerce-breadcrumb{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    margin:0;
    padding:12px 15px;
    border:1px solid rgba(20,25,35,.07);
    border-radius:13px;
    background:rgba(255,255,255,.88);
    color:#8a9098;
    font-size:11px;
    line-height:1.5;
    box-shadow:0 8px 24px rgba(20,25,35,.04);
}

.ms-product-breadcrumb a{
    color:#4e545d;
    font-weight:700;
    text-decoration:none;
    transition:color .2s ease;
}

.ms-product-breadcrumb a:hover{
    color:#9a6800;
}

.ms-product-breadcrumb span{
    color:#b2b6bd;
}

/* Main WooCommerce product container */
.ms-product-main{
    width:100%;
    min-width:0;
}

.ms-product-main .product{
    margin-bottom:0;
}

/* Reassurance cards */
.ms-product-reassurance{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    margin-top:clamp(34px,4vw,54px);
}

.ms-product-reassurance-item{
    min-width:0;
    display:flex;
    align-items:flex-start;
    gap:13px;
    padding:19px;
    border:1px solid rgba(20,25,35,.07);
    border-radius:17px;
    background:#fff;
    box-shadow:0 12px 32px rgba(20,25,35,.055);
    transition:
        transform .26s ease,
        box-shadow .26s ease,
        border-color .26s ease;
}

.ms-product-reassurance-item:hover{
    transform:translateY(-4px);
    border-color:rgba(255,183,0,.25);
    box-shadow:0 20px 44px rgba(20,25,35,.10);
}

.ms-product-reassurance-icon{
    width:43px;
    height:43px;
    flex:0 0 43px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    background:var(--ms-yellow);
    color:#15171a;
    font-size:16px;
    font-weight:900;
    box-shadow:0 10px 24px rgba(255,199,80,.22);
}

.ms-product-reassurance-item strong{
    display:block;
    margin:1px 0 5px;
    color:#17191d;
    font-size:12px;
    font-weight:850;
}

.ms-product-reassurance-item p{
    margin:0;
    color:#777d86;
    font-size:10px;
    line-height:1.55;
}

/* Support banner */
.ms-product-support-banner{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:36px;
    margin-top:clamp(34px,4vw,52px);
    padding:clamp(30px,4vw,48px);
    overflow:hidden;
    border-radius:24px;
    background:
        radial-gradient(circle at 82% 28%,rgba(255,199,80,.20),transparent 28%),
        linear-gradient(135deg,#0a0c10 0%,#11151b 58%,#1b2028 100%);
    box-shadow:0 26px 70px rgba(20,25,35,.18);
}

.ms-product-support-banner::after{
    content:"";
    position:absolute;
    width:320px;
    height:320px;
    top:-180px;
    right:-100px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.08);
    pointer-events:none;
}

.ms-product-support-content,
.ms-product-support-actions{
    position:relative;
    z-index:2;
}

.ms-product-support-content{
    max-width:720px;
}

.ms-product-support-kicker{
    display:inline-block;
    margin-bottom:10px;
    color:var(--ms-yellow);
    font-size:9px;
    font-weight:850;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.ms-product-support-content h2{
    margin:0;
    max-width:700px;
    color:#fff;
    font-size:clamp(29px,3.4vw,46px);
    line-height:1.04;
    font-weight:850;
    letter-spacing:-.042em;
}

.ms-product-support-content p{
    max-width:620px;
    margin:14px 0 0;
    color:rgba(255,255,255,.62);
    font-size:13px;
    line-height:1.7;
}

.ms-product-support-actions{
    min-width:245px;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:10px;
}

.ms-product-support-primary,
.ms-product-support-secondary{
    min-height:50px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    padding:0 20px;
    border-radius:12px;
    font-size:11px;
    font-weight:850;
    text-align:center;
    text-decoration:none;
    transition:
        transform .23s ease,
        background .23s ease,
        color .23s ease,
        border-color .23s ease;
}

.ms-product-support-primary{
    background:var(--ms-yellow);
    color:#15171a;
    box-shadow:0 13px 28px rgba(255,199,80,.21);
}

.ms-product-support-primary:hover{
    transform:translateY(-3px);
    background:#ffd76f;
}

.ms-product-support-primary span{
    transition:transform .23s ease;
}

.ms-product-support-primary:hover span{
    transform:translateX(4px);
}

.ms-product-support-secondary{
    border:1px solid rgba(255,255,255,.14);
    background:rgba(255,255,255,.07);
    color:#fff;
}

.ms-product-support-secondary:hover{
    transform:translateY(-3px);
    border-color:rgba(255,255,255,.26);
    background:rgba(255,255,255,.12);
}

/* Product variation UI refinements */
.ms-single-product-page form.variations_form .variations{
    width:100%;
    margin-bottom:14px;
}

.ms-single-product-page form.variations_form .variations th,
.ms-single-product-page form.variations_form .variations td{
    display:block;
    width:100%;
    padding:0;
    text-align:left;
}

.ms-single-product-page form.variations_form .variations th{
    margin-bottom:7px;
}

.ms-single-product-page form.variations_form .variations tr + tr th{
    margin-top:14px;
}

.ms-single-product-page form.variations_form .variations label{
    color:#2d3137;
    font-size:11px;
    font-weight:800;
}

.ms-single-product-page form.variations_form select{
    width:100%;
    min-height:48px;
    padding:0 40px 0 13px;
    border:1px solid #dfe3e8;
    border-radius:11px;
    background:#fafafa;
    color:#24282d;
    font-family:inherit;
    font-size:12px;
    outline:none;
}

.ms-single-product-page form.variations_form select:focus{
    border-color:var(--ms-yellow);
    background:#fff;
    box-shadow:0 0 0 4px rgba(255,199,80,.13);
}

.ms-single-product-page .reset_variations{
    display:inline-block;
    margin-top:8px;
    color:#8b6100;
    font-size:10px;
    font-weight:750;
    text-decoration:none;
}

.ms-single-product-page .woocommerce-variation-price{
    margin:14px 0;
}

.ms-single-product-page .woocommerce-variation-price .price{
    color:#17191d !important;
    font-size:24px !important;
    font-weight:850 !important;
}

.ms-single-product-page .woocommerce-variation-availability{
    margin-bottom:12px;
}

/* Buttons and quantity */
.ms-single-product-page .cart{
    display:flex;
    align-items:stretch;
    flex-wrap:wrap;
    gap:10px;
}

.ms-single-product-page .quantity .qty{
    width:76px;
    min-height:50px;
    padding:0 10px;
    border:1px solid #dfe3e8;
    border-radius:11px;
    background:#fafafa;
    color:#17191d;
    font-family:inherit;
    font-size:13px;
    font-weight:750;
    text-align:center;
    outline:none;
}

.ms-single-product-page .quantity .qty:focus{
    border-color:var(--ms-yellow);
    background:#fff;
    box-shadow:0 0 0 4px rgba(255,199,80,.13);
}

.ms-single-product-page button.single_add_to_cart_button{
    min-height:50px;
    flex:1 1 230px;
    padding:0 24px !important;
    border:0 !important;
    border-radius:11px !important;
    background:#111318 !important;
    color:#fff !important;
    font-family:inherit;
    font-size:12px !important;
    font-weight:850 !important;
    line-height:1 !important;
    box-shadow:0 12px 28px rgba(17,19,24,.14);
    transition:
        transform .24s ease,
        background .24s ease,
        color .24s ease,
        box-shadow .24s ease !important;
}

.ms-single-product-page button.single_add_to_cart_button:hover{
    transform:translateY(-3px);
    background:var(--ms-yellow) !important;
    color:#15171a !important;
    box-shadow:0 16px 34px rgba(255,199,80,.22) !important;
}

/* Product gallery */
.ms-single-product-page .woocommerce-product-gallery{
    overflow:hidden;
    border:1px solid rgba(20,25,35,.07);
    border-radius:22px;
    background:#fff;
    box-shadow:0 16px 42px rgba(20,25,35,.07);
}

.ms-single-product-page .woocommerce-product-gallery__wrapper{
    margin:0;
}

.ms-single-product-page .woocommerce-product-gallery__image img{
    width:100%;
    display:block;
    background:#f4f5f6;
    object-fit:contain;
}

.ms-single-product-page .flex-control-thumbs{
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:8px;
    margin:10px !important;
    padding:0 !important;
}

.ms-single-product-page .flex-control-thumbs li{
    float:none !important;
    width:auto !important;
    margin:0 !important;
}

.ms-single-product-page .flex-control-thumbs img{
    width:100%;
    aspect-ratio:1 / 1;
    border:1px solid #e3e6ea;
    border-radius:10px;
    background:#f7f7f8;
    object-fit:cover;
    cursor:pointer;
    opacity:.72;
    transition:
        opacity .2s ease,
        border-color .2s ease,
        transform .2s ease;
}

.ms-single-product-page .flex-control-thumbs img:hover,
.ms-single-product-page .flex-control-thumbs img.flex-active{
    transform:translateY(-2px);
    border-color:var(--ms-yellow);
    opacity:1;
}

/* Tabs */
.ms-single-product-page .woocommerce-tabs{
    margin-top:clamp(42px,5vw,68px);
    padding:clamp(22px,3vw,34px);
    border:1px solid rgba(20,25,35,.07);
    border-radius:20px;
    background:#fff;
    box-shadow:0 15px 42px rgba(20,25,35,.06);
}

.ms-single-product-page .woocommerce-tabs ul.tabs{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    margin:0 0 25px !important;
    padding:0 0 16px !important;
    border-bottom:1px solid #e8eaed;
}

.ms-single-product-page .woocommerce-tabs ul.tabs::before,
.ms-single-product-page .woocommerce-tabs ul.tabs li::before,
.ms-single-product-page .woocommerce-tabs ul.tabs li::after{
    display:none !important;
}

.ms-single-product-page .woocommerce-tabs ul.tabs li{
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:10px !important;
    background:#f3f4f6 !important;
}

.ms-single-product-page .woocommerce-tabs ul.tabs li a{
    min-height:38px;
    display:flex;
    align-items:center;
    padding:0 14px !important;
    color:#5f656e !important;
    font-size:10px !important;
    font-weight:800 !important;
}

.ms-single-product-page .woocommerce-tabs ul.tabs li.active{
    background:#111318 !important;
}

.ms-single-product-page .woocommerce-tabs ul.tabs li.active a{
    color:#fff !important;
}

.ms-single-product-page .woocommerce-Tabs-panel{
    color:#5f656e;
    font-size:13px;
    line-height:1.75;
}

.ms-single-product-page .woocommerce-Tabs-panel h2{
    margin-top:0;
    color:#17191d;
    font-size:25px;
    font-weight:850;
}

/* Related products */
.ms-single-product-page .related.products{
    margin-top:clamp(46px,5vw,72px);
}

.ms-single-product-page .related.products > h2{
    margin:0 0 24px;
    color:#17191d;
    font-size:clamp(28px,3.2vw,43px);
    line-height:1;
    font-weight:850;
    letter-spacing:-.04em;
}

.ms-single-product-page .related.products ul.products{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
    margin:0 !important;
    padding:0 !important;
}

.ms-single-product-page .related.products ul.products::before,
.ms-single-product-page .related.products ul.products::after{
    display:none !important;
}

.ms-single-product-page .related.products li.product{
    float:none !important;
    width:auto !important;
    margin:0 !important;
    overflow:hidden;
    border:1px solid rgba(20,25,35,.07);
    border-radius:17px;
    background:#fff;
    box-shadow:0 10px 28px rgba(20,25,35,.055);
}

/* Responsive */
@media(max-width:1050px){

    .ms-product-reassurance{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .ms-single-product-page .related.products ul.products{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media(max-width:820px){

    .ms-product-page-shell{
        padding-left:15px;
        padding-right:15px;
    }

    .ms-product-support-banner{
        align-items:flex-start;
        flex-direction:column;
    }

    .ms-product-support-actions{
        width:100%;
        min-width:0;
        flex-direction:row;
        flex-wrap:wrap;
    }

    .ms-product-support-primary,
    .ms-product-support-secondary{
        flex:1 1 190px;
    }

    .ms-single-product-page .related.products ul.products{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:560px){

    .ms-product-page-shell{
        padding:
            110px
            12px
            68px;
    }

    .ms-product-breadcrumb{
        margin-bottom:18px;
    }

    .ms-product-breadcrumb-inner,
    .ms-product-breadcrumb .woocommerce-breadcrumb{
        padding:10px 12px;
        font-size:9px;
    }

    .ms-product-reassurance{
        grid-template-columns:1fr;
        gap:10px;
    }

    .ms-product-reassurance-item{
        padding:15px;
    }

    .ms-product-support-banner{
        margin-top:30px;
        padding:25px 20px;
        border-radius:19px;
    }

    .ms-product-support-content h2{
        font-size:31px;
    }

    .ms-product-support-actions{
        display:grid;
        grid-template-columns:1fr;
    }

    .ms-product-support-primary,
    .ms-product-support-secondary{
        width:100%;
    }

    .ms-single-product-page .cart{
        display:grid;
        grid-template-columns:76px minmax(0,1fr);
    }

    .ms-single-product-page button.single_add_to_cart_button{
        width:100%;
    }

    .ms-single-product-page .woocommerce-tabs{
        padding:18px 15px;
        border-radius:16px;
    }

    .ms-single-product-page .woocommerce-tabs ul.tabs{
        align-items:stretch;
        flex-direction:column;
    }

    .ms-single-product-page .woocommerce-tabs ul.tabs li a{
        justify-content:center;
    }

    .ms-single-product-page .related.products ul.products{
        gap:11px;
    }
}

@media(max-width:390px){

    .ms-single-product-page .related.products ul.products{
        grid-template-columns:1fr;
    }
}

/* =========================================================
   MOBIN SHOPPING — CART + CHECKOUT
========================================================= */

.woocommerce-cart,
.woocommerce-checkout{
    background:#f6f7f9;
}


/* =========================================================
   PAGE WRAPPER
========================================================= */

.woocommerce-cart .site-main,
.woocommerce-checkout .site-main,
.woocommerce-cart main,
.woocommerce-checkout main{
    padding:
        clamp(125px,10vw,160px)
        20px
        clamp(70px,7vw,105px);
}


.woocommerce-cart .woocommerce,
.woocommerce-checkout .woocommerce{
    width:100%;
    max-width:1400px;
    margin:0 auto;
}


/* =========================================================
   PAGE TITLES
========================================================= */

.woocommerce-cart h1,
.woocommerce-checkout h1,
.woocommerce-cart .entry-title,
.woocommerce-checkout .entry-title{
    margin:
        0
        0
        35px;

    color:#17191d;

    font-size:
        clamp(36px,4.5vw,58px);

    line-height:1;

    font-weight:850;

    letter-spacing:-.045em;
}


/* =========================================================
   CART TABLE
========================================================= */

.woocommerce-cart
table.shop_table{
    overflow:hidden;

    border:
        1px solid rgba(20,25,35,.07) !important;

    border-radius:20px !important;

    background:#fff;

    box-shadow:
        0 18px 45px
        rgba(20,25,35,.07);
}


.woocommerce-cart
table.shop_table th{
    padding:
        16px !important;

    background:#111318;

    color:#fff;

    border:0 !important;

    font-size:11px;

    font-weight:800;

    letter-spacing:.05em;

    text-transform:uppercase;
}


.woocommerce-cart
table.shop_table td{
    padding:
        18px
        16px !important;

    border-top:
        1px solid #eceef1 !important;

    color:#555b64;

    vertical-align:middle !important;
}


/* =========================================================
   CART PRODUCT IMAGE
========================================================= */

.woocommerce-cart
.product-thumbnail img{
    width:74px !important;

    border-radius:12px;

    background:#f4f5f6;
}


/* =========================================================
   CART PRODUCT NAME
========================================================= */

.woocommerce-cart
.product-name a{
    color:#17191d;

    font-size:14px;

    font-weight:750;

    text-decoration:none;
}


.woocommerce-cart
.product-name a:hover{
    color:#a56d00;
}


/* =========================================================
   REMOVE ITEM
========================================================= */

.woocommerce-cart
.product-remove a.remove{
    width:30px;
    height:30px;

    display:flex !important;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#f2f3f5;

    color:#7b8088 !important;

    font-size:18px !important;

    transition:
        background .25s ease,
        color .25s ease,
        transform .25s ease;
}


.woocommerce-cart
.product-remove a.remove:hover{
    transform:scale(1.05);

    background:#111318;

    color:#fff !important;
}


/* =========================================================
   QUANTITY
========================================================= */

.woocommerce-cart
.quantity .qty{
    width:70px;

    min-height:45px;

    border:
        1px solid #dfe2e7;

    border-radius:10px;

    background:#fafafa;

    text-align:center;

    font-family:inherit;

    font-weight:700;

    outline:none;
}


/* =========================================================
   COUPON
========================================================= */

.woocommerce-cart
.coupon{
    display:flex;

    gap:9px;
}


.woocommerce-cart
.coupon input{
    min-height:44px;

    padding:
        0
        13px !important;

    border:
        1px solid #dfe2e7 !important;

    border-radius:10px !important;

    background:#fafafa;

    font-family:inherit;
}


/* =========================================================
   GENERIC CART BUTTON
========================================================= */

.woocommerce-cart
button.button,
.woocommerce-cart
a.button{
    min-height:44px;

    padding:
        0
        18px !important;

    display:inline-flex !important;

    align-items:center;
    justify-content:center;

    border-radius:10px !important;

    background:#111318 !important;

    color:#fff !important;

    font-size:12px !important;

    font-weight:800 !important;

    transition:
        background .25s ease,
        color .25s ease,
        transform .25s ease !important;
}


.woocommerce-cart
button.button:hover,
.woocommerce-cart
a.button:hover{
    transform:translateY(-2px);

    background:#ffc750 !important;

    color:#15171a !important;
}


/* =========================================================
   CART TOTALS
========================================================= */

.woocommerce-cart
.cart-collaterals{
    margin-top:35px;
}


.woocommerce-cart
.cart_totals{
    float:none !important;

    width:min(100%,520px) !important;

    margin-left:auto;

    padding:
        clamp(24px,3vw,35px);

    border-radius:20px;

    background:#fff;

    border:
        1px solid rgba(20,25,35,.07);

    box-shadow:
        0 18px 45px
        rgba(20,25,35,.07);
}


.woocommerce-cart
.cart_totals h2{
    margin:
        0
        0
        20px;

    color:#17191d;

    font-size:26px;

    font-weight:850;

    letter-spacing:-.03em;
}


.woocommerce-cart
.cart_totals table{
    margin-bottom:20px !important;
}


.woocommerce-cart
.cart_totals th,
.woocommerce-cart
.cart_totals td{
    padding:
        13px
        0 !important;

    border-top:
        1px solid #eceef1 !important;

    font-size:13px;
}


.woocommerce-cart
.order-total strong{
    font-size:18px;
}


/* =========================================================
   PROCEED TO CHECKOUT
========================================================= */

.woocommerce-cart
.wc-proceed-to-checkout{
    padding:
        18px
        0
        0 !important;
}


.woocommerce-cart
.wc-proceed-to-checkout
.checkout-button{
    width:100%;

    min-height:55px;

    display:flex !important;

    align-items:center;
    justify-content:center;

    margin:0 !important;

    border-radius:12px !important;

    background:#ffc750 !important;

    color:#15171a !important;

    font-size:13px !important;

    font-weight:850 !important;

    box-shadow:
        0 14px 30px
        rgba(255,199,80,.25);

    transition:
        transform .25s ease,
        background .25s ease !important;
}


.woocommerce-cart
.wc-proceed-to-checkout
.checkout-button:hover{
    transform:translateY(-2px);

    background:#ffd76f !important;
}


/* =========================================================
   CHECKOUT GRID
========================================================= */

.woocommerce-checkout
form.checkout{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(360px,.82fr);

    gap:
        clamp(28px,4vw,55px);

    align-items:start;
}


/* =========================================================
   CHECKOUT BILLING / SHIPPING
========================================================= */

.woocommerce-checkout
#customer_details{
    display:block;
}


.woocommerce-checkout
.col2-set{
    width:100%;
}


.woocommerce-checkout
.col2-set .col-1,
.woocommerce-checkout
.col2-set .col-2{
    float:none !important;

    width:100% !important;
}


.woocommerce-checkout
.col2-set .col-2{
    margin-top:20px;
}


/* =========================================================
   CHECKOUT PANELS
========================================================= */

.woocommerce-checkout
.woocommerce-billing-fields,
.woocommerce-checkout
.woocommerce-shipping-fields,
.woocommerce-checkout
.woocommerce-additional-fields{
    padding:
        clamp(24px,3vw,34px);

    border-radius:20px;

    background:#fff;

    border:
        1px solid rgba(20,25,35,.07);

    box-shadow:
        0 16px 42px
        rgba(20,25,35,.06);
}


.woocommerce-checkout
.woocommerce-billing-fields h3,
.woocommerce-checkout
.woocommerce-shipping-fields h3,
.woocommerce-checkout
.woocommerce-additional-fields h3{
    margin:
        0
        0
        22px;

    color:#17191d;

    font-size:24px;

    font-weight:850;

    letter-spacing:-.03em;
}


/* =========================================================
   FORM FIELDS
========================================================= */

.woocommerce-checkout
.form-row{
    margin-bottom:15px !important;
}


.woocommerce-checkout
.form-row label{
    margin-bottom:6px;

    color:#343941;

    font-size:12px;

    font-weight:750;
}


.woocommerce-checkout
.input-text,
.woocommerce-checkout
select,
.woocommerce-checkout
textarea{
    width:100%;

    min-height:48px;

    padding:
        0
        14px;

    border:
        1px solid #dfe2e7 !important;

    border-radius:10px;

    background:#fafafa;

    color:#17191d;

    font-family:inherit;

    font-size:13px;

    outline:none;

    transition:
        border-color .25s ease,
        box-shadow .25s ease,
        background .25s ease;
}


.woocommerce-checkout
textarea{
    min-height:130px;

    padding:
        13px
        14px;
}


.woocommerce-checkout
.input-text:focus,
.woocommerce-checkout
select:focus,
.woocommerce-checkout
textarea:focus{
    border-color:#ffc750 !important;

    background:#fff;

    box-shadow:
        0 0 0 4px
        rgba(255,199,80,.13);
}


/* =========================================================
   ORDER REVIEW
========================================================= */

.woocommerce-checkout
#order_review_heading{
    margin:
        0
        0
        15px;

    color:#17191d;

    font-size:24px;

    font-weight:850;
}


.woocommerce-checkout
#order_review{
    padding:
        clamp(24px,3vw,34px);

    border-radius:20px;

    background:#fff;

    border:
        1px solid rgba(20,25,35,.07);

    box-shadow:
        0 16px 42px
        rgba(20,25,35,.06);
}


.woocommerce-checkout
#order_review
table{
    border:0 !important;
}


.woocommerce-checkout
#order_review th,
.woocommerce-checkout
#order_review td{
    padding:
        13px
        0 !important;

    border-top:
        1px solid #eceef1 !important;

    font-size:12px;
}


/* =========================================================
   PAYMENT
========================================================= */

.woocommerce-checkout
#payment{
    margin-top:20px;

    border-radius:14px !important;

    background:#f5f6f8 !important;
}


.woocommerce-checkout
#payment
ul.payment_methods{
    padding:
        18px !important;

    border-bottom:
        1px solid #e4e6ea !important;
}


.woocommerce-checkout
#payment
.payment_box{
    background:#fff !important;

    color:#666c75 !important;

    font-size:12px !important;
}


.woocommerce-checkout
#payment
.payment_box::before{
    border-bottom-color:#fff !important;
}


/* =========================================================
   PLACE ORDER BUTTON
========================================================= */

.woocommerce-checkout
#place_order{
    width:100%;

    min-height:56px;

    margin-top:10px;

    border:0 !important;

    border-radius:12px !important;

    background:#ffc750 !important;

    color:#15171a !important;

    font-size:13px !important;

    font-weight:850 !important;

    box-shadow:
        0 14px 30px
        rgba(255,199,80,.25);

    transition:
        transform .25s ease,
        background .25s ease !important;
}


.woocommerce-checkout
#place_order:hover{
    transform:translateY(-2px);

    background:#ffd76f !important;
}


/* =========================================================
   MESSAGES
========================================================= */

.woocommerce-message,
.woocommerce-info,
.woocommerce-error{
    margin-bottom:22px !important;

    padding:
        15px
        18px
        15px
        45px !important;

    border-radius:12px;

    background:#fff;

    border:
        1px solid rgba(20,25,35,.08);

    box-shadow:
        0 10px 28px
        rgba(20,25,35,.05);
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:850px){

    .woocommerce-checkout
    form.checkout{
        grid-template-columns:1fr;
    }


    .woocommerce-cart
    .cart_totals{
        width:100% !important;
    }

}


@media(max-width:700px){

    .woocommerce-cart
    table.shop_table_responsive tr{
        margin-bottom:14px;

        overflow:hidden;

        border-radius:14px;

        background:#fff;

        box-shadow:
            0 10px 25px
            rgba(20,25,35,.05);
    }


    .woocommerce-cart
    table.shop_table_responsive td{
        padding:
            12px
            14px !important;
    }


    .woocommerce-cart
    .coupon{
        display:grid;

        grid-template-columns:1fr;
    }


    .woocommerce-cart
    .coupon input,
    .woocommerce-cart
    .coupon button{
        width:100% !important;
    }

}


@media(max-width:520px){

    .woocommerce-cart .site-main,
    .woocommerce-checkout .site-main,
    .woocommerce-cart main,
    .woocommerce-checkout main{
        padding:
            100px
            12px
            55px;
    }


    .woocommerce-checkout
    .woocommerce-billing-fields,
    .woocommerce-checkout
    .woocommerce-shipping-fields,
    .woocommerce-checkout
    .woocommerce-additional-fields,
    .woocommerce-checkout
    #order_review{
        padding:
            20px
            16px;

        border-radius:16px;
    }

}
/* =========================================================
   MOBIN SHOPPING — CONTACT PAGE
========================================================= */

.ms-contact-page{
    min-height:100vh;
    background:#f7f7f8;
}


/* HERO */

.ms-contact-hero{
    position:relative;

    padding:
        clamp(145px,11vw,175px)
        20px
        clamp(65px,7vw,90px);

    overflow:hidden;

    color:#fff;

    background:
        radial-gradient(
            circle at 78% 28%,
            rgba(255,199,80,.18),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #0a0c10 0%,
            #11141a 55%,
            #191d25 100%
        );
}


.ms-contact-hero::after{
    content:"";

    position:absolute;

    width:430px;
    height:430px;

    top:-200px;
    right:-170px;

    border-radius:50%;

    background:
        rgba(255,199,80,.09);

    pointer-events:none;
}


.ms-contact-hero-inner{
    position:relative;

    z-index:2;

    width:100%;
    max-width:1400px;

    margin:0 auto;
}


.ms-contact-kicker{
    display:inline-block;

    margin-bottom:15px;

    color:#ffc750;

    font-size:11px;

    font-weight:800;

    letter-spacing:.10em;

    text-transform:uppercase;
}


.ms-contact-hero h1{
    margin:0;

    color:#fff;

    font-size:
        clamp(42px,5vw,68px);

    line-height:1;

    font-weight:850;

    letter-spacing:-.05em;
}


.ms-contact-hero p{
    max-width:650px;

    margin:21px 0 0;

    color:
        rgba(255,255,255,.67);

    font-size:
        clamp(15px,1.2vw,18px);

    line-height:1.7;
}


/* CONTENT */

.ms-contact-content{
    padding:
        clamp(55px,6vw,85px)
        20px
        clamp(75px,8vw,110px);
}


.ms-contact-container{
    width:100%;
    max-width:1200px;

    margin:0 auto;
}


.ms-contact-grid{
    display:grid;

    grid-template-columns:
        minmax(300px,.78fr)
        minmax(0,1.22fr);

    gap:
        clamp(25px,4vw,50px);

    align-items:start;
}


/* INFO CARD */

.ms-contact-info{
    position:sticky;

    top:120px;

    padding:
        clamp(28px,3vw,40px);

    border-radius:24px;

    background:#101216;

    color:#fff;

    box-shadow:
        0 24px 65px
        rgba(20,25,35,.16);
}


.ms-contact-label{
    display:inline-block;

    margin-bottom:13px;

    color:#ffc750;

    font-size:10px;

    font-weight:800;

    letter-spacing:.10em;

    text-transform:uppercase;
}


.ms-contact-info h2{
    margin:0;

    color:#fff;

    font-size:
        clamp(26px,2.6vw,36px);

    line-height:1.12;

    font-weight:850;

    letter-spacing:-.035em;
}


.ms-contact-intro{
    margin:
        16px
        0
        28px;

    color:
        rgba(255,255,255,.62);

    font-size:14px;

    line-height:1.7;
}


.ms-contact-info-list{
    display:grid;

    gap:11px;
}


.ms-contact-info-item{
    display:flex;

    align-items:center;

    gap:13px;

    padding:
        13px;

    border-radius:14px;

    background:
        rgba(255,255,255,.06);

    border:
        1px solid rgba(255,255,255,.08);

    text-decoration:none;

    transition:
        transform .25s ease,
        background .25s ease,
        border-color .25s ease;
}


.ms-contact-info-item:hover{
    transform:translateY(-2px);

    background:
        rgba(255,255,255,.10);

    border-color:
        rgba(255,199,80,.28);
}


.ms-contact-info-icon{
    width:42px;
    height:42px;

    flex:0 0 42px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:12px;

    background:#ffc750;

    color:#15171a;

    font-size:16px;

    font-weight:800;
}


.ms-contact-info-text{
    min-width:0;

    display:flex;

    flex-direction:column;

    gap:2px;
}


.ms-contact-info-text small{
    color:
        rgba(255,255,255,.48);

    font-size:9px;

    font-weight:700;

    letter-spacing:.06em;

    text-transform:uppercase;
}


.ms-contact-info-text strong{
    color:#fff;

    font-size:13px;

    font-weight:750;

    word-break:break-word;
}


/* FORM CARD */

.ms-contact-form-card{
    padding:
        clamp(28px,4vw,46px);

    border-radius:24px;

    background:#fff;

    border:
        1px solid rgba(20,25,35,.07);

    box-shadow:
        0 20px 55px
        rgba(20,25,35,.08);
}


.ms-contact-form-head{
    margin-bottom:28px;
}


.ms-contact-form-head > span{
    display:inline-block;

    margin-bottom:9px;

    color:#9b6a00;

    font-size:10px;

    font-weight:800;

    letter-spacing:.08em;

    text-transform:uppercase;
}


.ms-contact-form-head h2{
    margin:0;

    color:#17191d;

    font-size:
        clamp(26px,3vw,38px);

    line-height:1.12;

    font-weight:850;

    letter-spacing:-.035em;
}


.ms-contact-form-head p{
    margin:
        13px
        0
        0;

    color:#777c84;

    font-size:14px;

    line-height:1.7;
}


/* =========================================================
   FLUENT FORMS
========================================================= */

.ms-contact-form-embed
.ff-el-group{
    margin-bottom:16px !important;
}


.ms-contact-form-embed
.ff-el-input--label{
    margin-bottom:6px !important;
}


.ms-contact-form-embed
.ff-el-input--label label{
    color:#343941 !important;

    font-size:12px !important;

    font-weight:750 !important;
}


.ms-contact-form-embed
input[type="text"],
.ms-contact-form-embed
input[type="email"],
.ms-contact-form-embed
input[type="tel"],
.ms-contact-form-embed
select,
.ms-contact-form-embed
textarea{
    width:100% !important;

    min-height:50px !important;

    padding:
        0
        14px !important;

    border:
        1px solid #dfe2e7 !important;

    border-radius:11px !important;

    background:#fafafa !important;

    color:#17191d !important;

    font-family:inherit !important;

    font-size:13px !important;

    outline:none !important;

    box-shadow:none !important;

    transition:
        border-color .25s ease,
        box-shadow .25s ease,
        background .25s ease !important;
}


.ms-contact-form-embed
textarea{
    min-height:150px !important;

    padding:
        13px
        14px !important;

    resize:vertical;
}


.ms-contact-form-embed
input:focus,
.ms-contact-form-embed
select:focus,
.ms-contact-form-embed
textarea:focus{
    border-color:#ffc750 !important;

    background:#fff !important;

    box-shadow:
        0 0 0 4px
        rgba(255,199,80,.14) !important;
}


.ms-contact-form-embed
.ff-btn-submit{
    width:100% !important;

    min-height:54px !important;

    margin-top:3px !important;

    border:0 !important;

    border-radius:12px !important;

    background:#101216 !important;

    color:#fff !important;

    font-family:inherit !important;

    font-size:13px !important;

    font-weight:850 !important;

    cursor:pointer !important;

    transition:
        transform .25s ease,
        background .25s ease,
        color .25s ease,
        box-shadow .25s ease !important;
}


.ms-contact-form-embed
.ff-btn-submit:hover{
    transform:translateY(-2px);

    background:#ffc750 !important;

    color:#15171a !important;

    box-shadow:
        0 14px 30px
        rgba(255,199,80,.23) !important;
}


/* SUCCESS MESSAGE */

.ms-contact-form-embed
.ff-message-success{
    padding:16px !important;

    border:0 !important;

    border-radius:12px !important;

    background:#eef8f1 !important;

    color:#28743c !important;

    font-size:13px !important;
}


/* ERROR MESSAGE */

.ms-contact-form-embed
.text-danger{
    margin-top:5px !important;

    color:#b93b3b !important;

    font-size:10px !important;
}


/* RESPONSIVE */

@media(max-width:800px){

    .ms-contact-grid{
        grid-template-columns:1fr;
    }


    .ms-contact-info{
        position:relative;

        top:auto;
    }

}


@media(max-width:520px){

    .ms-contact-hero{
        padding:
            115px
            16px
            55px;
    }


    .ms-contact-content{
        padding:
            42px
            13px
            65px;
    }


    .ms-contact-info,
    .ms-contact-form-card{
        padding:
            23px
            18px;

        border-radius:19px;
    }

}
/* =========================================================
   MOBIN SHOPPING — MY ACCOUNT
========================================================= */

.woocommerce-account{
    background:#f6f7f9;
}

.woocommerce-account .site-main,
.woocommerce-account main{
    padding:
        clamp(125px,10vw,160px)
        20px
        clamp(70px,7vw,105px);
}

.woocommerce-account .woocommerce{
    width:100%;
    max-width:1200px;
    margin:0 auto;
}

.woocommerce-account .woocommerce-MyAccount-navigation{
    float:none !important;
    width:100% !important;
    margin:0 0 25px !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul{
    display:flex;
    flex-wrap:wrap;
    gap:9px;

    margin:0;
    padding:0;

    list-style:none;
}

.woocommerce-account .woocommerce-MyAccount-navigation li{
    margin:0;
}

.woocommerce-account .woocommerce-MyAccount-navigation a{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:43px;

    padding:0 15px;

    border-radius:10px;

    background:#fff;

    border:1px solid rgba(20,25,35,.08);

    color:#4c525a;

    font-size:12px;
    font-weight:750;

    text-decoration:none;

    transition:
        background .25s ease,
        color .25s ease,
        transform .25s ease,
        border-color .25s ease;
}

.woocommerce-account .woocommerce-MyAccount-navigation a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a{
    transform:translateY(-2px);

    background:#101216;
    color:#fff;

    border-color:#101216;
}

.woocommerce-account .woocommerce-MyAccount-content{
    float:none !important;
    width:100% !important;

    padding:
        clamp(24px,3vw,38px);

    border-radius:20px;

    background:#fff;

    border:1px solid rgba(20,25,35,.07);

    box-shadow:
        0 18px 45px rgba(20,25,35,.07);

    color:#626871;

    line-height:1.7;
}

.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3{
    color:#17191d;

    font-weight:850;

    letter-spacing:-.025em;
}

.woocommerce-account .woocommerce-MyAccount-content a{
    color:#9a6800;
}

.woocommerce-account .woocommerce-MyAccount-content table{
    border:
        1px solid rgba(20,25,35,.08) !important;

    border-radius:14px !important;

    overflow:hidden;
}

.woocommerce-account .woocommerce-MyAccount-content th{
    background:#111318;
    color:#fff;

    font-size:11px;
}

.woocommerce-account .woocommerce-MyAccount-content td,
.woocommerce-account .woocommerce-MyAccount-content th{
    padding:13px !important;
}

.woocommerce-account .woocommerce-Button,
.woocommerce-account button.button,
.woocommerce-account a.button{
    min-height:44px;

    display:inline-flex !important;
    align-items:center;
    justify-content:center;

    padding:0 17px !important;

    border-radius:10px !important;

    background:#101216 !important;

    color:#fff !important;

    font-size:12px !important;
    font-weight:800 !important;

    transition:
        transform .25s ease,
        background .25s ease,
        color .25s ease !important;
}

.woocommerce-account .woocommerce-Button:hover,
.woocommerce-account button.button:hover,
.woocommerce-account a.button:hover{
    transform:translateY(-2px);

    background:#ffc750 !important;
    color:#15171a !important;
}


/* LOGIN / REGISTER */

.woocommerce-account #customer_login{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:25px;
}

.woocommerce-account #customer_login .col-1,
.woocommerce-account #customer_login .col-2{
    float:none !important;
    width:100% !important;

    padding:
        clamp(24px,3vw,35px);

    border-radius:20px;

    background:#fff;

    border:1px solid rgba(20,25,35,.07);

    box-shadow:
        0 16px 40px rgba(20,25,35,.06);
}

.woocommerce-account form.login,
.woocommerce-account form.register,
.woocommerce-account form.edit-account{
    border:0 !important;

    padding:0 !important;

    margin:0 !important;
}

.woocommerce-account .form-row label{
    color:#373c44;

    font-size:12px;
    font-weight:750;
}

.woocommerce-account input.input-text,
.woocommerce-account input[type="password"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="text"]{
    width:100%;

    min-height:48px;

    padding:0 14px;

    border:
        1px solid #dfe2e7 !important;

    border-radius:10px;

    background:#fafafa;

    font-family:inherit;

    outline:none;
}

.woocommerce-account input:focus{
    border-color:#ffc750 !important;

    background:#fff;

    box-shadow:
        0 0 0 4px rgba(255,199,80,.13);
}


@media(max-width:800px){

    .woocommerce-account #customer_login{
        grid-template-columns:1fr;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul{
        display:grid;

        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}

@media(max-width:500px){

    .woocommerce-account .site-main,
    .woocommerce-account main{
        padding:
            100px
            12px
            55px;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul{
        grid-template-columns:1fr;
    }

}

/* =========================================================
   MOBIN SHOPPING — HOMEPAGE COMMERCE
========================================================= */

.ms-home-commerce{
    position:relative;

    width:100%;

    padding:
        clamp(70px,7vw,105px)
        20px
        clamp(80px,8vw,120px);

    background:
        linear-gradient(
            180deg,
            #f7f7f8 0%,
            #ffffff 48%,
            #f7f7f8 100%
        );

    overflow:hidden;
}


.ms-home-commerce-wrap{
    width:100%;
    max-width:1400px;

    margin:0 auto;
}


/* =========================================================
   SECTION
========================================================= */

.ms-home-section + .ms-home-section{
    margin-top:
        clamp(75px,8vw,115px);
}


.ms-section-head{
    display:flex;

    align-items:flex-end;
    justify-content:space-between;

    gap:30px;

    margin-bottom:
        clamp(28px,4vw,42px);
}


.ms-section-head > div{
    max-width:720px;
}


.ms-section-kicker{
    display:inline-block;

    margin-bottom:10px;

    color:#a66f00;

    font-size:10px;

    font-weight:850;

    letter-spacing:.11em;

    text-transform:uppercase;
}


.ms-section-head h2{
    margin:0;

    color:#17191d;

    font-size:
        clamp(32px,4vw,52px);

    line-height:1;

    font-weight:850;

    letter-spacing:-.045em;
}


.ms-section-head p{
    max-width:620px;

    margin:16px 0 0;

    color:#737982;

    font-size:14px;

    line-height:1.7;
}


.ms-section-link{
    flex-shrink:0;

    display:inline-flex;

    align-items:center;

    gap:8px;

    padding:12px 15px;

    border-radius:11px;

    background:#fff;

    border:
        1px solid rgba(20,25,35,.08);

    color:#25292f;

    font-size:12px;

    font-weight:800;

    text-decoration:none;

    box-shadow:
        0 8px 24px
        rgba(20,25,35,.05);

    transition:
        transform .25s ease,
        background .25s ease,
        border-color .25s ease;
}


.ms-section-link:hover{
    transform:translateY(-2px);

    background:#ffc750;

    border-color:#ffc750;
}


.ms-section-link span{
    transition:
        transform .25s ease;
}


.ms-section-link:hover span{
    transform:translateX(4px);
}


/* =========================================================
   CATEGORY GRID
========================================================= */

.ms-category-grid{
    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:
        clamp(16px,2vw,26px);
}


.ms-category-card{
    position:relative;

    min-height:290px;

    overflow:hidden;

    border-radius:22px;

    background:#111318;

    text-decoration:none;

    box-shadow:
        0 16px 40px
        rgba(20,25,35,.10);

    isolation:isolate;

    transition:
        transform .4s cubic-bezier(.2,.8,.2,1),
        box-shadow .4s ease;
}


.ms-category-card:hover{
    transform:translateY(-7px);

    box-shadow:
        0 28px 60px
        rgba(20,25,35,.18);
}


.ms-category-image{
    position:absolute;

    inset:0;

    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;

    transition:
        transform .65s
        cubic-bezier(.2,.8,.2,1);
}


.ms-category-card:hover
.ms-category-image{
    transform:scale(1.075);
}


.ms-category-overlay{
    position:absolute;

    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(7,9,12,.06) 15%,
            rgba(7,9,12,.30) 52%,
            rgba(7,9,12,.92) 100%
        );
}


.ms-category-content{
    position:absolute;

    z-index:3;

    left:22px;
    right:22px;
    bottom:21px;
}


.ms-category-count{
    display:block;

    margin-bottom:5px;

    color:
        rgba(255,255,255,.60);

    font-size:9px;

    font-weight:750;

    text-transform:uppercase;

    letter-spacing:.08em;
}


.ms-category-content h3{
    max-width:
        calc(100% - 60px);

    margin:0;

    color:#fff;

    font-size:
        clamp(20px,2vw,28px);

    line-height:1.08;

    font-weight:850;

    letter-spacing:-.03em;
}


.ms-category-arrow{
    position:absolute;

    right:0;
    bottom:0;

    width:45px;
    height:45px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#ffc750;

    color:#16181b;

    font-size:18px;

    transition:
        transform .3s ease,
        background .3s ease;
}


.ms-category-card:hover
.ms-category-arrow{
    transform:
        translate(3px,-3px)
        rotate(-5deg);

    background:#ffd76f;
}


/* =========================================================
   HOMEPAGE PRODUCT GRID
========================================================= */

.ms-home-products-grid{
    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:
        clamp(16px,2vw,25px);
}


.ms-home-product-card{
    position:relative;

    min-width:0;

    overflow:hidden;

    border-radius:20px;

    background:#fff;

    border:
        1px solid
        rgba(20,25,35,.07);

    box-shadow:
        0 12px 34px
        rgba(20,25,35,.07);

    transition:
        transform .35s
        cubic-bezier(.2,.8,.2,1),
        box-shadow .35s ease,
        border-color .35s ease;
}


.ms-home-product-card:hover{
    transform:translateY(-7px);

    border-color:
        rgba(255,183,0,.28);

    box-shadow:
        0 25px 55px
        rgba(20,25,35,.14);
}


.ms-home-product-image-link{
    display:block;

    overflow:hidden;

    text-decoration:none;
}


.ms-home-product-media{
    position:relative;

    overflow:hidden;

    aspect-ratio:1 / 1;

    background:#f2f3f5;
}


.ms-home-product-media img{
    width:100%;
    height:100%;

    display:block;

    object-fit:cover;

    transition:
        transform .6s
        cubic-bezier(.2,.8,.2,1);
}


.ms-home-product-card:hover
.ms-home-product-media img{
    transform:scale(1.055);
}


/* BADGES */

.ms-home-sale-badge,
.ms-home-new-badge{
    position:absolute;

    z-index:3;

    top:13px;
    left:13px;

    padding:7px 10px;

    border-radius:100px;

    font-size:9px;

    font-weight:850;

    line-height:1;

    box-shadow:
        0 8px 18px
        rgba(0,0,0,.10);
}


.ms-home-sale-badge{
    background:#ffc750;

    color:#17191d;
}


.ms-home-new-badge{
    background:#111318;

    color:#fff;
}


/* PRODUCT BODY */

.ms-home-product-body{
    padding:
        18px
        18px
        19px;
}


.ms-home-product-label{
    display:block;

    margin-bottom:6px;

    color:#9a9fa7;

    font-size:9px;

    font-weight:800;

    letter-spacing:.07em;

    text-transform:uppercase;
}


.ms-home-product-body h3{
    margin:0;

    min-height:45px;

    font-size:
        clamp(14px,1vw,17px);

    line-height:1.35;

    font-weight:780;
}


.ms-home-product-body h3 a{
    color:#17191d;

    text-decoration:none;

    transition:
        color .2s ease;
}


.ms-home-product-card:hover
.ms-home-product-body h3 a{
    color:#986500;
}


.ms-home-product-bottom{
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:14px;

    margin-top:17px;
}


.ms-home-product-price{
    color:#15181c;

    font-size:17px;

    font-weight:850;

    letter-spacing:-.02em;
}


.ms-home-product-price del{
    display:inline-block;

    margin-right:4px;

    color:#9ea3aa;

    font-size:11px;

    font-weight:600;
}


.ms-home-product-price ins{
    color:#b77900;

    text-decoration:none;
}


.ms-home-product-arrow{
    width:41px;
    height:41px;

    flex:0 0 41px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#111318;

    color:#fff;

    font-size:15px;

    text-decoration:none;

    transition:
        transform .25s ease,
        background .25s ease,
        color .25s ease;
}


.ms-home-product-card:hover
.ms-home-product-arrow{
    transform:
        translate(2px,-2px);

    background:#ffc750;

    color:#15171a;
}


/* =========================================================
   BENEFITS
========================================================= */

.ms-home-benefits{
    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:15px;

    margin-top:
        clamp(75px,8vw,110px);
}


.ms-benefit-card{
    display:flex;

    align-items:flex-start;

    gap:13px;

    padding:22px;

    border-radius:18px;

    background:#111318;

    border:
        1px solid
        rgba(255,255,255,.05);

    box-shadow:
        0 18px 45px
        rgba(20,25,35,.12);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}


.ms-benefit-card:hover{
    transform:translateY(-5px);

    box-shadow:
        0 25px 55px
        rgba(20,25,35,.20);
}


.ms-benefit-icon{
    width:43px;
    height:43px;

    flex:0 0 43px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:13px;

    background:#ffc750;

    color:#15171a;

    font-size:16px;

    font-weight:850;
}


.ms-benefit-card h3{
    margin:1px 0 6px;

    color:#fff;

    font-size:14px;

    font-weight:800;
}


.ms-benefit-card p{
    margin:0;

    color:
        rgba(255,255,255,.57);

    font-size:11px;

    line-height:1.55;
}


/* =========================================================
   EMPTY
========================================================= */

.ms-section-empty{
    grid-column:1 / -1;

    padding:35px;

    border-radius:18px;

    background:#fff;

    border:
        1px dashed
        rgba(20,25,35,.14);

    color:#747982;

    text-align:center;
}


.ms-section-empty p{
    margin:0;

    font-size:14px;
}


.ms-section-empty small{
    display:block;

    margin-top:6px;

    color:#a1a5ac;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width:1050px){

    .ms-category-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .ms-home-products-grid{
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }


    .ms-home-benefits{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


@media(max-width:760px){

    .ms-home-commerce{
        padding-left:15px;
        padding-right:15px;
    }


    .ms-section-head{
        align-items:flex-start;

        flex-direction:column;

        gap:17px;
    }


    .ms-section-link{
        align-self:flex-start;
    }


    .ms-home-products-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


@media(max-width:520px){

    .ms-home-commerce{
        padding:
            55px
            12px
            70px;
    }


    .ms-category-grid{
        grid-template-columns:1fr;

        gap:12px;
    }


    .ms-category-card{
        min-height:240px;
    }


    .ms-home-products-grid{
        gap:11px;
    }


    .ms-home-product-body{
        padding:
            13px
            12px
            14px;
    }


    .ms-home-product-body h3{
        min-height:42px;

        font-size:12.5px;
    }


    .ms-home-product-price{
        font-size:14px;
    }


    .ms-home-product-arrow{
        width:36px;
        height:36px;

        flex-basis:36px;
    }


    .ms-home-benefits{
        grid-template-columns:1fr;

        gap:10px;
    }

}


@media(max-width:370px){

    .ms-home-products-grid{
        grid-template-columns:1fr;
    }

}
/* =========================================================
   HOMEPAGE — PREMIUM PROMOTIONAL BANNER
========================================================= */

.ms-home-promo{
    width:100%;

    padding:
        0
        20px
        clamp(80px,8vw,120px);

    background:#f7f7f8;
}


.ms-home-promo-wrap{
    position:relative;

    width:100%;
    max-width:1400px;

    min-height:330px;

    margin:0 auto;

    padding:
        clamp(35px,5vw,65px);

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:40px;

    overflow:hidden;

    border-radius:28px;

    background:
        radial-gradient(
            circle at 80% 35%,
            rgba(255,199,80,.20),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #0a0c10 0%,
            #11141a 55%,
            #1b2029 100%
        );

    box-shadow:
        0 28px 70px
        rgba(20,25,35,.18);
}


.ms-home-promo-wrap::after{
    content:"";

    position:absolute;

    width:380px;
    height:380px;

    right:-120px;
    top:-150px;

    border-radius:50%;

    border:
        1px solid rgba(255,255,255,.08);

    pointer-events:none;
}


.ms-home-promo-content{
    position:relative;

    z-index:2;

    max-width:720px;
}


.ms-home-promo-kicker{
    display:inline-block;

    margin-bottom:12px;

    color:#ffc750;

    font-size:10px;

    font-weight:850;

    letter-spacing:.11em;

    text-transform:uppercase;
}


.ms-home-promo-content h2{
    margin:0;

    color:#fff;

    font-size:
        clamp(34px,4.5vw,58px);

    line-height:1;

    font-weight:850;

    letter-spacing:-.045em;
}


.ms-home-promo-content p{
    max-width:620px;

    margin:18px 0 0;

    color:
        rgba(255,255,255,.65);

    font-size:14px;

    line-height:1.7;
}


.ms-home-promo-btn{
    display:inline-flex;

    align-items:center;

    gap:9px;

    min-height:52px;

    margin-top:26px;

    padding:0 21px;

    border-radius:12px;

    background:#ffc750;

    color:#15171a;

    font-size:12px;

    font-weight:850;

    text-decoration:none;

    box-shadow:
        0 14px 30px
        rgba(255,199,80,.22);

    transition:
        transform .25s ease,
        background .25s ease;
}


.ms-home-promo-btn:hover{
    transform:translateY(-3px);

    background:#ffd76f;
}


.ms-home-promo-btn span{
    transition:
        transform .25s ease;
}


.ms-home-promo-btn:hover span{
    transform:translateX(4px);
}


/* RIGHT FLOATING BADGE */

.ms-home-promo-badge{
    position:relative;

    z-index:2;

    min-width:260px;

    display:flex;

    align-items:center;

    gap:13px;

    padding:16px;

    border-radius:17px;

    background:
        rgba(255,255,255,.93);

    box-shadow:
        0 20px 50px
        rgba(0,0,0,.20);
}


.ms-home-promo-badge > span{
    width:45px;
    height:45px;

    flex:0 0 45px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:13px;

    background:#ffc750;

    color:#17191d;

    font-size:17px;
}


.ms-home-promo-badge strong{
    display:block;

    color:#17191d;

    font-size:12px;

    font-weight:850;
}


.ms-home-promo-badge small{
    display:block;

    margin-top:3px;

    color:#82878f;

    font-size:9px;
}


/* RESPONSIVE */

@media(max-width:800px){

    .ms-home-promo-wrap{
        align-items:flex-start;

        flex-direction:column;
    }


    .ms-home-promo-badge{
        min-width:0;

        width:100%;
    }

}


@media(max-width:520px){

    .ms-home-promo{
        padding:
            0
            12px
            70px;
    }


    .ms-home-promo-wrap{
        min-height:auto;

        padding:
            30px
            22px;

        border-radius:21px;
    }


    .ms-home-promo-content h2{
        font-size:34px;
    }

}


/* =========================================================
   MOBIN SHOPPING — FINAL CONSOLIDATED LAYOUT RULES
   Keep this section at the very end of main.css.
========================================================= */

html,
body{
    width:100%;
    max-width:100%;
    margin:0;
    padding:0;
    overflow-x:hidden;
}

*,
*::before,
*::after{
    box-sizing:border-box;
}

img,
svg,
video,
iframe,
canvas{
    max-width:100%;
    height:auto;
}

/* Main theme wrappers */
#page,
.site,
.site-content,
.site-main,
.ms-home,
.ms-shop-page,
.ms-single-product-page,
.ms-contact-page{
    width:100%;
    max-width:100%;
    margin-left:0;
    margin-right:0;
}

/* =========================================================
   HEADER — FINAL
========================================================= */

.ms-header{
    left:0;
    right:0;
    width:100%;
    max-width:100%;
}

.ms-header-inner{
    width:100%;
    max-width:1440px;
    min-height:104px;
    margin:0 auto;
    padding-left:clamp(18px,3vw,42px);
    padding-right:clamp(18px,3vw,42px);
    grid-template-columns:minmax(220px,285px) 1fr auto;
    gap:clamp(20px,3vw,42px);
}

.ms-header-logo,
.ms-nav,
.ms-header-actions{
    min-width:0;
}

.ms-header-logo img,
.ms-header-logo .custom-logo{
    display:block;
    width:auto !important;
    height:auto !important;
    max-width:265px !important;
    max-height:90px !important;
    object-fit:contain;
    object-position:left center;
}

.ms-header-actions{
    flex-shrink:0;
}

.ms-nav-list{
    gap:clamp(18px,2.2vw,32px);
}

.ms-nav-list > li > a{
    white-space:nowrap;
}

/* =========================================================
   HERO / FOOTER WIDTH — FINAL
========================================================= */

.ms-hero,
.ms-footer,
footer.ms-footer{
    position:relative;
    left:auto !important;
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
}

.ms-hero-wrap,
.ms-footer-wrap,
.ms-home-commerce-wrap,
.ms-home-promo-wrap{
    width:100%;
    max-width:1400px;
    margin-left:auto;
    margin-right:auto;
}

/* Prevent decorative hero elements from creating horizontal scroll */
.ms-hero,
.ms-visual,
.ms-product-card,
.ms-home-commerce,
.ms-home-promo{
    overflow-x:clip;
}

.ms-floating-card{
    max-width:220px;
}

/* =========================================================
   FOOTER — PAYMENT METHODS
========================================================= */

.ms-footer-payments{
    margin-top:48px;
    padding:22px 0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
    border-top:1px solid rgba(255,255,255,.08);
    border-bottom:1px solid rgba(255,255,255,.08);
}

.ms-footer-payments-text{
    display:flex;
    flex-direction:column;
    gap:4px;
}

.ms-footer-payments-text strong{
    color:#fff;
    font-size:13px;
    font-weight:800;
}

.ms-footer-payments-text span{
    color:rgba(255,255,255,.48);
    font-size:11px;
}

.ms-payment-logos{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:8px;
}

.ms-payment-badge{
    min-width:58px;
    height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 10px;
    border-radius:7px;
    background:#fff;
    border:1px solid rgba(255,255,255,.15);
    color:#111318;
    font-size:10px;
    font-weight:850;
    line-height:1;
    box-shadow:0 5px 14px rgba(0,0,0,.14);
}

.ms-payment-logos img{
    display:block;
    width:auto;
    height:30px;
    max-width:80px;
    object-fit:contain;
}

/* =========================================================
   TABLET
========================================================= */

@media(max-width:1050px){

    .ms-header-inner{
        min-height:94px;
        grid-template-columns:minmax(175px,215px) 1fr auto;
        padding-left:20px;
        padding-right:20px;
        gap:20px;
    }

    .ms-header-logo img,
    .ms-header-logo .custom-logo{
        max-width:195px !important;
        max-height:68px !important;
    }
}

/* =========================================================
   MOBILE
========================================================= */

@media(max-width:860px){

    .ms-header-inner{
        min-height:84px;
        grid-template-columns:minmax(0,1fr) auto;
        gap:12px;
        padding-left:15px;
        padding-right:15px;
    }

    .ms-header-logo img,
    .ms-header-logo .custom-logo{
        max-width:165px !important;
        max-height:58px !important;
    }

    .ms-footer-payments{
        align-items:flex-start;
        flex-direction:column;
        margin-top:35px;
    }

    .ms-payment-logos{
        justify-content:flex-start;
    }
}

@media(max-width:500px){

    .ms-header-inner{
        min-height:78px;
        padding-left:12px;
        padding-right:12px;
    }

    .ms-header-logo img,
    .ms-header-logo .custom-logo{
        max-width:145px !important;
        max-height:52px !important;
    }

    .ms-header-icon,
    .ms-header-cart,
    .ms-menu-toggle{
        width:38px;
        height:38px;
    }

    .ms-footer{
        padding-left:15px;
        padding-right:15px;
    }
}

@media(max-width:380px){

    .ms-header-logo img,
    .ms-header-logo .custom-logo{
        max-width:125px !important;
        max-height:46px !important;
    }
}

/* =========================================================
   ACCESSIBILITY
========================================================= */

@media(prefers-reduced-motion:reduce){

    html{
        scroll-behavior:auto;
    }

    *,
    *::before,
    *::after{
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
        transition-duration:.01ms !important;
        scroll-behavior:auto !important;
    }
}

/* =========================================================
   MOBIN SHOPPING — FINAL HOMEPAGE PROMO
========================================================= */

.ms-home-promo{
    width:100%;
    padding:0 20px clamp(80px,8vw,120px);
    background:#f7f7f8;
}

.ms-home-promo-wrap{
    position:relative;
    width:100%;
    max-width:1400px;
    min-height:340px;
    margin:0 auto;
    padding:clamp(36px,5vw,66px);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:42px;
    overflow:hidden;
    border-radius:28px;
    background:
        radial-gradient(circle at 80% 32%,rgba(255,199,80,.21),transparent 30%),
        linear-gradient(135deg,#0a0c10 0%,#11141a 55%,#1b2029 100%);
    box-shadow:0 28px 70px rgba(20,25,35,.18);
}

.ms-home-promo-wrap::after{
    content:"";
    position:absolute;
    width:390px;
    height:390px;
    right:-125px;
    top:-155px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.08);
    pointer-events:none;
}

.ms-home-promo-content{
    position:relative;
    z-index:2;
    max-width:760px;
}

.ms-home-promo-kicker{
    display:inline-block;
    margin-bottom:12px;
    color:var(--ms-yellow);
    font-size:10px;
    font-weight:850;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.ms-home-promo-content h2{
    margin:0;
    max-width:760px;
    color:#fff;
    font-size:clamp(36px,4.7vw,60px);
    line-height:1;
    font-weight:850;
    letter-spacing:-.047em;
}

.ms-home-promo-content p{
    max-width:650px;
    margin:18px 0 0;
    color:rgba(255,255,255,.64);
    font-size:14px;
    line-height:1.75;
}

.ms-home-promo-actions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:14px;
    margin-top:27px;
}

.ms-home-promo-btn{
    min-height:53px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    padding:0 22px;
    border-radius:12px;
    background:var(--ms-yellow);
    color:#15171a;
    font-size:12px;
    font-weight:850;
    text-decoration:none;
    box-shadow:0 14px 30px rgba(255,199,80,.22);
    transition:transform .25s ease,background .25s ease;
}

.ms-home-promo-btn:hover{
    transform:translateY(-3px);
    background:#ffd76f;
}

.ms-home-promo-btn span{
    transition:transform .25s ease;
}

.ms-home-promo-btn:hover span{
    transform:translateX(4px);
}

.ms-home-promo-link{
    color:rgba(255,255,255,.72);
    font-size:11px;
    font-weight:750;
    text-decoration:none;
    transition:color .2s ease;
}

.ms-home-promo-link:hover{
    color:#fff;
}

.ms-home-promo-card{
    position:relative;
    z-index:2;
    min-width:290px;
    display:flex;
    align-items:center;
    gap:15px;
    padding:18px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:18px;
    background:rgba(255,255,255,.94);
    box-shadow:0 22px 55px rgba(0,0,0,.22);
}

.ms-home-promo-card-icon{
    width:50px;
    height:50px;
    flex:0 0 50px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    background:var(--ms-yellow);
    color:#15171a;
    font-size:18px;
}

.ms-home-promo-card small{
    display:block;
    color:#9a9fa7;
    font-size:9px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.ms-home-promo-card strong{
    display:block;
    margin-top:3px;
    color:#17191d;
    font-size:13px;
    font-weight:850;
}

.ms-home-promo-card p{
    margin:4px 0 0;
    color:#777c84;
    font-size:10px;
}

@media(max-width:820px){
    .ms-home-promo-wrap{
        align-items:flex-start;
        flex-direction:column;
    }

    .ms-home-promo-card{
        width:100%;
        min-width:0;
    }
}

@media(max-width:520px){
    .ms-home-promo{
        padding:0 12px 70px;
    }

    .ms-home-promo-wrap{
        min-height:auto;
        padding:30px 22px;
        border-radius:21px;
    }

    .ms-home-promo-content h2{
        font-size:34px;
    }

    .ms-home-promo-actions{
        align-items:flex-start;
        flex-direction:column;
    }

    .ms-home-promo-btn{
        width:100%;
    }
}

/* =========================================================
   MOBIN SHOPPING — PREMIUM HOMEPAGE EXTENSIONS
========================================================= */

.ms-premium-home{
    width:100%;
    background:#f6f7f9;
}

.ms-premium-section{
    width:100%;
    max-width:1400px;
    margin:0 auto;
    padding:
        clamp(72px,7vw,105px)
        20px;
}

.ms-premium-section-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:28px;
    margin-bottom:32px;
}

.ms-premium-section-head > div{
    max-width:780px;
}

.ms-premium-kicker{
    display:inline-block;
    margin-bottom:10px;
    color:#a66f00;
    font-size:10px;
    font-weight:850;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.ms-premium-section-head h2{
    margin:0;
    color:#15181d;
    font-size:clamp(34px,4.4vw,58px);
    line-height:1;
    font-weight:850;
    letter-spacing:-.045em;
}

.ms-premium-section-head p{
    max-width:680px;
    margin:16px 0 0;
    color:#747a83;
    font-size:14px;
    line-height:1.72;
}

.ms-premium-section-link{
    min-height:46px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    padding:0 17px;
    border:1px solid #dfe2e7;
    border-radius:11px;
    background:#fff;
    color:#20242a;
    font-size:11px;
    font-weight:800;
    text-decoration:none;
    box-shadow:0 9px 24px rgba(20,25,35,.05);
    transition:
        transform .23s ease,
        background .23s ease,
        color .23s ease,
        border-color .23s ease;
}

.ms-premium-section-link:hover{
    transform:translateY(-3px);
    border-color:#111318;
    background:#111318;
    color:#fff;
}


/* =========================================================
   PREMIUM PRODUCT GRID
========================================================= */

.ms-premium-product-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:clamp(16px,2vw,24px);
}

.ms-premium-product-card{
    min-width:0;
    overflow:hidden;
    border:1px solid rgba(20,25,35,.07);
    border-radius:19px;
    background:#fff;
    box-shadow:0 12px 34px rgba(20,25,35,.06);
    transition:
        transform .32s cubic-bezier(.2,.8,.2,1),
        box-shadow .32s ease,
        border-color .32s ease;
}

.ms-premium-product-card:hover{
    transform:translateY(-7px);
    border-color:rgba(255,183,0,.28);
    box-shadow:0 24px 58px rgba(20,25,35,.13);
}

.ms-premium-product-media{
    position:relative;
    aspect-ratio:1 / 1;
    display:block;
    overflow:hidden;
    background:#f1f3f5;
}

.ms-premium-product-media img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:transform .55s cubic-bezier(.2,.8,.2,1);
}

.ms-premium-product-card:hover .ms-premium-product-media img{
    transform:scale(1.055);
}

.ms-premium-product-badge{
    position:absolute;
    top:12px;
    left:12px;
    z-index:3;
    min-height:29px;
    display:inline-flex;
    align-items:center;
    padding:0 10px;
    border-radius:100px;
    background:var(--ms-yellow);
    color:#15171a;
    font-size:9px;
    font-weight:850;
    box-shadow:0 8px 18px rgba(255,199,80,.24);
}

.ms-premium-product-badge.is-new{
    background:#111318;
    color:#fff;
    box-shadow:0 8px 18px rgba(17,19,24,.18);
}

.ms-premium-product-view{
    position:absolute;
    right:12px;
    bottom:12px;
    z-index:3;
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    background:#fff;
    color:#16191e;
    font-size:13px;
    box-shadow:0 10px 28px rgba(0,0,0,.16);
    transition:
        transform .25s ease,
        background .25s ease,
        color .25s ease;
}

.ms-premium-product-card:hover .ms-premium-product-view{
    transform:translateY(-3px) rotate(-3deg);
    background:var(--ms-yellow);
}

.ms-premium-product-body{
    padding:17px;
}

.ms-premium-product-label{
    display:block;
    margin-bottom:6px;
    color:#a0a5ad;
    font-size:8px;
    font-weight:800;
    letter-spacing:.09em;
    text-transform:uppercase;
}

.ms-premium-product-body h3{
    margin:0;
    min-height:44px;
    font-size:14px;
    line-height:1.4;
    font-weight:800;
}

.ms-premium-product-body h3 a{
    color:#17191d;
    text-decoration:none;
    transition:color .2s ease;
}

.ms-premium-product-body h3 a:hover{
    color:#9a6800;
}

.ms-premium-product-rating{
    min-height:17px;
    margin-top:8px;
}

.ms-premium-product-rating .star-rating{
    color:#f2ae00;
    font-size:11px;
}

.ms-premium-product-bottom{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:12px;
    margin-top:16px;
}

.ms-premium-product-price{
    min-width:0;
}

.ms-premium-product-price small{
    display:block;
    margin-bottom:3px;
    color:#9a9fa7;
    font-size:8px;
    font-weight:700;
}

.ms-premium-product-price strong{
    color:#17191d;
    font-size:16px;
    font-weight:850;
    letter-spacing:-.02em;
}

.ms-premium-product-price del{
    margin-right:4px;
    color:#a4a8ae;
    font-size:10px;
    font-weight:600;
}

.ms-premium-product-price ins{
    color:#a66f00;
    text-decoration:none;
}

.ms-premium-product-button{
    min-height:39px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    padding:0 13px;
    border-radius:10px;
    background:#111318;
    color:#fff;
    font-size:9px;
    font-weight:800;
    text-decoration:none;
    transition:
        transform .22s ease,
        background .22s ease,
        color .22s ease;
}

.ms-premium-product-button:hover{
    transform:translateY(-2px);
    background:var(--ms-yellow);
    color:#15171a;
}

.ms-premium-empty{
    grid-column:1 / -1;
    padding:42px 20px;
    border:1px dashed #d9dde2;
    border-radius:16px;
    background:#fff;
    color:#7b8088;
    text-align:center;
    font-size:12px;
}


/* =========================================================
   FLASH DEAL
========================================================= */

.ms-flash-deal{
    position:relative;
    width:calc(100% - 40px);
    max-width:1400px;
    margin:0 auto;
    padding:clamp(34px,5vw,60px);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:36px;
    overflow:hidden;
    border-radius:26px;
    background:
        radial-gradient(circle at 82% 28%,rgba(255,199,80,.22),transparent 29%),
        linear-gradient(135deg,#0a0c10 0%,#11151b 58%,#1a2028 100%);
    box-shadow:0 26px 70px rgba(20,25,35,.18);
}

.ms-flash-deal::after{
    content:"";
    position:absolute;
    width:340px;
    height:340px;
    top:-185px;
    right:-115px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.08);
    pointer-events:none;
}

.ms-flash-deal-content,
.ms-flash-deal-card{
    position:relative;
    z-index:2;
}

.ms-flash-deal-content{
    max-width:760px;
}

.ms-flash-deal-content h2{
    margin:0;
    max-width:760px;
    color:#fff;
    font-size:clamp(34px,4.6vw,58px);
    line-height:1;
    font-weight:850;
    letter-spacing:-.045em;
}

.ms-flash-deal-content p{
    max-width:620px;
    margin:16px 0 0;
    color:rgba(255,255,255,.62);
    font-size:14px;
    line-height:1.72;
}

.ms-flash-deal-content > a{
    min-height:50px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    margin-top:23px;
    padding:0 20px;
    border-radius:12px;
    background:var(--ms-yellow);
    color:#15171a;
    font-size:11px;
    font-weight:850;
    text-decoration:none;
    box-shadow:0 14px 30px rgba(255,199,80,.22);
    transition:
        transform .23s ease,
        background .23s ease;
}

.ms-flash-deal-content > a:hover{
    transform:translateY(-3px);
    background:#ffd76f;
}

.ms-flash-deal-card{
    min-width:290px;
    display:flex;
    align-items:center;
    gap:14px;
    padding:18px;
    border:1px solid rgba(255,255,255,.11);
    border-radius:18px;
    background:rgba(255,255,255,.95);
    box-shadow:0 22px 55px rgba(0,0,0,.22);
}

.ms-flash-deal-icon{
    width:50px;
    height:50px;
    flex:0 0 50px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    background:var(--ms-yellow);
    color:#15171a;
    font-size:18px;
}

.ms-flash-deal-card small{
    display:block;
    color:#9a9fa7;
    font-size:8px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.ms-flash-deal-card strong{
    display:block;
    margin-top:3px;
    color:#17191d;
    font-size:13px;
    font-weight:850;
}

.ms-flash-deal-card p{
    margin:4px 0 0;
    color:#777c84;
    font-size:10px;
}


/* =========================================================
   BENEFITS
========================================================= */

.ms-premium-benefit-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
}

.ms-premium-benefit-card{
    padding:23px;
    border:1px solid rgba(20,25,35,.07);
    border-radius:18px;
    background:#fff;
    box-shadow:0 12px 32px rgba(20,25,35,.055);
    transition:
        transform .26s ease,
        box-shadow .26s ease,
        border-color .26s ease;
}

.ms-premium-benefit-card:hover{
    transform:translateY(-5px);
    border-color:rgba(255,183,0,.25);
    box-shadow:0 20px 46px rgba(20,25,35,.10);
}

.ms-premium-benefit-card > span{
    width:47px;
    height:47px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:13px;
    background:var(--ms-yellow);
    color:#15171a;
    font-size:17px;
    box-shadow:0 10px 24px rgba(255,199,80,.20);
}

.ms-premium-benefit-card h3{
    margin:17px 0 7px;
    color:#17191d;
    font-size:15px;
    font-weight:850;
}

.ms-premium-benefit-card p{
    margin:0;
    color:#777d86;
    font-size:11px;
    line-height:1.62;
}


/* =========================================================
   TESTIMONIALS
========================================================= */

.ms-testimonial-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}

.ms-testimonial-card{
    padding:26px;
    border:1px solid rgba(20,25,35,.07);
    border-radius:18px;
    background:#fff;
    box-shadow:0 12px 34px rgba(20,25,35,.055);
}

.ms-testimonial-stars{
    color:#f2ae00;
    font-size:13px;
    letter-spacing:.08em;
}

.ms-testimonial-card p{
    margin:16px 0 17px;
    color:#5f656e;
    font-size:13px;
    line-height:1.72;
}

.ms-testimonial-card strong{
    color:#17191d;
    font-size:11px;
    font-weight:850;
}


/* =========================================================
   FAQ
========================================================= */

.ms-faq-list{
    display:grid;
    gap:10px;
}

.ms-faq-list details{
    overflow:hidden;
    border:1px solid rgba(20,25,35,.07);
    border-radius:15px;
    background:#fff;
    box-shadow:0 10px 28px rgba(20,25,35,.045);
}

.ms-faq-list summary{
    min-height:58px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:0 18px;
    color:#17191d;
    font-size:12px;
    font-weight:800;
    list-style:none;
    cursor:pointer;
}

.ms-faq-list summary::-webkit-details-marker{
    display:none;
}

.ms-faq-list summary i{
    width:31px;
    height:31px;
    flex:0 0 31px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:9px;
    background:#f2f3f5;
    color:#17191d;
    font-size:10px;
    transition:
        transform .25s ease,
        background .25s ease;
}

.ms-faq-list details[open] summary i{
    transform:rotate(45deg);
    background:var(--ms-yellow);
}

.ms-faq-list details p{
    margin:0;
    padding:0 18px 18px;
    color:#737982;
    font-size:11px;
    line-height:1.68;
}


/* =========================================================
   FONT AWESOME FOOTER COMPLETION
========================================================= */

.ms-footer-trust{
    grid-template-columns:repeat(4,minmax(0,1fr));
}

.ms-payment-icon{
    min-width:60px;
    height:38px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 10px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:9px;
    background:#fff;
    color:#111318;
    box-shadow:0 7px 18px rgba(0,0,0,.16);
}

.ms-payment-icon i{
    font-size:27px;
    line-height:1;
}

.ms-footer-credit{
    max-width:390px;
    text-align:right;
    line-height:1.5;
}

.ms-footer-credit a{
    color:rgba(255,255,255,.58);
    font-weight:750;
    text-decoration:none;
    transition:color .2s ease;
}

.ms-footer-credit a:hover{
    color:var(--ms-yellow);
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width:1180px){

    .ms-premium-product-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

    .ms-premium-benefit-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .ms-footer-trust{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:900px){

    .ms-premium-section-head{
        align-items:flex-start;
        flex-direction:column;
    }

    .ms-flash-deal{
        align-items:flex-start;
        flex-direction:column;
    }

    .ms-flash-deal-card{
        width:100%;
        min-width:0;
    }

    .ms-testimonial-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:760px){

    .ms-premium-product-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .ms-premium-benefit-grid{
        grid-template-columns:1fr;
    }

    .ms-footer-trust{
        grid-template-columns:1fr;
    }
}

@media(max-width:560px){

    .ms-premium-section{
        padding:
            58px
            12px;
    }

    .ms-premium-section-head{
        margin-bottom:24px;
    }

    .ms-premium-section-head h2{
        font-size:34px;
    }

    .ms-premium-section-link{
        width:100%;
    }

    .ms-flash-deal{
        width:calc(100% - 24px);
        padding:27px 20px;
        border-radius:20px;
    }

    .ms-flash-deal-content h2{
        font-size:34px;
    }

    .ms-premium-product-grid{
        gap:11px;
    }

    .ms-premium-product-body{
        padding:13px;
    }

    .ms-premium-product-body h3{
        min-height:39px;
        font-size:12px;
    }

    .ms-premium-product-bottom{
        align-items:flex-start;
        flex-direction:column;
    }

    .ms-premium-product-button{
        width:100%;
    }

    .ms-premium-product-price strong{
        font-size:14px;
    }

    .ms-testimonial-card{
        padding:21px;
    }

    .ms-footer-credit{
        max-width:none;
        text-align:left;
    }
}

@media(max-width:390px){

    .ms-premium-product-grid{
        grid-template-columns:1fr;
    }
}

/* =========================================================
   MOBIN SHOPPING — PREMIUM CART PAGE
========================================================= */

.ms-cart-page{
    min-height:100vh;
    padding:
        clamp(150px,11vw,180px)
        20px
        clamp(85px,8vw,120px);
    background:
        radial-gradient(circle at 84% 6%,rgba(255,199,80,.08),transparent 22%),
        #f6f7f9;
}

.ms-cart-container{
    width:100%;
    max-width:1400px;
    margin:0 auto;
}

.ms-cart-hero{
    max-width:760px;
    margin-bottom:34px;
}

.ms-cart-kicker{
    display:inline-block;
    margin-bottom:9px;
    color:#a66f00;
    font-size:10px;
    font-weight:850;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.ms-cart-hero h1{
    margin:0;
    color:#15181d;
    font-size:clamp(42px,5vw,64px);
    line-height:1;
    font-weight:850;
    letter-spacing:-.045em;
}

.ms-cart-hero p{
    margin:15px 0 0;
    color:#747a83;
    font-size:14px;
    line-height:1.7;
}

.ms-cart-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(320px,390px);
    gap:clamp(24px,3vw,38px);
    align-items:start;
}

.ms-cart-main,
.ms-cart-sidebar{
    min-width:0;
}

.ms-cart-table-wrap{
    overflow:hidden;
    border:1px solid rgba(20,25,35,.07);
    border-radius:20px;
    background:#fff;
    box-shadow:0 16px 44px rgba(20,25,35,.07);
}

.ms-cart-table{
    width:100% !important;
    margin:0 !important;
    border:0 !important;
    border-collapse:collapse !important;
    background:#fff;
}

.ms-cart-table thead th{
    padding:16px 14px !important;
    border:0 !important;
    border-bottom:1px solid #eceef1 !important;
    background:#fafafa;
    color:#8a9098;
    font-size:9px !important;
    font-weight:850 !important;
    letter-spacing:.08em;
    text-transform:uppercase;
    text-align:left;
}

.ms-cart-table tbody td{
    padding:18px 14px !important;
    border:0 !important;
    border-bottom:1px solid #eef0f2 !important;
    vertical-align:middle !important;
    background:#fff;
}

.ms-cart-table tbody tr:last-child td{
    border-bottom:0 !important;
}

.ms-cart-item{
    transition:background .2s ease;
}

.ms-cart-item:hover td{
    background:#fcfcfd;
}

.ms-cart-table .product-remove{
    width:52px;
    text-align:center !important;
}

.ms-cart-remove{
    width:34px;
    height:34px;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    border:1px solid #e2e5e9;
    border-radius:10px;
    background:#f7f8f9;
    color:#7f858d !important;
    font-size:12px !important;
    text-decoration:none !important;
    transition:
        transform .2s ease,
        background .2s ease,
        color .2s ease,
        border-color .2s ease;
}

.ms-cart-remove:hover{
    transform:translateY(-2px);
    border-color:#efc3c3;
    background:#fff1f1;
    color:#b43333 !important;
}

.ms-cart-table .product-thumbnail{
    width:96px;
}

.ms-cart-table .product-thumbnail img{
    width:72px !important;
    height:72px !important;
    display:block;
    margin:0 auto;
    border-radius:13px;
    background:#f2f3f5;
    object-fit:cover;
}

.ms-cart-product-info{
    min-width:0;
}

.ms-cart-product-title{
    display:inline-block;
    color:#17191d;
    font-size:13px;
    line-height:1.4;
    font-weight:800;
    text-decoration:none;
    transition:color .2s ease;
}

.ms-cart-product-title:hover{
    color:#9a6800;
}

.ms-cart-product-info .variation{
    margin:7px 0 0 !important;
    color:#858b93;
    font-size:10px;
}

.ms-cart-product-info .variation dt,
.ms-cart-product-info .variation dd{
    display:inline;
    float:none !important;
    margin:0 4px 0 0 !important;
    padding:0 !important;
}

.ms-cart-product-info .variation p{
    display:inline;
    margin:0;
}

.ms-cart-table .product-price,
.ms-cart-table .product-subtotal{
    color:#17191d;
    font-size:13px;
    font-weight:800;
    white-space:nowrap;
}

.ms-cart-table .product-subtotal{
    color:#9a6800;
}

.ms-cart-table .quantity{
    display:inline-flex;
}

.ms-cart-table .quantity .qty{
    width:72px;
    min-height:44px;
    padding:0 8px;
    border:1px solid #dfe3e8;
    border-radius:10px;
    background:#fafafa;
    color:#17191d;
    font-family:inherit;
    font-size:12px;
    font-weight:750;
    text-align:center;
    outline:none;
}

.ms-cart-table .quantity .qty:focus{
    border-color:var(--ms-yellow);
    background:#fff;
    box-shadow:0 0 0 4px rgba(255,199,80,.12);
}

/* Actions row */
.ms-cart-actions-row td{
    padding:16px !important;
    background:#fafafa !important;
}

.ms-cart-actions{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap;
}

.ms-cart-coupon{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}

.ms-cart-coupon input{
    width:min(240px,100%);
    min-height:44px;
    padding:0 13px !important;
    border:1px solid #dfe3e8 !important;
    border-radius:10px !important;
    background:#fff !important;
    color:#17191d !important;
    font-family:inherit;
    font-size:11px !important;
    outline:none;
}

.ms-cart-coupon input:focus{
    border-color:var(--ms-yellow) !important;
    box-shadow:0 0 0 4px rgba(255,199,80,.12);
}

.ms-cart-coupon button,
.ms-cart-update{
    min-height:44px !important;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:0 15px !important;
    border:0 !important;
    border-radius:10px !important;
    background:#111318 !important;
    color:#fff !important;
    font-family:inherit;
    font-size:10px !important;
    font-weight:800 !important;
    line-height:1 !important;
    transition:
        transform .22s ease,
        background .22s ease,
        color .22s ease !important;
}

.ms-cart-coupon button:hover,
.ms-cart-update:hover{
    transform:translateY(-2px);
    background:var(--ms-yellow) !important;
    color:#15171a !important;
}

/* Help card */
.ms-cart-help{
    display:flex;
    align-items:flex-start;
    gap:13px;
    margin-top:18px;
    padding:18px;
    border:1px solid rgba(20,25,35,.07);
    border-radius:16px;
    background:#fff;
    box-shadow:0 10px 28px rgba(20,25,35,.05);
}

.ms-cart-help-icon{
    width:42px;
    height:42px;
    flex:0 0 42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    background:var(--ms-yellow);
    color:#15171a;
    font-size:15px;
}

.ms-cart-help strong{
    display:block;
    color:#17191d;
    font-size:11px;
    font-weight:850;
}

.ms-cart-help p{
    margin:4px 0 0;
    color:#7a8088;
    font-size:10px;
    line-height:1.6;
}

.ms-cart-help a{
    color:#9a6800;
    font-weight:750;
    text-decoration:none;
}

/* Sidebar */
.ms-cart-sidebar{
    position:sticky;
    top:118px;
}

.ms-cart-totals-card{
    padding:22px;
    border:1px solid rgba(20,25,35,.07);
    border-radius:20px;
    background:#fff;
    box-shadow:0 16px 44px rgba(20,25,35,.08);
}

.ms-cart-summary-kicker{
    display:block;
    margin-bottom:13px;
    color:#a66f00;
    font-size:9px;
    font-weight:850;
    letter-spacing:.10em;
    text-transform:uppercase;
}

.ms-cart-totals-card .cart_totals{
    width:100% !important;
    float:none !important;
}

.ms-cart-totals-card .cart_totals h2{
    margin:0 0 16px;
    color:#17191d;
    font-size:24px;
    line-height:1.1;
    font-weight:850;
    letter-spacing:-.03em;
}

.ms-cart-totals-card .shop_table{
    margin:0 !important;
    border:0 !important;
}

.ms-cart-totals-card .shop_table th,
.ms-cart-totals-card .shop_table td{
    padding:12px 0 !important;
    border:0 !important;
    border-bottom:1px solid #eceef1 !important;
    font-size:11px;
    vertical-align:top;
}

.ms-cart-totals-card .shop_table th{
    color:#777d86;
    font-weight:700;
    text-align:left;
}

.ms-cart-totals-card .shop_table td{
    color:#17191d;
    font-weight:800;
    text-align:right;
}

.ms-cart-totals-card .order-total th,
.ms-cart-totals-card .order-total td{
    padding-top:16px !important;
    border-bottom:0 !important;
    color:#17191d;
    font-size:15px !important;
    font-weight:850 !important;
}

.ms-cart-totals-card .woocommerce-shipping-methods{
    margin:0 !important;
    padding:0 !important;
    list-style:none;
}

.ms-cart-totals-card .woocommerce-shipping-methods li + li{
    margin-top:8px;
}

.ms-cart-totals-card .shipping-calculator-button{
    display:inline-block;
    margin-top:9px;
    color:#9a6800;
    font-size:10px;
    font-weight:750;
    text-decoration:none;
}

.ms-cart-totals-card .wc-proceed-to-checkout{
    padding:18px 0 0 !important;
}

.ms-cart-totals-card .checkout-button{
    width:100%;
    min-height:54px;
    display:flex !important;
    align-items:center;
    justify-content:center;
    margin:0 !important;
    padding:0 18px !important;
    border-radius:12px !important;
    background:var(--ms-yellow) !important;
    color:#15171a !important;
    font-size:12px !important;
    font-weight:850 !important;
    line-height:1 !important;
    box-shadow:0 14px 30px rgba(255,199,80,.22);
    transition:
        transform .23s ease,
        background .23s ease,
        box-shadow .23s ease !important;
}

.ms-cart-totals-card .checkout-button:hover{
    transform:translateY(-3px);
    background:#ffd76f !important;
    box-shadow:0 19px 38px rgba(255,199,80,.28);
}

.ms-cart-trust{
    display:grid;
    gap:9px;
    margin-top:14px;
}

.ms-cart-trust > div{
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px 13px;
    border:1px solid rgba(20,25,35,.07);
    border-radius:13px;
    background:#fff;
    color:#646a73;
    font-size:10px;
    font-weight:750;
    box-shadow:0 8px 22px rgba(20,25,35,.04);
}

.ms-cart-trust i{
    width:28px;
    height:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:8px;
    background:#fff1c6;
    color:#8d6100;
    font-size:11px;
}

/* Cross-sells */
.ms-cart-page .cross-sells{
    margin-top:30px;
}

.ms-cart-page .cross-sells > h2{
    margin:0 0 18px;
    color:#17191d;
    font-size:24px;
    font-weight:850;
}

.ms-cart-page .cross-sells ul.products{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    margin:0 !important;
    padding:0 !important;
}

.ms-cart-page .cross-sells ul.products::before,
.ms-cart-page .cross-sells ul.products::after{
    display:none !important;
}

.ms-cart-page .cross-sells li.product{
    float:none !important;
    width:auto !important;
    margin:0 !important;
}

/* Empty cart */
.ms-cart-page .cart-empty{
    margin:0 !important;
    padding:22px !important;
    border:1px solid rgba(20,25,35,.07) !important;
    border-radius:16px;
    background:#fff;
    color:#6e747c;
}

.ms-cart-page .return-to-shop .button{
    min-height:46px;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    padding:0 17px !important;
    border-radius:10px !important;
    background:#111318 !important;
    color:#fff !important;
    font-size:11px !important;
    font-weight:800 !important;
}

/* Responsive */
@media(max-width:1050px){

    .ms-cart-layout{
        grid-template-columns:1fr;
    }

    .ms-cart-sidebar{
        position:static;
    }
}

@media(max-width:820px){

    .ms-cart-page{
        padding:
            125px
            15px
            75px;
    }

    .ms-cart-table-wrap{
        overflow:visible;
        border:0;
        background:transparent;
        box-shadow:none;
    }

    .ms-cart-table,
    .ms-cart-table tbody{
        display:block;
        width:100%;
    }

    .ms-cart-table thead{
        display:none;
    }

    .ms-cart-table tr.ms-cart-item{
        position:relative;
        display:grid;
        grid-template-columns:84px minmax(0,1fr);
        gap:0 14px;
        margin-bottom:13px;
        padding:16px;
        border:1px solid rgba(20,25,35,.07);
        border-radius:16px;
        background:#fff;
        box-shadow:0 10px 28px rgba(20,25,35,.05);
    }

    .ms-cart-table tr.ms-cart-item td{
        display:block !important;
        width:auto !important;
        padding:0 !important;
        border:0 !important;
        background:transparent !important;
        text-align:left !important;
    }

    .ms-cart-table tr.ms-cart-item .product-remove{
        position:absolute;
        top:12px;
        right:12px;
        z-index:3;
    }

    .ms-cart-table tr.ms-cart-item .product-thumbnail{
        grid-row:1 / span 4;
        grid-column:1;
    }

    .ms-cart-table tr.ms-cart-item .product-thumbnail img{
        width:84px !important;
        height:84px !important;
        margin:0;
    }

    .ms-cart-table tr.ms-cart-item .product-name,
    .ms-cart-table tr.ms-cart-item .product-price,
    .ms-cart-table tr.ms-cart-item .product-quantity,
    .ms-cart-table tr.ms-cart-item .product-subtotal{
        grid-column:2;
    }

    .ms-cart-table tr.ms-cart-item .product-name{
        padding-right:38px !important;
    }

    .ms-cart-table tr.ms-cart-item .product-price{
        margin-top:7px;
        color:#727880;
        font-size:11px;
    }

    .ms-cart-table tr.ms-cart-item .product-quantity{
        margin-top:10px;
    }

    .ms-cart-table tr.ms-cart-item .product-subtotal{
        margin-top:9px;
        font-size:13px;
    }

    .ms-cart-actions-row,
    .ms-cart-actions-row td{
        display:block !important;
        width:100%;
    }

    .ms-cart-actions-row td{
        padding:0 !important;
        background:transparent !important;
    }

    .ms-cart-actions{
        align-items:stretch;
        flex-direction:column;
        padding:15px;
        border:1px solid rgba(20,25,35,.07);
        border-radius:15px;
        background:#fff;
    }

    .ms-cart-coupon{
        display:grid;
        grid-template-columns:minmax(0,1fr) auto;
        width:100%;
    }

    .ms-cart-coupon input{
        width:100%;
    }

    .ms-cart-update{
        width:100%;
    }
}

@media(max-width:560px){

    .ms-cart-page{
        padding:
            110px
            12px
            62px;
    }

    .ms-cart-hero h1{
        font-size:39px;
    }

    .ms-cart-table tr.ms-cart-item{
        grid-template-columns:70px minmax(0,1fr);
        padding:13px;
    }

    .ms-cart-table tr.ms-cart-item .product-thumbnail img{
        width:70px !important;
        height:70px !important;
    }

    .ms-cart-product-title{
        font-size:12px;
    }

    .ms-cart-coupon{
        grid-template-columns:1fr;
    }

    .ms-cart-coupon button{
        width:100%;
    }

    .ms-cart-totals-card{
        padding:18px;
        border-radius:17px;
    }

    .ms-cart-help{
        padding:15px;
    }

    .ms-cart-page .cross-sells ul.products{
        grid-template-columns:1fr;
    }
}

/* =========================================================
   MOBIN SHOPPING — PREMIUM CHECKOUT PAGE
========================================================= */

.ms-checkout-page{
    min-height:100vh;
    padding:
        clamp(150px,11vw,180px)
        20px
        clamp(90px,8vw,125px);
    background:
        radial-gradient(circle at 85% 8%,rgba(255,199,80,.09),transparent 24%),
        #f6f7f9;
}

.ms-checkout-container{
    width:100%;
    max-width:1400px;
    margin:0 auto;
}

.ms-checkout-hero{
    max-width:790px;
    margin-bottom:36px;
}

.ms-checkout-kicker{
    display:inline-block;
    margin-bottom:9px;
    color:#a66f00;
    font-size:10px;
    font-weight:850;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.ms-checkout-hero h1{
    margin:0;
    color:#15181d;
    font-size:clamp(42px,5vw,64px);
    line-height:1;
    font-weight:850;
    letter-spacing:-.045em;
}

.ms-checkout-hero p{
    margin:15px 0 0;
    color:#747a83;
    font-size:14px;
    line-height:1.72;
}

.ms-checkout-form{
    width:100%;
}

.ms-checkout-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(340px,420px);
    gap:clamp(24px,3vw,40px);
    align-items:start;
}

.ms-checkout-customer{
    min-width:0;
    display:grid;
    gap:20px;
}

.ms-checkout-panel{
    overflow:hidden;
    border:1px solid rgba(20,25,35,.07);
    border-radius:20px;
    background:#fff;
    box-shadow:0 15px 42px rgba(20,25,35,.065);
}

.ms-checkout-panel-head{
    display:flex;
    align-items:center;
    gap:14px;
    padding:20px 22px;
    border-bottom:1px solid #eceef1;
    background:#fafafa;
}

.ms-checkout-panel-icon{
    width:46px;
    height:46px;
    flex:0 0 46px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:13px;
    background:var(--ms-yellow);
    color:#15171a;
    font-size:16px;
    box-shadow:0 10px 24px rgba(255,199,80,.20);
}

.ms-checkout-panel-head small{
    display:block;
    margin-bottom:3px;
    color:#a0a5ad;
    font-size:8px;
    font-weight:850;
    letter-spacing:.09em;
    text-transform:uppercase;
}

.ms-checkout-panel-head h2{
    margin:0;
    color:#17191d;
    font-size:20px;
    font-weight:850;
    letter-spacing:-.025em;
}

.ms-checkout-panel-body{
    padding:22px;
}

/* Billing / shipping headings from WooCommerce */
.ms-checkout-page .woocommerce-billing-fields > h3,
.ms-checkout-page .woocommerce-shipping-fields > h3,
.ms-checkout-page .woocommerce-additional-fields > h3{
    margin:0 0 16px;
    color:#17191d;
    font-size:16px;
    font-weight:850;
}

/* Form rows */
.ms-checkout-page .form-row{
    margin:0 0 15px !important;
    padding:0 !important;
}

.ms-checkout-page .form-row-first,
.ms-checkout-page .form-row-last{
    width:calc(50% - 7px) !important;
}

.ms-checkout-page .form-row-first{
    float:left !important;
}

.ms-checkout-page .form-row-last{
    float:right !important;
}

.ms-checkout-page .form-row-wide{
    clear:both;
}

.ms-checkout-page .form-row label{
    display:block;
    margin:0 0 7px;
    color:#444a52;
    font-size:10px;
    font-weight:800;
}

.ms-checkout-page .required{
    color:#b77900;
    text-decoration:none;
}

/* Inputs */
.ms-checkout-page input.input-text,
.ms-checkout-page textarea,
.ms-checkout-page select,
.ms-checkout-page .select2-container .select2-selection--single{
    width:100%;
    min-height:48px;
    border:1px solid #dfe3e8 !important;
    border-radius:11px !important;
    background:#fafafa !important;
    color:#17191d !important;
    font-family:inherit !important;
    font-size:12px !important;
    outline:none !important;
    box-shadow:none !important;
    transition:
        border-color .2s ease,
        background .2s ease,
        box-shadow .2s ease !important;
}

.ms-checkout-page input.input-text,
.ms-checkout-page textarea,
.ms-checkout-page select{
    padding:0 13px !important;
}

.ms-checkout-page textarea{
    min-height:120px !important;
    padding:12px 13px !important;
    resize:vertical;
}

.ms-checkout-page input.input-text:focus,
.ms-checkout-page textarea:focus,
.ms-checkout-page select:focus{
    border-color:var(--ms-yellow) !important;
    background:#fff !important;
    box-shadow:0 0 0 4px rgba(255,199,80,.12) !important;
}

.ms-checkout-page .select2-container{
    width:100% !important;
}

.ms-checkout-page .select2-container .select2-selection--single{
    display:flex;
    align-items:center;
    padding:0 12px;
}

.ms-checkout-page .select2-container--default .select2-selection--single .select2-selection__rendered{
    padding:0 !important;
    color:#17191d !important;
    line-height:46px !important;
}

.ms-checkout-page .select2-container--default .select2-selection--single .select2-selection__arrow{
    top:10px !important;
    right:10px !important;
}

/* Checkboxes */
.ms-checkout-page input[type="checkbox"]{
    width:16px;
    height:16px;
    accent-color:#d99a00;
}

.ms-checkout-page .create-account,
.ms-checkout-page .woocommerce-shipping-fields{
    margin-top:10px;
}

/* Summary */
.ms-checkout-summary{
    position:sticky;
    top:118px;
    min-width:0;
}

.ms-checkout-summary-card{
    padding:22px;
    border:1px solid rgba(20,25,35,.07);
    border-radius:20px;
    background:#fff;
    box-shadow:0 16px 46px rgba(20,25,35,.085);
}

.ms-checkout-summary-head{
    display:flex;
    align-items:center;
    gap:13px;
    margin-bottom:18px;
    padding-bottom:17px;
    border-bottom:1px solid #eceef1;
}

.ms-checkout-summary-head > span{
    width:43px;
    height:43px;
    flex:0 0 43px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    background:#111318;
    color:var(--ms-yellow);
    font-size:15px;
}

.ms-checkout-summary-head small{
    display:block;
    margin-bottom:2px;
    color:#a0a5ad;
    font-size:8px;
    font-weight:850;
    letter-spacing:.09em;
    text-transform:uppercase;
}

.ms-checkout-summary-head h2{
    margin:0;
    color:#17191d;
    font-size:21px;
    font-weight:850;
    letter-spacing:-.025em;
}

/* Order review table */
.ms-checkout-page .woocommerce-checkout-review-order-table{
    width:100% !important;
    margin:0 0 18px !important;
    border:0 !important;
    border-collapse:collapse !important;
}

.ms-checkout-page .woocommerce-checkout-review-order-table th,
.ms-checkout-page .woocommerce-checkout-review-order-table td{
    padding:11px 0 !important;
    border:0 !important;
    border-bottom:1px solid #eceef1 !important;
    font-size:10.5px;
    vertical-align:top;
}

.ms-checkout-page .woocommerce-checkout-review-order-table thead th{
    color:#8a9098;
    font-size:8px;
    font-weight:850;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.ms-checkout-page .woocommerce-checkout-review-order-table .product-name{
    padding-right:15px !important;
    color:#525861;
    font-weight:700;
}

.ms-checkout-page .woocommerce-checkout-review-order-table .product-total{
    color:#17191d;
    font-weight:800;
    text-align:right;
    white-space:nowrap;
}

.ms-checkout-page .woocommerce-checkout-review-order-table tfoot th{
    color:#777d86;
    font-weight:700;
    text-align:left;
}

.ms-checkout-page .woocommerce-checkout-review-order-table tfoot td{
    color:#17191d;
    font-weight:800;
    text-align:right;
}

.ms-checkout-page .woocommerce-checkout-review-order-table .order-total th,
.ms-checkout-page .woocommerce-checkout-review-order-table .order-total td{
    padding-top:15px !important;
    border-bottom:0 !important;
    color:#17191d;
    font-size:14px !important;
    font-weight:850 !important;
}

/* Payment box */
.ms-checkout-page #payment{
    margin-top:16px !important;
    border:1px solid #e6e8eb !important;
    border-radius:15px !important;
    background:#fafafa !important;
    overflow:hidden;
}

.ms-checkout-page #payment ul.payment_methods{
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    list-style:none;
}

.ms-checkout-page #payment ul.payment_methods > li{
    margin:0 !important;
    padding:14px 14px !important;
    border-bottom:1px solid #e8eaed;
    background:#fff;
}

.ms-checkout-page #payment ul.payment_methods > li:last-child{
    border-bottom:0;
}

.ms-checkout-page #payment label{
    color:#17191d;
    font-size:11px;
    font-weight:800;
}

.ms-checkout-page #payment .payment_box{
    margin:11px 0 0 !important;
    padding:12px !important;
    border-radius:10px !important;
    background:#f3f4f6 !important;
    color:#686e76 !important;
    font-size:10px !important;
    line-height:1.6 !important;
}

.ms-checkout-page #payment .payment_box::before{
    display:none !important;
}

.ms-checkout-page #payment .payment_methods img{
    max-height:26px !important;
    width:auto !important;
}

/* Terms + place order */
.ms-checkout-page #payment .place-order{
    margin:0 !important;
    padding:16px !important;
    background:#fff;
}

.ms-checkout-page .woocommerce-terms-and-conditions-wrapper{
    margin-bottom:12px;
    color:#737982;
    font-size:9.5px;
    line-height:1.6;
}

.ms-checkout-page .woocommerce-privacy-policy-text p{
    margin:0 0 10px;
}

.ms-checkout-page #place_order{
    width:100%;
    min-height:55px;
    display:flex !important;
    align-items:center;
    justify-content:center;
    margin:0 !important;
    padding:0 20px !important;
    border:0 !important;
    border-radius:12px !important;
    background:var(--ms-yellow) !important;
    color:#15171a !important;
    font-family:inherit;
    font-size:12px !important;
    font-weight:850 !important;
    line-height:1 !important;
    box-shadow:0 14px 30px rgba(255,199,80,.23);
    transition:
        transform .23s ease,
        background .23s ease,
        box-shadow .23s ease !important;
}

.ms-checkout-page #place_order:hover{
    transform:translateY(-3px);
    background:#ffd76f !important;
    box-shadow:0 19px 38px rgba(255,199,80,.30);
}

/* Secure note */
.ms-checkout-secure-note{
    display:flex;
    align-items:flex-start;
    gap:11px;
    margin-top:16px;
    padding:13px;
    border-radius:12px;
    background:#111318;
}

.ms-checkout-secure-note > i{
    width:31px;
    height:31px;
    flex:0 0 31px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:9px;
    background:var(--ms-yellow);
    color:#15171a;
    font-size:11px;
}

.ms-checkout-secure-note strong{
    display:block;
    color:#fff;
    font-size:10px;
    font-weight:800;
}

.ms-checkout-secure-note span{
    display:block;
    margin-top:3px;
    color:rgba(255,255,255,.48);
    font-size:9px;
    line-height:1.5;
}

/* Trust strip */
.ms-checkout-trust{
    display:grid;
    gap:9px;
    margin-top:14px;
}

.ms-checkout-trust > div{
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px 13px;
    border:1px solid rgba(20,25,35,.07);
    border-radius:13px;
    background:#fff;
    color:#646a73;
    font-size:10px;
    font-weight:750;
    box-shadow:0 8px 22px rgba(20,25,35,.04);
}

.ms-checkout-trust i{
    width:28px;
    height:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:8px;
    background:#fff1c6;
    color:#8d6100;
    font-size:11px;
}

/* Notices */
.ms-checkout-page .woocommerce-error,
.ms-checkout-page .woocommerce-info,
.ms-checkout-page .woocommerce-message{
    margin:0 0 18px !important;
    padding:14px 16px 14px 46px !important;
    border:1px solid rgba(20,25,35,.08) !important;
    border-top:0 !important;
    border-radius:13px !important;
    background:#fff !important;
    color:#5f656e !important;
    font-size:11px;
    box-shadow:0 8px 24px rgba(20,25,35,.05);
}

.ms-checkout-page .woocommerce-error::before,
.ms-checkout-page .woocommerce-info::before,
.ms-checkout-page .woocommerce-message::before{
    top:14px !important;
    left:16px !important;
    color:#a66f00 !important;
}

/* Coupon login forms above checkout */
.woocommerce-form-coupon-toggle,
.woocommerce-form-login-toggle{
    width:100%;
    max-width:1400px;
    margin:0 auto 12px;
}

.ms-checkout-page .checkout_coupon,
.ms-checkout-page .woocommerce-form-login{
    margin:0 0 18px !important;
    padding:18px !important;
    border:1px solid rgba(20,25,35,.07) !important;
    border-radius:15px !important;
    background:#fff;
}

/* Responsive */
@media(max-width:1050px){

    .ms-checkout-layout{
        grid-template-columns:1fr;
    }

    .ms-checkout-summary{
        position:static;
    }
}

@media(max-width:760px){

    .ms-checkout-page{
        padding:
            125px
            15px
            75px;
    }

    .ms-checkout-page .form-row-first,
    .ms-checkout-page .form-row-last{
        width:100% !important;
        float:none !important;
    }
}

@media(max-width:560px){

    .ms-checkout-page{
        padding:
            110px
            12px
            65px;
    }

    .ms-checkout-hero h1{
        font-size:39px;
    }

    .ms-checkout-panel-head{
        padding:17px;
    }

    .ms-checkout-panel-head h2{
        font-size:17px;
    }

    .ms-checkout-panel-body{
        padding:17px;
    }

    .ms-checkout-summary-card{
        padding:18px;
        border-radius:17px;
    }

    .ms-checkout-summary-head h2{
        font-size:19px;
    }
}

/* =========================================================
   v1.1 — INFORMATION / LEGAL / SYSTEM / ACCOUNT PAGES
========================================================= */
.ms-info-page,.ms-system-page{background:#f7f8fa;color:#171a20;min-height:70vh}.ms-info-container{width:min(1180px,calc(100% - 32px));margin:0 auto}.ms-info-hero{padding:155px 0 72px;background:linear-gradient(135deg,#071315 0%,#102428 58%,#183238 100%);color:#fff;position:relative;overflow:hidden}.ms-info-hero:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-130px;top:-190px;background:radial-gradient(circle,rgba(240,185,67,.18),transparent 70%);pointer-events:none}.ms-info-kicker{display:inline-flex;padding:8px 12px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(255,255,255,.07);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:#f1c75b}.ms-info-hero h1{margin:18px 0 16px;max-width:900px;font-size:clamp(38px,6vw,72px);line-height:.98;letter-spacing:-.045em}.ms-info-hero p{max-width:760px;margin:0;color:rgba(255,255,255,.72);font-size:16px;line-height:1.8}.ms-info-content{padding:72px 0 100px}.ms-info-prose{max-width:920px}.ms-info-prose h2{margin:42px 0 14px;font-size:26px;letter-spacing:-.025em;color:#151920}.ms-info-prose h2:first-child{margin-top:0}.ms-info-prose p,.ms-info-prose li{font-size:15px;line-height:1.85;color:#5f6670}.ms-info-prose a{color:#7a5700;text-decoration:underline;text-underline-offset:3px}.ms-info-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0}.ms-info-cards>div{display:flex;flex-direction:column;gap:8px;padding:25px;border:1px solid rgba(18,28,35,.08);border-radius:18px;background:#fff;box-shadow:0 16px 40px rgba(18,28,35,.05)}.ms-info-cards strong{font-size:16px}.ms-info-cards span{font-size:13px;line-height:1.7;color:#707781}.ms-info-notice{margin:30px 0;padding:22px 24px;border:1px solid rgba(181,130,19,.18);border-radius:16px;background:#fff9e9}.ms-info-notice strong{display:block;margin-bottom:6px;color:#735100}.ms-info-notice p{margin:0}.ms-faq{display:grid;gap:12px}.ms-faq details{border:1px solid rgba(18,28,35,.08);border-radius:15px;background:#fff;padding:0 20px;box-shadow:0 10px 28px rgba(18,28,35,.035)}.ms-faq summary{cursor:pointer;list-style:none;padding:20px 0;font-weight:800;font-size:15px}.ms-faq summary::-webkit-details-marker{display:none}.ms-faq p{margin:0;padding:0 0 20px}.ms-system-page{padding:160px 20px 100px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f5f6f7,#fff)}.ms-system-card{width:min(720px,100%);padding:46px;border:1px solid rgba(18,28,35,.08);border-radius:25px;background:#fff;box-shadow:0 25px 80px rgba(18,28,35,.08);text-align:center}.ms-system-card>span{font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:850;color:#9a6d00}.ms-system-card h1,.ms-system-card h2{font-size:clamp(30px,5vw,52px);letter-spacing:-.04em;margin:12px 0}.ms-system-card p{color:#6a717b;line-height:1.75}.ms-system-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px}.ms-search-results{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ms-search-results article{background:#fff;border:1px solid rgba(18,28,35,.08);border-radius:18px;overflow:hidden;box-shadow:0 12px 35px rgba(18,28,35,.05)}.ms-search-results article>a{display:block;color:inherit;text-decoration:none}.ms-search-results img{width:100%;aspect-ratio:4/3;object-fit:cover}.ms-search-results article>a>div{padding:20px}.ms-search-results small{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#987000}.ms-search-results h2{font-size:18px;margin:8px 0}.ms-search-results p{font-size:13px;line-height:1.65;color:#6d747e}.ms-search-results span{font-weight:800;font-size:12px}.navigation.pagination{margin-top:38px}.nav-links{display:flex;gap:8px;justify-content:center}.nav-links .page-numbers{min-width:38px;height:38px;padding:0 12px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#fff;border:1px solid rgba(18,28,35,.08);text-decoration:none}.nav-links .current{background:#142529;color:#fff}

/* Native contact fallback */
.ms-contact-help{margin-top:28px;padding:18px;border:1px solid rgba(20,25,35,.08);border-radius:14px;background:rgba(255,255,255,.6)}.ms-contact-help strong{display:block;margin-bottom:6px}.ms-contact-help p{margin:0;font-size:12px;line-height:1.65;color:#707781}.ms-form-alert{margin-bottom:18px;padding:14px 16px;border-radius:12px;font-size:13px;font-weight:700}.ms-form-alert.is-success{background:#eaf8f0;color:#1e6841;border:1px solid #c9ead7}.ms-form-alert.is-error{background:#fff0f0;color:#8b2d2d;border:1px solid #f3d0d0}.ms-native-contact{display:grid;gap:16px}.ms-native-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ms-native-contact label{display:grid;gap:7px}.ms-native-contact label>span{font-size:11px;font-weight:800;color:#4e555f}.ms-native-contact input,.ms-native-contact select,.ms-native-contact textarea{width:100%;border:1px solid rgba(20,25,35,.12);border-radius:12px;background:#fff;padding:13px 14px;font:inherit;color:#1b2026;outline:none;transition:border-color .2s,box-shadow .2s}.ms-native-contact textarea{resize:vertical;min-height:150px}.ms-native-contact input:focus,.ms-native-contact select:focus,.ms-native-contact textarea:focus{border-color:#c5901b;box-shadow:0 0 0 3px rgba(197,144,27,.12)}.ms-native-submit{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;border:0;border-radius:12px;background:#142529;color:#fff;font-weight:850;cursor:pointer;padding:0 20px}.ms-native-submit:hover{transform:translateY(-1px)}.ms-form-privacy{font-size:10px;line-height:1.6;color:#777e86}.ms-form-privacy a{color:inherit;text-decoration:underline}.ms-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}

/* WooCommerce account / order tracking / generic forms */
.woocommerce-account .site-main,.woocommerce-account main,.woocommerce-order-received main{min-height:65vh}.woocommerce-account .woocommerce,.woocommerce-order-received .woocommerce,.ms-info-content .woocommerce{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:145px 0 90px}.ms-info-content .woocommerce{width:100%;padding:0}.woocommerce-MyAccount-navigation{float:left;width:26%;padding:18px;border:1px solid rgba(18,28,35,.08);border-radius:18px;background:#fff}.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;display:grid;gap:5px}.woocommerce-MyAccount-navigation a{display:block;padding:12px 14px;border-radius:10px;text-decoration:none;color:#4e565f;font-size:12px;font-weight:800}.woocommerce-MyAccount-navigation .is-active a,.woocommerce-MyAccount-navigation a:hover{background:#13272a;color:#fff}.woocommerce-MyAccount-content{float:right;width:70%;padding:28px;border:1px solid rgba(18,28,35,.08);border-radius:18px;background:#fff}.woocommerce-account .woocommerce:after{content:"";display:block;clear:both}.woocommerce form.login,.woocommerce form.register,.woocommerce .woocommerce-form-track-order{padding:25px!important;border:1px solid rgba(18,28,35,.08)!important;border-radius:18px!important;background:#fff!important}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{border:1px solid rgba(18,28,35,.12);border-radius:10px;padding:12px 13px;background:#fff}.woocommerce button.button,.woocommerce a.button,.woocommerce input.button{border-radius:10px!important;background:#142529!important;color:#fff!important;font-weight:800!important;padding:12px 18px!important}.woocommerce table.shop_table{border-radius:14px!important;overflow:hidden;border-color:rgba(18,28,35,.08)!important}.woocommerce-info,.woocommerce-message,.woocommerce-error{border-top-color:#c5901b}.woocommerce-info::before,.woocommerce-message::before{color:#9b710e}

@media(max-width:900px){.ms-info-cards,.ms-search-results{grid-template-columns:1fr 1fr}.woocommerce-MyAccount-navigation,.woocommerce-MyAccount-content{float:none;width:100%}.woocommerce-MyAccount-content{margin-top:15px}}
@media(max-width:640px){.ms-info-hero{padding:125px 0 55px}.ms-info-content{padding:50px 0 75px}.ms-info-cards,.ms-search-results,.ms-native-grid{grid-template-columns:1fr}.ms-info-hero h1{font-size:42px}.ms-system-card{padding:30px 20px}.woocommerce-account .woocommerce,.woocommerce-order-received .woocommerce{padding:120px 15px 70px;width:100%}.ms-info-prose h2{font-size:22px}}

/* =========================================================
   MOBIN SHOPPING — MARKETPLACE EXPERIENCE v2
========================================================= */
.ms-market-topbar{background:#07131f;color:#dce7ef;font-size:12px;border-bottom:1px solid rgba(255,255,255,.08)}
.ms-market-topbar-inner{max-width:1440px;margin:auto;padding:8px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.ms-market-topbar-left,.ms-market-topbar-right{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.ms-market-topbar-left span{display:flex;align-items:center;gap:7px;opacity:.92}.ms-market-topbar-right a{color:#e8f1f7;text-decoration:none;opacity:.9}.ms-market-topbar-right a:hover{opacity:1;text-decoration:underline}
.ms-header-collection{position:relative}.ms-header-collection>i{font-size:20px}.ms-collection-count{position:absolute;right:-5px;top:-5px;min-width:18px;height:18px;border-radius:20px;background:#ffb000;color:#111;display:grid;place-items:center;font-size:10px;font-weight:800;padding:0 5px}.ms-collection-count[hidden]{display:none!important}
.ms-live-search-results{display:none;margin-top:14px;border:1px solid rgba(10,35,55,.1);border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.12)}.ms-live-search-results.is-open{display:block}.ms-live-item{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;text-decoration:none;color:#142230;border-bottom:1px solid #edf1f4}.ms-live-item:last-child{border-bottom:0}.ms-live-item:hover{background:#f7fafc}.ms-live-item img{width:56px;height:56px;object-fit:contain;border-radius:10px;background:#f5f7f9}.ms-live-item span{display:flex;flex-direction:column;min-width:0}.ms-live-item strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ms-live-item small{color:#11823b;margin-top:3px}.ms-live-item b{font-size:15px}.ms-live-state{padding:18px;color:#667784;text-align:center}
.ms-card-badges{position:absolute;left:12px;top:12px;display:flex;gap:6px;z-index:3}.ms-new-badge,.ms-stock-badge{padding:6px 9px;border-radius:999px;font-size:11px;font-weight:800;line-height:1}.ms-new-badge{background:#e8f4ff;color:#0b5ea8}.ms-stock-badge{background:#fce8e8;color:#a62929}.ms-card-quick-actions{position:absolute;right:12px;top:12px;display:flex;flex-direction:column;gap:8px;z-index:4}.ms-card-icon-btn{width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.96);box-shadow:0 8px 22px rgba(8,24,40,.14);display:grid;place-items:center;cursor:pointer;color:#20303d;transition:.2s}.ms-card-icon-btn:hover,.ms-card-icon-btn.is-active{transform:translateY(-2px);background:#07131f;color:#fff}.ms-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;margin:4px 0 8px}.ms-card-meta .is-stock{color:#17803d;font-weight:700}.ms-card-meta .is-out{color:#a72a2a;font-weight:700}.ms-card-meta small{color:#80909d}
.ms-product-market-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.ms-collection-btn{border:1px solid #d8e0e5;background:#fff;border-radius:12px;padding:11px 14px;display:inline-flex;align-items:center;gap:8px;font-weight:700;color:#152533;cursor:pointer}.ms-collection-btn:hover,.ms-collection-btn.is-active{border-color:#0a2336;background:#0a2336;color:#fff}.ms-buy-confidence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 20px}.ms-buy-confidence>div{border:1px solid #e6ebef;background:#fbfcfd;border-radius:14px;padding:12px;display:grid;grid-template-columns:auto 1fr;column-gap:8px}.ms-buy-confidence i{grid-row:1/3;color:#087f45;margin-top:2px}.ms-buy-confidence strong{font-size:13px}.ms-buy-confidence span{font-size:11px;color:#6a7985;line-height:1.35}
.ms-collection-page{max-width:1360px;margin:0 auto;padding:70px 24px 90px}.ms-collection-head{max-width:760px;margin-bottom:24px}.ms-collection-head h1{font-size:clamp(34px,5vw,58px);line-height:1.02;margin:7px 0 12px}.ms-collection-head p{font-size:17px;color:#61717d}.ms-collection-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.ms-collection-actions .button,.ms-collection-card .button,.ms-collection-empty .button{border-radius:12px!important}.ms-clear-collection,.ms-remove-collection,.ms-clear-recent{border:1px solid #dbe2e7;background:#fff;border-radius:12px;padding:10px 14px;font-weight:700;cursor:pointer}.ms-collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.ms-collection-card{background:#fff;border:1px solid #e5eaee;border-radius:20px;overflow:hidden;box-shadow:0 12px 35px rgba(10,30,45,.06)}.ms-collection-image{display:block;background:#f7f8fa;aspect-ratio:1/1;padding:18px}.ms-collection-image img{width:100%;height:100%;object-fit:contain}.ms-collection-card-body{padding:18px}.ms-collection-card-body h3{font-size:16px;line-height:1.35;margin:0 0 9px}.ms-collection-card-body h3 a{text-decoration:none;color:#152431}.ms-collection-price{font-size:18px;font-weight:800;margin:8px 0 14px}.ms-collection-card-actions{display:flex;gap:8px;flex-wrap:wrap}.ms-remove-collection{padding:9px 11px;font-size:12px}.ms-compare-specs{margin:12px 0;border-top:1px solid #edf0f2}.ms-compare-specs>div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #edf0f2;padding:8px 0;font-size:12px}.ms-compare-specs dt{color:#72808b}.ms-compare-specs dd{margin:0;font-weight:700;text-align:right}.ms-collection-empty{grid-column:1/-1;text-align:center;border:1px dashed #ccd6dd;border-radius:20px;padding:50px 20px;background:#fafcfd}.ms-collection-empty i{font-size:34px}.ms-collection-empty h2{margin:12px 0 6px}.ms-collection-loading{grid-column:1/-1;padding:35px;text-align:center;color:#71808c}
.ms-recently-viewed{background:#f7f9fb;border-top:1px solid #e9eef2}.ms-recently-viewed[hidden]{display:none}.ms-recently-viewed-inner{max-width:1360px;margin:auto;padding:55px 24px}.ms-recent-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px;margin-top:22px}.ms-recent-card{background:#fff;border:1px solid #e7ebef;border-radius:16px;overflow:hidden}.ms-recent-card a{text-decoration:none;color:#182733}.ms-recent-card img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#fafbfc;padding:10px}.ms-recent-card span{display:block;padding:12px}.ms-recent-card strong{display:block;font-size:13px;line-height:1.35;min-height:35px}.ms-recent-card b{display:block;margin-top:8px;font-size:14px}.ms-clear-recent{align-self:flex-end}
.ms-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:#081521;color:#fff;padding:12px 18px;border-radius:999px;box-shadow:0 14px 45px rgba(0,0,0,.22);font-weight:700;font-size:13px;opacity:0;pointer-events:none;transition:.25s;z-index:99999}.ms-toast.is-visible{opacity:1;transform:translate(-50%,0)}
.ms-mobile-market-nav{display:none}
@media(max-width:1100px){.ms-market-topbar-left span:nth-child(n+3){display:none}.ms-collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ms-recent-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ms-buy-confidence{grid-template-columns:1fr}.ms-header-collection{display:none!important}}
@media(max-width:760px){.ms-market-topbar{display:none}.ms-collection-page{padding:45px 16px 100px}.ms-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ms-recently-viewed-inner{padding:40px 16px 95px}.ms-recent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ms-live-item{grid-template-columns:46px minmax(0,1fr);padding:10px}.ms-live-item img{width:46px;height:46px}.ms-live-item>b{grid-column:2}.ms-mobile-market-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;z-index:9998;background:rgba(255,255,255,.97);border-top:1px solid #dfe6ea;box-shadow:0 -8px 28px rgba(10,30,45,.09);padding:max(7px,env(safe-area-inset-bottom)) 6px calc(7px + env(safe-area-inset-bottom));backdrop-filter:blur(14px)}.ms-mobile-market-nav a{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none;color:#263744;font-size:10px;font-weight:700}.ms-mobile-market-nav i{font-size:18px}.ms-mobile-market-nav b{position:absolute;top:-5px;right:20%;min-width:16px;height:16px;border-radius:20px;background:#ffb000;color:#111;font-size:9px;display:grid;place-items:center;padding:0 4px}.ms-toast{bottom:78px}.ms-footer{padding-bottom:72px}.ms-collection-head h1{font-size:38px}}
@media(max-width:460px){.ms-collection-grid{grid-template-columns:1fr}.ms-collection-image{aspect-ratio:1.15/1}.ms-recent-grid{grid-template-columns:repeat(2,1fr)}.ms-collection-actions .button,.ms-clear-collection{width:100%;text-align:center;justify-content:center}}

/* =========================================================
   MOBIN SHOPPING GLOBAL / PWA — v3.0
========================================================= */
.ms-global-tools{position:fixed;right:18px;bottom:88px;z-index:9996;display:flex;gap:8px;align-items:center}.ms-global-pill,.ms-pwa-install{border:1px solid rgba(255,255,255,.14);background:rgba(7,16,15,.94);color:#fff;min-height:44px;border-radius:999px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;box-shadow:0 12px 38px rgba(0,0,0,.22);backdrop-filter:blur(14px);cursor:pointer;font:inherit;font-weight:700}.ms-global-pill:hover,.ms-pwa-install:hover{transform:translateY(-2px);box-shadow:0 16px 42px rgba(0,0,0,.3)}.ms-global-flag{font-size:18px}.ms-global-pill i{font-size:10px;opacity:.7}.ms-pwa-install{background:#fff;color:#07100f}.ms-global-modal{position:fixed;inset:0;z-index:10050;display:none}.ms-global-modal.is-open{display:block}.ms-global-backdrop{position:absolute;inset:0;background:rgba(2,7,7,.7);backdrop-filter:blur(8px)}.ms-global-dialog{position:absolute;right:20px;bottom:20px;width:min(620px,calc(100vw - 40px));max-height:calc(100vh - 40px);overflow:auto;background:#fff;color:#10201e;border-radius:28px;padding:32px;box-shadow:0 30px 100px rgba(0,0,0,.38)}.ms-global-close{position:absolute;right:18px;top:14px;width:40px;height:40px;border:0;background:#eef2f1;border-radius:50%;font-size:26px;cursor:pointer}.ms-global-dialog h2{font-size:clamp(28px,5vw,42px);line-height:1.06;margin:7px 0 10px}.ms-global-dialog>p{color:#60706d;max-width:55ch;margin:0 0 26px}.ms-global-section{padding:22px 0;border-top:1px solid #e7ecea}.ms-global-section h3{margin:0 0 13px;font-size:16px}.ms-language-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ms-language-option{display:flex;align-items:center;gap:10px;min-height:54px;border:1px solid #dfe7e4;border-radius:15px;padding:10px 13px;text-decoration:none;color:#142522;background:#fff}.ms-language-option span{font-size:21px}.ms-language-option strong{flex:1}.ms-language-option.is-active{border-color:#07100f;background:#f1f5f4;box-shadow:inset 0 0 0 1px #07100f}.ms-country-row{display:grid;grid-template-columns:1fr auto;gap:10px}.ms-country-row select{min-height:48px;border:1px solid #d7e0dd;border-radius:13px;padding:0 13px;background:#fff;font:inherit}.ms-detect-location{white-space:nowrap}.ms-detect-location.is-loading{opacity:.6;pointer-events:none}.ms-location-result{min-height:26px;padding-top:10px;font-weight:700;color:#1b6f52}.ms-global-section small{display:block;color:#788783;line-height:1.45;margin-top:6px}.ms-pwa-card>div{display:flex;gap:14px;align-items:flex-start}.ms-pwa-card>div>i{width:44px;height:44px;display:grid;place-items:center;background:#07100f;color:#fff;border-radius:13px}.ms-pwa-card h3{margin:0 0 4px}.ms-pwa-card p{margin:0;color:#687873;line-height:1.5}.ms-pwa-card>.button{margin-top:14px}.ms-pwa-mode .ms-pwa-install{display:none!important}@media(max-width:782px){.ms-global-tools{right:12px;bottom:76px}.ms-global-pill{max-width:190px}.ms-global-pill [data-ms-location-label]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ms-pwa-install{width:44px;padding:0;justify-content:center}.ms-pwa-install span{display:none}.ms-global-dialog{left:0;right:0;bottom:0;width:100%;max-height:88vh;border-radius:25px 25px 0 0;padding:26px 18px calc(28px + env(safe-area-inset-bottom))}.ms-language-grid{grid-template-columns:1fr 1fr}.ms-country-row{grid-template-columns:1fr}.ms-detect-location{width:100%;justify-content:center}.ms-global-section{padding:18px 0}}@media(max-width:420px){.ms-language-grid{grid-template-columns:1fr}.ms-global-tools{bottom:74px}.ms-global-pill{max-width:155px}}


/* =========================================================
   MOBIN SHOPPING FINAL MARKETPLACE UI v4.0
========================================================= */
:root{--ms-final-dark:#080c11;--ms-final-dark-2:#0d131a;--ms-final-line:rgba(255,255,255,.10);--ms-final-gold:#ffc13a;--ms-final-muted:#9ba7b3}
html{overflow-x:hidden}body{overflow-x:hidden;background:#f6f7f8}
.ms-market-topbar{position:relative!important;z-index:10001;background:#171717!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.ms-market-topbar-inner{min-height:36px;padding:7px clamp(16px,3vw,36px)!important}
.ms-market-topbar-left{width:100%;justify-content:space-between;max-width:760px}
.ms-market-topbar-left span,.ms-market-topbar-right a{font-size:12px;font-weight:650;letter-spacing:.01em}.ms-market-topbar-left i{color:#fff}
.ms-header.ms-header-final{position:relative!important;top:auto!important;left:auto!important;right:auto!important;z-index:10000!important;background:#080c11!important;color:#fff;box-shadow:none!important;border:0!important;overflow:visible}
.ms-header.ms-header-final.is-scrolled{position:sticky!important;top:0!important;background:rgba(8,12,17,.96)!important;backdrop-filter:blur(18px)}
.ms-header-main{width:min(1480px,100%);min-height:82px;margin:0 auto;padding:12px clamp(16px,3vw,36px);display:grid;grid-template-columns:minmax(170px,230px) minmax(320px,1fr) auto;gap:20px;align-items:center}
.ms-header-logo img,.ms-header-logo .custom-logo{max-width:210px!important;max-height:64px!important}
.ms-logo-text{display:flex!important;align-items:center;gap:10px;color:#fff!important;font-weight:900!important;font-size:20px!important;line-height:1!important}
.ms-logo-text small{display:block;font-size:9px;letter-spacing:.24em;color:var(--ms-final-gold);margin-top:4px}.ms-logo-mark{width:36px;height:42px;display:grid;place-items:center;color:var(--ms-final-gold);font-size:28px}
.ms-header-searchbox{width:100%;height:48px;padding:0;display:grid;grid-template-columns:auto 1fr 50px;align-items:stretch;border:1px solid #303740;border-radius:8px;background:#fff;color:#181d22;overflow:hidden;cursor:pointer;text-align:left;font:inherit;box-shadow:0 0 0 1px rgba(255,255,255,.02)}
.ms-header-searchbox:hover,.ms-header-searchbox:focus-visible{border-color:var(--ms-final-gold);outline:none}
.ms-header-search-category{padding:0 15px;display:flex;align-items:center;gap:10px;background:#12171d;color:#fff;font-size:12px;font-weight:750;white-space:nowrap}
.ms-header-search-placeholder{display:flex;align-items:center;padding:0 16px;color:#7a848e;font-size:14px}.ms-header-search-submit{display:grid;place-items:center;background:var(--ms-final-gold);color:#101215;font-size:17px}
.ms-header-actions{display:flex!important;align-items:center;gap:7px!important}
.ms-header-global-control{min-height:44px;border:0;background:transparent;color:#fff;padding:5px 8px;display:flex;align-items:center;gap:7px;border-radius:8px;cursor:pointer;font:inherit;font-weight:750}
.ms-header-global-control:hover{background:rgba(255,255,255,.07)}.ms-header-flag{font-size:17px;line-height:1}.ms-header-global-control>i:last-child{font-size:9px;opacity:.65}
.ms-header-location-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05;max-width:116px}.ms-header-location-text small{font-size:9px;color:#a9b3bc;font-weight:600}.ms-header-location-text strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.ms-header-icon,.ms-header-cart{min-width:44px!important;height:44px!important;border:0!important;background:transparent!important;color:#fff!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.ms-header-icon:hover,.ms-header-cart:hover{background:rgba(255,255,255,.07)!important}.ms-header-icon>i,.ms-header-cart>i{font-size:20px}
.ms-header-cart{gap:8px!important;padding:0 6px 0 10px!important;position:relative}.ms-header-cart-price{font-size:12px;font-weight:800;white-space:nowrap}
.ms-cart-count,.ms-collection-count{position:absolute!important;top:0!important;right:0!important;min-width:17px!important;height:17px!important;padding:0 4px!important;background:var(--ms-final-gold)!important;color:#111!important;border-radius:20px!important;font-size:9px!important;font-weight:900!important;display:grid!important;place-items:center!important}
.ms-header-navbar{background:#0b1016;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.08)}
.ms-header-navbar-inner{width:min(1480px,100%);min-height:48px;margin:0 auto;padding:0 clamp(16px,3vw,36px);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}
.ms-category-menu-link,.ms-header-compare-link{color:#fff;text-decoration:none;display:flex;align-items:center;gap:9px;font-size:13px;font-weight:800;min-height:48px}
.ms-category-menu-link{padding-right:22px;border-right:1px solid rgba(255,255,255,.10)}.ms-category-menu-link i{color:var(--ms-final-gold)}
.ms-header-compare-link{color:#cbd4db}.ms-header-compare-link b{min-width:17px;height:17px;border-radius:20px;background:var(--ms-final-gold);color:#111;display:grid;place-items:center;font-size:9px}
.ms-nav{justify-content:flex-start!important}.ms-nav-list{justify-content:flex-start!important;gap:clamp(15px,1.8vw,28px)!important}.ms-nav-list>li>a{min-height:48px!important;font-size:12px!important;color:#e8edf1!important}.ms-nav-list>li>a::after{bottom:0!important;background:var(--ms-final-gold)!important}
.ms-home,.ms-hero{margin-top:0!important}.ms-hero{padding-top:clamp(70px,7vw,105px)!important;min-height:clamp(570px,70vh,740px)!important}
body.admin-bar .ms-header.ms-header-final.is-scrolled{top:32px!important}.ms-menu-toggle{display:none}
.ms-mobile-global-row{width:100%;border:1px solid #e2e7ea;background:#f6f8f9;color:#172028;border-radius:12px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;font:inherit}
@media(max-width:1180px){.ms-header-main{grid-template-columns:minmax(160px,190px) 1fr auto;gap:12px}.ms-header-location-text,.ms-header-cart-price{display:none}.ms-header-search-category{display:none}.ms-header-searchbox{grid-template-columns:1fr 48px}.ms-header-compare-link{display:none}}
@media(max-width:900px){.ms-market-topbar-right{display:none}.ms-market-topbar-left{max-width:none}.ms-header-main{min-height:66px;grid-template-columns:1fr auto;padding-top:8px;padding-bottom:8px}.ms-header-searchbox{grid-column:1/-1;grid-row:2;height:44px}.ms-header-logo img,.ms-header-logo .custom-logo{max-width:150px!important;max-height:50px!important}.ms-header-global-control,.ms-header-collection{display:none!important}.ms-menu-toggle{display:flex!important}.ms-header-navbar{display:none}.ms-header-main{gap:8px}.ms-hero{padding-top:55px!important}}
@media(max-width:760px){.ms-market-topbar{display:block!important}.ms-market-topbar-left span:nth-child(3){display:none}.ms-market-topbar-inner{min-height:31px;padding:5px 12px!important}.ms-market-topbar-left{gap:10px;justify-content:space-between}.ms-market-topbar-left span{font-size:9.5px}.ms-header-icon.ms-header-collection{display:none!important}.ms-header-actions{gap:2px!important}.ms-header-icon,.ms-header-cart{min-width:39px!important;width:39px!important;height:39px!important}}
@media(max-width:420px){.ms-market-topbar-left span:nth-child(2){display:none}.ms-market-topbar-left{justify-content:center}}
.ms-footer-app{display:grid;grid-template-columns:minmax(0,1.05fr) 230px minmax(260px,.8fr);gap:38px;align-items:center;padding:40px clamp(18px,3vw,42px);margin:0 0 38px;background:radial-gradient(circle at 35% 15%,rgba(255,193,58,.10),transparent 28%),linear-gradient(135deg,#10161d,#070a0e 72%);border:1px solid rgba(255,255,255,.09);border-radius:22px;color:#fff;overflow:hidden}
.ms-footer-app-copy h2{font-size:clamp(28px,3vw,42px);margin:8px 0 10px;letter-spacing:-.035em}.ms-footer-app-copy>p{color:#c4cdd5;max-width:58ch;line-height:1.6;margin:0 0 20px}.ms-app-badges{display:flex;flex-wrap:wrap;gap:10px}
.ms-store-badge{min-height:58px;border:1px solid rgba(255,255,255,.34);border-radius:10px;background:#050608;color:#fff;display:flex;align-items:center;gap:12px;padding:8px 15px;cursor:pointer;text-align:left;font:inherit;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.ms-store-badge:hover{transform:translateY(-2px);border-color:var(--ms-final-gold);background:#111820}.ms-store-badge>i{font-size:27px}.ms-store-badge span{display:flex;flex-direction:column;line-height:1.1}.ms-store-badge small{font-size:9px;color:#bfc8cf}.ms-store-badge strong{font-size:13px;margin-top:3px}.ms-app-note{display:block;color:#8f9ca5;line-height:1.45;margin-top:12px;max-width:65ch}
.ms-footer-app-phone{display:grid;place-items:center;align-self:end}.ms-phone-shell{width:176px;height:342px;border:5px solid #343b43;border-radius:29px;background:#05070a;padding:8px;box-shadow:0 24px 55px rgba(0,0,0,.4);transform:translateY(34px)}.ms-phone-notch{width:72px;height:15px;border-radius:0 0 12px 12px;background:#343b43;margin:-8px auto 8px}.ms-phone-screen{height:calc(100% - 12px);border-radius:19px;background:#0d1319;padding:14px 10px;overflow:hidden}.ms-phone-logo{display:flex;align-items:center;gap:6px;color:#fff;font-size:9px;font-weight:900}.ms-phone-logo i{color:var(--ms-final-gold)}.ms-phone-search{height:24px;background:#fff;border-radius:5px;margin:12px 0}.ms-phone-card{background:linear-gradient(135deg,#343b47,#111820);border-radius:8px}.ms-phone-card-large{height:105px}.ms-phone-card-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.ms-phone-card-row span{height:73px;border-radius:7px;background:#e8ecef}.ms-phone-nav{height:35px;margin-top:10px;border-top:1px solid #29313a;display:flex;align-items:end;justify-content:space-around;color:#cdd5dc;font-size:10px}
.ms-footer-app-benefits{display:grid;gap:15px}.ms-footer-app-benefits>div{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center}.ms-footer-app-benefits>div>i{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.08);color:var(--ms-final-gold)}.ms-footer-app-benefits span{display:flex;flex-direction:column}.ms-footer-app-benefits strong{font-size:14px}.ms-footer-app-benefits small{color:#aab5be;margin-top:3px;line-height:1.35}
@media(max-width:980px){.ms-footer-app{grid-template-columns:1fr 180px}.ms-footer-app-benefits{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.ms-phone-shell{width:150px;height:290px}}
@media(max-width:700px){.ms-footer-app{grid-template-columns:1fr;padding:28px 18px;margin-left:0;margin-right:0}.ms-footer-app-phone{display:none}.ms-footer-app-benefits{grid-template-columns:1fr}.ms-store-badge{flex:1;min-width:145px}}
.ms-global-tools{display:none!important}
.ms-cookie-consent{position:fixed;left:14px;right:14px;bottom:14px;z-index:11000;max-width:1450px;margin:0 auto;padding:14px 16px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:14px;align-items:center;background:rgba(255,255,255,.98);color:#172027;border:1px solid #e1e5e8;border-radius:14px;box-shadow:0 20px 70px rgba(0,0,0,.22);backdrop-filter:blur(16px);transform:translateY(140%);opacity:0;transition:transform .25s ease,opacity .25s ease}
.ms-cookie-consent.is-visible{transform:translateY(0);opacity:1}.ms-cookie-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#fff3d1;color:#d78b00;font-size:20px}.ms-cookie-copy strong{font-size:13px}.ms-cookie-copy p{font-size:11px;line-height:1.45;color:#65717a;margin:4px 0 0}.ms-cookie-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}
.ms-cookie-primary,.ms-cookie-secondary{min-height:39px;border-radius:8px;padding:0 14px;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.ms-cookie-primary{border:1px solid var(--ms-final-gold);background:var(--ms-final-gold);color:#17130a}.ms-cookie-secondary{border:1px solid #d8dee2;background:#fff;color:#29343c}
.ms-cookie-modal{position:fixed;inset:0;z-index:11010;display:none}.ms-cookie-modal.is-open{display:block}.ms-cookie-modal-backdrop{position:absolute;inset:0;background:rgba(3,7,10,.72);backdrop-filter:blur(7px)}.ms-cookie-dialog{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(620px,calc(100vw - 28px));max-height:calc(100vh - 30px);overflow:auto;background:#fff;color:#172027;border-radius:20px;padding:28px;box-shadow:0 30px 100px rgba(0,0,0,.35)}.ms-cookie-dialog h2{margin:7px 0 8px;font-size:30px}.ms-cookie-dialog>p{color:#66727b;line-height:1.55;margin:0 0 20px}.ms-cookie-close{position:absolute;right:14px;top:12px;width:38px;height:38px;border:0;border-radius:50%;background:#f0f3f4;font-size:24px;cursor:pointer}.ms-cookie-choice{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 0;border-top:1px solid #e6ebee}.ms-cookie-choice span{display:flex;flex-direction:column}.ms-cookie-choice small{color:#75818a;line-height:1.4;margin-top:4px}.ms-cookie-choice input{width:20px;height:20px;accent-color:#111}.ms-cookie-dialog-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:18px}.ms-cookie-policy-link{display:inline-block;margin-top:15px;font-size:12px;color:#34434d}
@media(max-width:760px){.ms-cookie-consent{left:8px;right:8px;bottom:calc(70px + env(safe-area-inset-bottom));grid-template-columns:34px 1fr;padding:12px}.ms-cookie-icon{width:34px;height:34px;font-size:16px}.ms-cookie-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1.2fr}.ms-cookie-primary,.ms-cookie-secondary{padding:0 7px;font-size:10px}.ms-cookie-dialog{left:0;right:0;bottom:0;top:auto;transform:none;width:100%;max-height:88vh;border-radius:22px 22px 0 0;padding:24px 18px calc(24px + env(safe-area-inset-bottom))}}
.ms-footer{background:#080c11!important}.ms-footer-newsletter{border-color:rgba(255,255,255,.09)!important}