/* Tokkuz TKZ-DESIGN v1.1 — app.css (komponent qatlami; ranglar = tokens.css) */
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:var(--font-ui);background:var(--color-bg-canvas);color:var(--color-text-primary);
  font-size:14px;line-height:1.4;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:0;background:none}
:root{color-scheme:light}
.wrap{max-width:var(--content-max);margin:0 auto;padding:0 24px}
.dsp{font-family:var(--font-display)}
.hidden{display:none!important}

/* ============ BUTTONS ============ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-family:var(--font-ui);
  font-weight:700;font-size:13.5px;height:44px;padding:0 18px;border-radius:var(--radius-control);
  transition:background var(--duration-base) var(--easing),transform var(--duration-base) var(--easing);white-space:nowrap}
.btn--red{background:var(--color-brand-accent);color:#fff}
.btn--red:hover{background:var(--color-brand-accent-deep)}
.btn--navy{background:var(--color-brand-primary);color:#fff}
.btn--navy:hover{background:var(--color-brand-primary-deep)}
.btn--out{background:#fff;color:var(--color-brand-primary);border:1.5px solid var(--color-border-strong)}
.btn--out:hover{background:var(--color-info-tint)}
.btn:disabled{background:var(--color-bg-secondary);color:#B4BCCE;cursor:not-allowed}
.btn--sm{height:36px;font-size:13px;padding:0 14px}
.btn--lg{height:46px}
.btn--block{width:100%}
.btn svg{width:17px;height:17px;flex-shrink:0}

/* ============ DESKTOP HEADER (Direction 1b) ============ */
.hdr{position:sticky;top:0;z-index:var(--z-header);background:var(--color-bg-inverse);
  border-bottom:1px solid rgba(255,255,255,.08)}
.hdr__in{max-width:1180px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:14px}
.hdr__logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.hdr__logo .mark{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#fff}
.hdr__logo .word{font-family:var(--font-display);font-weight:700;font-size:16px;color:#fff;letter-spacing:.01em;white-space:nowrap}
.hdr__logo .word i{color:var(--color-brand-accent);font-style:normal}
.hdr__katalog{height:40px;border-radius:10px;padding:0 15px;background:var(--color-brand-accent);
  color:#fff;font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:7px;flex-shrink:0}
.hdr__katalog:hover{background:var(--color-brand-accent-deep)}
.hdr__search{flex:1;min-width:0;height:40px;border-radius:10px;background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.16);display:flex;align-items:center;gap:8px;padding:0 14px}
.hdr__search svg{width:16px;height:16px;color:var(--color-text-inverse-muted);flex-shrink:0}
.hdr__search input{flex:1;min-width:0;background:none;border:0;outline:none;color:#fff;font-size:12.5px;font-family:inherit}
.hdr__search input::placeholder{color:var(--color-text-inverse-muted)}
.hdr__loc{display:inline-flex;align-items:center;gap:5px;color:var(--color-text-inverse-3);font-size:12px;font-weight:700;flex-shrink:0;white-space:nowrap}
.hdr__loc svg{width:15px;height:15px;color:var(--color-brand-accent)}
.hdr__act{display:inline-flex;flex-direction:column;align-items:center;gap:2px;color:var(--color-text-inverse-2);flex-shrink:0;position:relative}
.hdr__act:hover,.hdr__act.on{color:var(--color-brand-accent-on-dark)}
.hdr__act svg{width:21px;height:21px}
.hdr__act .lbl{font-size:10px;font-weight:700}
.hdr__act .badge{position:absolute;top:-4px;right:2px;min-width:15px;height:15px;padding:0 4px;border-radius:99px;
  background:var(--color-brand-accent);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center}
.lang{display:inline-flex;background:rgba(255,255,255,.1);border-radius:8px;padding:2px;flex-shrink:0}
.lang button{font-size:11px;font-weight:700;padding:3px 9px;border-radius:6px;color:var(--color-text-inverse-3)}
.lang button.on{background:#fff;color:var(--color-brand-primary)}

/* ============ MOBILE HEADER + HERO + CARD + BOTTOM NAV (light commerce) ============ */
.mhdr{display:none;position:sticky;top:0;z-index:var(--z-header);background:#fff;border-bottom:1px solid var(--color-border-default);padding:10px 14px 12px}
.mhdr__top{display:flex;align-items:center;gap:10px}
.mhdr__mark{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}
.mhdr__brand{display:flex;align-items:center;gap:8px;flex-shrink:0;text-decoration:none}
.mhdr__word{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--color-text-heading);letter-spacing:.01em;white-space:nowrap}
.mhdr__word i{color:var(--color-brand-accent);font-style:normal}
.mhdr__loc{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:var(--color-text-primary);margin-top:10px;background:none;border:0;padding:0;cursor:pointer;font-family:inherit;text-align:left}
.mhdr__loc::after{content:'▾';font-size:9px;color:var(--color-text-faint);margin-left:1px}
.mhdr__loc span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70vw}
.mhdr__loc svg{width:15px;height:15px;color:var(--color-brand-accent)}
.mhdr__lang{margin-left:auto;background:var(--color-bg-secondary)}
.mhdr__lang button{color:var(--color-text-secondary)}
.mhdr__lang button.on{background:var(--color-brand-primary);color:#fff}
.mhdr__search{margin-top:10px;height:42px;border-radius:12px;border:1.5px solid var(--color-border-strong);display:flex;align-items:center;gap:8px;padding:0 12px;background:#fff}
.mhdr__search svg{width:15px;height:15px;color:var(--color-text-faint);flex-shrink:0}
.mhdr__search input{flex:1;min-width:0;border:0;outline:none;background:none;font-size:12.5px;font-family:inherit;color:var(--color-text-primary)}
.mhdr__search input::placeholder{color:var(--color-text-faint)}
.srch-x{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:0 0 auto;border:none;background:none;cursor:pointer;border-radius:50%;padding:0;margin-left:2px}
.srch-x svg{width:14px;height:14px}
.hdr__search .srch-x{color:var(--color-text-inverse-muted)}
.hdr__search .srch-x:hover{background:rgba(255,255,255,.14);color:#fff}
.mhdr__search .srch-x{color:var(--color-text-faint)}
.mhdr__search .srch-x:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}

.mhero{background:linear-gradient(135deg,#0E1630,#1C2950 70%,#2A3C78);border-radius:18px;padding:18px;display:grid;grid-template-columns:1fr 108px;gap:12px;align-items:center;position:relative;overflow:hidden;margin-top:14px}
.mhero__h1{font-family:var(--font-display);font-weight:700;font-size:15px;line-height:1.35;color:#fff;margin:0 0 8px}
.mhero__sub{font-size:11.5px;font-weight:600;color:var(--color-text-inverse-3);margin-bottom:12px;line-height:1.5}
.mhero__img{height:108px;border-radius:14px;background:linear-gradient(160deg,#F4F6FA,#E7EBF2);display:flex;align-items:center;justify-content:center;overflow:hidden}
/* ===== BANNER CAROUSEL (aralash: nasiya + bannerlar) ===== */
.bcar{position:relative;margin-top:14px}
.bcar__vp{overflow:hidden;border-radius:var(--radius-panel)}
.bcar__track{display:flex;align-items:stretch;transition:transform .45s var(--easing)}
@media (prefers-reduced-motion:reduce){.bcar__track{transition:none}}
.bcar__slide{flex:0 0 100%;min-width:100%;display:flex}
.bcar__slide>*{width:100%}
.bcar__slide .hero,.bcar__slide .mhero{margin:0;border-radius:0}
.bcar__img{display:block;position:relative;min-height:300px;background:var(--color-bg-secondary)}
.bcar__img img{width:100%;height:100%;min-height:300px;object-fit:cover;display:block}
.bcar__ov{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:0 clamp(24px,5vw,56px);max-width:62%;color:#fff}
.bcar__eye{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.92}
.bcar__h2{font-size:clamp(22px,3.4vw,38px);font-weight:800;line-height:1.06;text-shadow:0 2px 14px rgba(0,0,0,.28)}
.bcar__p{font-size:15px;line-height:1.5;opacity:.96;text-shadow:0 1px 8px rgba(0,0,0,.25)}
.bcar__ov .btn{align-self:flex-start;margin-top:4px}
.bcar__composed{min-height:300px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 clamp(24px,5vw,56px);position:relative;overflow:hidden}
.bcar--th-navy{background:linear-gradient(125deg,#0E1630 20%,#1C2950 58%,#2A3C78);color:#fff}
.bcar--th-red{background:linear-gradient(125deg,var(--color-brand-accent),var(--color-brand-accent-deep));color:#fff}
.bcar--th-light{background:var(--color-bg-secondary);color:var(--color-text-heading)}
.bcar__cin{display:flex;flex-direction:column;gap:12px;max-width:60%;z-index:1}
.bcar__chip{align-self:flex-start;background:rgba(255,255,255,.16);border-radius:99px;padding:6px 14px;font-weight:700;font-size:13px}
.bcar--th-light .bcar__chip{background:#fff}
.bcar__ctas{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.bcar__big9{font-size:clamp(120px,20vw,220px);font-weight:900;line-height:.9;color:var(--color-brand-accent);opacity:.9}
.bcar__arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.94);border:1px solid var(--color-border-default);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-heading);box-shadow:var(--shadow-panel);z-index:3;opacity:0;transition:opacity .2s var(--easing),background .2s}
.bcar:hover .bcar__arrow{opacity:1}
.bcar__arrow:hover{background:#fff}
.bcar__arrow--prev{left:14px}
.bcar__arrow--next{right:14px}
.bcar__arrow svg{width:20px;height:20px}
.bcar__dots{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:8px;z-index:3}
.bcar__dot{width:8px;height:8px;border-radius:99px;border:none;background:rgba(255,255,255,.6);cursor:pointer;padding:0;transition:width .2s,background .2s;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.bcar__dot.on{width:24px;background:#fff}
@media (max-width:767px){
  .bcar{margin-top:0}
  .bcar__img,.bcar__composed,.bcar__img img{min-height:180px}
  .bcar__ov,.bcar__cin{max-width:84%}
  .bcar__p{font-size:13px}
  .bcar__arrow{display:none}
  .bcar__dots{bottom:10px}
}
.mhero__img img{max-height:100%;object-fit:contain}
.mhero__img span{display:flex;color:var(--color-neutral);opacity:.5}
.mhero__img span svg{width:44px;height:44px}

.mgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.mcard{background:#fff;border:1px solid var(--color-border-default);border-radius:14px;padding:9px;display:block}
.mcard__img{height:112px;border-radius:9px;background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:8px}
.mcard__img img{max-height:100%;object-fit:contain}
.mcard__name{font-size:12px;font-weight:700;line-height:1.3;color:var(--color-text-primary);min-height:31px;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mcard__cash{font-size:13.5px;font-weight:800;color:var(--color-text-primary)}
.mcard__mo{display:inline-block;margin-top:5px;background:var(--color-info-tint);color:var(--color-brand-primary);font-size:10px;font-weight:700;padding:3px 7px;border-radius:7px}
.mcard__foot{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:8px}
.mcard__foot .avail{font-size:9px;font-weight:600;color:var(--color-success);display:inline-flex;align-items:center;gap:4px}
.mcard__foot .avail::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--color-success)}
.mcard__cart{width:30px;height:30px;border-radius:9px;background:var(--color-brand-accent);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.mcard__cart svg{width:15px;height:15px}

.bnav{display:none;position:fixed;left:0;right:0;bottom:0;z-index:var(--z-header);background:#fff;border-top:1px solid var(--color-border-default);padding:8px 6px 10px;grid-template-columns:repeat(4,1fr)}
.bnav__i{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--color-text-faint);position:relative;padding:2px 0}
.bnav__i svg{width:20px;height:20px}
.bnav__i span{font-size:9.5px;font-weight:600}
.bnav__i.on{color:var(--color-brand-accent);font-weight:700}
.bnav__badge{position:absolute;top:-2px;right:calc(50% - 18px);min-width:15px;height:15px;padding:0 4px;border-radius:99px;background:var(--color-brand-accent);color:#fff;font-size:8.5px;font-weight:700;display:flex;align-items:center;justify-content:center}

/* ============ FOOTER ============ */
/* suzib yuruvchi shior tasmasi (marquee) — desktop, eski catrow o'rnida */
.mrq{background:var(--color-bg-inverse);border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden}
.mrq__track{display:flex;width:max-content;animation:mrqScroll 34s linear infinite}
.mrq__i{display:inline-flex;align-items:center;font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--color-text-inverse-muted);white-space:nowrap;padding:8px 0}
.mrq__i::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--color-brand-accent);margin:0 24px;flex-shrink:0}
.mrq:hover .mrq__track{animation-play-state:paused}
@keyframes mrqScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.mrq__track{animation:none;justify-content:center}}
@media (max-width:767px){.mrq{display:none}}
.foot{background:var(--color-bg-inverse);color:var(--color-text-inverse-3);margin-top:32px}
.foot__in{max-width:var(--content-max);margin:0 auto;padding:32px 24px;display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:28px 32px;align-items:start}
.foot__brand{max-width:300px}
@media (max-width:860px){.foot__in{grid-template-columns:repeat(3,1fr)}.foot__brand{grid-column:1/-1;max-width:420px}}
@media (max-width:520px){.foot__in{grid-template-columns:1fr 1fr;gap:22px 24px}.foot__brand{grid-column:1/-1}}
.foot a{color:var(--color-text-inverse-3);font-size:12.5px;font-weight:600;display:block;padding:4px 0}
.foot a:hover{color:#fff}
.foot h4{font-size:12px;font-weight:800;color:#fff;margin:0 0 8px;letter-spacing:.02em}
.foot__bottom{border-top:1px solid rgba(255,255,255,.08);padding:14px 24px;font-size:11.5px;color:var(--color-text-inverse-muted);text-align:center}

/* ============ HOME (hero + rails — TKZ-P2 da to'liq quriladi) ============ */
.home{padding-top:20px;padding-bottom:8px}
.hero{background:linear-gradient(125deg,#0E1630 20%,#1C2950 58%,#2A3C78 100%);border-radius:20px;
  position:relative;overflow:hidden;padding:30px 36px;color:#fff}
.hero::after{content:"";position:absolute;right:-60px;top:-60px;width:340px;height:340px;border-radius:50%;
  background:radial-gradient(circle,rgba(232,25,44,.2),transparent 70%);pointer-events:none}
.hero__grid{display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:center;position:relative;z-index:1}
.hero__eyebrow{font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--color-brand-accent-on-dark);margin-bottom:12px}
.hero__h1{font-size:26px;line-height:1.3;font-weight:800;color:#fff;margin:0 0 16px;max-width:500px}
.hero__terms{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.tchip{height:34px;padding:0 15px;border-radius:99px;font-size:12.5px;font-weight:700;color:var(--color-text-inverse-3);background:transparent;border:1px solid rgba(255,255,255,.3);transition:background var(--duration-base)}
.tchip.on{background:var(--color-brand-accent);border-color:var(--color-brand-accent);color:#fff}
.hero__mo{font-size:22px;font-weight:800;color:#fff;margin-bottom:14px}
.hero__mo b{font-weight:800;white-space:nowrap}
.hero__mo .note{font-size:12px;font-weight:600;color:var(--color-text-inverse-muted)}
.hero__prov{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}
.pvchip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 11px;border-radius:99px;background:rgba(255,255,255,.08);font-size:11.5px;font-weight:700;color:var(--color-text-inverse-2)}
.pvchip i{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.hero__hint{font-size:11px;color:var(--color-text-inverse-muted);margin-top:12px;max-width:380px;line-height:1.5}
.hero__card{background:var(--color-bg-glass);border:1px solid rgba(255,255,255,.16);border-radius:18px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:14px;position:relative;z-index:1}
.hero__cardimg{height:190px;border-radius:14px;background:linear-gradient(160deg,#F4F6FA,#E7EBF2);display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:12px}
.hero__cardimg img{max-height:100%;object-fit:contain}
.hero__cardimg span{display:flex;color:var(--color-neutral);opacity:.5}
.hero__cardimg span svg{width:72px;height:72px}
.hero__cardname{color:#fff;font-weight:700;font-size:14px;margin-bottom:8px}
.hero__cardrow{display:flex;align-items:center;justify-content:space-between;gap:8px}
.hero__cardrow span{font-size:11.5px;color:var(--color-text-inverse-muted)}
.hero__mochip{background:var(--color-brand-accent);color:#fff;font-weight:800;font-size:11px;padding:5px 10px;border-radius:8px;white-space:nowrap}

.sec-head{display:flex;align-items:center;justify-content:space-between;margin:28px 0 14px}
.sec-head h2{font-family:var(--font-display);font-weight:800;font-size:19px;color:var(--color-text-heading);margin:0}
.sec-head a{font-size:13px;font-weight:700;color:var(--color-brand-accent)}
/* Bosh sahifa promo-plitkalari (admin "Sayt → Bosh plitkalar") — bo'sh bo'lsa render qilinmaydi */
.ptiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:var(--space-3);margin-top:16px}
.ptile{position:relative;min-height:118px;border-radius:var(--radius-card);overflow:hidden;padding:15px 16px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;background:linear-gradient(140deg,#1C2950,#2A3C78);background-size:cover;background-position:center;box-shadow:var(--shadow-panel);transition:transform var(--duration-base) var(--easing),box-shadow var(--duration-base) var(--easing)}
.ptile:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}
.ptile__t{font-family:var(--font-display);font-weight:800;font-size:16px;line-height:1.18}
.ptile__s{font-size:12.5px;opacity:.88;margin-top:3px}
.ptile__go{font-size:12px;font-weight:700;margin-top:9px;opacity:.92}
@media(max-width:767px){.ptiles{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.ptile{min-height:100px;padding:12px}.ptile__t{font-size:13.5px}.ptile__s{display:none}}

/* product grid + card (desktop monthly-first) */
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.pcard{background:#fff;border:1px solid var(--color-border-default);border-radius:16px;padding:12px;display:block;position:relative;transition:transform var(--duration-base),box-shadow var(--duration-base)}
.pcard:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}
.pcard__img{height:140px;border-radius:10px;background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:10px;position:relative}
.pcard__img img{max-height:100%;object-fit:contain}
.pcard__ph{display:flex;color:var(--color-neutral);opacity:.5}
.pcard__ph svg{width:46px;height:46px}
/* Premium placeholder (rasm yo'q tovar) — halol brend-gradient + faint ikonka + Tokkuz belgisi */
.ph{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-bg-secondary),var(--color-bg-canvas));border-radius:inherit;overflow:hidden}
.ph::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 0%,rgba(255,255,255,.5),transparent 70%);pointer-events:none}
.ph__ic{width:44px;height:44px;color:var(--color-neutral);opacity:.4}
.ph__wm{position:absolute;bottom:8px;right:10px;font-family:var(--font-display);font-size:9.5px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--color-brand-accent);opacity:.55}
.pdp__main .ph__ic{width:72px;height:72px}
.mcard__img .ph__ic,.cline__img .ph__ic{width:32px;height:32px}
.cline__img .ph__wm{display:none}
.pcard__heart{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(14,22,48,.1);display:flex;align-items:center;justify-content:center;color:var(--color-text-faint)}
.pcard__heart svg{width:15px;height:15px}
.pcard__mo{font-size:16px;font-weight:800;color:var(--color-price);white-space:nowrap;margin-bottom:3px}
.pcard__mo .u{color:var(--color-monthly-accent);font-size:10.5px;font-weight:800}
.pcard__mo .x{color:var(--color-text-faint);font-size:9px;font-weight:600}
.pcard__cash{font-size:11px;color:var(--color-text-secondary);margin-bottom:7px}
.pcard__cash b{color:var(--color-text-primary);font-weight:800}
.pcard__cash s{color:var(--color-text-faint);margin-left:4px}
.pcard__name{font-size:13px;font-weight:700;line-height:1.3;color:var(--color-text-primary);min-height:34px;margin-bottom:9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pcard__foot{display:flex;align-items:center;justify-content:space-between;gap:8px}
.pcard__foot .avail{font-size:10px;font-weight:600;color:var(--color-success);display:inline-flex;align-items:center;gap:5px}
.pcard__foot .avail::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--color-success)}
.pcard__cart{width:36px;height:36px;border-radius:10px;background:var(--color-brand-accent);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pcard__cart:hover{background:var(--color-brand-accent-deep)}
.pcard__cart svg{width:16px;height:16px}

/* skeleton */
.sk{background:linear-gradient(90deg,#E9EDF4 25%,#EEF1F7 37%,#E9EDF4 63%);background-size:400% 100%;
  animation:sk 1.4s ease infinite;border-radius:8px}
@keyframes sk{0%{background-position:100% 50%}100%{background-position:0 50%}}

/* toast */
#toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:var(--z-toast);display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}
.toast{background:var(--color-bg-inverse);color:#fff;font-size:11.5px;font-weight:700;padding:9px 16px;border-radius:10px;box-shadow:var(--shadow-panel)}

/* ============ CATALOG ============ */
.catalog{padding:14px 0 20px}
.crumbs{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--color-text-secondary);flex-wrap:wrap}
.crumbs a:hover{color:var(--color-brand-primary)}
.crumbs .cur{color:var(--color-text-primary);font-weight:600}
.cat-head{display:flex;align-items:baseline;gap:12px;margin:10px 0 16px}
.cat-head h1{font-size:24px;font-weight:800;color:var(--color-text-heading);margin:0}
.cat-head .cnt{font-size:12.5px;color:var(--color-text-faint)}
.cat-body{display:grid;grid-template-columns:248px 1fr;gap:20px;align-items:start}
.cat-side{position:sticky;top:var(--header-sticky-offset);display:flex;flex-direction:column;gap:12px}
.fblock{background:#fff;border:1px solid var(--color-border-default);border-radius:13px;padding:12px 14px}
.ftitle{font-size:12px;font-weight:800;color:var(--color-text-heading);margin-bottom:8px}
.frow{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;font-size:12.5px;font-weight:600;color:var(--color-text-secondary);padding:5px 0}
.frow:hover{color:var(--color-brand-primary)}
.frow.on{color:var(--color-brand-accent);font-weight:700}
.frow .fc{color:var(--color-text-faint);font-weight:600;font-size:11px}
/* "Yana ko'rsatish" — kategoriya ro'yxati qisqa turadi, qolgani shu tugma bilan ochiladi */
.frow--more{color:var(--color-brand-primary);font-weight:700;margin-top:2px}
.frow--more:hover{text-decoration:underline}
.frange{display:flex;align-items:center;gap:8px}
.frange span{color:var(--color-text-faint)}
.finput{flex:1;min-width:0;height:34px;border:1px solid var(--color-border-default);border-radius:9px;padding:0 9px;font-size:12px;font-family:inherit;outline:none;color:var(--color-text-primary)}
.finput:focus{border-color:var(--color-border-strong)}
.fcheck{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--color-text-secondary);padding:4px 0;cursor:pointer}
.fcheck input{width:16px;height:16px;accent-color:var(--color-brand-primary)}
.cat-main{min-width:0}
.cat-tools{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.filt-btn{display:none;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:9px;border:1.5px solid var(--color-border-strong);background:#fff;font-size:12.5px;font-weight:700;color:var(--color-brand-primary)}
.filt-btn svg{width:15px;height:15px}
.achips{display:flex;gap:7px;flex-wrap:wrap}
.achip{display:inline-flex;align-items:center;gap:6px;background:var(--color-info-tint);color:var(--color-brand-primary);border-radius:99px;padding:5px 11px;font-size:11.5px;font-weight:700}
.achip button{color:var(--color-brand-primary);font-size:12px;line-height:1}
.sortrow{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}
.schip{height:32px;padding:0 12px;border-radius:99px;font-size:12px;font-weight:700;color:var(--color-text-secondary);background:#fff;border:1px solid var(--color-border-default)}
.schip.on{background:var(--color-brand-primary);border-color:var(--color-brand-primary);color:#fff}
.loadmore{margin:18px auto 0;display:flex}
.empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 20px;color:var(--color-text-secondary)}
.empty__ic{width:52px;height:52px;border-radius:50%;background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:var(--color-neutral)}
.empty__ic svg{width:26px;height:26px}
.empty b{display:block;font-size:15px;color:var(--color-text-heading);margin-bottom:4px}
.empty span{font-size:12.5px}
.sheet-ov{position:fixed;inset:0;background:rgba(14,22,48,.5);z-index:var(--z-overlay)}
.sheet{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-overlay);background:#fff;border-radius:22px 22px 0 0;max-height:82vh;display:flex;flex-direction:column;animation:sheetup var(--duration-base) var(--easing)}
@keyframes sheetup{from{transform:translateY(100%)}to{transform:translateY(0)}}
.sheet__hd{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--color-border-default)}
.sheet__hd b{font-size:15px;font-weight:800;color:var(--color-text-heading)}
.sheet__x{width:30px;height:30px;color:var(--color-text-faint);font-size:16px}
.sheet__bd{padding:14px 16px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}
/* Yetkazish manzili — picker (sheet) */
.locsheet .sheet__bd{gap:14px}
.loc-field{display:flex;flex-direction:column;gap:6px}
.loc-lbl{font-size:12px;font-weight:700;color:var(--color-text-secondary)}
.loc-sel,.loc-inp{height:46px;border:1.5px solid var(--color-border-strong);border-radius:12px;padding:0 12px;font-size:14px;font-family:inherit;color:var(--color-text-primary);background:#fff;width:100%;outline:none;-webkit-appearance:none;appearance:none}
.loc-sel{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%236b7280' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px}
.loc-sel:focus,.loc-inp:focus{border-color:var(--color-brand-primary)}
.loc-gps{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;border:1.5px dashed var(--color-brand-primary);border-radius:12px;background:var(--color-bg-secondary);color:var(--color-brand-primary);font-weight:700;font-size:13.5px;cursor:pointer;width:100%;font-family:inherit}
.loc-gps:disabled{opacity:.6;cursor:default}
.loc-gps svg{width:16px;height:16px}
.loc-geo{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:#1a9d5a}
.loc-geo svg{width:14px;height:14px}
.loc-save{margin-top:4px}
@media (min-width:768px){.locsheet{left:50%;right:auto;bottom:auto;top:50%;transform:translate(-50%,-50%);width:440px;max-width:calc(100vw - 40px);max-height:88vh;border-radius:20px;animation:none}}
/* Checkout — "shu manzilga yuboramizmi?" */
.co-addr{display:flex;align-items:flex-start;gap:12px;margin-top:12px;padding:14px;border:1.5px solid var(--color-brand-primary);border-radius:14px;background:var(--color-bg-secondary)}
.co-addr__ic{width:36px;height:36px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--color-brand-accent);flex-shrink:0}
.co-addr__ic svg{width:18px;height:18px}
.co-addr__main{flex:1;min-width:0}
.co-addr__q{font-size:12.5px;font-weight:700;color:var(--color-text-secondary);margin-bottom:2px}
.co-addr__t{font-size:15px;font-weight:800;color:var(--color-text-heading);line-height:1.25}
.co-addr__s{font-size:13px;color:var(--color-text-secondary);margin-top:2px;word-break:break-word}
.co-addr__geo{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:#1a9d5a;margin-top:6px}
.co-addr__geo svg{width:13px;height:13px}
.co-addr__edit{align-self:center;flex-shrink:0;font-size:13px;font-weight:700;color:var(--color-brand-primary);background:none;border:0;cursor:pointer;padding:6px 8px;font-family:inherit}
.co-addr-empty{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;width:100%;height:48px;border:1.5px dashed var(--color-brand-primary);border-radius:12px;background:var(--color-bg-secondary);color:var(--color-brand-primary);font-weight:700;font-size:14px;cursor:pointer;font-family:inherit}
.co-addr-empty svg{width:16px;height:16px}
/* Nasiya taqqoslash sheet */
@media (min-width:768px){.cmpsheet{left:50%;right:auto;bottom:auto;top:50%;transform:translate(-50%,-50%);width:460px;max-width:calc(100vw - 40px);max-height:88vh;border-radius:20px;animation:none}}
.cmp-feat{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--color-border-default);border-radius:14px;background:var(--color-bg-secondary)}
.cmp-feat__img{width:52px;height:52px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}
.cmp-feat__img img{width:100%;height:100%;object-fit:contain}
.cmp-feat__img svg{width:24px;height:24px;color:var(--color-text-faint)}
.cmp-feat__n{font-size:13.5px;font-weight:700;color:var(--color-text-heading);line-height:1.3}
.cmp-feat__p{font-size:13px;font-weight:800;color:var(--color-brand-accent);margin-top:2px}
.cmp-tsel{display:flex;gap:8px}
.cmp-tchip{flex:1;height:38px;border:1.5px solid var(--color-border-strong);border-radius:10px;font-size:13px;font-weight:700;color:var(--color-text-secondary);background:#fff;cursor:pointer;font-family:inherit}
.cmp-tchip.on{border-color:var(--color-brand-accent);background:var(--color-brand-accent);color:#fff}
.cmp-sub{font-size:11.5px;font-weight:800;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em}
.cmp-table{display:flex;flex-direction:column;border:1px solid var(--color-border-default);border-radius:12px;overflow:hidden}
.cmp-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:10px 14px;border-bottom:1px solid var(--color-border-default)}
.cmp-row:last-child{border-bottom:0}
.cmp-row.on{background:var(--color-bg-secondary)}
.cmp-row__t{font-size:13.5px;font-weight:700;color:var(--color-text-heading)}
.cmp-row__b{font-size:12px;font-weight:800;color:var(--provider-alif,#00B267)}
.cmp-row__m{font-size:14px;font-weight:800;color:var(--color-text-heading);font-variant-numeric:tabular-nums}
.cmp-provs{display:flex;flex-direction:column;gap:8px}
.cmp-prov{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--color-border-default);border-radius:10px}
.cmp-prov__d{width:9px;height:9px;border-radius:50%;flex-shrink:0}
.cmp-prov__n{font-size:13px;font-weight:700;color:var(--color-text-heading)}
.cmp-prov__b{font-size:11.5px;font-weight:800;color:var(--provider-alif,#00B267)}
.cmp-prov__m{font-size:13px;font-weight:800;color:var(--color-text-heading);font-variant-numeric:tabular-nums}
.cmp-note{font-size:11.5px;color:var(--color-text-secondary);line-height:1.5;background:var(--color-bg-secondary);padding:10px 12px;border-radius:10px}
.cmp-note--mut{background:transparent;padding:2px 2px 0;font-size:11px}
.cmp-wait{text-align:center;padding:22px;font-size:13px;font-weight:600;color:var(--color-text-secondary)}
.cmp-gate{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:16px;border:1.5px dashed var(--color-brand-primary);border-radius:14px;background:var(--color-bg-secondary)}
.cmp-gate__ic{width:44px;height:44px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--color-brand-primary)}
.cmp-gate__ic svg{width:22px;height:22px}
.cmp-gate__t{font-size:15px;font-weight:800;color:var(--color-text-heading)}
.cmp-gate__s{font-size:12.5px;color:var(--color-text-secondary);line-height:1.5;max-width:320px}
.cmp-gate .btn{margin-top:6px;width:100%}
.cmpr{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--color-border-default);border-radius:12px}
.cmpr--best{border-color:var(--provider-alif,#00B267);box-shadow:0 0 0 1px var(--provider-alif,#00B267) inset}
.cmpr--no{grid-template-columns:auto 1fr auto;opacity:.72}
.cmpr__d{width:9px;height:9px;border-radius:50%;flex-shrink:0}
.cmpr__mn{min-width:0}
.cmpr__n{font-size:13px;font-weight:700;color:var(--color-text-heading);display:flex;align-items:center;gap:6px}
.cmpr__badge{font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:#fff;background:var(--provider-alif,#00B267);border-radius:999px;padding:2px 6px}
.cmpr__lim{font-size:11.5px;color:var(--color-text-secondary);margin-top:2px}
.cmpr__e{font-size:11px;color:var(--color-text-secondary);margin-top:2px;line-height:1.4}
.cmpr__mk{font-size:12px;font-weight:800;color:var(--provider-alif,#00B267);white-space:nowrap}
.cmpr__mk.up{color:var(--color-brand-accent)}
.cmpr__mo{font-size:14px;font-weight:800;color:var(--color-text-heading);font-variant-numeric:tabular-nums;white-space:nowrap}
.cmpr__x{font-size:11.5px;font-weight:700;color:var(--color-text-faint);white-space:nowrap}

/* ============ PDP ============ */
.pdp{display:grid;grid-template-columns:minmax(0,430px) minmax(0,1fr) 320px;gap:24px;align-items:start;margin:16px 0 8px}
.pdp__gal{position:sticky;top:var(--header-sticky-offset)}
.pdp__main{background:#fff;border:1px solid var(--color-border-default);border-radius:16px;height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.pdp__main img{max-height:90%;max-width:90%;object-fit:contain}
.pdp__main .pcard__ph svg{width:72px;height:72px}
.pdp__info{min-width:0}
.pdp__info h1{font-size:22px;font-weight:800;color:var(--color-text-heading);margin:0 0 8px;line-height:1.3}
.pdp__metarow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.pdp__brand{font-size:12px;font-weight:700;color:var(--color-brand-primary);background:var(--color-info-tint);padding:3px 9px;border-radius:7px}
.pdp__rate{font-size:12px;font-weight:700;color:var(--color-rating)}
.pdp__subt{font-size:13px;color:var(--color-text-secondary);line-height:1.5;margin-bottom:14px}
.pdp__specs{background:#fff;border:1px solid var(--color-border-default);border-radius:13px;padding:13px 14px;margin-bottom:14px}
.pdp__specs-t{font-size:12px;font-weight:800;color:var(--color-text-heading);margin-bottom:8px}
.pdp__srow{display:flex;justify-content:space-between;gap:14px;font-size:12px;padding:5px 0;border-bottom:1px solid var(--color-border-subtle)}
.pdp__srow:last-child{border-bottom:0}
.pdp__srow .k{color:var(--color-text-faint);flex-shrink:0;max-width:150px}
.pdp__srow .v{color:var(--color-text-primary);font-weight:600;text-align:right}
.pdp__desc{font-size:12.5px;color:var(--color-text-secondary);line-height:1.6;margin-bottom:14px}
.pdp__tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pdp__tile{border:1px solid var(--color-border-default);border-radius:11px;padding:10px 12px}
.pdp__tile b{display:block;font-size:11.5px;color:var(--color-text-heading);margin-bottom:2px}
.pdp__tile span{font-size:11px;color:var(--color-text-faint)}
.pdp__panel{position:sticky;top:var(--header-sticky-offset);background:#fff;border:1px solid var(--color-border-default);border-radius:16px;padding:15px;box-shadow:var(--shadow-panel)}
.pdp__price{font-size:23px;font-weight:800;color:var(--color-price)}
.pdp__disc{font-size:12px;font-weight:800;color:var(--color-error);background:var(--color-error-tint);padding:2px 7px;border-radius:7px;vertical-align:middle;margin-left:4px}
.pdp__old{font-size:12.5px;color:var(--color-text-faint);text-decoration:line-through;margin-top:2px}
.pdp__inst{background:var(--color-bg-secondary);border-radius:12px;padding:12px;margin:14px 0}
.pdp__inst-t{font-size:11.5px;font-weight:800;color:var(--color-text-heading);margin-bottom:6px}
.pdp__inst-t span{font-weight:600;color:var(--color-text-faint);font-size:9.5px}
.pdp__mo{font-size:16px;font-weight:800;color:var(--color-price)}
.pdp__inst-link{display:inline-block;margin-top:7px;font-size:11.5px;font-weight:700;color:var(--color-brand-accent)}
.pdp__avail{font-size:11.5px;font-weight:700;color:var(--color-success);margin:12px 0;display:flex;align-items:center;gap:6px}
.pdp__avail::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.pdp__avail.no{color:var(--color-text-faint)}
.pdp__guar{font-size:10.5px;color:var(--color-text-faint);text-align:center;margin-top:10px;line-height:1.4}
.pdp__below{margin-top:8px}
.pdp__price--m{margin:14px 0 2px}
.pdp__mo--m{font-size:12.5px;font-weight:700;color:var(--color-text-secondary);margin-bottom:14px}
.pdp__mo--m b{color:var(--color-price)}
.rev{background:#fff;border:1px solid var(--color-border-default);border-radius:12px;padding:12px 14px;margin-bottom:10px}
.rev__hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}
.rev__hd b{font-size:12.5px;color:var(--color-text-heading)}
.rev__stars{color:var(--color-rating);font-size:12px}
.rev__txt{font-size:12px;color:var(--color-text-secondary);line-height:1.5}
.buybar{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-header);background:#fff;border-top:1px solid var(--color-border-default);padding:10px 16px;display:none;align-items:center;gap:12px}
.buybar__l{flex:1;min-width:0}
.buybar__l b{display:block;font-size:15px;font-weight:800;color:var(--color-price)}
.buybar__l span{font-size:10px;font-weight:600;color:var(--color-brand-accent)}
.buybar .btn{height:44px;padding:0 22px}

/* ============ CART (#/savat) ============ */
.empty--lg{padding:70px 20px}
.cart__grid{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start;margin-top:6px}
.cart__lines{display:flex;flex-direction:column;gap:10px}
.cline{display:grid;grid-template-columns:92px 1fr auto;gap:14px;align-items:center;background:#fff;border:1px solid var(--color-border-default);border-radius:var(--radius-card);padding:12px}
.cline__img{width:92px;height:92px;border-radius:12px;overflow:hidden;background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;padding:6px}
.cline__img img{width:100%;height:100%;object-fit:contain}
.cline__img .pcard__ph{color:var(--color-text-faint)}
.cline__mid{min-width:0}
.cline__name{display:block;font-weight:700;font-size:14px;line-height:1.35;color:var(--color-text-heading);text-decoration:none}
.cline__name:hover{color:var(--color-brand-accent)}
.cline__mo{font-size:11.5px;font-weight:600;color:var(--color-brand-accent);margin:5px 0 9px}
.cline__rm{background:none;border:none;padding:0;font-family:inherit;font-size:11.5px;font-weight:600;color:var(--color-text-faint);cursor:pointer}
.cline__rm:hover{color:var(--color-error)}
.cline__right{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.qty{display:inline-flex;align-items:center;border:1px solid var(--color-border-default);border-radius:var(--radius-chip);overflow:hidden}
.qty button{width:32px;height:32px;border:none;background:#fff;font-size:17px;font-weight:700;line-height:1;color:var(--color-text-heading);cursor:pointer}
.qty button:hover{background:var(--color-bg-secondary)}
.qty span{min-width:32px;text-align:center;font-weight:700;font-size:13px;font-variant-numeric:tabular-nums}
.cline__price{font-weight:800;font-size:15px;color:var(--color-price);font-variant-numeric:tabular-nums}
.cline__nop{font-size:11px;font-weight:600;color:var(--color-text-faint)}
.cart__aside,.co__aside{position:sticky;top:var(--header-sticky-offset)}
.cart__sum,.co-sum{background:#fff;border:1px solid var(--color-border-default);border-radius:var(--radius-panel);padding:18px;box-shadow:var(--shadow-panel)}
.cs-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--color-text-secondary);margin-bottom:10px}
.cs-row b{color:var(--color-text-heading);font-weight:700;font-variant-numeric:tabular-nums}
.cs-muted{color:var(--color-text-faint);font-size:12px}
.cs-total{display:flex;justify-content:space-between;align-items:baseline;padding-top:12px;margin-top:2px;border-top:1px solid var(--color-border-subtle)}
.cs-total span{font-size:14px;font-weight:700;color:var(--color-text-heading)}
.cs-total b{font-size:20px;font-weight:800;color:var(--color-price);font-variant-numeric:tabular-nums}
.cs-mo{background:var(--color-info-tint);border-radius:var(--radius-control);padding:9px 12px;font-size:12px;color:var(--color-text-secondary);margin:12px 0 14px}
.cs-mo b{color:var(--color-monthly-accent);font-weight:800}
.cs-guar{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:var(--color-text-faint);margin-top:12px}
.cs-guar svg{width:14px;height:14px;color:var(--color-success);flex-shrink:0}

/* ============ CHECKOUT (#/checkout) ============ */
.co__grid{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start;margin-top:6px}
.co__form{display:flex;flex-direction:column;gap:14px}
.co-card{background:#fff;border:1px solid var(--color-border-default);border-radius:var(--radius-card);padding:18px}
.co-card h3{font-size:14px;font-weight:800;color:var(--color-text-heading);margin-bottom:14px;display:flex;align-items:center;gap:8px}
.co-opt-lbl{font-size:11px;font-weight:600;color:var(--color-text-faint)}
.co-field{display:block;margin-bottom:12px}
.co-field:last-child{margin-bottom:0}
.co-lbl{display:block;font-size:12px;font-weight:600;color:var(--color-text-secondary);margin-bottom:6px}
.co-inp{width:100%;height:46px;border:1px solid var(--color-border-default);border-radius:var(--radius-input);padding:0 14px;font-family:var(--font-ui);font-size:14px;font-weight:600;color:var(--color-text-heading);background:#fff;transition:border-color var(--duration-base)}
.co-inp::placeholder{color:var(--color-text-faint);font-weight:500}
.co-inp:focus{outline:none;border-color:var(--color-border-focus)}
.co-ta{height:auto;padding:12px 14px;resize:vertical;line-height:1.5}
.co-opts{display:grid;gap:10px}
.co-opt{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#fff;border:1.5px solid var(--color-border-default);border-radius:var(--radius-control);padding:13px 14px;cursor:pointer;font-family:inherit;transition:border-color var(--duration-base),background var(--duration-base)}
.co-opt:hover{border-color:var(--color-border-strong)}
.co-opt.on{border-color:var(--color-brand-accent);background:var(--color-error-tint)}
.co-opt__r{width:18px;height:18px;border-radius:50%;border:2px solid var(--color-border-default);flex-shrink:0;position:relative;transition:border-color var(--duration-base)}
.co-opt.on .co-opt__r{border-color:var(--color-brand-accent)}
.co-opt.on .co-opt__r::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--color-brand-accent)}
.co-opt__t{display:flex;flex-direction:column;gap:2px;min-width:0}
.co-opt__t b{font-size:13.5px;font-weight:700;color:var(--color-text-heading)}
.co-opt__t i{font-size:11.5px;font-style:normal;color:var(--color-text-secondary)}
.co-opt__badge{margin-left:auto;background:var(--color-brand-accent);color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:var(--radius-chip);white-space:nowrap}
.co-note{background:var(--color-info-tint);border-radius:var(--radius-control);padding:11px 13px;font-size:12px;color:var(--color-text-secondary);line-height:1.5;margin-top:12px}
.co-sum__t{font-size:14px;font-weight:800;color:var(--color-text-heading);margin-bottom:12px}
.co-mini{display:flex;justify-content:space-between;gap:12px;font-size:12.5px;color:var(--color-text-secondary);margin-bottom:8px}
.co-mini b{color:var(--color-text-heading);font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.co-sum .cs-total{margin-top:6px;margin-bottom:0}
.co-sum .cs-mo{margin-bottom:14px}

/* ============ ORDER OK (#/buyurtma) ============ */
/* Buyurtma-muvaffaqiyat SAHIFASI. ⚠️ Bir so'zli global klass (.ok) BO'LMASIN — u
   boshqa bloklarning `ok` modifikatoriga (masalan .pdp__avail.ok) yopishib, 100px
   padding + markazlashtirish berardi (PDP narx kartasidagi ulkan bo'shliq). */
.okpage{display:flex;justify-content:center;padding:40px 0 60px}
.ok__card{max-width:440px;width:100%;text-align:center;background:#fff;border:1px solid var(--color-border-default);border-radius:var(--radius-panel);padding:36px 28px;box-shadow:var(--shadow-panel)}
.ok__ic{width:66px;height:66px;border-radius:50%;background:var(--color-success-tint);color:var(--color-success);display:flex;align-items:center;justify-content:center;margin:0 auto 18px}
.ok__ic svg{width:30px;height:30px;stroke-width:2.2}
.ok__card h1{font-size:23px;font-weight:800;color:var(--color-text-heading);margin-bottom:12px}
.ok__code{display:inline-block;background:var(--color-bg-inverse);color:var(--color-text-inverse);font-family:var(--font-display);font-weight:700;font-size:16px;letter-spacing:.5px;padding:7px 18px;border-radius:var(--radius-chip);margin-bottom:14px}
.ok__sub{font-size:13.5px;color:var(--color-text-secondary);line-height:1.55;margin-bottom:18px}
.ok__total{display:flex;justify-content:space-between;align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-control);padding:13px 16px;margin-bottom:20px}
.ok__total span{font-size:13px;font-weight:600;color:var(--color-text-secondary)}
.ok__total b{font-size:17px;font-weight:800;color:var(--color-price);font-variant-numeric:tabular-nums}
.ok__acts{display:flex;flex-direction:column;gap:10px}

/* ============ NASIYA info (#/nasiya) ============ */
.nas{max-width:720px;margin:24px auto 0;text-align:center;padding:20px 0 44px}
.nas__eyebrow{font-size:11px;font-weight:800;letter-spacing:1.5px;color:var(--color-brand-accent);margin-bottom:14px}
.nas__h1{font-size:34px;line-height:1.12;color:var(--color-text-heading);margin-bottom:16px}
.nas__sub{font-size:14px;color:var(--color-text-secondary);line-height:1.6;max-width:600px;margin:0 auto 22px}
.nas__provs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:26px}
.nas__prov{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--color-border-default);border-radius:var(--radius-chip);padding:8px 14px;font-size:12.5px;font-weight:600;color:var(--color-text-heading)}
.nas__prov i{width:9px;height:9px;border-radius:50%;flex-shrink:0}
.nas__note{font-size:12px;color:var(--color-text-faint);margin-top:18px}

/* ============ AUTH (#/kirish) ============ */
.auth{display:flex;justify-content:center;padding:36px 0 56px}
.auth__card{max-width:420px;width:100%;background:#fff;border:1px solid var(--color-border-default);border-radius:var(--radius-panel);padding:32px 28px;box-shadow:var(--shadow-panel);text-align:center}
.auth__ic{width:60px;height:60px;border-radius:50%;background:var(--color-info-tint);color:var(--color-brand-primary);display:flex;align-items:center;justify-content:center;margin:0 auto 18px}
.auth__ic svg{width:28px;height:28px}
.auth__card h1{font-size:22px;font-weight:800;color:var(--color-text-heading);margin-bottom:10px}
.auth__sub{font-size:13.5px;color:var(--color-text-secondary);line-height:1.55;margin-bottom:20px}
.auth .co-field{text-align:left;margin-bottom:14px}
.auth__inp{text-align:center;font-size:16px;letter-spacing:.4px}
.auth__code{width:100%;text-align:center;font-size:26px;font-weight:800;letter-spacing:10px;height:auto;padding:14px;font-variant-numeric:tabular-nums;margin-bottom:14px}
.auth__err{background:var(--color-error-tint);color:var(--color-error);font-size:12.5px;font-weight:600;border-radius:var(--radius-control);padding:9px 12px;margin-bottom:14px}
.auth__chan{font-size:12px;color:var(--color-success);font-weight:600;margin-bottom:14px}
.auth__demo{font-size:12.5px;color:var(--color-warning);background:var(--color-warning-tint);border-radius:var(--radius-control);padding:8px 12px;margin-bottom:14px}
.auth__note{font-size:11px;color:var(--color-text-faint);margin-top:14px;line-height:1.5}
.auth__foot{display:flex;justify-content:space-between;gap:12px;margin-top:16px}
.auth__link{background:none;border:none;padding:0;font-family:inherit;font-size:12.5px;font-weight:600;color:var(--color-brand-primary);cursor:pointer}
.auth__link:hover{color:var(--color-brand-accent)}
.auth__phrow{font-size:14px;font-weight:700;color:var(--color-text-heading);margin-bottom:16px;font-variant-numeric:tabular-nums}
.auth__phrow .auth__link{margin-left:6px;font-weight:600}
.auth__tg{display:flex;gap:9px;align-items:flex-start;text-align:left;background:var(--color-info-tint);color:var(--color-text-secondary);border-radius:var(--radius-control);padding:11px 13px;font-size:12.5px;line-height:1.5;margin-bottom:14px}
.auth__tg svg{flex:0 0 auto;width:17px;height:17px;color:var(--color-brand-primary);margin-top:1px}
.auth__tg--warn{background:var(--color-warning-tint)}
.auth__tg--warn svg{color:var(--color-warning)}
.auth__wait{display:flex;gap:8px;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:12.5px;font-weight:600;margin-top:14px}
.auth__wait svg{width:16px;height:16px}
.auth__spin{animation:authspin .9s linear infinite;transform-origin:center}
@keyframes authspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.auth__spin{animation:none}}
.auth__link--tg{display:inline-flex;align-items:center;gap:6px;justify-content:center;width:100%;margin-top:14px}
.auth__link--tg svg{width:15px;height:15px;flex:0 0 auto}

/* ============ ACCOUNT (#/kabinet) ============ */
.acc{max-width:760px;margin:0 auto;padding-top:6px}
.acc__hd{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--color-border-default);border-radius:var(--radius-panel);padding:20px;box-shadow:var(--shadow-panel)}
.acc__av{width:56px;height:56px;border-radius:50%;background:var(--color-bg-inverse);color:var(--color-text-inverse);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:22px;flex-shrink:0}
.acc__id{flex:1;min-width:0}
.acc__name{font-size:19px;font-weight:800;color:var(--color-text-heading)}
.acc__phone{font-size:13px;color:var(--color-text-secondary);margin-top:2px}
.acc__card{font-size:12px;color:var(--color-text-secondary);margin-top:6px}
.acc__card b{color:var(--color-brand-primary)}
.acc__out{flex-shrink:0}
.acc__orders{display:flex;flex-direction:column;gap:10px}
.ord{background:#fff;border:1px solid var(--color-border-default);border-radius:var(--radius-card);padding:14px 16px}
.ord__hd{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
.ord__hd b{font-size:14px;color:var(--color-text-heading);font-variant-numeric:tabular-nums}
.ord__st{font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--radius-chip);white-space:nowrap}
.ord__st.info{background:var(--color-info-tint);color:var(--color-brand-primary)}
.ord__st.ok{background:var(--color-success-tint);color:var(--color-success)}
.ord__st.no{background:var(--color-error-tint);color:var(--color-error)}
.ord__meta{font-size:12px;color:var(--color-text-faint);margin-bottom:6px}
.ord__items{font-size:12.5px;color:var(--color-text-secondary);line-height:1.5;margin-bottom:8px}
.ord__foot{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--color-border-subtle);padding-top:8px}
.ord__foot span{font-size:12.5px;color:var(--color-text-secondary)}
.ord__foot b{font-size:15px;font-weight:800;color:var(--color-price);font-variant-numeric:tabular-nums}
.ord__inst{margin-top:8px;font-size:12px;color:var(--color-brand-primary);background:var(--color-info-tint);border-radius:var(--radius-control);padding:7px 10px}

/* ============ NASIYA (3-qadam) ============ */
.nasw{max-width:560px;margin:0 auto}
.nasw__t{font-size:24px;margin:4px 0 18px}
.nsteps{display:flex;gap:8px;margin-bottom:18px}
.nstep{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--color-text-faint);text-align:center}
.nstep span{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);color:var(--color-text-faint);font-weight:800;font-size:13px;border:1.5px solid var(--color-border-default)}
.nstep span svg{width:15px;height:15px}
.nstep.act{color:var(--color-brand-primary)}
.nstep.act span{background:var(--color-brand-accent);color:var(--color-text-inverse);border-color:var(--color-brand-accent)}
.nstep.done{color:var(--color-success)}
.nstep.done span{background:var(--color-success-tint);color:var(--color-success);border-color:var(--color-success-tint)}
.ncard{background:#fff;border:1px solid var(--color-border-default);border-radius:var(--radius-panel);padding:22px;box-shadow:var(--shadow-panel)}
.nlabel{font-size:12.5px;font-weight:700;color:var(--color-text-heading);margin:18px 0 10px}
.ncard>.nlabel:first-child{margin-top:0}
.nprovs{display:flex;flex-direction:column;gap:8px}
.nprov{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#fff;border:1.5px solid var(--color-border-default);border-radius:var(--radius-control);padding:13px 14px;cursor:pointer;font-family:inherit;transition:border-color var(--duration-base),background var(--duration-base)}
.nprov:hover:not(.dis){border-color:var(--color-border-strong)}
.nprov.on{border-color:var(--color-brand-accent);background:var(--color-error-tint)}
.nprov.dis{opacity:.5;cursor:not-allowed}
.nprov__r{width:18px;height:18px;border-radius:50%;border:2px solid var(--color-border-default);flex-shrink:0;position:relative}
.nprov.on .nprov__r{border-color:var(--color-brand-accent)}
.nprov.on .nprov__r::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--color-brand-accent)}
.nprov__t{display:flex;flex-direction:column;gap:2px;min-width:0}
.nprov__t b{font-size:13.5px;font-weight:700;color:var(--color-text-heading)}
.nprov__t i{font-size:11.5px;font-style:normal;color:var(--color-text-secondary)}
.nmonths{display:flex;flex-wrap:wrap;gap:8px}
.nmon{background:#fff;border:1.5px solid var(--color-border-default);border-radius:var(--radius-chip);padding:8px 16px;font-family:inherit;font-size:13px;font-weight:700;color:var(--color-text-secondary);cursor:pointer}
.nmon.on{border-color:var(--color-brand-accent);background:var(--color-error-tint);color:var(--color-brand-accent)}
.nsched{background:var(--color-bg-secondary);border-radius:var(--radius-control);padding:14px 16px;margin-top:4px}
.nsched .cs-row{margin-bottom:8px}
.nsched .cs-total{border-top-color:var(--color-border-default)}
.nsched .cs-row--mo b{font-size:17px;color:var(--color-text-heading)}
.nsched__u{font-size:12px;font-weight:600;color:var(--color-text-secondary);font-style:normal}
.nsched__mk{color:var(--color-brand-accent)}
.nsched__z{color:var(--provider-alif,#00B267)}
.nas__ok{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:8px 0 14px}
.nas__ok svg{width:44px;height:44px;padding:10px;border-radius:50%;background:var(--color-success-tint);color:var(--color-success);stroke-width:2}
.nas__ok p{font-size:14px;font-weight:600;color:var(--color-text-heading)}
.nas__hint{font-size:12.5px;color:var(--color-text-secondary);line-height:1.55;margin-bottom:14px;text-align:center}
.nas__secure{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:var(--color-text-faint);margin-top:12px}
.nas__secure svg{width:14px;height:14px;color:var(--color-success);flex-shrink:0}

/* ============ LIMITLAR ============ */
.limw{max-width:640px;margin:0 auto}
.lim__intro{font-size:13px;color:var(--color-text-secondary);line-height:1.5;margin-bottom:16px}
.lim__wait{padding:50px 0;text-align:center;color:var(--color-text-faint);font-size:13px}

/* ── Kabinet: nasiya limitlari holati (tekshirilmoqda / natija / MyID kerak) ── */
.acc-lim{background:#fff;border:1px solid var(--color-border-default);border-radius:var(--radius-card);padding:16px 18px}
.acc-lim--wait{display:flex;align-items:flex-start;gap:12px}
.acc-lim__spin{width:20px;height:20px;flex:0 0 auto;margin-top:2px;border-radius:50%;border:2.5px solid var(--color-border-default);border-top-color:var(--color-brand-accent);animation:accSpin .8s linear infinite}
@keyframes accSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.acc-lim__spin{animation-duration:2.4s}}
.acc-lim__t{font-weight:800;font-size:15px;color:var(--color-text-heading)}
.acc-lim__s{margin:4px 0 0;font-size:12.5px;color:var(--color-text-faint);line-height:1.45}
.acc-lim--gate .btn{margin-top:10px;display:inline-flex}
.acc-lim__max{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--color-border-subtle)}
.acc-lim__max span{font-size:13px;color:var(--color-text-faint)}
.acc-lim__max b{font-family:var(--font-display);font-weight:800;font-size:22px;color:var(--color-text-heading)}
.acc-lim__chips{display:flex;flex-wrap:wrap;gap:6px}
.acc-lim__chip{font-size:12px;padding:5px 10px;border-radius:var(--radius-chip);background:var(--color-bg-secondary);color:var(--color-text-body)}
.acc-lim__chip.ok{background:var(--color-info-tint);color:var(--color-brand-primary)}
.acc-lim__chip.no{opacity:.6}

/* ── Kabinet: MyID shaxsiy ma'lumotlar ── */
.acc-pf{background:#fff;border:1px solid var(--color-border-default);border-radius:var(--radius-card);padding:16px 18px}
.acc-pf__b{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.acc-pf__badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:5px 10px;border-radius:var(--radius-chip)}
.acc-pf__badge.ok{background:var(--color-success-tint,var(--color-info-tint));color:var(--color-success)}
.acc-pf__badge.no{background:var(--color-bg-secondary);color:var(--color-text-faint)}
.acc-pf__badge svg{width:14px;height:14px}
.acc-pf__grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 24px}
.acc-pf__r{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--color-border-subtle)}
.acc-pf__r span{font-size:12.5px;color:var(--color-text-faint);flex:0 0 auto}
.acc-pf__r b{font-size:13.5px;text-align:right;word-break:break-word}
.acc-pf__note{margin:12px 0 0;font-size:11.5px;color:var(--color-text-faint);line-height:1.45}
@media(max-width:767px){.acc-pf__grid{grid-template-columns:1fr}.acc-lim__max b{font-size:19px}}
.lim__max{display:flex;align-items:center;justify-content:space-between;background:var(--color-bg-inverse);color:var(--color-text-inverse);border-radius:var(--radius-panel);padding:18px 20px;margin-bottom:14px}
.lim__max span{font-size:13px;color:var(--color-text-inverse-3)}
.lim__max b{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums}
.lim__grid{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
.lim__card{background:#fff;border:1px solid var(--color-border-default);border-radius:var(--radius-card);padding:14px 16px}
.lim__card.dim{opacity:.7}
.lim__ch{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
.lim__ch b{font-size:14px;color:var(--color-text-heading)}
.lim__ok{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:var(--color-success);background:var(--color-success-tint);padding:3px 10px;border-radius:var(--radius-chip);white-space:nowrap}
.lim__ok svg{width:12px;height:12px}
.lim__no{font-size:11px;font-weight:700;color:var(--color-text-faint);background:var(--color-bg-secondary);padding:3px 10px;border-radius:var(--radius-chip);white-space:nowrap}
.lim__amt{font-size:19px;font-weight:800;color:var(--color-price);font-variant-numeric:tabular-nums}
.lim__amt i{font-size:12px;font-weight:600;font-style:normal;color:var(--color-text-secondary)}
.lim__mut{font-size:12px;color:var(--color-text-faint);margin-top:4px}

/* ============ ORDER TRACK + DETAIL (#/kuzatish, #/buyurtma-tafsilot) ============ */
.trackw,.odw{max-width:560px;margin:0 auto}
.track__code{font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--color-text-heading);text-align:center;margin-bottom:16px;letter-spacing:.5px}
.tl{position:relative}
.tl__s{display:flex;gap:14px;padding-bottom:18px;position:relative}
.tl__s:last-child{padding-bottom:0}
.tl__s::before{content:"";position:absolute;left:11px;top:24px;bottom:-2px;width:2px;background:var(--color-border-default)}
.tl__s:last-child::before{display:none}
.tl__s.done::before{background:var(--color-success)}
.tl__dot{width:24px;height:24px;border-radius:50%;flex-shrink:0;background:var(--color-bg-secondary);border:2px solid var(--color-border-default);display:flex;align-items:center;justify-content:center;z-index:1;color:var(--color-text-faint)}
.tl__dot svg{width:13px;height:13px}
.tl__s.done .tl__dot{background:var(--color-success-tint);border-color:var(--color-success);color:var(--color-success)}
.tl__c{padding-top:1px}
.tl__c b{display:block;font-size:13.5px;font-weight:700;color:var(--color-text-heading)}
.tl__s.pend .tl__c b{color:var(--color-text-faint)}
.tl__c i{display:block;font-size:12px;font-style:normal;color:var(--color-text-secondary);margin-top:2px}
.tl__c time{display:block;font-size:11px;color:var(--color-text-faint);margin-top:3px;font-variant-numeric:tabular-nums}
.od__hd{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 4px}
.od__hd h1{font-size:23px}
.od__meta{font-size:12.5px;color:var(--color-text-faint);margin-bottom:16px}
.odbox{background:#fff;border:1px solid var(--color-border-default);border-radius:var(--radius-card);padding:16px;margin-bottom:12px}
.odbox__t{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--color-text-faint);margin-bottom:12px}
.odline{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--color-text-secondary);margin-bottom:9px}
.odline i{font-style:normal;color:var(--color-text-faint)}
.odline b{color:var(--color-text-heading);font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.odtot{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--color-border-subtle);padding-top:12px;margin-top:4px}
.odtot span{font-size:13px;font-weight:700;color:var(--color-text-heading)}
.odtot b{font-size:17px;font-weight:800;color:var(--color-price);font-variant-numeric:tabular-nums}
.odrow{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--color-text-secondary);margin-bottom:8px}
.odrow:last-child{margin-bottom:0}
.odrow b{color:var(--color-text-heading);font-weight:700}
.acc__links{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.acc__links a{flex:1;min-width:140px;text-align:center;background:#fff;border:1px solid var(--color-border-default);border-radius:var(--radius-control);padding:12px;font-size:12.5px;font-weight:700;color:var(--color-brand-primary);text-decoration:none}
.acc__links a:hover{border-color:var(--color-border-strong)}
.ord--link{display:block;text-decoration:none;transition:border-color var(--duration-base),box-shadow var(--duration-base)}
.ord--link:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-card-hover)}
.acc__edit{background:none;border:none;padding:0;font-family:inherit;font-size:11.5px;font-weight:600;color:var(--color-brand-primary);cursor:pointer;vertical-align:middle}
.acc__edit:hover{color:var(--color-brand-accent)}
.acc__nameinp{max-width:260px;margin-bottom:10px}
.acc__editrow{display:flex;gap:8px}

/* ============ INFO sahifalar + AI chat + sharh formasi (P8) ============ */
.infow{max-width:640px;margin:0 auto}
.info__p{font-size:14px;line-height:1.65;color:var(--color-text-secondary);white-space:pre-line}
.info__trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.info__tb{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--color-border-default);border-radius:var(--radius-chip);padding:8px 14px;font-size:12.5px;font-weight:600;color:var(--color-text-heading)}
.info__tb svg{width:15px;height:15px;color:var(--color-success);flex-shrink:0}
.info__phone{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:800;color:var(--color-text-heading);text-decoration:none}
.info__phone svg{width:17px;height:17px;color:var(--color-brand-accent);flex-shrink:0}
.info__socs{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.info__soc{background:var(--color-bg-secondary);border-radius:var(--radius-chip);padding:7px 14px;font-size:12.5px;font-weight:600;color:var(--color-brand-primary);text-decoration:none}
.info__soc:hover{background:var(--color-info-tint)}
.info__store{padding:10px 0;border-top:1px solid var(--color-border-subtle);display:flex;flex-direction:column;gap:2px}
.info__store:first-of-type{border-top:none;padding-top:0}
.info__store b{font-size:13.5px;color:var(--color-text-heading)}
.info__store span{font-size:12px;color:var(--color-text-secondary)}
.info__store a{font-size:12.5px;color:var(--color-brand-primary);font-weight:600;text-decoration:none;margin-top:2px}
.ai__log{max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;margin-bottom:12px;padding-right:2px}
.ai__hint{font-size:12.5px;color:var(--color-text-faint);text-align:center;padding:16px 0}
.ai__msg{max-width:85%;padding:9px 13px;border-radius:14px;font-size:13px;line-height:1.5;white-space:pre-wrap}
.ai__msg--u{align-self:flex-end;background:var(--color-brand-accent);color:var(--color-text-inverse);border-bottom-right-radius:4px}
.ai__msg--a{align-self:flex-start;background:var(--color-bg-secondary);color:var(--color-text-heading);border-bottom-left-radius:4px}
.ai__typing{color:var(--color-text-faint);letter-spacing:2px}
.ai__form{display:flex;gap:8px}
.ai__form .co-inp{flex:1}
.ai__form .btn{flex-shrink:0}
.revform{background:#fff;border:1px solid var(--color-border-default);border-radius:var(--radius-card);padding:16px;margin-top:14px}
.revform__t{font-size:13.5px;font-weight:800;color:var(--color-text-heading);margin-bottom:12px}
.revstars{display:flex;gap:4px;margin-bottom:12px}
.revstar{background:none;border:none;cursor:pointer;font-size:26px;line-height:1;color:var(--color-border-default);padding:0;transition:color var(--duration-base)}
.revstar.on{color:var(--color-rating)}
.revthanks{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--color-success);padding:6px 0}
.revthanks svg{width:18px;height:18px;flex-shrink:0}

/* ============ RESPONSIVE ============ */
@media (max-width:1279px){ .pgrid{grid-template-columns:repeat(3,1fr)} }
@media (max-width:1100px){ .pdp{grid-template-columns:minmax(0,340px) 1fr} .pdp__panel{grid-column:1 / -1;position:static;margin-top:8px;box-shadow:none} }
@media (max-width:1023px){ .hero__grid{gap:20px} }
@media (max-width:767px){
  .hdr{display:none}
  .mhdr{display:block}
  .bnav{display:grid}
  body{padding-bottom:64px}
  .wrap{padding:0 14px}
  .home{padding-top:0;padding-bottom:12px}
  .sec-head{margin:22px 0 12px}
  .sec-head h2{font-size:17px}
  .foot{margin-bottom:0}
  .cat-body{grid-template-columns:1fr}
  .cat-side{display:none}
  .filt-btn{display:inline-flex}
  .sortrow{margin-left:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .sortrow::-webkit-scrollbar{display:none}
  .cat-head h1{font-size:20px}
  .pdp{grid-template-columns:1fr;gap:14px}
  .pdp__gal,.pdp__panel{position:static}
  .pdp__main{height:260px}
  .buybar{display:flex}
  .cart__grid,.co__grid{grid-template-columns:1fr}
  .cart__aside,.co__aside{position:static}
  .cline{grid-template-columns:72px 1fr;gap:10px 12px;padding:10px}
  .cline__img{width:72px;height:72px;grid-row:span 2;align-self:start}
  .cline__mid{grid-column:2}
  .cline__right{grid-column:2;flex-direction:row;align-items:center;justify-content:space-between}
  .nas__h1{font-size:25px}
  .nas__sub{font-size:13px}
  .ok__card{padding:28px 20px}
  .ok__card h1{font-size:20px}
  .auth__card{padding:26px 18px}
  .auth__code{letter-spacing:8px;font-size:23px}
  .acc__hd{flex-wrap:wrap}
  .acc__out{width:100%;margin-top:4px}
  .od__hd h1{font-size:20px}
  .acc__links a{min-width:0}
}
/* (Namozim yashil+krem: accent = forest yashil, to'q rang → OVERRIDE kerak emas; CTA'lar var(--color-brand-accent) orqali yashil, oq matn bilan.) */
.nsched__note{margin-top:10px;padding-top:10px;border-top:1px solid var(--color-border-subtle);font-size:12.5px;color:var(--color-text-faint);line-height:1.45}