@font-face{font-family:Manrope;src:url('/assets/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--ink:#20252c;--muted:#525a63;--line:#ffffff85;--glass:linear-gradient(125deg,#ffffffa8,#f4f5f768 55%,#ffffff90);--glass-control:linear-gradient(125deg,#ffffff65,#ffffff18);--card:#ffffff80;--page:transparent;--panel:#ffffff80;--r:14px;--ghost-line:#b0b6bf;--btn-ink:#20252c;--bg:#edece8}
html.dark{--ink:#f4f5f7;--muted:#c9cdd3;--line:#ffffff50;--glass:linear-gradient(125deg,#ffffff28,#c9cdd315 55%,#ffffff20);--glass-control:linear-gradient(125deg,#ffffff26,#ffffff09);--card:#20252c90;--page:transparent;--panel:#20252c80;--ghost-line:#ffffff55;--btn-ink:#f4f5f7;--bg:#15191e}
body{font-family:Manrope,Arial,sans-serif;background:var(--bg);color:var(--ink);isolation:isolate}
#yt-backdrop{position:fixed;inset:-48px;background-size:cover;background-position:center;z-index:-1;pointer-events:none;transform:translateZ(0)}
button,.btn,button.ghost,.btn.ghost,.btn.lime,button.lime,.btn.wa,input,select,textarea,.search{font-family:inherit;background:var(--glass-control);color:var(--ink);border:1px solid var(--ghost-line);border-radius:9px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 #ffffff25;min-height:44px;padding:10px 14px;font-size:13px}
button:hover,.btn:hover{filter:brightness(1.04);border-color:var(--ink)}
button.danger{color:var(--red-ink,var(--red));border-color:var(--red);background:var(--glass-control)}
button:disabled{opacity:.5} :focus-visible{outline:2px solid var(--ink);outline-offset:3px}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}select option{background:var(--bg);color:var(--ink)}
header.site,.panel,.card,.notice,.cline,.mocard,.fcard,.qcard,.help-card,.glass-categories,.glass-wholesale,footer{background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #ffffff25,0 10px 30px #00000014;border-radius:14px;color:var(--ink)}
.canvas{max-width:1180px;padding:16px 20px;margin:auto}.canvas main{padding:0}header.site{padding:16px 18px;margin:0 0 14px}header.site h1{font-family:Georgia,serif;font-size:16px;letter-spacing:3px;color:var(--ink);font-weight:400}header.site p{font-size:10px;letter-spacing:.7px;color:var(--muted)}.logo{border-radius:0;width:52px;height:36px;max-width:70px}html:not(.dark) .logo{filter:brightness(.35)}header.site .brandbox{gap:12px}.hicon{color:var(--ink);background:var(--glass-control)}.hicons{margin-left:auto}
.glass-hero{position:relative;height:440px;overflow:hidden;border:1px solid var(--line);border-radius:14px;margin-bottom:14px}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:50% 18%}.hero-copy{position:absolute;left:24px;bottom:24px;width:min(440px,calc(100% - 48px));padding:28px;background:linear-gradient(120deg,#20252c90,#15191e65);border:1px solid #ffffff65;border-radius:12px;backdrop-filter:blur(18px);color:#fff;box-shadow:inset 0 1px 0 #ffffff25}.eyebrow{font-size:9px;letter-spacing:2px}.hero-copy h2{font-size:36px;line-height:1.5;font-weight:400;letter-spacing:3px;margin:14px 0}.hero-copy h2 span{display:block;color:#c9cdd3}.hero-copy p{font-size:13px;line-height:1.7;margin:12px 0 18px}.hero-copy button{color:#fff;border-color:#c9cdd3;font-size:10px;letter-spacing:.9px}
.glass-categories{display:flex;align-items:center;justify-content:space-around;gap:12px;padding:18px;margin-bottom:22px;flex-wrap:wrap}.glass-categories a{display:flex;flex-direction:column;gap:6px;align-items:center;color:var(--ink);font-size:10px;letter-spacing:1px;text-transform:uppercase;text-decoration:none;min-width:58px;min-height:50px}.glass-categories a span{font-size:23px;font-weight:400}.sechead h2{font-size:14px;font-weight:500;letter-spacing:2px;text-transform:uppercase}.shopbar{margin:12px 0}.collection-pills{margin:10px 0 16px}.chips button.on{background:var(--glass);color:var(--ink);border-color:var(--ink)}
.grid{gap:12px}.card{padding:8px}.card .ph,html.dark .card .ph{border-radius:8px;aspect-ratio:4/5;background:#ffffff10}.card .body{padding:12px 2px 2px;gap:5px}.card h3{font-size:11px;letter-spacing:.6px;text-transform:uppercase;line-height:1.5;min-height:33px}.card .meta{font-size:10px}.card .price{font-size:14px}.card .padd{min-width:40px;min-height:40px;padding:0}.view-product{margin-top:6px;font-size:9px;letter-spacing:1px;text-transform:uppercase;padding:8px;min-height:40px}.glass-wholesale{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px;margin-top:22px}.glass-wholesale h3{font-size:12px;letter-spacing:.8px;margin:0}.glass-wholesale .btn{font-size:10px}
.bnav{inset:auto 20px 12px;max-width:1140px;margin:auto;border:1px solid var(--line);border-radius:14px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:var(--glass);backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 #ffffff25,0 8px 24px #0003;display:flex;flex-direction:row;justify-content:space-around;width:auto}.bni{color:var(--ink);flex:1;min-height:46px}.bni.active,.bni.on{color:var(--ink);background:var(--glass-control)}.bnbrand{display:none!important}body:has(.bnav){padding-left:0;padding-bottom:90px}.bnav .bnl{font-size:10px}.bnav svg{width:20px;height:20px}.bnav a{border-radius:8px}.fcart{bottom:100px}footer{padding:20px;margin-top:22px!important}.help-card{padding:18px;margin:12px 0}.help-card summary{cursor:pointer;font-size:15px;font-weight:600;min-height:44px;display:flex;align-items:center}.help-card p{font-size:14px;line-height:1.8;color:var(--muted)}.help-head{font-size:28px;font-weight:400;margin:24px 0}.help-search{width:100%;margin-bottom:14px}.rich{overflow-wrap:anywhere}
@media(max-width:600px){.canvas{padding:14px}header.site{padding:14px 12px}header.site h1{font-size:12px;letter-spacing:2px}header.site p{font-size:9px;max-width:145px}.logo{width:38px;height:28px}.hicons{gap:4px}.hicon{width:38px;min-width:38px;padding:8px}.glass-hero{height:338px}.hero-copy{left:11px;bottom:12px;width:calc(100% - 22px);padding:18px}.hero-copy h2{font-size:24px;letter-spacing:2px;margin:12px 0}.hero-copy p{font-size:11px}.hero-copy .eyebrow{font-size:7px}.hero-copy button{font-size:9px;min-height:40px}.bnav{left:14px;right:14px}.glass-categories{padding:14px 8px}.glass-wholesale{padding:14px}.glass-wholesale h3{font-size:10px}.grid{gap:10px}.search{font-size:12px}.card .body{padding:9px 1px 1px}.card h3{font-size:10px}.card .meta{font-size:9px}.btn,button{padding:10px 12px}.view-product{font-size:8px;padding:8px 4px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@supports not (backdrop-filter:blur(1px)){:root{--glass:#f3f3f0;--glass-control:#eeefed}html.dark{--glass:#30363d;--glass-control:#363d45}.hero-copy{background:#20252cee}}
/* Explicit theme specificity overrides legacy solid controls. */
html.dark button.ghost,html.dark .btn.ghost,html.dark .btn.wa,html.dark .chips button,html.dark .qty button,html.dark .search{background:var(--glass-control);color:var(--ink);border-color:var(--ghost-line);backdrop-filter:blur(16px)}
footer .pagelinks a,footer .utility .ulink,footer .links a,footer a{color:var(--ink)!important;border-color:var(--ghost-line)!important;background:var(--glass-control)!important}
.view-product{font-size:9px!important;white-space:nowrap;justify-content:center;text-align:center;padding:9px 4px!important;min-height:40px}.card .qoffer{color:var(--ink);font-size:11px}.chips button{background:var(--glass-control);color:var(--ink)}.chips button.on{border-color:var(--ink)}
.bnav .bni{color:var(--ink);min-width:0}.bnav .bni.on{color:var(--ink)}.hicon,.hicons .hicon{color:var(--ink);background:var(--glass-control)}
@media(min-width:768px){.bnav{top:auto;right:20px;left:20px;bottom:12px;width:auto;flex-direction:row}.bnav .bni{flex:1;justify-content:center}.canvas{margin:auto}body:has(.bnav){padding-left:0}}
@media(max-width:360px){.view-product{font-size:8px!important;letter-spacing:.5px}.card .body .price{font-size:12px}}

.glass-categories a{font-weight:500}.glass-categories svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.2}.bni:focus-visible{outline-offset:-3px}.hero-copy{max-height:calc(100% - 24px);overflow:auto}.hero-copy p{max-width:100%}html.dark .qoffer{color:#e1e4e8}
.fsheet{z-index:120}.fsheet .fcard{z-index:122}.fsheet .fscrim{z-index:121}.fcard{position:fixed}.bnav{z-index:70}.fcard .chips button,.fcard button{min-height:44px}.qhint{color:var(--ink)}
.fcard{background:rgba(243,244,243,.94);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}html.dark .fcard{background:rgba(35,40,46,.96)}body:has(.fsheet) .bnav{visibility:hidden}
body:has(.bnav) footer,body:has(#fcart:not([hidden])) footer{padding-bottom:20px}.canvas>footer{min-height:0}footer{min-height:0}footer .links:empty,footer p:empty{display:none}
.card .qoffer{display:inline-block;flex:0 0 auto!important;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:800;color:#5c3b00;background:linear-gradient(125deg,#e3b04a66,#f3d58a70);border:1px solid #b8841f;box-shadow:inset 0 1px 0 #ffffff80}
html.dark .card .qoffer{font-weight:800;color:#2a1b00;background:linear-gradient(125deg,#f7d674,#dca62f);border:1px solid #ffe7a6;box-shadow:inset 0 1px 0 #fff8,0 0 14px #f0c04f66,0 2px 8px #0006}

/* Breadcrumb trail */
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;margin:0 0 14px;color:var(--muted)}
.crumbs a{display:inline-flex;align-items:center;min-height:32px;padding:5px 12px;border-radius:999px;border:1px solid var(--line);background:var(--glass-control);color:var(--ink);text-decoration:none;font-weight:500;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 #ffffff25}
.crumbs a:hover{border-color:var(--ink)}.crumbs .sep{color:var(--muted);font-size:15px;line-height:1}
.crumbs .cur{color:var(--ink);font-weight:700;letter-spacing:.2px;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pdp-img.swipe{touch-action:pan-y}
@media(max-width:600px){.hero-copy{padding:12px 14px}.hero-copy h2{font-size:14px;line-height:1.35;letter-spacing:1.4px;margin:6px 0}.hero-copy p{font-size:9px;line-height:1.5;margin:6px 0 10px}.hero-copy .eyebrow{font-size:6px;letter-spacing:1.5px}.hero-copy button{font-size:8px;min-height:30px;padding:6px 12px}}