/* Manner header/footer. Loaded on the Manner Home template and, when the dark skin is on, on every page. */
body.mn-chrome{--bg:#000;--alt:#161617;--elev:#1D1D1F;--ink:#F5F5F7;--ink2:#D2D2D7;--mut:#86868B;--line:#38383A;--ctl:#6E6E73;
 --acc:#FF453A;--acc-solid:#D92D20;--acc-soft:rgba(255,69,58,.14);--acc-text:#FF6961;--link:#FF6961;--focus:#FF453A;--sale:#FF453A;--new:#FF453A;
 --pill:#F5F5F7;--pill-hover:#FFFFFF;--on-pill:#000;
 --mat:rgba(22,22,23,.72);--mat-strong:rgba(29,29,31,.84);--mat-edge:rgba(255,255,255,.08);
 --lift:0 18px 40px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.06);
 --ease:cubic-bezier(.28,.11,.32,1);--out:cubic-bezier(.16,1,.3,1)}
body.mn-chrome{background:var(--bg)}
@keyframes mn-fade{from{opacity:0}to{opacity:1}}
@keyframes mn-bump{0%{transform:scale(1)}40%{transform:scale(1.22)}100%{transform:scale(1)}}
body.mn-chrome .mn-announce,body.mn-chrome nav.mn-main,body.mn-chrome .mn-ib,body.mn-chrome footer.mn-f{letter-spacing:.008em}
body.mn-chrome .mn-announce{background:var(--alt);color:var(--mut);font-size:12px;text-align:center;padding:10px 16px}
body.mn-chrome header.mn-top{position:sticky;top:0;z-index:20;background:var(--mat);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}
body.mn-chrome header.mn-top::after{content:"";position:absolute;left:0;right:0;top:100%;height:18px;background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,0));opacity:0;pointer-events:none;transition:opacity .4s var(--ease)}
body.mn-chrome header.mn-top.scrolled::after{opacity:1}
body.mn-chrome header.mn-top .in{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px}
body.mn-chrome .mn-logo{display:flex;align-items:center;height:76px;font-weight:600;font-size:19px;letter-spacing:-.02em}
body.mn-chrome .mn-logo img{height:48px;width:auto;filter:brightness(0) invert(1);transition:opacity .3s var(--ease)}
body.mn-chrome nav.mn-main{display:flex;flex-wrap:wrap;gap:0 28px;font-size:12px;font-weight:500;color:var(--ink2)}
body.mn-chrome nav.mn-main a{padding:14px 0;position:relative;transition:color .3s var(--ease)}
body.mn-chrome nav.mn-main a::after{content:"";position:absolute;left:0;right:0;bottom:10px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .4s var(--out)}
body.mn-chrome .mn-icons{display:flex;align-items:center}
body.mn-chrome .mn-ib{min-width:44px;height:44px;border:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:500;color:var(--ink2);transition:transform .3s var(--out),color .3s var(--ease)}
body.mn-chrome .mn-ib.bump svg,body.mn-chrome .mn-ib.bump span{animation:mn-bump .6s var(--out)}
body.mn-chrome .mn-ib:active{transform:scale(.97);transition:transform .1s ease-out}
@media(hover:hover){body.mn-chrome .mn-logo:hover img{opacity:.7}
body.mn-chrome nav.mn-main a:hover,body.mn-chrome .mn-ib:hover{color:var(--ink)}
body.mn-chrome nav.mn-main a:hover::after{transform:scaleX(1)}
body.mn-chrome .mn-ib:hover{transform:scale(1.08)}
body.mn-chrome footer.mn-f a:hover{text-decoration:underline}
}
body.mn-chrome .mn-menu{display:none;margin-left:-10px}
body.mn-chrome .mn-ib{white-space:nowrap}
@media(max-width:960px){body.mn-chrome .mn-menu{display:flex}
body.mn-chrome header.mn-top .in{gap:8px}
body.mn-chrome .mn-logo{margin-right:auto}
body.mn-chrome nav.mn-main{position:fixed;left:0;right:0;top:100%;height:calc(100svh - var(--navtop,76px));z-index:19;display:flex;flex-direction:column;flex-wrap:nowrap;gap:0;font-size:21px;font-weight:600;letter-spacing:-.02em;padding:8px clamp(20px,5vw,64px) 40px;overflow-y:auto;background:rgba(0,0,0,.94);-webkit-backdrop-filter:saturate(180%) blur(24px);backdrop-filter:saturate(180%) blur(24px);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .3s var(--ease),transform .4s var(--out),visibility 0s .4s}
body.mn-chrome nav.mn-main a{padding:0;min-height:56px;display:flex;align-items:center;border-bottom:1px solid var(--line);color:var(--ink)}
body.mn-chrome nav.mn-main a::after{display:none}
body.mn-navopen nav.mn-main{opacity:1;visibility:visible;transform:none;transition:opacity .3s var(--ease),transform .4s var(--out),visibility 0s}
body.mn-navopen{overflow:hidden}
}
@media(prefers-reduced-transparency:reduce){body.mn-chrome nav.mn-main{background:var(--elev)}
}
body.mn-chrome .mn-news{background:var(--alt);margin-top:0;padding-top:80px;padding-bottom:80px;text-align:center}
body.mn-chrome .mn-news h2{font-size:clamp(28px,3.4vw,40px);margin-bottom:8px}
body.mn-chrome .mn-news p{margin:0 auto 28px;color:var(--mut)}
body.mn-chrome .mn-news form{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
body.mn-chrome .mn-news input{width:min(340px,100%);height:44px;padding:0 20px;border-radius:980px;border:1px solid var(--ctl);background:var(--elev);font:inherit;font-size:17px;color:var(--ink);transition:border-color .3s var(--ease),box-shadow .3s var(--ease)}
body.mn-chrome .mn-news input::placeholder{color:var(--mut);opacity:1}
body.mn-chrome .mn-news input:focus{outline:none;border-color:var(--focus);box-shadow:0 0 0 3px rgba(255,69,58,.3)}
body.mn-chrome footer.mn-f{background:var(--alt);border-top:1px solid var(--line);font-size:12px;color:var(--mut);line-height:1.6}
body.mn-chrome footer.mn-f .g{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;padding-top:40px;padding-bottom:28px}
body.mn-chrome footer.mn-f h4{margin:0 0 8px;font-size:12px;font-weight:600;color:var(--ink)}
body.mn-chrome footer.mn-f a{display:block;padding:5px 0;min-height:28px}
@media(pointer:coarse){body.mn-chrome footer.mn-f a{padding:11px 0}
}
body.mn-chrome footer.mn-f .bot{border-top:1px solid var(--line);padding-top:16px;padding-bottom:20px}
body.mn-chrome footer.mn-f .mn-flogo{height:44px;width:auto;filter:brightness(0) invert(1);opacity:.9;margin-bottom:10px}
@media(max-width:960px){body.mn-chrome footer.mn-f .g{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){body.mn-chrome .mn-logo img{height:40px}
body.mn-chrome header.mn-top .in,body.mn-chrome .mn-logo{min-height:64px;height:64px}
}
@media(prefers-reduced-motion:reduce){body.mn-chrome .mn-ib,body.mn-chrome nav.mn-main a::after{transform:none!important}
body.mn-chrome nav.mn-main a:hover::after{opacity:1}
}
@media(prefers-reduced-transparency:reduce){body.mn-chrome header.mn-top{background:var(--elev);-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
}
@media(prefers-contrast:more){body.mn-chrome header.mn-top{background:#000;border-bottom:1px solid var(--line)}
body.mn-chrome header.mn-top::after{display:none}
}
body.mn-chrome header.mn-top .srch{position:absolute;left:0;right:0;top:100%;background:rgba(0,0,0,.94);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);padding:16px 0 20px;border-bottom:1px solid var(--line)}
body.mn-chrome header.mn-top .srch[hidden]{display:none}
body.mn-chrome header.mn-top .srch input[type=search]{width:100%;height:48px;padding:0 22px;border-radius:980px;border:1px solid var(--ctl);background:var(--elev);color:var(--ink);font:inherit;font-size:17px;box-shadow:none}
body.mn-chrome header.mn-top .srch input[type=search]:focus{outline:none;border-color:var(--focus);box-shadow:0 0 0 3px rgba(255,69,58,.3)}
body.admin-bar body.mn-chrome header.mn-top{top:32px}
@media(max-width:782px){body.admin-bar body.mn-chrome header.mn-top{top:46px}
}
body.mn-chrome .mn-ib svg{flex:none}
body.mn-chrome header.mn-top .mn-ib{padding:0;border:0;background:transparent;border-radius:0;box-shadow:none;text-transform:none}
body.mn-chrome header.mn-top a,body.mn-chrome footer.mn-f a{color:inherit}
body.mn-chrome .mn-cart-total .woocommerce-Price-amount{font-size:inherit;color:inherit}

body.mn-chrome .wrap{padding-left:clamp(20px,5vw,64px);padding-right:clamp(20px,5vw,64px);max-width:1440px;margin-left:auto;margin-right:auto;width:100%}
body.mn-chrome header.mn-top,body.mn-chrome footer.mn-f,body.mn-chrome .mn-announce,body.mn-chrome .mn-news{font-family:"Manrope","Helvetica Neue",Arial,sans-serif;color:var(--ink);letter-spacing:-.011em;-webkit-font-smoothing:antialiased;line-height:1.47;font-size:17px}
body.mn-chrome header.mn-top *,body.mn-chrome footer.mn-f *,body.mn-chrome .mn-news *{box-sizing:border-box}
body.mn-chrome header.mn-top img,body.mn-chrome footer.mn-f img{display:block;max-width:none}
body.mn-chrome footer.mn-f h4,body.mn-chrome .mn-news h2{color:var(--ink);text-transform:none;font-family:inherit;margin-top:0}
body.mn-chrome .mn-news h2{margin-bottom:8px}
body.mn-chrome header.mn-top a:hover,body.mn-chrome footer.mn-f a:hover{color:inherit}
body.mn-chrome footer.mn-f p{margin:0}

/* mobile bottom bar (Shop / Wishlist / Cart / Account) */
body.mn-chrome .wd-toolbar{display:none!important}
.mn-tabbar{display:none}
@media(max-width:960px){
 body.mn-chrome{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
 body.mn-chrome .mn-tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;background:rgba(0,0,0,.82);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--mat-edge);padding:6px 8px calc(6px + env(safe-area-inset-bottom));font-family:"Manrope","Helvetica Neue",Arial,sans-serif}
 body.mn-chrome.woocommerce-checkout .mn-tabbar{display:none}
 body.mn-chrome.woocommerce-checkout{padding-bottom:0}
 body.mn-chrome .mn-tabbar a{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:50px;color:var(--mut);font-size:11px;font-weight:500;letter-spacing:.01em;text-decoration:none;transition:color .25s var(--ease),transform .3s var(--out)}
 body.mn-chrome .mn-tabbar a:active{transform:scale(.94)}
 body.mn-chrome .mn-tabbar a.is-active,body.mn-chrome .mn-tabbar a:hover{color:var(--ink)}
 body.mn-chrome .mn-tabbar svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
 body.mn-chrome .mn-tabbar a.is-active svg{stroke-width:2}
 body.mn-chrome .mn-tabbar .mn-ico{position:relative;display:block;height:24px}
 body.mn-chrome .mn-tabbar .mn-cart-count{position:absolute;top:-6px;right:-11px;min-width:16px;height:16px;padding:0 4px;border-radius:980px;background:var(--acc-solid);color:#fff;font-size:10px;font-weight:600;line-height:16px;text-align:center}
 body.mn-chrome .mn-tabbar .mn-cart-count.is-zero{display:none}
 body.mn-chrome.mn-navopen .mn-tabbar{z-index:18}
}
@media(prefers-reduced-transparency:reduce){body.mn-chrome .mn-tabbar{background:var(--elev);-webkit-backdrop-filter:none;backdrop-filter:none}}