body{padding-bottom:env(safe-area-inset-bottom)}
.skip{position:absolute;left:-999px;top:0;background:var(--card);padding:var(--bozor-space-sm);z-index:100}.skip:focus{left:8px}
#app{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}
.offline{position:sticky;top:0;z-index:60;background:var(--warn-soft);color:var(--warn);text-align:center;padding:var(--bozor-space-sm) var(--bozor-space-xl);font-weight:600;max-width:480px;margin:0 auto}
.offline[hidden]{display:none}
.topbar{display:flex;align-items:center;gap:var(--bozor-space-sm);padding:var(--bozor-space-md) var(--bozor-space-xl);position:sticky;top:0;background:var(--bg);z-index:20;border-bottom:1px solid var(--line)}
.topbar h1{font-size:20px;font-weight:700;margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.iconbtn{min-width:var(--bozor-size-touch-min);min-height:var(--bozor-size-touch-min);border:0;background:transparent;color:var(--text);border-radius:var(--bozor-radius-pill);font-size:20px;display:inline-flex;align-items:center;justify-content:center}
.iconbtn:hover{background:var(--brand-soft)}
main{flex:1;padding:var(--bozor-space-md) var(--bozor-space-xl) calc(var(--bozor-size-tabbar) + var(--bozor-space-3xl));min-width:0}
main>*+*{margin-top:var(--bozor-space-md)}
.nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;display:flex;background:var(--card);border-top:1px solid var(--line);z-index:30;padding-bottom:env(safe-area-inset-bottom)}
.nav a{flex:1;min-height:var(--bozor-size-tabbar);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;color:var(--muted);text-decoration:none;position:relative}
.nav a[aria-current=page]{color:var(--brand);font-weight:700}
.nav a span.i{font-size:20px;line-height:1}
.nav .cnt{position:absolute;top:4px;left:55%;background:var(--accent);color:var(--bozor-color-text-primary);border-radius:var(--bozor-radius-pill);font-size:11px;min-width:18px;height:18px;line-height:18px;text-align:center;font-weight:700}
h2{font-size:18px;margin:0 0 8px} h3{font-size:16px;margin:0 0 6px}
.stack>*+*{margin-top:var(--bozor-space-md)}
.field{display:block}.field>span{display:block;font-size:14px;color:var(--muted);margin-bottom:4px}
.hero{text-align:center;padding:var(--bozor-space-3xl) var(--bozor-space-sm) var(--bozor-space-sm)}.hero .logo{width:84px;height:84px;border-radius:var(--bozor-radius-xl)}
.hero h1{margin:12px 0 4px}
.err{background:var(--danger-soft);color:var(--danger);padding:var(--bozor-space-md);border-radius:var(--radius-sm)}
.info{background:var(--warn-soft);color:var(--warn);padding:var(--bozor-space-md);border-radius:var(--radius-sm)}
.okbox{background:var(--ok-soft);color:var(--ok);font-weight:600;padding:var(--bozor-space-md);border-radius:var(--radius-sm)}
.sk{background:linear-gradient(90deg,var(--line),var(--card),var(--line));background-size:200% 100%;animation:sk 1.2s infinite;border-radius:var(--radius);height:72px}
@keyframes sk{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.sk{animation:none}}
.empty{text-align:center;padding:var(--bozor-space-3xl) var(--bozor-space-md);color:var(--muted)}.empty .big{font-size:42px}
.storecard{display:block;text-decoration:none;color:inherit}
.storecard .row{align-items:flex-start}
.stars{color:var(--accent);letter-spacing:1px}
.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.chip{flex:0 0 auto;min-height:44px;padding:0 var(--bozor-space-lg);border-radius:var(--bozor-radius-pill);border:1px solid var(--line);background:var(--card);color:var(--text)}
.chip[aria-pressed=true],.chip.on{background:var(--brand);border-color:var(--brand);color:var(--bozor-color-text-on-primary)}
.prod{display:flex;gap:var(--bozor-space-md);align-items:center;padding:var(--bozor-space-md) var(--bozor-space-lg)}
.prod .em{font-size:32px;width:56px;height:56px;border-radius:var(--bozor-radius-md);background:var(--brand-soft);display:inline-flex;align-items:center;justify-content:center;flex:none}
.prod .nm{font-weight:600;overflow-wrap:anywhere}
.stepper{display:inline-flex;align-items:center;gap:2px}
.stepper button{width:var(--bozor-size-touch-min);height:var(--bozor-size-touch-min);border-radius:var(--bozor-radius-pill);border:1px solid var(--line);background:var(--card);color:var(--text);font-size:20px}
.stepper .q{min-width:28px;text-align:center;font-weight:700}
.stepper button.add{background:var(--brand);color:var(--bozor-color-text-on-primary);border-color:var(--brand)}
.stepper button:disabled{opacity:.4}
.cartbar{position:fixed;bottom:calc(var(--bozor-size-tabbar) + var(--bozor-space-sm));left:50%;transform:translateX(-50%);width:calc(100% - 2 * var(--bozor-space-xl));max-width:440px;z-index:25;min-height:56px}
.sum{display:flex;justify-content:space-between;padding:4px 0}.sum.total{font-weight:700;font-size:18px;border-top:1px solid var(--line);margin-top:var(--bozor-space-sm);padding-top:var(--bozor-space-md)}
.timeline{list-style:none;margin:0;padding:0}
.timeline li{position:relative;padding:0 0 14px 30px;color:var(--muted)}
.timeline li::before{content:"";position:absolute;left:5px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--line)}
.timeline li::after{content:"";position:absolute;left:10px;top:18px;bottom:-2px;width:2px;background:var(--line)}
.timeline li:last-child::after{display:none}
.timeline li.done{color:var(--text)}.timeline li.done::before,.timeline li.done::after{background:var(--brand)}
.timeline li.cur{color:var(--brand);font-weight:700}.timeline li.cur::before{box-shadow:0 0 0 4px var(--brand-soft)}
.code{font-size:34px;letter-spacing:8px;font-weight:800;text-align:center;color:var(--brand);padding:var(--bozor-space-sm);background:var(--brand-soft);border-radius:var(--radius-sm)}
.starpick{display:flex;gap:var(--bozor-space-xs)}
.starpick button{width:var(--bozor-size-touch-min);height:var(--bozor-size-touch-min);border:0;background:transparent;font-size:30px;color:var(--line-strong);padding:0}
.starpick button.on{color:var(--accent)}
.tags{display:flex;flex-wrap:wrap;gap:var(--bozor-space-sm)}
.thumbs{display:flex;gap:var(--bozor-space-sm);flex-wrap:wrap}.thumbs img{width:72px;height:72px;object-fit:cover;border-radius:var(--radius-sm)}
.opt{display:flex;gap:var(--bozor-space-md);align-items:flex-start;padding:var(--bozor-space-md);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card)}
.opt input{width:22px;height:22px;min-height:0;margin-top:2px;flex:0 0 auto}
.opt.sel{border-color:var(--brand);background:var(--brand-soft)}
.treatgrid{display:grid;grid-template-columns:1fr 1fr;gap:var(--bozor-space-md)}
.treatgrid button{min-height:88px;border-radius:var(--radius);border:2px solid var(--line);background:var(--card);color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.treatgrid button[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft)}
.treatgrid .e{font-size:28px}
.sheet-bg{position:fixed;inset:0;background:rgba(2,6,44,.5);z-index:80;display:flex;align-items:flex-end;justify-content:center}
.sheet{background:var(--card);width:100%;max-width:480px;border-radius:var(--bozor-radius-sheet) var(--bozor-radius-sheet) 0 0;padding:var(--bozor-space-xl);box-shadow:var(--shadow)}
.sheet .row{margin-top:var(--bozor-space-lg)}
a.link{color:var(--brand);font-weight:600}
.kv{display:flex;justify-content:space-between;gap:var(--bozor-space-md);padding:var(--bozor-space-xs) 0}.kv>:last-child{text-align:right;overflow-wrap:anywhere}
.btn{min-height:48px}.btn.block{min-height:56px}.btn.sm{min-height:var(--bozor-size-touch-min);padding:0 var(--bozor-space-md)}
.langsw{display:inline-flex;border:1px solid var(--line);border-radius:var(--bozor-radius-pill);overflow:hidden}
.langsw button{min-height:44px;min-width:52px;border:0;background:var(--card);color:var(--text)}
.langsw button[aria-pressed=true]{background:var(--brand);color:var(--bozor-color-text-on-primary)}
.toast{bottom:calc(var(--bozor-size-tabbar) + var(--bozor-space-xl))}
a.btn{text-decoration:none}a.btn:not(.secondary){color:var(--bozor-color-text-on-primary)}
a,a:hover,a:focus,a.link,a.btn,a.iconbtn{text-decoration:none}
.quote-est{color:var(--muted);font-size:13px}
.spin-line{display:flex;gap:var(--bozor-space-sm);align-items:center}
.bell{position:relative}
.bcnt{position:absolute;top:3px;right:1px;min-width:18px;height:18px;padding:0 4px;border-radius:var(--bozor-radius-pill);background:var(--bozor-color-brand-promo);color:var(--bozor-color-text-on-primary);font-size:11px;font-weight:700;line-height:18px;text-align:center}
.nlist{list-style:none;margin:var(--bozor-space-md) 0 0;padding:0}.nlist li+li{margin-top:var(--bozor-space-sm)}
.ninb{display:flex;gap:var(--bozor-space-md);align-items:flex-start;width:100%;text-align:left;color:inherit;border:1px solid var(--line);min-height:44px;font:inherit;text-decoration:none}
.ninb .nd{flex:none;width:10px;height:10px;border-radius:50%;margin-top:6px;background:transparent}
.ninb.unread{border-color:var(--brand);background:var(--brand-soft)}.ninb.unread .nd{background:var(--brand)}
.ninb .nt{display:block;font-weight:600}.ninb.unread .nt{font-weight:800}
.ninb .nbody{display:block;overflow-wrap:anywhere}.ninb .ndate{display:block;font-size:13px;margin-top:2px}

.small{font-size:13px}.dangertxt{color:var(--danger)}
.prod .plink{display:flex;gap:var(--bozor-space-md);align-items:center;flex:1;min-width:0;min-height:var(--bozor-size-touch-min);border:0;background:transparent;color:inherit;text-align:left;padding:0;font:inherit}
.prod .plink .grow{display:flex;flex-direction:column;min-width:0}
.prod .pr{font-weight:700}
.chips2{display:grid;grid-template-columns:1fr 1fr;gap:var(--bozor-space-sm)}
.chip.big{display:flex;flex-direction:column;align-items:flex-start;gap:var(--bozor-space-xs);text-align:left;min-height:72px;padding:var(--bozor-space-md);border-radius:var(--bozor-radius-md);border-width:2px;white-space:normal}
.chip.big .small{opacity:.85;font-weight:400}
.chip.big[aria-pressed=true]{background:var(--brand-soft);color:var(--brand);border-color:var(--brand)}
.subbox{border:0;padding:0;margin:var(--bozor-space-lg) 0 0!important}.subbox legend{padding:0 0 var(--bozor-space-sm)}
.switchrow{display:flex;gap:var(--bozor-space-md);align-items:flex-start;padding:var(--bozor-space-sm) 0}
.switchrow input{width:22px;height:22px;min-height:0;margin-top:2px;flex:none}
.disclosure{margin:0}
.offhint{margin:var(--bozor-space-sm) 0 0;font-size:13px}
.otp{display:flex;gap:var(--bozor-space-sm);justify-content:space-between}
.otpbox{width:100%;min-width:0;max-width:52px;height:56px;padding:0;text-align:center;font-size:24px;font-weight:700;border-radius:var(--radius)}
.stepper4{list-style:none;margin:var(--bozor-space-md) 0 0;padding:0;display:flex}
.stepper4 li{flex:1;text-align:center;position:relative;color:var(--muted);font-size:13px}
.stepper4 li::before{content:"";position:absolute;top:13px;left:-50%;width:100%;height:2px;background:var(--line-strong);z-index:0}
.stepper4 li:first-child::before{display:none}
.stepper4 li.done::before,.stepper4 li.cur::before{background:var(--brand)}
.stepper4 .dot{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--bozor-radius-pill);background:var(--card);border:2px solid var(--line-strong);font-weight:700;font-size:13px}
.stepper4 li.done .dot{background:var(--brand);border-color:var(--brand);color:var(--bozor-color-text-on-primary)}
.stepper4 li.cur .dot{border-color:var(--brand);color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}
.stepper4 li.cur{color:var(--brand);font-weight:700}.stepper4 li.done{color:var(--text)}
.stepper4 .lb{display:block;margin-top:var(--bozor-space-xs)}
.tldet{margin-top:var(--bozor-space-md)}.tldet summary{cursor:pointer;color:var(--brand);font-weight:600;min-height:var(--bozor-size-touch-min);display:flex;align-items:center}
.tldet .timeline{margin-top:var(--bozor-space-sm)}
.couriericon{font-size:28px}
.subcard{border:2px solid var(--brand)}
.sum.refunded{color:var(--ok)}
.success .okmark{width:72px;height:72px;margin:0 auto var(--bozor-space-lg);border-radius:var(--bozor-radius-pill);background:var(--ok);color:var(--bozor-color-text-on-primary);display:flex;align-items:center;justify-content:center;font-size:40px}
.success h2{color:var(--text);font-size:22px}
.success .ordnum{display:inline-block;font-weight:700;color:var(--bozor-color-text-on-highlight);background:var(--highlight);padding:var(--bozor-space-xs) var(--bozor-space-lg);border-radius:var(--bozor-radius-pill);margin:var(--bozor-space-sm) 0}
.psheet{position:relative;text-align:center;padding-bottom:calc(var(--bozor-space-xl) + env(safe-area-inset-bottom))}
.psheet .stack,.psheet>*+*{margin-top:var(--bozor-space-sm)}
.sheet-grab{width:40px;height:4px;border-radius:var(--bozor-radius-pill);background:var(--line-strong);margin:0 auto var(--bozor-space-md)}
.psclose{position:absolute;top:var(--bozor-space-md);right:var(--bozor-space-md)}
.psimg{font-size:96px;line-height:1;width:176px;height:176px;margin:0 auto;border-radius:var(--bozor-radius-xl);background:var(--brand-soft);display:flex;align-items:center;justify-content:center}
.psprice{font-size:24px;font-weight:800;color:var(--brand)}
.psrow{justify-content:center}
.cartbar .price{background:var(--highlight);color:var(--bozor-color-text-on-highlight);padding:0 var(--bozor-space-sm);border-radius:var(--bozor-radius-pill)}
.nav a[aria-current=page]{color:var(--brand)}
h2[tabindex="-1"]:focus{outline:none}

/* promo, price-changed, search, store replies, full-screen states */
.searchbox{margin-bottom:var(--bozor-space-md)}
.sum.promo{color:var(--ok)}
.promobox .okbox{margin:0}
.fullstate{min-height:60vh;display:flex;flex-direction:column;justify-content:center;align-items:stretch}
.fullstate .big{font-size:72px;margin-bottom:var(--bozor-space-md)}
.fullstate h2{color:var(--text)}
.fullstate h2:focus{outline:none}
.revbox summary{cursor:pointer;min-height:44px;display:flex;align-items:center}
.srev{border-top:1px solid var(--line);padding-top:var(--bozor-space-md);margin-top:var(--bozor-space-md)}
.srev p{margin:4px 0}
.reply{background:var(--brand-soft);border-radius:var(--radius-sm);padding:var(--bozor-space-md);margin-top:var(--bozor-space-sm)}
.reply p{margin:4px 0}
.storecard.card a,.card>a.storecard{display:block}
.prod .nm,.prod .pr{display:block}
.prod .nm,.prod .pr{display:block}