/* Customer storefront: clear navigation, quiet surfaces and deliberate movement. */
:root,[data-theme="light"]{
  color-scheme:light;--bg:#f6f7fb;--bg-2:#eef0f6;--card:#fff;--card-2:#f9f9fc;--field:#fff;--text:#192133;--muted:#626b7c;--dim:#70798a;
  --line:#e5e7ee;--line-2:#d7dbe5;--line-3:#aeb6c7;--pink:#6554c0;--pink-hi:#5141a9;--pink-ink:#fff;--pink-soft:#f0edfb;--pink-line:#b9ade9;
  --action:#6554c0;--action-end:#6554c0;--warm:#b04774;--warm-soft:#f8edf2;--hdr:#fff;--ok:#187452;--bad:#b6384a;--warn:#94651a;--warn-ink:#77551d;--bad-ink:#a02b3c;
  --scrim:#19213377;--sh-1:0 3px 14px #19213306;--sh-2:0 16px 48px #1921331c;--r:12px;--r-lg:16px;--r-sm:8px;--max:1220px;--sel:#ddd6fa;
}
[data-theme="dark"]{
  color-scheme:dark;--bg:#141821;--bg-2:#1d2330;--card:#1c222e;--card-2:#222a38;--field:#171d28;--text:#f1f3f8;--muted:#b0b8c9;--dim:#a1abbd;
  --line:#303848;--line-2:#414c61;--line-3:#66758f;--pink:#b9abff;--pink-hi:#d3caff;--pink-ink:#191326;--pink-soft:#302942;--pink-line:#7465ac;
  --action:#7763d3;--action-end:#7763d3;--hdr:#1c222e;--ok:#64d1a9;--bad:#ff92a4;--warn:#e7bd7c;--warn-ink:#e7bd7c;--bad-ink:#ffb3bf;--sel:#534573;
}
html{scroll-padding-top:155px}body{font-family:'Archivo',system-ui,sans-serif;font-size:16px;line-height:1.6;background:var(--bg);letter-spacing:0}body::before{display:none}
h1,h2,h3,h4{letter-spacing:-.025em;font-weight:700;font-stretch:normal}h1{font-size:36px;line-height:1.18}h2{font-size:26px}h3{font-size:17px}
.wrap{padding-inline:28px}.topbar{background:#252e42;color:#ebedf4;border:0;font-size:12px;letter-spacing:0}.topbar .wrap{height:31px;display:flex;justify-content:space-between;gap:14px}.topbar a{color:#e4e0ff;text-decoration:underline;text-underline-offset:3px}
.topbar.sale{background:#ede8fb;color:#38296a}.topbar.sale b{color:inherit}
.hdr{background:var(--hdr);border-bottom:1px solid var(--line);box-shadow:none;backdrop-filter:none;position:sticky;top:0;z-index:60}
.hdr-in{height:86px;display:flex;gap:30px;align-items:center}.logo{display:inline-flex;gap:10px;flex-shrink:0;align-items:center}.logo b{font-size:23px;letter-spacing:-1px;line-height:1;font-weight:800;color:var(--text)}.logo b span{font-weight:500}
.brand-mark{width:32px;height:32px;display:grid;grid-template-columns:repeat(2,1fr);gap:3px;transform:rotate(-7deg)}.brand-mark i{display:block;border-radius:3px;background:var(--pink)}.brand-mark i:nth-child(2){background:#91cdbc}.brand-mark i:nth-child(3){background:#d1c6f1}
.store-search{height:44px;border:1px solid var(--line-2);border-radius:8px;display:flex;gap:12px;align-items:center;background:var(--bg);flex:1;min-width:100px;padding-left:14px;transition:border-color 150ms,box-shadow 150ms}
.store-search:focus-within{border-color:var(--pink);box-shadow:0 0 0 3px var(--pink-soft)}.store-search>svg{width:18px;height:18px;color:var(--muted);flex-shrink:0}.store-search input{border:0;outline:0;background:transparent;min-width:0;width:100%;font-size:15px;box-shadow:none;padding:0;height:100%}.store-search button{border:0;background:transparent;width:44px;height:44px;flex-shrink:0;cursor:pointer;color:var(--pink);padding:12px}.store-search button svg{width:18px;height:18px}
.header-actions{display:flex;align-items:center;gap:21px}.header-action{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:44px;min-height:48px;white-space:nowrap;font-size:12px;font-weight:600;color:var(--text)}.header-action svg{height:21px;width:21px}.header-action:hover{color:var(--pink)}.header-action small{position:absolute;top:-3px;right:-4px;display:grid;place-items:center;background:var(--pink);color:var(--pink-ink);border-radius:50%;min-width:16px;height:16px;font-size:9px;padding:0 3px}
.themebtn{width:44px;height:44px;padding:8px;border:0;background:transparent;color:var(--muted)}.themebtn svg{width:17px;height:17px}.menu-btn{display:none}.header-control-label{display:none}
.nav-row{border-top:1px solid var(--line);background:var(--card)}.nav-row>.wrap{display:flex;justify-content:space-between;align-items:center;height:46px;gap:20px}.nav{display:flex;gap:31px;margin:0;height:100%;align-items:center}.nav a{font-size:14px;font-weight:600;padding:12px 0;color:var(--muted)}.nav a.on,.nav a:hover{color:var(--pink)}.nav a::after{background:var(--pink);height:2px}.nav-help{font-size:13px;min-height:44px;display:flex;gap:7px;align-items:center;color:var(--muted)}.nav-help svg{width:13px;height:13px}
.nav a,.nav a.on{background:transparent;border:0;border-radius:0;box-shadow:none}.nav a.on::after{display:block;transform:scaleX(1)}
.mnav.on{background:var(--card);padding:12px 22px 20px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:4px}.mnav a{min-height:48px;display:flex;align-items:center;padding:12px;font-size:15px;border-radius:6px}.mnav a:hover{background:var(--pink-soft)}.mnav{max-height:calc(100dvh - 150px);overflow:auto}
.btn{border-radius:8px;font-size:14px;min-height:44px;font-weight:650;padding:11px 19px;letter-spacing:0;box-shadow:none;transition:background-color 160ms,color 160ms,border-color 160ms,transform 160ms}.btn-p,.chat-btn{background:var(--action);border-color:var(--action);color:#fff;box-shadow:none}.btn-p:hover{background:#5442ab;border-color:#5442ab;box-shadow:none;transform:translateY(-1px)}.btn-p:active,.btn:active{transform:translateY(1px)}.btn-p::before,.btn-p::after{display:none}.btn-2{background:var(--card);border-color:var(--line-2);color:var(--text)}.btn-2:hover{background:var(--bg-2);border-color:var(--line-3);transform:none}.btn-lg{min-height:48px;font-size:14px}.btn-sm{min-height:44px;font-size:13px}.btn:disabled{transform:none;opacity:.55;cursor:not-allowed}
.card{background:var(--card);border:1px solid var(--line);box-shadow:none;border-radius:12px}.card-h{padding:20px 22px;border-color:var(--line)}.card-b{padding:22px}.card-h h3{font-size:16px}.field label{font-size:14px;font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--line-2);background:var(--field);border-radius:8px;font-size:15px;min-height:44px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--pink);box-shadow:0 0 0 3px var(--pink-soft)}.field .hint,.fine{font-size:13px;line-height:1.7;color:var(--muted)}.field .msg{font-size:13px}.field input[type=checkbox]{min-height:20px}
.opt{border-radius:9px;background:var(--card);border-color:var(--line-2);box-shadow:none}.opt:hover{border-color:var(--pink);transform:translateY(-1px)}.opt.on{background:var(--pink-soft);border-color:var(--pink);box-shadow:0 0 0 1px var(--pink)}.sn{border-radius:50%;width:26px;height:26px;background:var(--pink-soft);color:var(--pink);border:0;font-size:12px}.flag{background:var(--pink);color:var(--pink-ink);font-size:11px;font-weight:600;letter-spacing:0}
.pagehead{background:transparent;padding:38px 0 24px;border:0}.pagehead h1{font-size:32px}.pagehead p{font-size:14px;max-width:680px;line-height:1.7;margin-top:10px}.sec{padding:42px 0}.sec-h{margin-bottom:22px}.sec-h p{font-size:14px}.eyebrow{font-size:12px;letter-spacing:.11em;font-weight:650;color:var(--pink)}.notice{border-radius:8px;font-size:13px}.qa{background:var(--card);border:1px solid var(--line);border-radius:8px;margin-bottom:8px}.qa summary{font-size:15px;padding:18px 20px;min-height:54px}.qa .ans{font-size:14px;line-height:1.8;padding:0 20px 20px}
.ftr{background:var(--card);border-top:1px solid var(--line);margin-top:30px}.ftr-top{padding:43px 0 30px;gap:40px;grid-template-columns:1.5fr repeat(3,1fr)}.ftr-about p{font-size:13px;max-width:265px;line-height:1.8;margin-top:15px}.ftr h4{font-size:14px;margin-bottom:14px}.ftr a{display:flex;align-items:center;min-height:44px;font-size:14px;padding:6px 0;line-height:1.6}.ftr a.logo{font-size:inherit}.footer-wallets{display:flex;flex-wrap:wrap;gap:6px;margin-top:17px}.footer-wallets span{border:1px solid var(--line);border-radius:4px;padding:4px 7px;font-size:11px;font-weight:600;color:var(--muted)}.family-note{display:flex;gap:10px;padding:15px 0;border-top:1px solid var(--line);color:var(--muted)}.family-note svg{width:16px;height:18px;flex-shrink:0;margin-top:1px}.family-note p{font-size:13px;line-height:1.7}.ftr-bot{padding:15px 0;font-size:12px;gap:16px;display:flex;justify-content:space-between;align-items:center}.ftr-bot div{display:flex;gap:15px}.ftr-bot a{font-size:12px}.ftr-bot span:last-child{text-align:right}
.chat-btn{width:48px;height:48px;border-radius:14px}.chat-btn:hover{background:#5442ab}.chat-panel,.chat-ways{border-color:var(--line-2);box-shadow:var(--sh-2)}.chat-h,.ways-h{background:var(--card-2)}.toast{border-radius:9px;background:var(--text);color:var(--card);font-size:13px}
/* Motion acknowledges an action, without making essential content wait. */
.js [data-rev]{opacity:1;transform:none}.js [data-rev].in{animation:commerce-rise 300ms ease-out both;transition:none;animation-delay:0s}
@keyframes commerce-rise{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes vt-in{from{opacity:0}to{opacity:1}}@keyframes vt-out{from{opacity:1}to{opacity:0}}
::view-transition-old(root){animation-duration:100ms}::view-transition-new(root){animation-duration:170ms}
[data-reduce-motion="true"] *,[data-reduce-motion="true"] *::before,[data-reduce-motion="true"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(max-width:1050px){.hdr-in{gap:20px}.header-actions{gap:14px}.header-action.order-link{display:none}.nav{gap:24px}.logo b{font-size:22px}}
@media(max-width:760px){
  html{scroll-padding-top:134px}.wrap{padding-inline:20px}.topbar .wrap{height:27px;justify-content:center;font-size:11px}.topbar .topbar-note,.topbar a{display:none}
  .hdr-in{height:auto;min-height:120px;padding-top:13px;padding-bottom:13px;display:grid;grid-template-columns:1fr auto;gap:12px}.logo b{font-size:21px}.brand-mark{width:26px;height:26px;gap:3px}.logo{gap:7px}.header-actions{grid-column:2;grid-row:1;gap:4px}.header-action{min-width:52px;min-height:48px;gap:3px;font-size:11px}.header-action>span{display:block}.header-action svg{width:20px;height:20px}.saved-link{display:none}.themebtn{width:44px;height:48px;padding:4px;gap:3px;align-content:center;margin:0;color:var(--text)}.themebtn svg{width:20px;height:20px}.header-control-label{display:block;font-size:11px;line-height:1.2;font-weight:600}.menu-btn{display:grid;place-items:center;align-content:center;gap:3px;width:44px;height:48px;padding:4px;background:transparent;border:0;color:var(--text)}.menu-btn svg{width:20px;height:20px}
  .store-search{grid-row:2;grid-column:1/-1;width:100%;height:44px;gap:9px;padding-left:12px}.store-search input{font-size:16px}.store-search button{height:44px;padding:10px}.nav-row{display:none}.hdr-in>.header-actions>.header-action.order-link{display:none}
  h1{font-size:29px}h2{font-size:23px}.pagehead{padding:27px 0 20px}.pagehead h1{font-size:29px}.pagehead p{font-size:15px}.card-b{padding:19px}.card-h{padding:18px 19px}.field input,.field select,.field textarea{font-size:16px}.sec{padding:30px 0}.btn-lg{font-size:14px}.fine{font-size:13px}
  .ftr-top{grid-template-columns:1fr 1fr;gap:28px 24px;padding-top:30px}.ftr-about{grid-column:1/-1}.ftr-about p{max-width:320px}.ftr-top>div:last-child{grid-column:1/-1}.ftr-bot{flex-wrap:wrap;gap:10px}.ftr-bot span:last-child{flex-basis:100%;text-align:left;font-size:12px}.ftr a{min-height:44px;font-size:14px}.ftr-bot a{font-size:12px}.family-note p{font-size:13px}
  .chat-btn{width:44px;height:44px;right:12px;bottom:12px;border-radius:12px}.chat-btn svg{width:19px;height:19px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Small screens keep labels alongside the navigation icons. */
@media(max-width:390px){.hdr-in{gap:10px}.hdr-in .logo b{font-size:19px}.hdr-in .brand-mark{width:24px;height:24px}.hdr-in .header-actions{gap:2px}.mnav.on{padding-inline:16px}}
@media(hover:none){.btn-p:hover,.opt:hover{transform:none}}

[data-cart-count][hidden]{display:none!important}
.header-action.cart-link small{min-width:18px;height:18px;font-size:10px;right:0;top:-1px}
.mnav [data-cart-count]{margin-left:8px;background:var(--pink-soft);color:var(--pink);font-size:12px;padding:0 7px;border-radius:12px}
@media(max-width:760px){.hdr-in{grid-template-columns:minmax(0,1fr) auto}.header-actions .header-action{min-width:44px}.hdr-in .logo b{font-size:19px}.hdr-in .brand-mark{width:23px;height:23px}.hdr-in .header-actions{gap:0}.hdr-in .themebtn{display:none}}
@media(max-width:360px){.hdr-in .logo b{font-size:16px}.hdr-in .brand-mark{width:20px;height:20px}.hdr-in .logo{gap:5px}.hdr-in{padding-inline:12px}}