@font-face{font-family:PSTLabel;src:url(../fonts/RobotoCondensed_700Bold.ttf) format("truetype");font-weight:700;font-display:block}
@font-face{font-family:PSTLabelR;src:url(../fonts/RobotoCondensed_400Regular.ttf) format("truetype");font-display:block}
/* Patriot Peptides USA · Old Glory (v1). Mobile first. */
:root{--bg:#0a101c;--bg2:#0d1525;--card:#111a2b;--card2:#16213a;--line:#1f2838;--line2:#3a3424;--ink:#f3ede1;--muted:#a59f93;--dim:#7c776c;
--gold:#c9a45c;--gold2:#e6cf96;--goldg:linear-gradient(135deg,#ecd9a2,#b8913a);--ok:#7fcf9f;--warn:#e9c46a;--bad:#f08a8a;
--fh:"Cormorant Garamond",Georgia,serif;--fb:Manrope,system-ui,-apple-system,sans-serif;--r:4px;--tab:64px;--safe:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 var(--fb);-webkit-font-smoothing:antialiased;min-height:100vh;padding-bottom:calc(var(--tab) + var(--safe))}
@media(min-width:900px){body{padding-bottom:0}}
body.noscroll{overflow:hidden;position:fixed;left:0;right:0;width:100%}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img,svg{max-width:100%}
input,select,textarea{font:inherit;color:var(--ink);color-scheme:dark}
:root{color-scheme:dark}
/* v50: iPhone Safari draws form fields white unless told otherwise, which left light text on white. Every field gets the dark field color unless a rule says otherwise. */
:where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=button]):not([type=submit]),select,textarea){background-color:var(--bg)}
select{-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%)!important;background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%!important;background-size:5px 5px,5px 5px!important;background-repeat:no-repeat!important;padding-right:30px!important}
input:-webkit-autofill,input:-webkit-autofill:focus,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-text-fill-color:var(--ink);-webkit-box-shadow:0 0 0 1000px var(--bg) inset;caret-color:var(--ink)}
input::placeholder,textarea::placeholder{color:var(--dim,#7a8291);-webkit-text-fill-color:var(--dim,#7a8291);opacity:1}
h1,h2,h3{line-height:1.12;margin:0 0 .4em}.serif{font-family:var(--fh);font-weight:600;letter-spacing:.005em}
.wrap{max-width:1200px;margin:0 auto;padding:0 18px}.pad{padding-top:28px;padding-bottom:48px}@media(min-width:900px){.wrap{padding:0 28px}.pad{padding-top:44px;padding-bottom:64px}}
.muted{color:var(--muted)}.small{font-size:13.5px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip{position:absolute;left:-999px;top:0;background:var(--gold);color:#111;padding:8px 12px;z-index:200}.skip:focus{left:8px}
:focus-visible{outline:2px solid var(--gold2);outline-offset:2px}
.kick{display:block;font-size:11.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin:0 0 8px;font-weight:600}
h1.serif{font-size:clamp(2.2rem,7vw,3.8rem)}h2.serif{font-size:clamp(1.8rem,5vw,2.8rem)}
.rule{width:56px;height:1px;background:var(--gold);margin:14px 0}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;border:1px solid transparent;border-radius:var(--r);font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;transition:.15s;text-align:center}
.btn.primary{background:var(--goldg);color:#17120a}.btn.primary:hover{filter:brightness(1.07)}.btn.primary:disabled{opacity:.5;cursor:not-allowed}
.btn.ghost{background:transparent;border-color:var(--line2);color:var(--ink)}.btn.ghost:hover{border-color:var(--gold)}
.btn.venmo{background:#008CFF;color:#fff;letter-spacing:.06em}.btn.wide{width:100%}.btn.sm{min-height:40px;padding:8px 14px;font-size:12px}
.linkish{background:none;border:0;padding:0;color:var(--gold);font-size:inherit;text-decoration:underline;text-underline-offset:3px}
.lnk{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;font-size:12.5px;font-weight:700}
/* announcement + header */
.annc{background:#06090f;border-bottom:1px solid var(--line);color:#d8d0bf;font-size:12.5px;text-align:center;padding:8px 14px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;letter-spacing:.04em}
.annc i{font-style:normal;color:var(--gold);margin:0 6px}.annc b{color:var(--gold2)}.annc a{color:var(--gold);font-weight:700}
.hd{position:sticky;top:0;z-index:50;background:rgba(10,16,28,.9);backdrop-filter:saturate(1.2) blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.hrow{display:flex;align-items:center;justify-content:space-between;height:60px}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--fh);font-size:19px;letter-spacing:.2em;font-weight:600;white-space:nowrap}.brand em{font-style:normal;color:var(--gold)}.brand img{border-radius:50%;width:34px;height:34px}
.nav{display:none}.mobi{display:grid;place-items:center;width:44px;height:44px;color:var(--ink)}
@media(min-width:900px){.hrow{display:grid;grid-template-columns:1fr auto 1fr;height:76px}.brand{font-size:22px}.brand img{width:40px;height:40px}.mobi{display:none}
.nav{display:flex;gap:26px;align-items:center;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#d8d0bf}.nav.r{justify-content:flex-end}.nav a:hover,.nav a[aria-current]{color:var(--gold)}
.bagl i{font-style:normal;color:var(--gold);margin-left:2px}}
.hsearch{display:flex;align-items:center;border-bottom:1px solid var(--line2)}.hsearch input{background:transparent;border:0;width:120px;padding:6px 4px;font-size:13px;letter-spacing:.04em;outline:0}.hsearch button{background:none;border:0;color:var(--muted);display:grid;place-items:center}
/* bottom tab bar (phones, and the installed app) */
.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(8,12,22,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:6px 6px calc(6px + var(--safe));height:calc(var(--tab) + var(--safe))}
.tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#8b8578;position:relative}
.tabbar a.on{color:var(--gold2)}.tabbar a.on svg{stroke-width:2.2}.tabbar i{position:absolute;top:2px;left:calc(50% + 6px);background:var(--gold);color:#17120a;font-style:normal;font-size:10px;font-weight:800;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;padding:0 4px}
@media(min-width:900px){.tabbar{display:none}}
/* footer */
.ft{border-top:1px solid var(--line);padding:46px 0 28px;margin-top:20px;text-align:center}
.fmark{display:flex;flex-direction:column;align-items:center;gap:12px}.fmark img{border-radius:50%}
.wm{font-family:var(--fh);font-size:26px;letter-spacing:.28em;font-weight:600;display:flex;flex-direction:column;align-items:center;line-height:1;padding-left:.28em}.wm small{font-size:.48em;letter-spacing:.9em;color:var(--gold);margin-top:8px;padding-left:.9em}
.tagl{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin:6px 0 0}.tagl span{color:var(--gold);margin:0 4px}
.fcols{display:grid;grid-template-columns:1fr 1fr;gap:22px;text-align:left;margin:32px auto 26px;max-width:760px}.fcols nav{display:flex;flex-direction:column;gap:9px;font-size:14px;color:#d8d0bf}.fcols b{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-weight:700}
.fcols .linkish{text-align:left;font-size:14px}
@media(min-width:700px){.fcols{grid-template-columns:repeat(3,1fr)}}
.ruof{font-size:11px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;line-height:1.9}.ruof span{color:var(--gold)}.copy{font-size:12px;color:var(--dim);margin:6px 0 0}
/* stock pills */
.stk{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:1px solid currentColor;border-radius:2px;padding:3px 8px;white-space:nowrap}
.stk-in{color:var(--ok)}.stk-lim{color:var(--warn)}.stk-low{color:#f4a261}.stk-out{color:#8c8f98}.stk-inc{color:#8fb8ff}
.sale{color:var(--gold2);font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:800}
s.was{color:var(--dim);font-size:.85em;margin-left:6px}
/* home */
.hero{position:relative;overflow:hidden;text-align:center;background:radial-gradient(ellipse at 50% 28%,#1a2742,#0a101c 66%);padding:56px 0 44px}
.hero .glow{position:absolute;width:640px;height:640px;left:50%;top:36%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(201,164,92,.22),transparent 60%);pointer-events:none}
.hero .in{position:relative;display:flex;flex-direction:column;align-items:center;padding:0 18px}
.medal{width:150px;height:150px;border-radius:50%;box-shadow:0 0 0 1px rgba(201,164,92,.5),0 26px 70px rgba(201,164,92,.25);margin-bottom:22px}
.wm.big{font-size:clamp(38px,10vw,84px)}.hero .tagl{margin-top:16px;font-size:10.5px}
.hcta{display:grid;gap:10px;width:100%;max-width:420px;margin-top:28px}@media(min-width:600px){.hcta{display:flex;justify-content:center;max-width:none}}
.hstats{display:flex;justify-content:center;gap:26px;margin-top:26px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.hstats b{display:block;font-family:var(--fh);font-size:28px;color:var(--gold2);letter-spacing:0}
@media(min-width:900px){.hero{padding:90px 0 80px;min-height:calc(100vh - 120px);display:grid;place-items:center}.medal{width:190px;height:190px}}
.marq{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;padding:14px 0;white-space:nowrap}
.marq div{display:inline-flex;gap:24px;animation:mq 50s linear infinite;font-family:var(--fh);font-size:21px;color:#d8d0bf}.marq i{font-style:normal;color:var(--gold)}.marq a:hover{color:var(--gold2)}
@keyframes mq{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.marq div{animation:none}}
.shead{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px;flex-wrap:wrap}
.ads{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -18px;padding:0 18px 6px;scrollbar-width:none}.ads::-webkit-scrollbar{display:none}
.ads a{flex:0 0 78%;max-width:380px;scroll-snap-align:center;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#000}.ads img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
@media(min-width:900px){.ads{display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:0}.ads a{max-width:none}}
.ed{display:grid;gap:18px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}
.edimg{display:grid;place-items:center;padding:34px;background:radial-gradient(circle at 50% 60%,#1d2a45,#0d1424 70%);border:1px solid var(--line)}.edimg svg{filter:drop-shadow(0 26px 30px rgba(0,0,0,.55))}
.edtx h3{font-size:2.4rem;margin:2px 0 6px}.edtx p{margin:4px 0}
@media(min-width:900px){.ed{grid-template-columns:1fr 1fr;gap:56px;padding:46px 0}.ed.rev .edimg{order:2}.edtx h3{font-size:3rem}}
.band{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.bgrid{display:grid;grid-template-columns:1fr 1fr;gap:22px 10px;padding-top:30px;padding-bottom:30px}
.bgrid div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px}.bgrid svg{color:var(--gold)}.bgrid b{font-family:var(--fh);font-size:1.5rem;color:var(--gold2)}.bgrid span{color:var(--muted);font-size:13px}
@media(min-width:900px){.bgrid{grid-template-columns:repeat(4,1fr)}}
.focus{display:grid;gap:10px}.focus a{display:flex;justify-content:space-between;align-items:center;padding:20px 18px;border:1px solid var(--line);background:linear-gradient(120deg,#101a2d,#0b1222);transition:.2s}
.focus a:hover{border-color:var(--gold)}.focus b{font-family:var(--fh);font-size:1.8rem;font-weight:600}.focus span{display:block;color:var(--muted);font-size:13px}.focus em{font-style:normal;color:var(--gold);font-size:12px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
@media(min-width:900px){.focus{grid-template-columns:repeat(3,1fr)}.focus a{flex-direction:column;align-items:flex-start;gap:16px;min-height:170px}}
.rewards{display:grid;gap:16px;border:1px solid var(--line2);background:linear-gradient(135deg,#141c2e,#0d1424);padding:24px}
.rewards .tiers{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.rewards .tiers div{border:1px solid var(--line);padding:10px;text-align:center}.rewards .tiers b{display:block;font-family:var(--fh);font-size:1.3rem;color:var(--gold2)}.rewards .tiers span{font-size:11.5px;color:var(--muted)}
@media(min-width:900px){.rewards{grid-template-columns:1.2fr 1fr;align-items:center;padding:36px}.rewards .tiers{grid-template-columns:repeat(4,1fr)}}
/* gallery cards */
.lgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
@media(min-width:700px){.lgrid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1100px){.lgrid{grid-template-columns:repeat(4,1fr)}}
.lcard{position:relative;background:var(--bg);display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 12px 16px;transition:.25s}
.lcard:hover{background:#0f1828}.lcard:hover .limg{transform:translateY(-4px)}
.limg{transition:.25s;margin-bottom:10px;filter:drop-shadow(0 14px 20px rgba(0,0,0,.55))}
.lcard h3{font-family:var(--fh);font-size:1.4rem;font-weight:600;margin:0}.lcard .sub{font-size:11.5px;color:var(--gold);letter-spacing:.06em;margin-top:-2px}
.lcard .sz{color:var(--muted);font-size:12px;margin:2px 0 6px}.lcard .pr{color:var(--gold2);font-size:15px;letter-spacing:.04em;margin-bottom:8px}
.lcard .stk{margin-bottom:10px}.lcard .tag{position:absolute;top:10px;left:10px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);border:1px solid var(--line2);padding:2px 6px}
.lcard .qa{margin-top:auto;width:100%}.lcard.isout .limg{opacity:.92}
/* catalog */
.ctop{display:flex;flex-direction:column;gap:14px;margin-bottom:18px}
.csearch{display:flex;align-items:center;gap:8px;border:1px solid var(--line2);padding:0 12px;background:var(--bg2)}.csearch input{flex:1;background:transparent;border:0;padding:13px 0;outline:0;font-size:16px}.csearch svg{color:var(--muted)}
.tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -18px;padding:0 18px;border-bottom:1px solid var(--line)}.tabs::-webkit-scrollbar{display:none}
.tab{flex:none;background:none;border:0;padding:12px 12px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.tab.on,.tab[aria-pressed=true]{color:var(--ink);border-color:var(--gold)}
.ctools{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;color:var(--muted)}
.toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:#d8d0bf}.toggle input{appearance:none;width:38px;height:22px;border-radius:11px;background:#2a3142;position:relative;transition:.2s;margin:0}
.toggle input::after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#ddd;top:2px;left:2px;transition:.2s}.toggle input:checked{background:var(--gold)}.toggle input:checked::after{left:18px;background:#17120a}
.empty{padding:50px 10px;text-align:center;color:var(--muted)}.empty svg{color:var(--gold);margin-bottom:8px}
.skel{background:linear-gradient(90deg,#111a2b,#172238,#111a2b);background-size:200% 100%;animation:sk 1.2s infinite;border-radius:4px}@keyframes sk{to{background-position:-200% 0}}
.skcard{height:300px;background:var(--bg)}.skcard div{width:70px;height:116px;margin:24px auto 14px}
/* product */
.pdp{display:grid}
.spot{display:grid;place-items:center;position:relative;min-height:330px;background:radial-gradient(circle at 50% 45%,#22304e,#0a101c 64%);border-bottom:1px solid var(--line);padding:34px 20px}
.spot svg.vial{filter:drop-shadow(0 34px 44px rgba(0,0,0,.6))}.spot .back{position:absolute;top:14px;left:14px;display:flex;align-items:center;gap:4px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.pinfo{padding:24px 18px 30px}.pinfo h1{font-size:clamp(2.4rem,9vw,3.6rem);margin:0}.pinfo .sub{color:var(--gold);letter-spacing:.06em;margin:4px 0 0}
.pp{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:6px 0 10px}.pp b{font-size:1.9rem;font-weight:600;font-family:var(--fh)}
.strengths{display:grid;grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:8px;margin:12px 0 18px}
.sopt{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:11px 12px;border:1px solid var(--line2);background:transparent;border-radius:var(--r);text-align:left;min-height:64px}
.sopt b{font-size:15px}.sopt span{font-size:13px;color:var(--muted)}.sopt small{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.sopt[aria-pressed=true]{border-color:var(--gold);background:rgba(201,164,92,.1);box-shadow:inset 0 0 0 1px var(--gold)}.sopt.out b{text-decoration:line-through;color:var(--muted)}
.qty{display:inline-flex;align-items:center;border:1px solid var(--line2);border-radius:var(--r);height:48px}.qty button{background:none;border:0;width:44px;height:100%;font-size:20px}.qty input{width:40px;border:0;background:transparent;text-align:center;font-size:16px;-moz-appearance:textfield}
.qty input::-webkit-inner-spin-button{display:none}.qty.sm{height:36px}.qty.sm button{width:34px;font-size:16px}.qty.sm input,.qty.sm span{width:28px;text-align:center;font-size:14px}
.buy{display:flex;gap:10px;margin:8px 0 12px}.buy .btn{flex:1}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.facts div{border:1px solid var(--line);padding:10px;display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--muted)}.facts svg{color:var(--gold)}.facts b{color:var(--ink);font-size:13px}.facts a{color:var(--gold);font-weight:700}
.acc{border-top:1px solid var(--line)}.acc details{border-bottom:1px solid var(--line)}.acc summary{list-style:none;cursor:pointer;padding:15px 0;display:flex;justify-content:space-between;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase}.acc summary::-webkit-details-marker{display:none}.acc summary::after{content:"+";color:var(--gold);font-size:18px;line-height:1}.acc details[open] summary::after{content:"–"}
.acc .in{padding:0 0 16px;color:#d8d0bf;font-size:14.5px}
.specs{width:100%;border-collapse:collapse;font-size:14px}.specs td{padding:9px 0;border-bottom:1px solid var(--line)}.specs tr:last-child td{border:0}.specs td:first-child{color:var(--muted);width:44%}
.ruo{font-size:12px;color:var(--muted);border:1px dashed var(--line2);padding:10px 12px;margin-top:16px}
.buybar{position:fixed;left:0;right:0;bottom:calc(var(--tab) + var(--safe));z-index:55;display:flex;gap:10px;align-items:center;padding:10px 14px;background:rgba(8,12,22,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line)}
.buybar .btn{flex:1}.buybar .bp{display:flex;flex-direction:column;line-height:1.15;font-size:12px;color:var(--muted)}.buybar .bp b{font-size:17px;color:var(--ink)}
body[data-page=product]{padding-bottom:calc(var(--tab) + var(--safe) + 72px)}
@media(min-width:900px){.pdp{grid-template-columns:1.05fr 1fr;min-height:calc(100vh - 120px)}.spot{border-bottom:0;border-right:1px solid var(--line)}.spot svg.vial{width:230px;height:383px}.pinfo{padding:56px clamp(24px,5vw,70px)}.buybar{display:none}body[data-page=product]{padding-bottom:0}}
@media(max-width:899px){.pinfo .buy{display:none}}
.related{padding-top:36px}
/* cart + checkout */
.cartgrid{display:grid;gap:22px}@media(min-width:900px){.cartgrid{grid-template-columns:1.35fr 1fr;gap:44px;align-items:start}.side{position:sticky;top:96px}}
.cline{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:start;padding:14px 0;border-bottom:1px solid var(--line)}
.cline .ci{display:grid;place-items:center;background:var(--bg2);border:1px solid var(--line);padding:6px 0}.cline h3{font-family:var(--fh);font-size:1.3rem;margin:0}.cline .meta{font-size:13px;color:var(--muted)}
.cline .row{display:flex;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap}.cline .rm{background:none;border:0;color:var(--muted);font-size:12px;letter-spacing:.1em;text-transform:uppercase;text-decoration:underline}
.cline .lt{font-weight:700;white-space:nowrap}.cline .warn{color:var(--bad);font-size:13px;margin:6px 0 0}.cline .note{color:#8fb8ff;font-size:12.5px;margin:6px 0 0}
.remind{grid-column:1/-1;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px;color:var(--muted);margin-top:2px}
.remind .chips{display:flex;gap:6px;flex-wrap:wrap}.remind button{background:transparent;border:1px solid var(--line);border-radius:99px;padding:5px 10px;font-size:12px;color:#d8d0bf}.remind button[aria-pressed=true]{border-color:var(--gold);color:var(--gold2);background:rgba(201,164,92,.1)}
.box{border:1px solid var(--line);background:var(--card);padding:16px;margin:0 0 14px}.box h3{font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:0 0 12px;font-family:var(--fb)}
.dpick{display:grid;gap:8px}.dpick label{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);padding:12px;cursor:pointer}.dpick label:has(input:checked){border-color:var(--gold);background:rgba(201,164,92,.08)}
.dpick input{accent-color:var(--gold);margin-top:4px;width:18px;height:18px}.dpick span{display:flex;flex-direction:column}.dpick small{color:var(--muted);font-size:12.5px}
.pm{display:grid;gap:8px}.pm label{display:flex;gap:12px;align-items:center;border:1px solid var(--line);padding:12px;cursor:pointer;min-height:52px}.pm label:has(input:checked){border-color:var(--gold);background:rgba(201,164,92,.08)}.pm input{accent-color:var(--gold);width:18px;height:18px}
.pm .vlogo{width:26px;height:26px;border-radius:6px;background:#008CFF;display:grid;place-items:center;flex:none}.pm .best{margin-left:auto;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.pm details summary{cursor:pointer;color:var(--muted);font-size:13px;padding:6px 0}
.sum .r{display:flex;justify-content:space-between;padding:5px 0;font-size:14.5px}.sum .r.disc b{color:var(--ok)}.sum .tot{border-top:1px solid var(--line);margin-top:8px;padding-top:12px;font-size:1.1rem}.sum .tot b{font-family:var(--fh);font-size:1.7rem}
.promo{display:flex;gap:8px}.promo input{flex:1;min-width:0;background:var(--bg);border:1px solid var(--line2);padding:11px 12px;border-radius:var(--r);text-transform:uppercase}
.status{font-size:13.5px;margin:8px 0 0;min-height:1em}.status.bad{color:var(--bad)}.status.good{color:var(--ok)}
.reward{border:1px solid #2c6e4f;background:rgba(44,110,79,.12);padding:12px;margin-top:12px;font-size:14px}.reward b{color:var(--ok)}.reward select{width:100%;margin-top:8px;background:var(--bg);border:1px solid var(--line2);padding:10px;border-radius:var(--r)}
.signin{border:1px solid var(--line2);background:linear-gradient(135deg,#141c2e,#0d1424);padding:18px;text-align:center}.signin .btn{margin-top:8px}
.addr{font-size:14px;color:#d8d0bf}.addr a{color:var(--gold);font-size:13px}
/* order placed */
.placed{max-width:620px;margin:0 auto;text-align:center}.placed .okc{width:64px;height:64px;border-radius:50%;background:var(--goldg);color:#17120a;display:grid;place-items:center;margin:0 auto 14px}
.paycard{border:1px solid var(--line2);background:var(--card);padding:20px;text-align:left;margin:20px 0}.paycard .vh{display:flex;gap:12px;align-items:center;margin-bottom:12px}.paycard .vh b{font-size:1.25rem}.paycard .vh span{display:block;color:var(--muted);font-size:13.5px}
.paycard ol{padding-left:18px;margin:10px 0 14px;font-size:14.5px;color:#d8d0bf}.paycard li{margin:5px 0}.paycard code{background:var(--bg);border:1px solid var(--line2);padding:1px 6px;font-weight:700;color:var(--gold2)}
.qrwrap{display:none}@media(min-width:900px){.paygrid{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start}.qrwrap{display:flex;flex-direction:column;align-items:center;gap:6px;background:#fff;padding:10px;border-radius:8px;color:#555;font-size:11px}}
.track{list-style:none;padding:0;margin:22px 0;text-align:left}.track li{position:relative;padding:0 0 18px 34px}.track li span{display:block;color:var(--muted);font-size:13px}
.track li::before{content:"";position:absolute;left:5px;top:5px;width:14px;height:14px;border-radius:50%;border:2px solid var(--line2);background:var(--bg)}.track li::after{content:"";position:absolute;left:12px;top:23px;bottom:3px;width:2px;background:var(--line)}.track li:last-child::after{display:none}
.track li.ok::before{background:var(--ok);border-color:var(--ok)}.track li.cur::before{border-color:var(--gold);box-shadow:0 0 0 4px rgba(201,164,92,.25)}
.alertcta{border:1px solid var(--line2);background:linear-gradient(135deg,#1a2238,#10172a);padding:18px;display:flex;flex-direction:column;gap:8px;align-items:center;margin:8px 0 20px}
.alertcta svg{color:var(--gold)}.alertcta span{color:var(--muted);font-size:14px}
/* account */
.acct{display:grid;gap:18px}@media(min-width:900px){.acct{grid-template-columns:240px 1fr;gap:40px;align-items:start}}
.atabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -18px;padding:0 18px;border-bottom:1px solid var(--line)}.atabs::-webkit-scrollbar{display:none}
@media(min-width:900px){.atabs{flex-direction:column;border:0;margin:0;padding:0;position:sticky;top:96px}.atabs .tab{text-align:left;border-bottom:0;border-left:2px solid transparent;padding:12px 14px}.atabs .tab.on{border-left-color:var(--gold);background:rgba(201,164,92,.06)}}
.hello{display:flex;align-items:center;gap:14px;margin-bottom:6px}.hello img{border-radius:50%}.hello small{display:block;color:var(--muted);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase}
.ocard{border:1px solid var(--line);background:var(--card);margin-bottom:12px}.ocard .oh{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;cursor:pointer;width:100%;background:none;border:0;text-align:left}
.ocard .oh b{font-size:15px}.ocard .oh span{display:block;color:var(--muted);font-size:12.5px}.ocard .ob{padding:0 16px 16px;border-top:1px solid var(--line)}
.opill{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;padding:4px 8px;border:1px solid currentColor;white-space:nowrap}.opill.pend{color:var(--warn)}.opill.ok{color:var(--ok)}.opill.ship{color:#8fb8ff}.opill.bad{color:var(--bad)}
.oitems{margin:12px 0;font-size:14px}.oitems div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px dashed var(--line)}
.oacts{display:flex;gap:8px;flex-wrap:wrap}
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.tile{border:1px solid var(--line);background:var(--card);padding:14px}.tile small{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.tile b{font-family:var(--fh);font-size:1.9rem;color:var(--gold2)}
.tierbar{height:6px;background:#1f2838;border-radius:3px;overflow:hidden;margin:8px 0}.tierbar i{display:block;height:100%;background:var(--goldg)}
.setrow{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.setrow div span{display:block;color:var(--muted);font-size:13px}
.dueitem{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px;border:1px solid var(--line2);background:rgba(201,164,92,.06);margin-bottom:8px}
/* forms */
.form{display:grid;gap:12px}.form label{display:flex;flex-direction:column;gap:6px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}
.form input:not([type=checkbox]),.form select,.form textarea{background:var(--bg);border:1px solid var(--line2);border-radius:var(--r);padding:13px 12px;font-size:16px;letter-spacing:0;text-transform:none;font-weight:400;width:100%}
.form textarea{min-height:96px;resize:vertical}.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--gold);outline:0}
.form .chk{flex-direction:row;align-items:flex-start;gap:10px;text-transform:none;letter-spacing:0;font-size:14px;color:#d8d0bf;font-weight:500}.form .chk input{accent-color:var(--gold);width:18px;height:18px;margin-top:2px;flex:none}
.g2{display:grid;gap:12px}@media(min-width:600px){.g2{grid-template-columns:1fr 1fr}.g3{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}}
.pw{position:relative}.pw button{position:absolute;right:8px;bottom:8px;background:none;border:0;color:var(--gold);font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:6px}
.authcard{max-width:460px;margin:0 auto;border:1px solid var(--line);background:var(--card);padding:26px 20px}.authcard.wide{max-width:720px}.authcard .alt{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:14px;margin-top:14px}.authcard .alt a{color:var(--gold)}
fieldset{border:1px solid var(--line);padding:14px;margin:0;display:grid;gap:12px}legend{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);padding:0 6px}
.notice{padding:12px;border:1px solid var(--line2);font-size:14px}.notice.ok{border-color:#2c6e4f;color:var(--ok)}.notice.err{border-color:#7a2f2f;color:var(--bad)}
/* content pages */
.prose{max-width:760px;margin-left:auto;margin-right:auto}.prose h2{font-family:var(--fh);font-size:1.9rem;margin:32px 0 10px;font-weight:600}.prose h3{font-size:1rem;letter-spacing:.06em;margin:22px 0 6px;color:var(--gold2)}
.prose p,.prose li{color:#d8d0bf;font-size:15.5px}.prose a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}.prose ul{padding-left:20px}
.callout{border:1px solid var(--line2);background:var(--card);padding:16px 18px;margin:18px 0}
.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;padding:18px 0;font-family:var(--fh);font-size:1.35rem;display:flex;justify-content:space-between;gap:12px}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";color:var(--gold)}.faq details[open] summary::after{content:"–"}.faq .in{padding:0 0 18px;color:#d8d0bf}
.labs{display:grid;gap:12px;margin:20px 0}@media(min-width:800px){.labs{grid-template-columns:1fr 1fr}}.lab{border:1px solid var(--line);background:var(--card);padding:18px}.lab h3{font-family:var(--fh);font-size:1.5rem;color:var(--ink)}
.coagrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;margin:18px 0}.coac{display:flex;gap:12px;align-items:center;border:1px solid var(--line);background:var(--card);padding:10px 14px}.coac b{display:block}.coac span{color:var(--muted);font-size:12.5px}
.tiers4{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin:18px 0}@media(min-width:800px){.tiers4{grid-template-columns:repeat(4,1fr)}}.tiers4 div{border:1px solid var(--line2);background:var(--card);padding:16px}.tiers4 b{font-family:var(--fh);font-size:1.6rem;color:var(--gold2)}
/* overlays */
#gate{position:fixed;inset:0;z-index:200;background:radial-gradient(circle at 50% 35%,rgba(26,39,66,.97),rgba(6,9,16,.98));display:grid;place-items:center;padding:20px}
.gbox{max-width:400px;width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.gbox img{border-radius:50%;box-shadow:0 0 0 1px rgba(201,164,92,.5),0 20px 60px rgba(201,164,92,.2)}.gbox p{color:var(--muted);font-size:14.5px;margin:6px 0 10px}
.sheetwrap{position:fixed;inset:0;z-index:150;background:rgba(3,6,12,.7);display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .2s}.sheetwrap.in{opacity:1}
.sheet{position:relative;background:var(--card);border:1px solid var(--line2);border-bottom:0;width:100%;max-width:560px;max-height:88vh;overflow:auto;padding:26px 20px calc(24px + var(--safe));border-radius:14px 14px 0 0;transform:translateY(30px);transition:transform .25s}
.sheetwrap.in .sheet{transform:none}@media(min-width:700px){.sheetwrap{align-items:center}.sheet{border-radius:6px;border-bottom:1px solid var(--line2);padding-bottom:26px}}
.sx{position:absolute;top:10px;right:10px;background:none;border:0;width:40px;height:40px;display:grid;place-items:center;color:var(--muted)}
.howto{list-style:none;padding:0;margin:16px 0;display:grid;gap:12px}.howto li{display:flex;gap:12px;align-items:flex-start;font-size:15px}.howto span{flex:none;width:28px;height:28px;border-radius:50%;border:1px solid var(--gold);color:var(--gold);display:grid;place-items:center;font-size:13px;font-weight:700}.howto svg{vertical-align:-3px;color:var(--gold)}
.okmsg{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.okmsg svg{color:var(--ok)}
#toast{position:fixed;left:50%;bottom:calc(var(--tab) + var(--safe) + 14px);transform:translate(-50%,20px);opacity:0;background:#f3ede1;color:#111;padding:12px 18px;border-radius:4px;font-size:14px;font-weight:600;z-index:170;transition:.25s;pointer-events:none;max-width:calc(100% - 24px);text-align:center}
#toast a{color:#7a5a17;font-weight:800;margin-left:8px;pointer-events:auto;text-decoration:underline}#toast.show{opacity:1;transform:translate(-50%,0)}
body[data-page=product] #toast{bottom:calc(var(--tab) + var(--safe) + 86px)}@media(min-width:900px){#toast,body[data-page=product] #toast{bottom:28px}}
/* installed-app polish */
@media(display-mode:standalone){.annc{display:none}.hd{padding-top:env(safe-area-inset-top,0px)}}

.lcard .btn.sm{letter-spacing:.07em;font-size:11px;padding:8px 6px;min-height:40px}
@media(max-width:600px){.annc .lg{display:none}}
/* owner app */
body[data-page=owner]{padding-bottom:var(--safe)}
.ohd{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:16px;padding-top:env(safe-area-inset-top,0px)}.ohd small{display:block;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}.ohd h1{margin:0;font-size:2.4rem}.ohr{display:flex;gap:8px}
.otabs{margin-bottom:14px}@media(min-width:900px){.otabs{flex-direction:row;position:static;border-bottom:1px solid var(--line)}.otabs .tab{border-left:0;border-bottom:2px solid transparent}.otabs .tab.on{border-bottom-color:var(--gold);background:none}}
.txtopt{display:flex;flex-direction:column;gap:4px;border:1px solid var(--line);padding:12px;text-decoration:none}.txtopt:hover{border-color:var(--gold)}.txtopt span{color:var(--muted);font-size:13.5px}
.tile span{display:block}
/* v2 · My products (signed-in home) */
.shelf{padding-top:24px;padding-bottom:10px}@media(min-width:900px){.shelf{padding-top:40px}}
body.app-home .hero,body.app-home .marq{display:none}
.obanner{display:flex;flex-direction:column;gap:10px;border:1px solid var(--line2);background:linear-gradient(135deg,#141c2e,#0d1424);padding:14px 16px;margin:12px 0 0}
.obanner.pend{border-color:#5a4a22}.obt{display:flex;flex-direction:column;gap:3px}.obt .opill{align-self:flex-start;margin-bottom:4px}
@media(min-width:700px){.obanner{flex-direction:row;align-items:center;justify-content:space-between}}
.mylist{display:grid;gap:8px;margin-top:10px}@media(min-width:900px){.mylist{grid-template-columns:1fr 1fr}}
.myrow{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:center;border:1px solid var(--line);background:var(--card);padding:12px}
.myrow.due{border-color:#5a4a22;background:linear-gradient(135deg,#17202f,#111a2b)}
.myrow .mi{display:grid;place-items:center;background:var(--bg2);border:1px solid var(--line);padding:4px 0;align-self:start}
.myrow .mt{display:flex;flex-direction:column;gap:2px;min-width:0}.myrow .mt b{font-family:var(--fh);font-size:1.3rem;font-weight:600}.myrow .mt b .muted{font-family:var(--fb);font-size:13px;font-weight:600}
.myrow .ma{grid-column:1/-1;display:flex;gap:8px;align-items:center;justify-content:flex-end}.myrow .ma .btn{min-width:110px}
@media(min-width:520px){.myrow{grid-template-columns:52px 1fr auto}.myrow .ma{grid-column:auto}}
.rl{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ok);margin-top:4px}.rl.warn{color:var(--warn)}.rl.bad{color:var(--bad)}.rl.ship{color:#8fb8ff}
.why{font-size:11px;color:var(--dim)}
/* v2 · bag add-more strip */
.addmore{margin-top:22px}.addmore .row{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.addmore .row::-webkit-scrollbar{display:none}
.amc{flex:0 0 132px;border:1px solid var(--line);background:var(--card);padding:10px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px}
.amc b{font-family:var(--fh);font-size:1.1rem}.amc span{font-size:12px;color:var(--muted)}.amc .btn{margin-top:6px;width:100%}
.remind button.auto[aria-pressed=true]{background:rgba(127,207,159,.12);border-color:var(--ok);color:var(--ok)}
.ownsec{border:1px solid var(--line);background:var(--card);padding:0 16px}.ownsec summary{cursor:pointer;list-style:none;padding:14px 0;font-size:1.5rem;display:flex;justify-content:space-between}.ownsec summary::-webkit-details-marker{display:none}.ownsec summary::after{content:"+";color:var(--gold)}.ownsec[open] summary::after{content:"–"}
.times{display:grid;gap:0;margin:8px 0 14px}.trow{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.tin{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.tin input{width:70px;background:var(--bg);border:1px solid var(--line2);padding:8px;border-radius:4px;font-size:16px;text-align:center}
.cartgrid>div,.cartgrid>aside{min-width:0}.remind .chips{min-width:0}
.tile b{font-family:var(--fb);font-weight:800;font-size:1.6rem}
/* ===== v3 · big-shop parity ===== */
.mobr{display:flex}.hbtn{display:inline-flex;align-items:center;gap:6px;background:none;border:0;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;padding:0;position:relative}
.hbtn i{position:absolute;top:-6px;right:-10px;background:var(--gold);color:#17120a;font-style:normal;font-size:10px;font-weight:800;min-width:16px;height:16px;border-radius:8px;display:grid;place-items:center;letter-spacing:0}
.bagl{background:none;border:0;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;padding:0}
@media(min-width:900px){.mobr,.hd .mobi{display:none}}
.mm{position:relative}.mmb{background:none;border:0;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;padding:0;cursor:pointer}.mmb[aria-expanded=true]{color:var(--gold)}
.mega{position:absolute;left:0;right:0;top:100%;background:rgba(10,16,28,.98);border-bottom:1px solid var(--line);box-shadow:0 30px 60px rgba(0,0,0,.5);z-index:49}
.mgrid{display:grid;grid-template-columns:1fr 1fr 1fr 1.2fr;gap:30px;padding-top:28px;padding-bottom:30px}.mgrid b{display:block;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.mgrid a{display:block;padding:6px 0;color:#d8d0bf;font-size:14.5px}.mgrid a:hover{color:var(--gold2)}
.mfcard{display:flex!important;gap:14px;align-items:center;border:1px solid var(--line2);background:radial-gradient(circle at 20% 50%,#1d2a45,#0d1424 70%);padding:16px!important}.mfcard small{display:block;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.mfcard b{display:block;font-family:var(--fh);font-size:1.6rem;color:var(--ink);letter-spacing:0;text-transform:none;margin:0}.mfcard em{font-style:normal;color:var(--gold2)}
.hd .mobi{color:var(--ink);background:none;border:0}
.hrow{gap:8px}@media(max-width:899px){.hrow{display:grid;grid-template-columns:44px 1fr 44px}.hrow .brand{justify-self:center}}
/* drawer */
.drawerwrap{position:fixed;inset:0;z-index:140;background:rgba(3,6,12,.7)}
.drawer{position:absolute;top:0;bottom:0;left:0;width:min(86vw,360px);background:var(--bg2);border-right:1px solid var(--line2);padding:16px 18px calc(24px + var(--safe));overflow-y:auto;animation:dr .22s ease}
@keyframes dr{from{transform:translateX(-30px);opacity:.4}}
.dh{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.dh .brand{font-size:16px}.dh .sx{position:static}
.dsearch{display:flex;align-items:center;gap:8px;width:100%;background:var(--bg);border:1px solid var(--line2);padding:12px;color:var(--muted);font-size:14px;text-align:left;margin-bottom:8px}
.drawer details{border-bottom:1px solid var(--line)}.drawer summary{list-style:none;cursor:pointer;padding:14px 0;font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;display:flex;justify-content:space-between}.drawer summary::-webkit-details-marker{display:none}.drawer summary::after{content:"+";color:var(--gold)}.drawer details[open] summary::after{content:"–"}
.drawer details a{display:block;padding:9px 0 9px 4px;color:#d8d0bf;font-size:15.5px}.drawer details[open]{padding-bottom:8px}.drawer .btn{margin-top:18px}
/* search + mini bag sheets */
.sheetwrap.top{align-items:flex-start}.sheetwrap.top .sheet{border-radius:0 0 14px 14px;max-width:680px;border-top:0;border-bottom:1px solid var(--line2);padding-top:calc(18px + env(safe-area-inset-top,0px))}
.srch .csearch{margin-right:40px}.sres{margin-top:6px}
.sr1{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:10px 4px;border-bottom:1px solid var(--line)}.sr1:hover{background:rgba(201,164,92,.06)}
.sr1 b{font-family:var(--fh);font-size:1.25rem;font-weight:600;display:block}.sr1 small{color:var(--muted);font-size:12px}.srr{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.srr em{font-style:normal;color:var(--gold2);font-size:14px}.srr i{font-style:normal;font-size:10px;padding:2px 6px}
.srall{display:block;padding:14px 4px;color:var(--gold);font-weight:700;font-size:14px}
@media(min-width:700px){.sheetwrap.side{justify-content:flex-end;align-items:stretch}.sheetwrap.side .sheet{max-width:420px;max-height:none;height:100%;border-radius:0;border-right:0}}
.mbag h2{display:flex;align-items:center;gap:8px;font-size:1.7rem}.mbag h2 svg{color:var(--ok)}
.mbl{margin:10px 0}.mbr{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.mbr.new{background:rgba(127,207,159,.06)}
.mbr b{font-family:var(--fh);font-size:1.2rem;display:block}.mbr small{color:var(--muted);font-size:12px}.mbr em{font-style:normal;font-weight:700}
.ship{margin:12px 0}.shipbar{height:6px;background:#1f2838;border-radius:3px;overflow:hidden;margin-bottom:6px}.shipbar i{display:block;height:100%;background:var(--goldg);transition:width .4s}.ship span{font-size:13px;color:#d8d0bf}
/* cards: heart + badges */
.heartb{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(10,16,28,.6);border:1px solid var(--line2);color:var(--muted);cursor:pointer}
.heartb[aria-pressed=true]{color:#f07a8a;border-color:#7a3a44}.heartb[aria-pressed=true] svg{fill:currentColor}
.heartb.onc{position:absolute;top:8px;right:8px;width:34px;height:34px;z-index:2}
/* catalog tools */
.ctr{display:flex;align-items:center;gap:12px}.sortl select{background:var(--bg2);border:1px solid var(--line2);color:var(--ink);padding:8px 10px;border-radius:4px;font-size:13.5px}
/* product */
.crumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:12px;color:var(--muted);margin-bottom:12px;letter-spacing:.04em}.crumbs a{color:var(--muted)}.crumbs a:hover{color:var(--gold)}.crumbs span[aria-current]{color:#d8d0bf}
.pacts{position:absolute;top:12px;right:12px;display:flex;gap:8px}
.pbadges{display:flex;gap:6px;margin-bottom:8px}.pbadges span{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);border:1px solid var(--line2);padding:3px 8px}
.addons{border:1px solid var(--line);background:var(--card);padding:12px 14px;margin:14px 0}.addon{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:6px 0}.addon b{display:block;font-size:14px}.addon small{color:var(--muted)}
.bulkn{font-size:13.5px;color:var(--muted);display:flex;align-items:center;gap:6px;margin:6px 0 14px}.bulkn svg{color:var(--gold)}.bulkn a{color:var(--gold);font-weight:700}
/* footer v3 */
.news{display:grid;gap:12px;border:1px solid var(--line2);background:linear-gradient(135deg,#141c2e,#0d1424);padding:20px;margin:0 auto 36px;max-width:900px;text-align:left}
.news b{display:block;font-size:1.6rem}.news span{color:var(--muted);font-size:14px}.nform{display:flex;gap:8px}.nform input{flex:1;min-width:0;background:var(--bg);border:1px solid var(--line2);padding:12px;border-radius:4px;font-size:16px}
@media(min-width:800px){.news{grid-template-columns:1fr 1fr;align-items:center}}
.fcols.f4{max-width:900px}@media(min-width:800px){.fcols.f4{grid-template-columns:repeat(4,1fr)}}
.pays{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 18px}.pays span{border:1px solid var(--line2);padding:5px 10px;font-size:12px;color:#d8d0bf;letter-spacing:.04em}
.lcard{padding-top:38px}
.pgrp{border-bottom:1px solid var(--line)}.pgrp summary{cursor:pointer;list-style:none;padding:12px 0;display:flex;flex-direction:column}.pgrp summary::-webkit-details-marker{display:none}
.pgrp textarea{width:100%;background:var(--bg);border:1px solid var(--line2);padding:10px;border-radius:4px;font-size:15px;margin-top:6px}

/* v3.2 */
.holdnote{display:flex;gap:8px;align-items:flex-start;text-align:left;max-width:520px;margin:14px auto 0;padding:12px 14px;border:1px solid var(--line2);border-radius:6px;background:var(--bg2,rgba(255,255,255,.03));font-size:14px;line-height:1.5}.holdnote svg{flex:none;margin-top:3px;color:var(--gold)}.warn.bo{color:var(--gold)}
.oitems .oline{flex-wrap:wrap}.oline .bo{color:var(--gold)}.odays{flex-basis:100%;display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:4px 0 6px}.odays input{width:72px;padding:6px 8px;background:var(--bg);border:1px solid var(--line2);color:inherit;border-radius:4px;font-size:15px}
.hold{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--gold2,var(--gold))}.psearch{width:100%;margin:8px 0 12px;padding:10px 12px;background:var(--bg);border:1px solid var(--line2);color:inherit;border-radius:4px;font-size:16px}
.pform{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-top:8px}.pform label{display:flex;flex-direction:column;gap:4px}.pform input,.pform select{padding:8px;background:var(--bg);border:1px solid var(--line2);color:inherit;border-radius:4px;font-size:16px;min-width:0}.bad{color:var(--bad)}

/* v3.4 product photos */
img.vimg{object-fit:contain;filter:drop-shadow(0 18px 22px rgba(0,0,0,.45))}
.spot img.vimg{filter:drop-shadow(0 34px 44px rgba(0,0,0,.6))}
.zoomb{background:none;border:0;padding:0;cursor:zoom-in;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--muted)}
.zoomb .zhint{font-size:11px;letter-spacing:.14em;text-transform:uppercase;display:flex;gap:6px;align-items:center;opacity:.75}
.zoomfig{margin:0}.zoomfig img{width:100%;height:auto;border-radius:6px;display:block}.zoomfig figcaption{display:flex;justify-content:space-between;gap:10px;margin-top:10px;font-size:13px;letter-spacing:.06em}.zoomfig figcaption span{color:var(--muted)}
@media(min-width:900px){.spot img.vimg{width:250px;height:420px}.spot{place-items:start center}.spot>.zoomb,.spot>svg.vial{position:sticky;top:140px;margin-top:70px}}

/* owner insights */
.irange{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 12px}.itiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.igrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:14px}.igrid section{border:1px solid var(--line);border-radius:6px;padding:12px 14px;background:rgba(255,255,255,.02)}
.ibars{display:flex;align-items:flex-end;gap:2px;height:90px;margin-top:8px}.ibars div{flex:1;height:100%;display:flex;align-items:flex-end}.ibars i{display:block;width:100%;min-height:2px;background:linear-gradient(var(--gold),#a8823b);border-radius:2px 2px 0 0}
.funnel div{display:grid;grid-template-columns:130px 1fr 40px;align-items:center;gap:8px;margin:6px 0;font-size:13px}.funnel i{display:block;height:10px;background:var(--gold);border-radius:3px}.funnel b{text-align:right}
.ilist{list-style:none;padding:0;margin:8px 0 0}.ilist li{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px solid var(--line);font-size:13px}.ilist li b{white-space:nowrap}

/* owner products */
.pmtop{display:flex;gap:8px;align-items:center}.pmtop .psearch{margin:8px 0}.pmlist{display:grid;gap:6px;margin-top:6px}
.pmrow{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:6px;padding:6px 8px}.pmrow[hidden]{display:none}
.pmmain{flex:1;display:flex;align-items:center;gap:10px;background:none;border:0;text-align:left;padding:0;min-width:0}.pmmain img,.pmmain svg{width:34px;height:57px;flex:none}
.pmmain span{display:flex;flex-direction:column;min-width:0}.pmmain small{color:var(--muted);font-size:12px}
.pmlive{display:flex;align-items:center;gap:6px;background:none;border:0;font-size:12px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.pmlive i{width:34px;height:20px;border-radius:20px;background:#3a4252;position:relative;transition:.2s}
.pmlive i:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.2s}.pmlive[aria-checked=true] i{background:#2f9e5b}.pmlive[aria-checked=true] i:after{left:16px}.pmlive[aria-checked=true]{color:#7fd49c}
.pmform{display:grid;gap:10px}.pmform label{display:grid;gap:4px;font-size:13px;color:var(--muted)}.pmform input,.pmform select{padding:10px;background:var(--bg);border:1px solid var(--line2);color:var(--ink);border-radius:4px;font-size:16px;min-width:0}
.pmform .toggle{display:flex;align-items:center;gap:8px;color:var(--ink)}.pmform .toggle input{width:38px;height:22px;flex:none}.pm2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pmprev{display:flex;justify-content:center;min-height:150px}.pmprev img{width:90px;height:150px}

/* home featured picks */
.ads.featrow{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,1fr);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;-webkit-overflow-scrolling:touch}
.featcard{scroll-snap-align:start;display:flex;flex-direction:column;border:1px solid var(--line);background:linear-gradient(180deg,#141d31,#0b111e);text-decoration:none;color:inherit;transition:transform .2s,border-color .2s}
.featcard:hover{transform:translateY(-2px);border-color:var(--line2)}
.featcard .fimg{display:grid;place-items:center;padding:26px 0 18px;background:radial-gradient(circle at 50% 45%,#24345a,#0a101c 70%)}
.featcard .fimg img{width:150px;height:250px;filter:drop-shadow(0 24px 30px rgba(0,0,0,.55))}
.featcard .ftxt{display:flex;flex-direction:column;gap:6px;padding:16px 18px 20px}.featcard b{font-size:1.7rem;font-weight:500;line-height:1.1}
.featcard small{color:var(--muted);font-size:13px}.featcard .fpr{color:var(--gold2);font-size:14px}.featcard .fpr i{color:var(--muted);font-style:normal}.featcard .lnk{margin-top:4px}
@media(min-width:900px){.ads.featrow{grid-auto-flow:row;grid-template-columns:repeat(3,1fr);overflow:visible}}
.ads.featrow a.featcard{background:linear-gradient(180deg,#141d31,#0b111e);aspect-ratio:auto;height:auto}
.ads.featrow .featcard .ftxt{background:transparent}
.ads.featrow .featcard .fimg img{aspect-ratio:auto;object-fit:contain;width:150px;height:250px;display:block}
.ads.featrow{grid-auto-columns:78%;margin:0 -18px;padding:0 18px 6px}.ads.featrow a.featcard{max-width:none}
@media(min-width:900px){.ads.featrow{margin:0;padding:0;grid-auto-columns:auto}}
/* ---------- v3.7: Get the app, notifications ---------- */
.iapp{max-width:1080px}
.ihero{display:grid;gap:34px;align-items:center}@media(min-width:900px){.ihero{grid-template-columns:1.15fr .85fr;gap:56px}}
.ihero h1.serif{font-size:clamp(2.5rem,8vw,4.4rem);margin-bottom:.25em}
.ilede{font-size:17px;color:var(--muted);max-width:34em;margin:0 0 22px}
.iperks{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:16px}
.iperks li{display:flex;gap:16px;align-items:flex-start;padding-bottom:16px;border-bottom:1px solid var(--line)}
.iperks li>span{font-family:var(--fh);font-size:1.5rem;color:var(--gold);line-height:1;min-width:30px}
.iperks b{display:block;font-size:15.5px}.iperks small{display:block;color:var(--muted);font-size:14px;margin-top:2px}
.icta{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.iok{display:flex;gap:10px;align-items:center;width:100%;color:var(--ok);margin-bottom:6px}.iok span{color:var(--ink)}
/* phone mockup */
.iphone{justify-self:center;width:min(260px,52vw);aspect-ratio:9/19;border-radius:42px;padding:10px;background:linear-gradient(145deg,#2a3142,#0b0f18);box-shadow:0 30px 80px rgba(0,0,0,.55),inset 0 0 0 1px #3a4256}
.iscreen{position:relative;height:100%;border-radius:33px;overflow:hidden;background:radial-gradient(120% 70% at 30% 0%,#1f2c4a 0%,#0d1525 55%,#090d16 100%);padding:44px 18px 0}
.iclock{position:absolute;top:12px;left:0;right:0;text-align:center;font-weight:700;font-size:13px;color:#f3ede1}
.iscreen .igrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 12px;margin:0}
.iscreen .igrid i,.idock i{display:block;aspect-ratio:1;border-radius:26%;background:rgba(255,255,255,.07)}.iscreen .igrid i{margin-bottom:13px} /* v42: scoped so the owner Insights grid isn't turned into app icons */
.iicon{width:100%;margin:0;display:flex;flex-direction:column;align-items:center;gap:5px;grid-column:span 1}
.iicon img{width:100%;height:auto;border-radius:26%;box-shadow:0 0 0 2px var(--gold),0 0 24px rgba(201,164,92,.45);animation:ipulse 2.6s ease-in-out infinite}
.iicon figcaption{font-size:8px;line-height:1;overflow:visible;color:#f3ede1;white-space:nowrap;font-weight:600}
@keyframes ipulse{50%{box-shadow:0 0 0 2px var(--gold),0 0 34px rgba(201,164,92,.7)}}
@media(prefers-reduced-motion:reduce){.iicon img{animation:none}}
.idock{position:absolute;left:12px;right:12px;bottom:12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:12px;border-radius:24px;background:rgba(255,255,255,.08);backdrop-filter:blur(8px)}
/* steps */
.isteps{margin-top:56px;border:1px solid var(--line);background:linear-gradient(180deg,var(--card),var(--bg2));padding:22px 18px 8px}
@media(min-width:900px){.isteps{padding:30px 34px 14px}}
.idev{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:999px;width:100%;max-width:520px;margin-bottom:18px}
.idev button{flex:1;background:none;border:0;padding:9px 12px;border-radius:999px;font-weight:700;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.idev button.on{background:var(--goldg);color:#17120a}
.isteplist{list-style:none;margin:0;padding:0}
.isteplist .istep{display:grid;grid-template-columns:44px 1fr;gap:6px 14px;padding:18px 0;border-top:1px solid var(--line)}
.istep:first-child{border-top:0}
@media(min-width:760px){.isteplist .istep{grid-template-columns:52px 1fr 300px;align-items:center}}
.inum{align-self:start;width:40px;height:40px;border-radius:50%;border:1px solid var(--gold);color:var(--gold);display:grid;place-items:center;font-family:var(--fh);font-size:1.35rem;font-weight:700}
.ibody b{display:block;font-size:17px;margin:6px 0 2px}.ibody p{margin:0;color:var(--muted);font-size:14.5px}.ibody p b{display:inline;color:var(--ink);font-size:inherit;margin:0}
.iill{grid-column:1/-1;display:grid;gap:8px}@media(min-width:760px){.iill{grid-column:auto}}
.ill{width:100%;height:auto;display:block;max-width:360px}
.ik{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 5px;border:1px solid var(--line2);border-radius:5px;color:var(--gold);vertical-align:-5px;font-weight:700}
.inote{background:rgba(201,164,92,.07);border-left:2px solid var(--gold);padding:12px 14px;font-size:14px;color:var(--muted);margin:0 0 10px}.inote b{color:var(--ink)}
.ione{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:4px 0 16px}
.iafter{margin-top:44px}.iafter3{display:grid;gap:14px}@media(min-width:760px){.iafter3{grid-template-columns:repeat(3,1fr)}}
.iafter3>div{border:1px solid var(--line);padding:18px;background:var(--card)}.iafter3 b{font-family:var(--fh);font-size:1.35rem;font-weight:600;color:var(--gold2)}.iafter3 p{margin:6px 0 0;color:var(--muted);font-size:14.5px}
.icenter{text-align:center;margin-top:30px}
/* app bar (phone browsers) */
.appbar{position:fixed;left:10px;right:10px;bottom:calc(var(--tab) + var(--safe) + 10px);z-index:55;display:flex;align-items:center;gap:12px;padding:10px 10px 10px 12px;border:1px solid var(--line2);background:rgba(17,26,43,.97);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 14px 40px rgba(0,0,0,.45);border-radius:10px;animation:aup .35s ease-out}
.appbar img{border-radius:10px;flex:none}.appbar span{flex:1;min-width:0}.appbar b{display:block;font-size:14px}.appbar small{display:block;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.appbar .btn{min-height:38px;padding:8px 16px}.appbar .ax{background:none;border:0;color:var(--dim);padding:6px;display:grid;place-items:center}
@keyframes aup{from{transform:translateY(20px);opacity:0}}
@media(min-width:900px){.appbar{display:none}}
/* bell + inbox */
.bell{position:relative}.bell i{position:absolute;top:2px;right:0;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--gold);color:#17120a;font:800 10px/17px var(--fb);font-style:normal;text-align:center}
.mobr{align-items:center}.bell[hidden]{display:none!important}
.ninbox .nhead{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-right:40px}
.nlist{display:grid;margin-top:8px}
.nrow{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:start;padding:14px 4px;border-bottom:1px solid var(--line)}
.nrow .nic{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--card2);color:var(--gold)}
.nrow b{display:block;font-size:14.5px}.nrow small{display:block;color:var(--muted);font-size:13px;margin-top:2px}
.nrow time{font-size:12px;color:var(--dim);white-space:nowrap}
.nrow.new{background:linear-gradient(90deg,rgba(201,164,92,.09),transparent 70%)}.nrow.new b::after{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-left:8px;vertical-align:2px}
.nempty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:40px 10px;color:var(--muted)}.nempty svg{color:var(--gold)}.nempty b{color:var(--ink);font-size:16px}
/* notification settings panel */
.ndev{display:grid;grid-template-columns:44px 1fr;gap:12px 14px;align-items:center;border:1px solid var(--line);background:var(--card);padding:16px}
.ndev .nic{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--card2);color:var(--gold)}
.ndev small{display:block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}.ndev b{display:block;font-size:17px}.ndev span{display:block;color:var(--muted);font-size:13.5px}
.ndev-on b{color:var(--ok)}.ndev-blocked b{color:var(--bad)}
.ndev>.btn,.ndev .nbtns{grid-column:1/-1}.nbtns{display:flex;gap:8px;flex-wrap:wrap}
@media(min-width:620px){.ndev{grid-template-columns:44px 1fr auto}.ndev>.btn,.ndev .nbtns{grid-column:auto}}
.nprefs{border:1px solid var(--line);background:var(--card)}
.nsw{display:flex;align-items:center;gap:14px;padding:14px 16px;border-top:1px solid var(--line);cursor:pointer}.nsw:first-child{border-top:0}
.nsw span{flex:1}.nsw b{display:block;font-size:15px}.nsw small{display:block;color:var(--muted);font-size:13px}
.nsw input{position:absolute;opacity:0;width:1px;height:1px}
.nsw i{flex:none;width:46px;height:28px;border-radius:14px;background:#2a3142;position:relative;transition:.2s}
.nsw i::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#f3ede1;transition:.2s}
.nsw input:checked+i{background:var(--gold)}.nsw input:checked+i::after{transform:translateX(18px);background:#17120a}
.nsw input:focus-visible+i{outline:2px solid var(--gold2);outline-offset:2px}
.nnudge{text-align:center;padding:10px 4px}.nnudge>svg{color:var(--gold);margin-bottom:6px}
.appwelcome .appguest{display:block;margin:18px auto 0;background:none;border:0;color:var(--muted)}
.stk-soon{color:var(--gold2)}.pmask{display:inline-block;margin-top:3px;font-size:11.5px;font-weight:700;letter-spacing:.04em;color:var(--gold2)}
/* v3.7: alert deep links + one-tap add */
.ocard.target{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}
.oitems .oline{align-items:center}.oitems .oline>span{flex:1;min-width:0}
.oitems .oline.hit{background:linear-gradient(90deg,rgba(201,164,92,.12),transparent);margin:0 -8px;padding:8px}
.btn.xs{min-height:32px;padding:6px 12px;font-size:11px;letter-spacing:.1em}
.oadd{flex:none}
@media(max-width:520px){.oitems .oline{flex-wrap:wrap}.oitems .oline .oadd{margin-left:auto}}
/* v3.7: how-to-pay card with his own QR code */
.paycard2 .vh span{display:block;color:var(--muted);font-size:13.5px;margin-top:2px}.pcacct{color:var(--ink)}
.pcic{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--card2);color:var(--gold);flex:none}
.pccopy{background:none;border:1px solid var(--line2);color:var(--gold);font-size:11px;padding:2px 8px;border-radius:3px;margin-left:4px;letter-spacing:.06em}
.paygrid2{display:grid;gap:16px;align-items:start}@media(min-width:620px){.paygrid2{grid-template-columns:auto 1fr}}
.pcqr{margin:0;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--muted);font-size:12px}
.pcqr img{width:180px;height:180px;object-fit:contain;background:#fff;padding:8px;border-radius:6px}
.pcins{margin:0 0 10px;font-size:14.5px;color:#d8d0bf;white-space:pre-line}.pcnote{margin:0 0 14px;font-size:14px}
.ob [data-howpay] .paycard{margin:12px 0}
/* ---- v39 owner app: bottom tabs (PepKeep layout) + order/customer sheets ---- */
.owrap{max-width:760px}body.oapp{padding-bottom:calc(76px + var(--safe))}
.oapp .ohd{position:sticky;top:0;z-index:30;background:linear-gradient(var(--bg) 82%,transparent);margin:0 -18px 8px;padding:calc(10px + env(safe-area-inset-top,0px)) 18px 12px}
.oapp .ohd h1{font-size:2.2rem}
.otabbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:repeat(5,1fr);background:rgba(10,16,28,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:6px max(6px,calc((100% - 760px)/2)) calc(6px + var(--safe))}
.otabbar button{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:0;padding:6px 0;color:var(--dim);font-size:11px;font-weight:600;letter-spacing:.02em;min-height:52px}
.otabbar button[aria-current=page]{color:var(--gold2)}.otabbar button i{position:absolute;top:2px;left:calc(50% + 6px);min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--bad);color:#1a0d0d;font:800 11px/18px var(--fb);font-style:normal}
.otiles{grid-template-columns:1fr 1fr}.otiles .tile{text-align:left;cursor:pointer;color:inherit;font:inherit}.otiles .tile:hover{border-color:var(--line2)}
.oquick{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 18px}.oquick .btn{letter-spacing:.06em;padding:10px 8px}
.osec{font-size:1.55rem;margin:22px 0 10px}
.vrow{display:flex;gap:12px;align-items:center;width:100%;text-align:left;border:1px solid var(--line);background:var(--card);padding:12px 14px;margin-bottom:8px;border-radius:6px}
.vrow.ok{border-color:rgba(127,207,159,.45)}.vrow.warn{border-color:rgba(233,196,106,.45)}.vrow b{display:block}.vrow small{color:var(--muted);font-size:12.5px}
.vic{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:rgba(127,207,159,.12);color:var(--ok)}.vrow.warn .vic{background:rgba(233,196,106,.12);color:var(--warn)}
.mcards{display:grid;gap:12px}
.mcard{display:flex;align-items:center;gap:14px;width:100%;text-align:left;border:1px solid var(--line);background:var(--card);padding:16px;border-radius:14px;color:inherit}
.mcard:hover{border-color:var(--line2)}.mcard>svg{margin-left:auto;color:var(--dim);flex:none}.mcard b{display:block;font-size:17px}.mcard small{display:block;color:var(--muted);font-size:13.5px}
.mic{flex:none;width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--card2);color:var(--gold2)}
.mlinks{display:flex;gap:22px;margin:18px 2px 22px;font-weight:600}.mlinks a{color:var(--gold)}.mlinks .linkish{text-decoration:none;font-weight:600}
.nalbox{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:18px 16px}.nalbox h2{font-size:1.6rem}
.oback{display:inline-flex;align-items:center;gap:4px;background:none;border:0;color:var(--gold);font-weight:600;padding:4px 0 12px}
.srow{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.srow b{display:block;font-size:14.5px}.srow small{font-size:12px}
.srow em{font-style:normal;font-weight:800;font-size:17px;min-width:32px;text-align:right}.srow em.bad{color:var(--bad)}.srow em.warn{color:var(--warn)}
.porow{display:flex;gap:12px;justify-content:space-between;align-items:center;border:1px solid var(--line);background:var(--card);padding:12px 14px;margin-bottom:8px}.porow small{display:block}
.clist{display:grid;gap:6px;margin-top:6px}
.crow{display:flex;gap:12px;align-items:center;width:100%;text-align:left;border:1px solid var(--line);background:var(--card);padding:11px 14px;color:inherit}.crow b{display:block;font-size:15px}.crow small{color:var(--muted);font-size:12.5px}
.crow em{margin-left:auto;font-style:normal;text-align:right;font-size:12px;color:var(--muted);white-space:nowrap}
.cav{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--card2);color:var(--gold2);font-weight:800}
.sheetwrap.full .sheet{max-height:94vh}
.osheet{display:grid;gap:10px}.osheet h2{margin:0;padding-right:30px}.oshead small{display:block}.ostot{font-size:1.5rem}
.osheet label{display:grid;gap:4px;font-size:13px;color:var(--muted)}
.osheet input:not([type=radio]):not([type=checkbox]),.osheet select{padding:11px;background:var(--bg);border:1px solid var(--line2);color:var(--ink);border-radius:4px;font-size:16px;min-width:0;width:100%}
.osheet .toggle{display:flex;color:var(--ink)}.osheet .psearch{margin:4px 0}
.vmatch{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid rgba(127,207,159,.45);border-radius:6px}.vmatch.warn{border-color:rgba(233,196,106,.45)}.vmatch svg{flex:none;color:var(--ok)}.vmatch.warn svg{color:var(--warn)}.vmatch small{display:block;color:var(--muted)}
.ocontact{display:flex;flex-wrap:wrap;gap:8px}.obar{display:grid;gap:8px;margin-top:4px}
.omore{border-top:1px solid var(--line);padding-top:8px}.omore summary{cursor:pointer;color:var(--muted);padding:6px 0}.omore .btn{margin-top:8px}
.btn.danger{background:transparent;border-color:rgba(240,138,138,.5);color:var(--bad)}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{position:relative;display:inline-flex;cursor:pointer}.chip input{position:absolute;opacity:0;pointer-events:none}
.chip span,button.chip{display:inline-block;border:1px solid var(--line2);border-radius:99px;padding:8px 14px;font-size:13.5px;color:#d8d0bf;background:transparent}
.chip input:checked+span,button.chip.on{border-color:var(--gold);color:var(--gold2);background:rgba(201,164,92,.1)}.chip input:focus-visible+span{outline:2px solid var(--gold)}
.shiprow,.nline{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.nline small{display:block;color:var(--muted)}
.shiprow input{width:76px!important}
.qstep{display:inline-flex;align-items:center;border:1px solid var(--line2);border-radius:99px}.qstep button{background:none;border:0;width:38px;height:38px;font-size:18px}.qstep b{min-width:22px;text-align:center}
.bacask{display:grid;grid-template-columns:auto 1fr;gap:6px 10px;align-items:start;padding:12px;border:1px solid rgba(201,164,92,.5);background:rgba(201,164,92,.07);border-radius:6px;margin-top:10px}.bacask>svg{color:var(--gold)}.bacask small{display:block;color:var(--muted)}.bacask .chips{grid-column:1/-1}
.ntot{display:grid;gap:4px;margin-top:8px}.ntot div{display:flex;justify-content:space-between}.ntot .big{font-size:1.15rem;border-top:1px solid var(--line);padding-top:6px}
.nopick{margin-top:4px}
.osheet .odays{display:flex}.osheet .odays input{width:76px!important;padding:6px 8px!important}

/* v39: quantity + remove in the bag sheet; clearer Remove on the bag page */
.mbr{grid-template-columns:34px 1fr auto;align-items:start}.mbr>em{padding-top:4px}
.mbq{display:flex;align-items:center;gap:6px;margin-top:6px}.mbq button{width:32px;height:32px;border:1px solid var(--line2);border-radius:99px;background:none;font-size:16px;line-height:1}.mbq button:disabled{opacity:.35}
.mbq b{min-width:18px;text-align:center;font-family:var(--fb);font-size:14px}.mbq .mbrm{width:auto;border:0;padding:0 4px;margin-left:8px;color:var(--muted);font-size:12px;letter-spacing:.1em;text-transform:uppercase;text-decoration:underline;text-underline-offset:3px}
.cline .rm{color:var(--ink);opacity:.8;min-height:40px;padding:0 6px}
.hd .nav a,.hd [data-adminlink],.hd [data-acct]{white-space:nowrap}
/* v43: live visitors in Insights */
.ilive{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:var(--card);padding:12px 14px;margin:4px 0 10px;flex-wrap:wrap}
.ilive b{font-size:1.7rem;font-weight:800;line-height:1}.ilive small{display:block;color:var(--muted);font-size:12px}.ilive [data-livewhere]{flex-basis:100%;margin-left:24px}
.ldot{width:10px;height:10px;border-radius:50%;background:var(--dim);flex:none}.ilive.on .ldot{background:var(--ok);box-shadow:0 0 0 0 rgba(127,207,159,.6);animation:lpulse 1.8s infinite}
@keyframes lpulse{0%{box-shadow:0 0 0 0 rgba(127,207,159,.55)}70%{box-shadow:0 0 0 10px rgba(127,207,159,0)}100%{box-shadow:0 0 0 0 rgba(127,207,159,0)}}
@media(prefers-reduced-motion:reduce){.ilive.on .ldot{animation:none}}
/* v44: incoming PO cards */
.pocard{border:1px solid var(--line);background:var(--card);padding:14px;margin-bottom:12px;display:grid;gap:10px}
.pohd{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.pohd b{display:block;font-size:16px;letter-spacing:.02em}.pohd small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}
.posum{font-size:13px;color:var(--muted)}.posum b{color:var(--ink);font-size:15px}
.polines{border-top:1px solid var(--line)}.poline{display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
.poline b{display:block;font-size:14px;font-weight:600}.poline small{display:block;color:var(--warn);font-size:12px}.poline em{font-style:normal;font-weight:800;color:var(--gold2)}
.poline .vial,.poline .vimg{width:22px;height:auto}.pov{width:22px;height:37px;border:1px dashed var(--line2);border-radius:4px}.poline.warn b{color:var(--muted)}
.powarn{display:flex;gap:6px;align-items:flex-start;color:var(--warn);margin:0}.powarn svg{flex:none;margin-top:2px}
/* v44: shelf */
.schips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:8px -18px 4px;padding:0 18px}.schips::-webkit-scrollbar{display:none}
.schips .chip{white-space:nowrap;flex:none}.schips .chip b{margin-left:4px;font-weight:800;color:var(--ink)}
.shelf{display:grid;gap:6px;margin:6px 0 10px}
.shrow{display:grid;grid-template-columns:26px 1fr auto;gap:12px;align-items:center;width:100%;text-align:left;border:1px solid var(--line);background:var(--card);padding:9px 14px;color:inherit;border-radius:10px}
.shrow:active{border-color:var(--gold)}.shrow b{display:block;font-size:14.5px;font-weight:600}.shrow b .muted{font-weight:500}.shrow small{display:block;font-size:12px;color:var(--muted);margin-top:1px}
.shrow em{font-style:normal;font-weight:800;font-size:20px;min-width:34px;text-align:right;color:var(--ink)}
.shrow.low em,.shrow.low small{color:var(--warn)}.shrow.out em{color:var(--dim)}.shrow.hidden{opacity:.7}
.shrow .vial,.shrow .vimg{width:26px;height:auto}
/* v45: segmented tabs that always fit (no sideways scrolling) */
.oseg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:4px;margin:6px 0 14px;background:var(--bg2);border:1px solid var(--line);border-radius:12px}
.oseg button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:6px 4px;border:0;border-radius:9px;background:none;color:var(--muted);font:600 13.5px/1.1 var(--fb);white-space:nowrap}
.oseg button.on{background:var(--card2);color:var(--ink);box-shadow:0 0 0 1px var(--line2) inset}
.oseg button i{font-style:normal;font-size:11px;font-weight:800;min-width:18px;height:18px;line-height:18px;padding:0 5px;border-radius:9px;background:var(--line2);color:var(--ink)}
.oseg button.on i{background:var(--gold);color:#17120a}
.schips{flex-wrap:wrap;overflow:visible;margin:8px 0 4px;padding:0}
/* v45: order rows read cleanly at any width */
.ocard .oh.orow2{display:block}.or1{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.or1 b{font-size:15.5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.or1 .ot{flex:none;color:var(--gold2)}
.ocard .oh .or2{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:6px}.ocard .oh .or2 span{display:inline}.ocard .oh .or2>span:last-child{color:var(--muted);font-size:12.5px}
.opill.sm{font-size:9.5px;letter-spacing:.1em;padding:2px 6px}
.pmtop .btn{white-space:nowrap;flex:none}
.ocard .oh .or1{display:flex;justify-content:space-between;align-items:baseline;gap:10px;color:var(--ink);font-size:15.5px}.ocard .oh .or1 b{display:block}
.ocard .oh .or2 .opill.sm{display:inline-block;font-size:9.5px;letter-spacing:.1em;padding:2px 6px}
.ocard .oh .or2 .opill.pend{color:var(--warn)}.ocard .oh .or2 .opill.ok{color:var(--ok)}.ocard .oh .or2 .opill.ship{color:#8fb8ff}.ocard .oh .or2 .opill.bad{color:var(--bad)}
/* v46: tidy header for owners: one "Owner" menu, badges only when there's a number, nothing wraps */
.hd .nav.r{flex-wrap:nowrap;gap:22px}.hd .nav.r>*{white-space:nowrap}
.hd .hbtn i[hidden],.hd .bagl i[hidden],.hd .bell i[hidden]{display:none!important}
.bagl{white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.ownmenu{position:relative}.ownmenu summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--line2);border-radius:99px;color:var(--gold2);font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.ownmenu summary::-webkit-details-marker{display:none}.ownmenu summary::after{content:"▾";font-size:10px}
.ownmenu>div{position:absolute;right:0;top:calc(100% + 10px);z-index:80;min-width:200px;background:var(--card);border:1px solid var(--line2);border-radius:8px;padding:6px;box-shadow:0 18px 40px rgba(0,0,0,.45)}
.ownmenu>div a{display:block;padding:10px 12px;border-radius:6px;letter-spacing:.06em;text-transform:none;font-size:14px;color:var(--ink)}.ownmenu>div a:hover{background:var(--card2)}
.hd .nav .bell i{top:-7px;right:-11px}
@media(min-width:900px) and (max-width:1199px){
  .hd .nav{gap:16px;letter-spacing:.1em;font-size:11.5px}.hd .nav.r{gap:16px}
  .hd .hbtn[data-act=search] span{display:none}.hd .brand{font-size:18px;letter-spacing:.24em}.hd .brand img{width:34px;height:34px}
  .ownmenu summary{padding:5px 10px;letter-spacing:.1em}}
@media(min-width:900px) and (max-width:1023px){.hd [data-acct]{max-width:74px;overflow:hidden;text-overflow:ellipsis}.hd .nav.l a[href^="rewards"]{display:none}}
/* v47: keep the owner tab bar pinned on iPhone (no rubber-band gap, no blur repaint glitch) */
html:has(body.oapp),body.oapp{overscroll-behavior-y:none}
.otabbar{background:#0a101c;backdrop-filter:none;-webkit-backdrop-filter:none;transform:translateZ(0);will-change:transform}
body.oapp{min-height:100dvh}
/* v48: stage 1 owner tools */
.edrow{border-bottom:1px solid var(--line);padding:10px 0;display:grid;gap:8px}.edrow b{font-size:15px}
.edctl{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.edp{display:inline-flex!important;align-items:center;gap:4px;color:var(--muted)}.edp input{width:92px!important;padding:8px!important}
.rowchip{display:flex!important;width:100%}.rowchip span{width:100%;border-radius:10px!important;padding:10px 12px!important}
.etools{display:grid;gap:6px}.etool{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}
.rqgrp{border:1px solid var(--line);background:var(--card);border-radius:10px;padding:0 14px;margin-bottom:8px}.rqgrp summary{list-style:none;cursor:pointer;padding:12px 0;display:flex;justify-content:space-between;gap:10px;align-items:baseline}.rqgrp summary::-webkit-details-marker{display:none}
.rqrow{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:9px 0;border-top:1px solid var(--line)}.rqrow b{display:block;font-size:14px}.rqrow small{display:block;color:var(--muted);font-size:12px}.rqrow small a{color:var(--gold2)}
.rqrow select{background:var(--bg);border:1px solid var(--line2);color:var(--ink);border-radius:6px;padding:6px 8px;font-size:14px}
.crow .opill.sm{margin-left:auto;font-size:9.5px;padding:2px 6px;font-style:normal}
.coaform{border:1px solid var(--line);background:var(--card);border-radius:12px;padding:14px}
.coarow{display:grid;grid-template-columns:1fr;gap:8px;border:1px solid var(--line);background:var(--card);padding:11px 14px;border-radius:10px}.coarow b{display:block;font-size:14.5px}.coaacts{display:flex;gap:8px;flex-wrap:wrap}
.osheet textarea{padding:11px;background:var(--bg);border:1px solid var(--line2);color:var(--ink);border-radius:4px;font:inherit;font-size:16px;width:100%;min-width:0}
/* v49 stage 2: discounts, promotions, purchase orders, reorder, vendors */
.oseg.two{grid-template-columns:1fr 1fr}.oseg.three{grid-template-columns:repeat(3,1fr)}
.dcard{display:grid;gap:3px;width:100%;text-align:left;border:1px solid var(--line);background:var(--card);padding:12px 14px;color:inherit;border-radius:10px}.dcard:active{border-color:var(--gold)}
.dtop{display:flex;align-items:center;justify-content:space-between;gap:10px}.dtop b{font-size:15px;font-weight:700}.dcode{font-family:ui-monospace,Menlo,monospace;letter-spacing:.04em;color:var(--gold2)}
.dline{display:block;font-size:12.5px;color:var(--ink)}.dline.muted{color:var(--muted)}
.dprev{display:grid;gap:4px;padding:14px;border:1px dashed var(--line2);border-radius:10px;background:var(--bg2);margin:6px 0}.dprev small{color:var(--muted)}.dprev em{font-style:normal;color:var(--gold2);font-size:13px}
.dpcode{font-family:ui-monospace,Menlo,monospace;font-size:12.5px;color:var(--gold2)}
.audbox{border:1px solid var(--line);border-radius:10px;padding:12px;margin:8px 0;display:grid;gap:8px}
.austools{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.austools span{flex:1}
.aulist{max-height:300px;overflow:auto;border:1px solid var(--line);border-radius:8px;margin-top:6px;-webkit-overflow-scrolling:touch}
.aurow{display:grid!important;grid-template-columns:22px 1fr;gap:10px;align-items:center;padding:9px 10px;border-bottom:1px solid var(--line);cursor:pointer}.aurow:last-child{border-bottom:0}
.aurow input{width:18px;height:18px;margin:0}.aurow b{display:block;font-size:14px;font-weight:600;color:var(--ink)}.aurow small{display:block;font-size:12px;color:var(--muted)}.aurow[hidden]{display:none!important}
.pm3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pm3 input[type=color]{width:100%;height:40px;padding:2px;border:1px solid var(--line2);background:none}
.pform2 details{border-top:1px solid var(--line);padding-top:8px;margin-top:8px}.pform2 summary{cursor:pointer;color:var(--muted);padding:6px 0;font-weight:600}
.ppv{position:sticky;top:-1px;z-index:2;padding:8px 0;background:var(--card)}
.ppvbox{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:12px;color:#101820;border:1px solid var(--line2)}.ppvbox img{max-width:100%;max-height:120px;object-fit:contain;border-radius:8px}
.ppvbadge{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.ppvbtn{display:inline-block;padding:8px 16px;border-radius:99px;font-weight:700;font-size:13px;color:#fff}
.pm2.inl{grid-template-columns:1fr auto;align-items:center;margin-top:6px}.pm2.inl input,.pm2.inl select{margin:0}
label.poline{cursor:pointer}.poline input{width:20px;height:20px;margin:0}.poline.done{opacity:.55}.poline.done small,.poline:not(.warn) small{color:var(--muted)}
.pocard .posum .linkish{font-size:13px}
.rrow input{width:20px;height:20px;margin:0}.shrow.fine{opacity:.8}.rrow{cursor:pointer}
.rrbar{position:sticky;bottom:calc(76px + env(safe-area-inset-bottom));padding:10px 0;background:linear-gradient(transparent,var(--bg) 30%)}
.rrfold{margin-top:10px}.rrfold summary{font-family:var(--fh);font-size:1.25rem;color:var(--ink)}
/* v50 stage 3 */
.pmform .chip{display:inline-flex}.pmform textarea{padding:10px;background:var(--bg);border:1px solid var(--line2);color:var(--ink);border-radius:4px;font:inherit;font-size:16px}
.pmmargin{display:grid;align-content:end;gap:2px;padding-bottom:6px}.pmmargin b{font-size:1.3rem;color:var(--gold2)}[data-pmsug]{justify-self:start;font-size:13px}
.wnbar{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid rgba(201,164,92,.45);background:linear-gradient(135deg,rgba(201,164,92,.14),rgba(201,164,92,.04));padding:14px 16px;border-radius:14px;color:inherit;margin-bottom:12px}
.wnbar>svg{color:var(--gold2);flex:none}.wnbar span{flex:1}.wnbar b{display:block}.wnbar small{display:block;color:var(--muted);font-size:12.5px}
.wnbar i{font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:var(--gold);color:#17120a;padding:3px 8px;border-radius:99px}
.wncard{border:1px solid var(--line);background:var(--card);padding:16px;border-radius:14px;margin-bottom:12px}.wncard.now{border-color:rgba(201,164,92,.5)}
.wnhd{display:flex;align-items:center;gap:10px}.wncard h2{font-size:1.45rem;margin:8px 0 6px}.wnlist{margin:0;padding-left:18px;display:grid;gap:6px}.wnlist a{color:var(--ink);text-decoration:underline;text-decoration-color:rgba(201,164,92,.6);text-underline-offset:3px}
.bform{padding:0;border:0;background:none}.bform textarea{width:100%}.eframe{width:100%;height:560px;border:1px solid var(--line2);border-radius:10px;background:#fff;margin-top:10px}
.adpick{position:relative;cursor:pointer;margin:10px 0 8px}.adup{display:grid;gap:8px;margin-bottom:12px}
.adlist{display:grid;gap:12px}.adcard{border:1px solid var(--line);background:var(--card);border-radius:12px;overflow:hidden}.adcard.off img{opacity:.4}.adcard img{display:block;width:100%;max-height:220px;object-fit:contain;background:var(--bg2)}
.adrow{display:grid;gap:8px;padding:10px 12px}.adctl{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ibtn{width:38px;height:38px;border:1px solid var(--line2);border-radius:10px;background:none;color:var(--ink);font-size:16px}.ibtn:disabled{opacity:.3}
.vprow{grid-template-columns:0 1fr auto}.vpact{display:block;margin-top:4px;font-size:13px}.vprev{display:grid;gap:8px}
.vpr{border:1px solid var(--line);background:var(--card);border-radius:10px;padding:10px 12px;display:grid;gap:6px}.vpr.un{border-style:dashed}.vpr.bad{border-color:var(--bad,#c0504d)}.vpr b{font-size:14.5px}.vpr small{color:var(--muted);font-size:12px}
.vpctl{display:grid;grid-template-columns:1fr 120px;gap:8px;align-items:center}.vpctl select{min-width:0}
.rtable{display:grid;gap:6px;margin-bottom:12px}.rrow2{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);background:var(--card);padding:10px 12px;border-radius:10px;width:100%;text-align:left;color:inherit;font:inherit}
.rrow2>span:first-child:empty{display:none}.rrow2:has(>span:first-child:empty){grid-template-columns:1fr auto}.rrow2 b{display:block;font-size:14.5px;font-weight:600}.rrow2 small{display:block;font-size:12px;color:var(--muted);margin-top:1px}
.rk{font-weight:800;color:var(--gold2);min-width:20px}.rv{text-align:right}.rv b{font-weight:800}.rbtn:active{border-color:var(--gold)}.rc.excluded{color:var(--dim)}.rc.realized{color:#7bc59a}
.okc{color:#7bc59a}.badc{color:#e07a6f}.tile .muted.small{display:block;margin-top:4px;font-size:11.5px;line-height:1.35}.otiles .tile b{word-break:break-word}
.wtable{overflow:auto;border:1px solid var(--line);border-radius:10px;max-height:60vh;-webkit-overflow-scrolling:touch}.wtable table{border-collapse:collapse;font-size:12.5px;min-width:100%}
.wtable th{position:sticky;top:0;background:var(--card2);text-align:left;padding:8px 10px;white-space:nowrap;font-weight:700}.wtable td{padding:7px 10px;border-top:1px solid var(--line);white-space:nowrap;max-width:260px;overflow:hidden;text-overflow:ellipsis}
.wfil{display:grid;grid-template-columns:1fr auto;gap:6px;margin:6px 0}.wfil:has(input){grid-template-columns:1fr 92px;grid-template-areas:"f o" "v x"}.wfil [data-ff]{grid-area:f}.wfil [data-fo]{grid-area:o}.wfil [data-fv]{grid-area:v}.wfil [data-fx]{grid-area:x;justify-self:end}
.wcol{grid-template-columns:22px 1fr auto!important}.wmv{display:flex;gap:4px}.wmv .ibtn{width:32px;height:32px}.wcols{max-height:340px}
.pmcard{border:1px solid var(--line);background:var(--card);border-radius:12px;padding:12px 14px;margin-bottom:10px}.pmcard summary{display:flex;align-items:center;gap:10px;cursor:pointer}.pmcard summary b{flex:1}.pmbody{display:grid;gap:8px;margin-top:10px}.pmbody textarea{width:100%}
.pmqr{width:120px;height:120px;object-fit:contain;background:#fff;border-radius:8px}
.mlinks a+a{margin-left:16px}
[data-rep] .tile b{font-size:clamp(1.15rem,5.2vw,1.6rem);white-space:nowrap;word-break:normal}
/* v51: protocol dot */
.pdot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#3fbf6f;box-shadow:0 0 0 3px rgba(63,191,111,.18);margin-right:8px;vertical-align:middle;position:relative;top:-1px;flex:none}
.pmleg{display:flex;align-items:center;gap:2px;flex-wrap:wrap}.pmleg a{margin-left:6px}.pmproto{margin:0;padding:8px 10px;border:1px solid var(--line);border-radius:8px}
/* v51: buttons never fall back to the browser's white button look (iPhone Safari) */
:where(button){background-color:transparent;border:0;color:inherit}
.thbox{margin-top:12px}.thbox .oseg{margin-bottom:0}
/* v52: purchase order product picker */
.osheet .csearch{border-radius:6px;padding:0 12px;margin-top:8px}.osheet .csearch input:not([type=checkbox]){border:0!important;background:transparent!important;padding:13px 0!important;width:100%}
.sres{margin:6px 0 12px}.sreshd{margin:10px 0 4px!important}
.porow{display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:center;width:100%;text-align:left;padding:10px 4px;border-bottom:1px solid var(--line);font:inherit;color:inherit}
.porow b{display:block;font-size:14.5px;font-weight:600;line-height:1.3}.porow small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.porow em{font-style:normal;color:var(--gold2);font-size:13.5px;white-space:nowrap}
.porow .vial,.porow .vimg{width:26px;height:auto}.porow.vo small{color:var(--warn)}.porow.on{opacity:.55}.porow.on em{color:var(--ok)}.porow:active{background:rgba(201,164,92,.08)}
/* v52: tab bar can't look detached on iPhone: the page canvas is the app color, and the bar's color runs past the bottom edge, so a bounce or toolbar shift never shows a gap under it */
html{background:var(--bg)}
.otabbar::after{content:"";position:absolute;left:0;right:0;top:100%;height:160px;background:inherit;pointer-events:none}
/* v52: Jeff's greeting + new-order cheer */
.vibe{margin:-2px 0 12px;font-family:var(--fh);font-size:1.3rem;line-height:1.3;color:var(--gold2)}
.cheer{display:flex;align-items:center;gap:10px;padding:12px 12px 12px 14px;margin:0 0 14px;border:1px solid rgba(201,164,92,.5);border-radius:12px;background:linear-gradient(135deg,rgba(201,164,92,.16),rgba(201,164,92,.05));animation:cheerin .5s ease}
.cheer>svg{color:var(--gold2);flex:none}.cheer span{flex:1;font-weight:600;font-size:14.5px}.cheer .sx{position:static;width:30px;height:30px;display:grid;place-items:center;color:var(--muted)}
@keyframes cheerin{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.allclear p{font-weight:600;color:var(--ink)}
/* v52: iPhone zooms the page when a field's text is under 16px, which throws fixed bars off; keep every field at 16px on phones */
@media (max-width:899px){input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important}}
/* v53: update notices */
#updnote{position:fixed;left:12px;right:12px;top:calc(env(safe-area-inset-top,0px) + 10px);z-index:90;max-width:520px;margin:0 auto;padding:14px;border-radius:14px;border:1px solid rgba(201,164,92,.55);background:var(--card2);box-shadow:0 12px 32px rgba(0,0,0,.35);transform:translateY(-140%);transition:transform .3s ease}
#updnote.in{transform:none}.updin{display:flex;gap:12px;align-items:flex-start}.updin>svg{color:var(--gold2);flex:none;margin-top:2px}.updin>div{flex:1}.updin b{display:block;font-size:15px}.updin small{display:block;color:var(--muted);font-size:13px;margin-top:2px}
.updin .sx{position:static;width:28px;height:28px;display:grid;place-items:center;color:var(--muted)}.updbtns{display:flex;gap:8px;margin-top:10px;padding-left:32px}
#updbar{position:fixed;left:12px;right:12px;bottom:calc(var(--tab) + var(--safe) + 14px);z-index:85;max-width:520px;margin:0 auto;display:flex;align-items:center;gap:10px;padding:10px 10px 10px 14px;border-radius:12px;border:1px solid rgba(201,164,92,.55);background:var(--card2);box-shadow:0 10px 26px rgba(0,0,0,.3);font-size:14px}
#updbar span{flex:1;display:flex;align-items:center;gap:8px}#updbar svg{color:var(--gold2)}#updbar .sx{position:static;width:28px;height:28px;display:grid;place-items:center;color:var(--muted)}
body.oapp #updbar{bottom:calc(76px + var(--safe) + 12px)}@media(min-width:900px){#updbar{bottom:20px}}
/* v54: in-app alert */
#pushnote{position:fixed;left:12px;right:12px;top:calc(env(safe-area-inset-top,0px) + 10px);z-index:95;max-width:520px;margin:0 auto;display:flex;align-items:flex-start;gap:12px;padding:13px 12px 13px 14px;border-radius:14px;border:1px solid rgba(201,164,92,.55);background:var(--card2);color:var(--ink);box-shadow:0 12px 32px rgba(0,0,0,.35);transform:translateY(-140%);transition:transform .3s ease}
#pushnote.in{transform:none}#pushnote>svg{color:var(--gold2);flex:none;margin-top:2px}#pushnote span{flex:1}#pushnote b{display:block;font-size:15px}#pushnote small{display:block;color:var(--muted);font-size:13px;margin-top:2px}
#pushnote .sx{position:static;width:28px;height:28px;display:grid;place-items:center;color:var(--muted)}
/* v55: report a problem */
.hform{padding:0;border:0;background:none}.hshots{display:flex;gap:8px;flex-wrap:wrap}.hshot{position:relative;width:76px;height:150px;border:1px solid var(--line2);border-radius:10px;overflow:hidden;background:var(--bg2)}
.hshot img{width:100%;height:100%;object-fit:cover}.hshot .sx{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;display:grid;place-items:center}
.hdiag{white-space:pre-wrap;word-break:break-word;font-size:11px;max-height:220px;overflow:auto;background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:10px;color:var(--muted)}
/* v58: ticket cards were .hrow, which the site header also uses (it forced a 44px | 1fr | 44px grid and 60px height on phones) */
.htk{border:1px solid var(--line);background:var(--card);border-radius:10px;padding:10px 12px;display:grid;gap:4px;min-width:0}.htk small{font-size:12px}.htk .emhd b{overflow-wrap:anywhere}
.hreply{margin:6px 0 0;padding:8px 10px;border-left:3px solid var(--gold);background:rgba(201,164,92,.07);font-size:14px;white-space:pre-wrap}
/* v56: report workflow */
.hmic{justify-self:start;margin:-4px 0 6px}.hmic.on{border-color:var(--bad);color:var(--bad);animation:hpulse 1.2s infinite}@keyframes hpulse{50%{opacity:.55}}
.hsteps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:6px 0 2px;padding:0}.hsteps li{font-size:11px;color:var(--dim);border-top:3px solid var(--line2);padding-top:4px;line-height:1.25}
.hsteps li.done{color:var(--muted);border-color:var(--gold)}.hsteps li.now{color:var(--ink);border-color:var(--gold2);font-weight:700}
.hfollow{margin:4px 0 0;font-size:13.5px}.hask{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:6px}.hask span{flex:1 1 100%;font-weight:600;font-size:14px}.hmore{display:grid;gap:6px;margin-top:6px}.hmore textarea{width:100%}
/* v57: updates to check / publish + preview banner */
.relcard{border:1px solid rgba(201,164,92,.55);background:linear-gradient(135deg,rgba(201,164,92,.13),rgba(201,164,92,.03));border-radius:14px;padding:14px;margin:0 0 14px;display:grid;gap:8px}
.relcard.changes,.relcard.failed{border-color:rgba(240,138,138,.6)}.relhd{display:flex;gap:10px;align-items:flex-start}.relhd>svg{color:var(--gold2);flex:none;margin-top:3px}
.relhd small{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold2)}.relhd b{display:block;font-size:16px;line-height:1.3}
.relnotes{margin:0;font-size:14px;white-space:pre-wrap}.relbtns{display:flex;flex-wrap:wrap;gap:8px}
.pvbar{position:sticky;top:0;z-index:100;background:#7a5a17;color:#fff;text-align:center;font-size:12.5px;font-weight:700;padding:7px 12px;letter-spacing:.02em}
/* v58: marketing dashboard (Insights) */
.mkvs{margin:-6px 0 8px}
.mkkpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:8px 0 12px}
.mkk{border:1px solid var(--line);background:var(--card);border-radius:10px;padding:12px;display:grid;gap:3px;align-content:start}
.mkk small{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.mkk b{font-size:1.55rem;line-height:1.1;color:var(--ink);font-weight:800}.mkk span{font-size:12px;color:var(--muted)}
.mkd{font-style:normal;font-size:12px;font-weight:700}.mkd.up{color:var(--ok)}.mkd.down{color:var(--bad)}.mkd.flat{color:var(--dim)}
.mkcard{border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:rgba(255,255,255,.02);margin:0 0 12px;min-width:0}
.igrid .mkcard{margin:0}
.mkchart{width:100%;height:auto;display:block;margin-top:6px}.mkchart .g{stroke:var(--line);stroke-width:1}.mkchart .t{fill:var(--muted);font-size:9px}.mkchart .v{font-size:9px;font-weight:700}
.mkleg{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--muted);margin-top:4px}.mkleg i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;vertical-align:-1px}.mkleg b{color:var(--ink);margin-left:3px}
.mkbars{display:grid;gap:10px;margin-top:8px}.mkbl{display:flex;justify-content:space-between;gap:8px;font-size:13.5px;align-items:center}.mkbl span{display:flex;align-items:center;gap:6px;min-width:0}.mkbl b{color:var(--ink)}
.mkbt{height:8px;background:var(--bg2);border-radius:4px;overflow:hidden;margin-top:4px}.mkbt i{display:block;height:100%;background:var(--gold);border-radius:4px}.mkbar small{font-size:11.5px;color:var(--muted)}
.mkdot{display:inline-block;width:9px;height:9px;border-radius:50%;flex:none}
.mkfun{display:grid;gap:10px;margin-top:8px}.mkfun>div{display:grid;grid-template-columns:1fr auto;gap:2px 10px;font-size:13.5px}.mkfun .mkbt{grid-column:1/-1;grid-row:2}.mkfun b{color:var(--ink)}.mkfun small{grid-column:1/-1;font-size:11.5px;color:var(--muted)}
.mktbl{overflow-x:auto;margin-top:6px}.mktbl table{width:100%;border-collapse:collapse;font-size:13px}.mktbl th{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:600;text-align:left;padding:6px 4px;border-bottom:1px solid var(--line)}
.mktbl td{padding:7px 4px;border-bottom:1px solid var(--line);color:var(--ink);vertical-align:top}.mktbl .n{text-align:right;white-space:nowrap}.mktbl td small{display:block;color:var(--muted);font-size:11px}
.mkhours{display:grid;grid-template-columns:repeat(24,1fr);gap:2px;height:110px;align-items:end;margin-top:8px}.mkhours div{height:100%;display:grid;grid-template-rows:12px 1fr 12px;align-items:end;text-align:center}
.mkhours b{font-size:8.5px;color:var(--ink);font-weight:700;grid-row:1}.mkhours i{display:block;width:100%;min-height:2px;background:var(--gold);border-radius:2px 2px 0 0;grid-row:2;align-self:end}.mkhours small{font-size:9px;color:var(--muted);grid-row:3;white-space:nowrap}
/* v58: long screen names ("Report a problem") stay on one line beside the header buttons */
.oapp .ohd>div:first-child{min-width:0;flex:1}.oapp .ohd h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(1.5rem,7.4vw,2.2rem)}
/* v58: checkout text opt-in */
.smsopt{margin:12px 0 0;padding-top:12px;border-top:1px solid var(--line)}.smsopt .chk{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;line-height:1.45;color:var(--muted);cursor:pointer}.smsopt .chk input{accent-color:var(--gold);width:18px;height:18px;margin-top:1px;flex:none}.smsopt .chk a{color:var(--gold2)}
.smsopt input[type=tel]{width:100%;margin-top:8px;background:var(--bg);border:1px solid var(--line2);padding:10px;font-size:16px;border-radius:4px;color:var(--ink)}.smsopt p{margin:6px 0 0 28px}
/* v58: promos in emails + text blast */
.eprow{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:start;padding:14px 12px;border-bottom:1px solid var(--line)}.eprow:last-child{border-bottom:0}.eprow.off{opacity:.6}
.eprow img,.epph{width:40px;height:40px;border-radius:10px;object-fit:cover;background:var(--card2)}.epph{display:grid;place-items:center;color:var(--gold2)}
.epb{display:grid;gap:3px;min-width:0}.epb small{font-size:12px;color:var(--muted)}.epb b{font-size:15px;color:var(--ink)}.epb span{font-size:13.5px;color:var(--muted);line-height:1.45}
.epbtns{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:6px}.epbtns .linkish{font-size:18px;padding:2px 8px}.epbtns .linkish:disabled{opacity:.3}
.smsprev{margin:8px 0 4px;padding:12px;border-radius:14px;background:var(--card2);border:1px solid var(--line)}.smsprev small{display:block;font-size:12px;color:var(--muted)}.smsprev p,.smsprev span{display:block;margin:6px 0;color:var(--ink);font-size:15px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
/* v5.10 (report #5): windows never reach under the iPhone clock/battery bar, and the close X stays put while you scroll */
.sheet{max-height:min(88vh,calc(100dvh - env(safe-area-inset-top,0px) - 16px))}
.sheetwrap.full .sheet{max-height:calc(100dvh - env(safe-area-inset-top,0px) - 16px)}
.sheet>.sx{position:sticky;top:0;float:right;margin:-18px -12px -40px 0;z-index:6;border-radius:50%;background:var(--card);width:44px;height:44px}
.sheetwrap.top .sheet>.sx{position:absolute;float:none;margin:0;top:calc(6px + env(safe-area-inset-top,0px))}
.pomatch{margin-top:6px;display:inline-flex}
/* v5.10: report queue for Mike, Today card, update details */
.htwhat{margin:4px 0;font-size:14.5px;line-height:1.5;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}
.htshots{display:flex;gap:8px;overflow-x:auto;margin:6px 0}.htshots img{width:84px;height:150px;object-fit:cover;object-position:top;border-radius:8px;border:1px solid var(--line2);display:block}
.htoday{display:flex;align-items:center;gap:12px;border:1px solid var(--line2);background:var(--card);border-radius:12px;padding:12px 14px;margin:0 0 12px;color:var(--ink);text-decoration:none}.htoday>svg:first-child{color:var(--gold2);flex:none}.htoday span{flex:1;min-width:0}.htoday b{display:block;font-size:15px}.htoday small{display:block;color:var(--muted);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.relrow{width:100%;text-align:left;background:none;border:0;color:inherit;font:inherit;cursor:pointer;display:grid;grid-template-columns:auto 1fr auto;align-items:center}.relrow>svg{color:var(--muted)}
.reldls{margin:10px 0 0}.reldl{padding:10px 0;border-bottom:1px solid var(--line)}.reldl dt{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.reldl dd{margin:0;font-size:14.5px;line-height:1.5;color:var(--ink);overflow-wrap:anywhere}.reldl .relnotes{margin:0}
/* ==== v51 light theme (generated) ==== */
html[data-theme=light]{color-scheme:light;--bg:#f6f3ec;--bg2:#efeadf;--card:#ffffff;--card2:#f3eee4;--line:#e2dccf;--line2:#cbbd98;--ink:#1b2333;--muted:#5f6675;--dim:#868b95;--gold:#9a7a2f;--gold2:#7a5c18;--ok:#2e8a57;--warn:#a56f00;--bad:#c0473d}
html[data-theme=light] input,html[data-theme=light] select,html[data-theme=light] textarea{color-scheme:light}
html[data-theme=light] .sheet,html[data-theme=light] .pocard,html[data-theme=light] .ocard,html[data-theme=light] .mcard,html[data-theme=light] .tile,html[data-theme=light] .rrow2,html[data-theme=light] .shrow,html[data-theme=light] .crow,html[data-theme=light] .dcard{box-shadow:0 1px 2px rgba(27,35,51,.06)}
html[data-theme=light] .eframe{border-color:var(--line2)}
html[data-theme=light]{--bg:#f6f3ec;--bg2:#efeadf;--card:#ffffff;--card2:#f3eee4;--line:#e2dccf;--ink:#1b2333;--muted:#5f6675}
html[data-theme=light] input::placeholder,html[data-theme=light] textarea::placeholder{color:var(--dim,#7a7f88);-webkit-text-fill-color:var(--dim,#7a7f88)}
html[data-theme=light] .annc{color:#3b4252}
@media(min-width:900px){html[data-theme=light] .nav{color:#3b4252}}
html[data-theme=light] .tabbar{background:rgba(246,243,236,.96)}
html[data-theme=light] .tabbar a{color:#6b6f78}
html[data-theme=light] .fcols nav{color:#3b4252}
html[data-theme=light] .stk-out{color:#6b6f78}
html[data-theme=light] .stk-inc{color:#2a5db0}
html[data-theme=light] .hero{background:radial-gradient(ellipse at 50% 28%,#1a2742,#f6f3ec 66%)}
html[data-theme=light] .marq div{color:#3b4252}
html[data-theme=light] .edimg{background:radial-gradient(circle at 50% 60%,#ebe5d8,#f1ece2 70%)}
html[data-theme=light] .focus a{background:linear-gradient(120deg,#fbf7ee,#f3eee4)}
html[data-theme=light] .rewards{background:linear-gradient(135deg,#fbf9f4,#f1ece2)}
html[data-theme=light] .lcard:hover{background:#f3eee4}
html[data-theme=light] .toggle{color:#3b4252}
html[data-theme=light] .toggle input{background:#d6cfc0}
html[data-theme=light] .skel{background:linear-gradient(90deg,#ffffff,#ebe5d8,#ffffff)}
html[data-theme=light] .spot{background:radial-gradient(circle at 50% 45%,#22304e,#f6f3ec 64%)}
html[data-theme=light] .acc .in{color:#3b4252}
html[data-theme=light] .buybar{background:rgba(246,243,236,.96)}
html[data-theme=light] .cline .note{color:#2a5db0}
html[data-theme=light] .remind button{color:#3b4252}
html[data-theme=light] .signin{background:linear-gradient(135deg,#fbf9f4,#f1ece2)}
html[data-theme=light] .addr{color:#3b4252}
html[data-theme=light] .paycard ol{color:#3b4252}
html[data-theme=light] .alertcta{background:linear-gradient(135deg,#fbf7ee,#f3eee4)}
html[data-theme=light] .opill.ship{color:#2a5db0}
html[data-theme=light] .tierbar{background:#e2dccf}
html[data-theme=light] .form .chk{color:#3b4252}
html[data-theme=light] .prose p,html[data-theme=light] .prose li{color:#3b4252}
html[data-theme=light] .faq .in{color:#3b4252}
html[data-theme=light] #gate{background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.97),rgba(255,255,255,.98))}
html[data-theme=light] #toast{background:#1b2333}
html[data-theme=light] .obanner{background:linear-gradient(135deg,#fbf9f4,#f1ece2)}
html[data-theme=light] .myrow.due{background:linear-gradient(135deg,#fbf7ee,#ffffff)}
html[data-theme=light] .rl.ship{color:#2a5db0}
html[data-theme=light] .mgrid a{color:#3b4252}
html[data-theme=light] .mfcard{background:radial-gradient(circle at 20% 50%,#ebe5d8,#f1ece2 70%)}
html[data-theme=light] .drawer details a{color:#3b4252}
html[data-theme=light] .shipbar{background:#e2dccf}
html[data-theme=light] .ship span{color:#3b4252}
html[data-theme=light] .crumbs span[aria-current]{color:#3b4252}
html[data-theme=light] .news{background:linear-gradient(135deg,#fbf9f4,#f1ece2)}
html[data-theme=light] .pays span{color:#3b4252}
html[data-theme=light] .pmlive i{background:#c9c2b2}
html[data-theme=light] .pmlive[aria-checked=true]{color:#2e8a57}
html[data-theme=light] .featcard{background:linear-gradient(180deg,#f4efe6,#f3eee5)}
html[data-theme=light] .featcard .fimg{background:radial-gradient(circle at 50% 45%,#24345a,#f6f3ec 70%)}
html[data-theme=light] .ads.featrow a.featcard{background:linear-gradient(180deg,#f4efe6,#f3eee5)}
html[data-theme=light] .iphone{background:linear-gradient(145deg,#d6cfc0,#0b0f18)}
html[data-theme=light] .iscreen{background:radial-gradient(120% 70% at 30% 0%,#1f2c4a 0%,#efeadf 55%,#090d16 100%)}
html[data-theme=light] .iclock{color:#1b2333}
html[data-theme=light] .iicon figcaption{color:#1b2333}
html[data-theme=light] .nsw i{background:#d6cfc0}
html[data-theme=light] .nsw i::after{background:#1b2333}
html[data-theme=light] .pcins{color:#3b4252}
html[data-theme=light] .chip span,html[data-theme=light] button.chip{color:#3b4252}
html[data-theme=light] .ocard .oh .or2 .opill.ship{color:#2a5db0}
html[data-theme=light] .otabbar{background:#f6f3ec}
html[data-theme=light] .rc.realized{color:#2e8a57}
html[data-theme=light] .okc{color:#2e8a57}
html[data-theme=light] .badc{color:#c0473d}