/* Мир Аксессуаров — оптовый магазин (Inter + Space Grotesk; тёмно-синий #0F2A4A, синий #1E78E6, серебро #C0C8D4) */
:root{
  --bg:#F3F6FA; --surface:#FFFFFF; --surface-2:#EBF0F6; --line:#DCE3EC;
  --text:#0B1A2E; --text-2:#0F2A4A; --muted:#56657A; --muted-2:#8A97A8;
  --accent:#1E78E6; --accent-press:#1661BD; --accent-soft:#E6F0FC; --brand-blue:#1E78E6; --price:#0F2A4A;
  --danger:#FF4053; --ok:#00B357;
  --shadow:0 14px 34px -20px rgba(15,42,74,.30); --shadow-bar:0 -2px 14px rgba(15,42,74,.10);
  --hero:linear-gradient(135deg,#0F2A4A 0%,#1A4C86 55%,#1E78E6 100%);
  --r:16px; --safe-b:env(safe-area-inset-bottom,0px);
}
[data-theme="dark"]{
  --bg:#0A1424; --surface:#111F35; --surface-2:#1A2A44; --line:#243654;
  --text:#EEF3FA; --text-2:#DCE6F3; --muted:#9AA8BC; --muted-2:#76859C;
  --accent:#3B8EF0; --accent-press:#1E78E6; --accent-soft:#16304F; --brand-blue:#6FB0FF; --price:#C9DCF5;
  --shadow:0 14px 34px -20px rgba(0,0,0,.7); --shadow-bar:0 -2px 14px rgba(0,0,0,.35);
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}
button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}
input,textarea{font-family:inherit;font-size:16px;color:var(--text)}
svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
[hidden]{display:none!important}
body.lock{overflow:hidden}

/* header */
.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 16px;background:var(--surface);box-shadow:0 4px 18px -12px rgba(31,32,63,.25)}
.logo-wrap{display:flex;align-items:center;height:40px;padding:3px 8px 3px 0;border-radius:10px}
[data-theme="dark"] .logo-wrap{background:#fff;padding:3px 8px}
.logo{height:34px;width:auto;display:block}
.top-actions{display:flex;gap:6px}
.icon-btn{position:relative;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--text-2)}
.icon-btn:active{background:var(--surface-2)}
.badge{position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--danger);color:#fff;font:700 11px/18px Inter,sans-serif;text-align:center}

main{padding:12px 16px calc(84px + var(--safe-b))}

/* hero */
.hero{background:var(--hero);color:#fff;border-radius:20px;padding:22px 20px 20px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;right:-50px;top:-50px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.08)}
.hero-kicker{font:700 11.2px Inter;letter-spacing:.06em;text-transform:uppercase;opacity:.75}
.hero h1{margin:6px 0 6px;font:700 26px/1.15 Inter,sans-serif;letter-spacing:-.01em}
.hero p{margin:0 0 14px;opacity:.88;font-size:14px;line-height:1.45;max-width:300px}
.hero-pills{display:flex;flex-wrap:wrap;gap:8px}
.hero-pills span{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);padding:6px 12px;border-radius:100px;font-size:12.5px;font-weight:600}

/* search + chips */
.search{margin:14px 0 10px;display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:100px;padding:0 14px;height:46px}
.search svg{width:20px;height:20px;color:var(--muted-2);flex:none}
.search input{flex:1;border:0;outline:0;background:transparent;height:100%}
.chips{display:flex;gap:8px;overflow-x:auto;margin:0 -16px;padding:2px 16px 6px;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chip{flex:none;height:36px;padding:0 16px;border-radius:100px;background:var(--surface);border:1px solid var(--line);color:var(--text-2);font-weight:600;font-size:13.5px;white-space:nowrap}
.chip.active{background:var(--accent);border-color:var(--accent);color:#fff}
.section-head{display:flex;align-items:baseline;justify-content:space-between;margin:14px 2px 10px}
.section-head h2{margin:0;font:700 20px Inter;color:var(--text-2)}
.section-head span{color:var(--muted);font-size:13px}

/* grid + cards (site .product-card) */
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:640px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.card{background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;text-align:left}
.card:active{transform:scale(.985)}
.ph{aspect-ratio:1/1;background:var(--surface-2);display:grid;place-items:center;overflow:hidden}
.ph img{width:100%;height:100%;object-fit:cover;display:block}
.ph.empty{color:var(--muted-2);text-align:center;font-size:11.5px;font-weight:600;gap:4px;align-content:center}
.ph.empty svg{width:34px;height:34px;stroke-width:1.5;margin:0 auto}
.card-body{padding:10px 12px 12px;display:flex;flex-direction:column;flex:1}
.cat{font:700 11.2px Inter;letter-spacing:.05em;text-transform:uppercase;color:var(--brand-blue);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.name{font-weight:600;font-size:14.08px;line-height:1.3;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.tiers{margin:8px 0 6px;display:flex;flex-direction:column;gap:2px}
.tier{display:flex;justify-content:space-between;gap:6px;font-size:12.5px;color:var(--muted)}
.tier b{font:700 13px "Space Grotesk",sans-serif;color:var(--price);white-space:nowrap}
.tier.main{font-size:12.5px}
.tier.main b{font-size:16.8px}
.meta{font-size:12px;color:var(--muted);line-height:1.5}
.meta .retail{color:var(--muted)}
.meta .retail s{opacity:.9}
.btn{height:44px;border-radius:100px;background:var(--accent);color:#fff;font-weight:600;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px;width:100%}
.btn:active{background:var(--accent-press)}
.btn.small{height:38px;font-size:14px;margin-top:auto}
.card .btn.small{margin-top:10px}
.btn.outline{background:var(--surface);color:var(--accent);border:1.5px solid var(--accent)}
.btn.dark{background:#0F2A4A}
[data-theme="dark"] .btn.dark{background:#fff;color:#0F2A4A}
.btn:disabled{opacity:.5}

.empty{margin:30px 0;text-align:center;color:var(--muted);background:var(--surface);border-radius:var(--r);padding:36px 20px;box-shadow:var(--shadow)}
.empty .big{font-size:40px;margin-bottom:8px}
.empty h3{margin:0 0 6px;color:var(--text-2);font-size:17px}

/* bottom bar (site t975) */
.bottombar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;background:var(--surface);box-shadow:var(--shadow-bar);padding:6px 0 calc(6px + var(--safe-b))}
.tab{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:12px;color:var(--text-2);letter-spacing:.02em}
.tab svg{width:24px;height:24px}
.tab.active{color:var(--accent)}
.tab .badge{top:-2px;right:calc(50% - 22px)}

/* sheets */
.backdrop{position:fixed;inset:0;background:rgba(13,21,38,.45);z-index:40;backdrop-filter:blur(2px)}
.sheet{position:fixed;left:0;right:0;bottom:0;z-index:50;max-height:94vh;overflow-y:auto;background:var(--bg);border-radius:22px 22px 0 0;transform:translateY(105%);transition:transform .28s cubic-bezier(.2,.8,.2,1);padding-bottom:calc(16px + var(--safe-b));overscroll-behavior:contain}
.sheet.open{transform:none}
.grab{width:40px;height:5px;border-radius:3px;background:var(--line);margin:8px auto 0}
.sheet-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.9);color:#0F2A4A;display:grid;place-items:center;z-index:2;box-shadow:0 2px 10px rgba(0,0,0,.12)}
.sheet-close svg{width:20px;height:20px}
.detail-ph{aspect-ratio:1/1;max-height:52vh;width:100%;margin-top:8px}
.detail-ph.ph img{object-fit:contain;background:#fff}
.pad{padding:16px}
.detail-name{font:700 21px/1.25 Inter;margin:2px 0 12px;color:var(--text-2)}
.box{background:var(--surface);border-radius:var(--r);padding:14px;box-shadow:var(--shadow);margin-bottom:12px}
.box h4{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.tier-row{display:flex;justify-content:space-between;align-items:center;padding:9px 10px;border-radius:12px;font-size:14.5px;color:var(--text)}
.tier-row b{font:700 17px "Space Grotesk",sans-serif;color:var(--price)}
.tier-row.on{background:var(--accent-soft);outline:1.5px solid var(--accent)}
.kv{display:flex;justify-content:space-between;font-size:14px;padding:6px 10px;color:var(--muted)}
.kv b{color:var(--text);font-weight:600}
.desc{white-space:pre-line;line-height:1.55;font-size:14.5px;color:var(--text)}
.colors{display:flex;flex-wrap:wrap;gap:8px}
.colors .chip{height:34px;font-size:13px}
.qty-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.stepper{display:flex;align-items:center;background:var(--surface-2);border-radius:100px;padding:4px}
.stepper button{width:38px;height:38px;border-radius:50%;background:var(--surface);font-size:20px;font-weight:600;color:var(--accent);box-shadow:0 1px 4px rgba(0,0,0,.06)}
.stepper input{width:64px;text-align:center;border:0;background:transparent;font:700 17px "Space Grotesk",sans-serif;outline:0}
.sum{text-align:right}
.sum small{display:block;color:var(--muted);font-size:12px}
.sum b{font:700 20px "Space Grotesk",sans-serif;color:var(--price)}
.hint{font-size:12.5px;color:var(--muted);margin-top:8px}
.hint.warn{color:var(--danger)}
.actions{display:flex;gap:10px;position:sticky;bottom:0;padding:12px 16px calc(4px + var(--safe-b));background:linear-gradient(transparent,var(--bg) 30%)}
.actions .btn{flex:1}

.cart-title{font:700 21px Inter;margin:14px 16px 10px;color:var(--text-2)}
.line{display:flex;gap:12px;background:var(--surface);border-radius:var(--r);padding:10px;box-shadow:var(--shadow);margin:0 16px 10px}
.line .ph{width:72px;height:72px;flex:none;border-radius:12px;aspect-ratio:auto}
.line .ph.empty svg{width:22px;height:22px}
.line-body{flex:1;min-width:0}
.line-name{font-weight:600;font-size:14px;line-height:1.3}
.line-sub{font-size:12px;color:var(--muted);margin:2px 0 6px}
.line-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}
.line .stepper{padding:2px}
.line .stepper button{width:30px;height:30px;font-size:17px}
.line .stepper input{width:48px;font-size:15px}
.line-sum{font:700 15px "Space Grotesk";color:var(--price);white-space:nowrap}
.rm{color:var(--muted-2);font-size:12px;text-decoration:underline;margin-top:4px}
.field{display:block;margin:0 0 10px}
.field span{display:block;font-size:12.5px;color:var(--muted);margin:0 0 5px 4px}
.field input,.field textarea{width:100%;border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:12px 14px;outline:0}
.field input:focus,.field textarea:focus{border-color:var(--accent)}
.field textarea{min-height:72px;resize:vertical}
.total-row{display:flex;justify-content:space-between;align-items:baseline;font-size:15px;margin:4px 2px}
.total-row b{font:700 24px "Space Grotesk";color:var(--price)}
.success{text-align:center;padding:40px 24px}
.success .big{font-size:56px}
.success h3{font-size:21px;margin:10px 0 6px;color:var(--text-2)}
.success p{color:var(--muted);line-height:1.5}
.toast{position:fixed;left:50%;bottom:calc(84px + var(--safe-b));transform:translateX(-50%);background:#0F2A4A;color:#fff;padding:10px 16px;border-radius:100px;font-size:14px;z-index:60;box-shadow:0 8px 24px rgba(0,0,0,.25);max-width:90vw;text-align:center}
.mode-box{margin:0 16px 10px;padding:12px 14px;border-radius:var(--r);background:var(--accent-soft);border:1px solid var(--line)}
.mode-box b{display:block;font-size:15px;color:var(--text-2)}
.mode-box span{display:block;font-size:12.5px;color:var(--muted);margin-top:3px}
.mode-box.opt b{color:var(--ok)}
.mode-box.retail b{color:var(--accent)}
.mode-box.warn{border-color:var(--danger)}
.mode-box.warn b{color:var(--danger)}
.tg-me{font-size:13px;color:var(--text-2);margin:0 4px 12px;line-height:1.4}
.tg-me a{color:var(--accent)}
.tg-me small{display:block;color:var(--muted);font-size:11.5px}
.btn:disabled{opacity:.55;pointer-events:none}
/* model / compatibility line — subtle */
.model{display:flex;align-items:flex-start;gap:4px;margin:3px 0 6px;font-size:12px;line-height:1.35;font-weight:400;color:var(--muted);letter-spacing:.01em}
.model svg{flex:none;width:12px;height:12px;margin-top:1.5px;fill:none;stroke:currentColor;stroke-width:1.6;opacity:.75}
.model span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.model.full{font-size:13px;margin:4px 0 10px}
.model.full span{-webkit-line-clamp:unset;display:block}
.line .model{margin:1px 0 2px;font-size:11.5px}
/* price on request — subtle caption */
.on-req{display:flex;align-items:center;gap:5px;margin:6px 0 10px;font-size:12.5px;font-weight:400;color:var(--muted);line-height:1.35}
.on-req svg{flex:none;width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.6;opacity:.8}
.on-req.big{font-size:14px;margin:2px 0 14px;padding:10px 12px;border-radius:12px;background:var(--accent-soft)}

/* «Акции и товары недели» */
.feat{margin:6px 0 4px}
.feat .section-head{margin-top:6px}
.link-btn{color:var(--accent);font:600 14px Inter,sans-serif;background:none;border:0;padding:4px 2px}
.feat-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,44%);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 10px;margin:0 -2px;scrollbar-width:none}
.feat-row::-webkit-scrollbar{display:none}
.feat-row .card{scroll-snap-align:start}
@media (min-width:640px){.feat-row{grid-auto-columns:minmax(170px,30%)}}
.tab-l{display:block;max-width:100%;padding:0 4px;font-size:11px;line-height:1.15;text-align:center;white-space:normal}
.tab[hidden]{display:none}

/* promo code */
.promo-box{margin:6px 0 12px}
.promo-row{display:flex;gap:8px}
.promo-row input{flex:1;min-width:0;height:42px;border-radius:12px;border:1px solid var(--line,rgba(127,127,127,.25));background:var(--surface);color:var(--text);padding:0 12px;font:500 15px Inter,sans-serif;text-transform:uppercase}
.promo-row .btn.small{margin:0;width:auto;padding:0 14px;height:42px}
.promo-ok{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:12px;background:rgba(52,168,83,.12);color:var(--text);font-size:14px}
.total-row s.old{color:var(--muted);font-weight:500;font-size:.85em;margin-right:4px}

/* profile */
.pf-head{display:flex;gap:14px;align-items:center;background:var(--surface);border-radius:16px;padding:14px;box-shadow:var(--shadow,0 2px 10px rgba(0,0,0,.06))}
.pf-av{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:none;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font:700 22px/1 'Space Grotesk',Inter,sans-serif}
.pf-name{font:700 17px/1.2 'Space Grotesk',Inter,sans-serif;color:var(--text)}
.pf-sub{font-size:13px;color:var(--muted);margin-top:2px}
.pf-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
.pf-stats>div{background:var(--surface);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:4px}
.pf-stats span{font-size:12px;color:var(--muted)} .pf-stats b{font:700 20px/1.1 'Space Grotesk',Inter,sans-serif;color:var(--text)}
.pf-h{margin:16px 2px 8px;font-size:15px;color:var(--text)}
.pf-empty{text-align:center;color:var(--muted);padding:28px 10px;background:var(--surface);border-radius:14px;line-height:1.8}
.pf-order{background:var(--surface);border-radius:14px;margin-bottom:8px;padding:0 12px}
.pf-order summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;cursor:pointer}
.pf-order summary::-webkit-details-marker{display:none}
.pf-order summary div{display:flex;flex-direction:column;gap:2px;color:var(--text)} .pf-order summary span{font-size:12px;color:var(--muted)}
.pf-sum{color:var(--price);white-space:nowrap}
[data-theme="dark"] .pf-sum{color:var(--text)}
.pf-lines{border-top:1px solid var(--line,#E5E9F2);padding:8px 0}
.pf-line{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:4px 0;color:var(--text-2)} .pf-line span:last-child{white-space:nowrap;color:var(--muted)}
.pf-order .btn{margin:4px 0 12px;width:100%}
.bottombar .tab{font-size:11px}

/* leaderboard */
.lb{background:var(--surface);border-radius:14px;padding:4px 12px}
.lb-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line,#E5E9F2);color:var(--text)}
.lb-row:last-child{border-bottom:0}
.lb-row.me{background:var(--accent-soft);margin:0 -12px;padding:9px 12px;border-radius:10px;border-bottom:0}
[data-theme="dark"] .lb-row.me{background:rgba(30,120,230,.25)}
.lb-pl{width:26px;text-align:center;font-weight:700;color:var(--muted);font-size:15px}
.lb-av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2,#EEF1F7);font-size:15px;flex:none}
.lb-row.me .lb-av{background:var(--accent);color:#fff}
.lb-nm{flex:1;display:flex;flex-direction:column;font-size:14px} .lb-nm i{font-style:normal;font-size:12px;color:var(--muted)}
.lb-row b{white-space:nowrap}
.lb-mine{margin-top:8px;text-align:center;font-size:13px;color:var(--muted);background:var(--surface);border-radius:12px;padding:10px}
.lb-mine b{color:var(--text)}

/* filter */
.search-row{display:flex;gap:8px;align-items:center;margin:14px 0 10px}
.search-row .search{margin:0;flex:1;min-width:0}
.filter-btn{position:relative;flex:none;height:46px;padding:0 14px;border-radius:100px;background:var(--surface);border:1px solid var(--line);color:var(--text-2);font-weight:600;font-size:14px;display:flex;align-items:center;gap:6px}
.filter-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.filter-btn.on{background:var(--accent);border-color:var(--accent);color:#fff}
.filter-btn .badge{top:-4px;right:-4px}
.flt .chip i{font-style:normal;opacity:.6;font-weight:500;margin-left:2px}
.flt-price{display:flex;gap:10px}
.flt-price label{flex:1;min-width:0;display:flex;align-items:center;gap:8px;background:var(--surface-2);border-radius:12px;padding:0 12px;height:46px}
.flt-price span{color:var(--muted);font-size:14px}
.flt-price input{flex:1;min-width:0;width:100%;border:0;background:transparent;outline:0;font:600 16px Inter}
.flt-cats{max-height:260px;overflow-y:auto}
.flt-toggle{display:flex;align-items:center;justify-content:space-between;font-weight:600;color:var(--text);cursor:pointer}
.flt-toggle input{display:none}
.flt-toggle i{width:48px;height:28px;border-radius:14px;background:var(--line);position:relative;transition:background .2s}
.flt-toggle i::after{content:'';position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s}
.flt-toggle input:checked+i{background:var(--accent)}
.flt-toggle input:checked+i::after{transform:translateX(20px)}

/* bonus promo */
.bonus-banner{display:flex;align-items:center;gap:12px;width:100%;margin:14px 0 4px;padding:14px;border-radius:18px;background:linear-gradient(135deg,#FF7A45 0%,#FF3D7F 100%);color:#fff;text-align:left;box-shadow:var(--shadow)}
.bonus-banner[hidden]{display:none}
.bb-ico{font-size:34px;flex:none}
.bb-txt{flex:1;min-width:0}
.bb-kick{font:700 11px Inter;letter-spacing:.08em;text-transform:uppercase;opacity:.85}
.bb-txt b{display:block;font:700 16px/1.25 Inter;margin:2px 0 4px}
.bb-txt span{display:block;font-size:12.5px;line-height:1.4;opacity:.95}
.bb-go{font-size:28px;opacity:.8;flex:none}
.bonus-box{display:flex;gap:10px;margin:0 16px 12px;padding:12px 14px;border-radius:14px;background:var(--surface);box-shadow:var(--shadow);border-left:4px solid #FF5A5F;cursor:pointer}
.bonus-ico{font-size:24px}
.bonus-box b{display:block;color:var(--text);font-size:14.5px}
.bonus-box span{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}
.bonus-box small{display:block;color:var(--muted-2);font-size:11.5px;margin-top:6px}
.bonus-bar{height:6px;border-radius:3px;background:var(--surface-2);margin-top:8px;overflow:hidden}
.bonus-bar i{display:block;height:100%;background:linear-gradient(90deg,#FF7A45,#FF3D7F);border-radius:3px}
.bonus-hero{text-align:center;padding:18px 8px 6px}
.bonus-hero .big{font-size:52px}
.bonus-hero h3{margin:6px 0;font:700 20px/1.25 Inter;color:var(--text-2)}
.bonus-hero p{margin:0 0 14px;color:var(--muted);line-height:1.5}
.bonus-list{margin:0;padding-left:18px;line-height:1.55;color:var(--text);font-size:14.5px}
.bonus-list li{margin:4px 0}

/* ================= Apple / iOS look & motion ================= */
:root{--spring:cubic-bezier(.32,.72,0,1);--dur:.42s;--ios-green:#34C759;--seg-track:rgba(118,118,128,.12);--seg-pill:#fff}
[data-theme=dark]{--seg-track:rgba(118,118,128,.24);--seg-pill:#636366}
html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}
.sheet,.flt-cats,.chips,.colors{-webkit-overflow-scrolling:touch}
/* iOS switch 51×31 */
.ios-sw,.flt-toggle i{position:relative;display:inline-block;flex:none;width:51px;height:31px;border-radius:16px;background:rgba(120,120,128,.16);box-shadow:inset 0 0 0 1.5px rgba(120,120,128,.08);transition:background-color .3s var(--spring)}
[data-theme=dark] .ios-sw,[data-theme=dark] .flt-toggle i{background:rgba(120,120,128,.36)}
.ios-sw>i,.flt-toggle i::after{content:'';position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 3px 8px rgba(0,0,0,.15),0 3px 1px rgba(0,0,0,.06),0 0 0 .5px rgba(0,0,0,.04);transition:transform .45s var(--spring),width .25s var(--spring);display:grid;place-items:center}
.ios-sw.on,.flt-toggle input:checked+i{background:var(--ios-green)!important}
.ios-sw.on>i,.flt-toggle input:checked+i::after{transform:translateX(20px)}
.ios-sw>i svg{width:15px;height:15px;stroke:#8E8E93;fill:none;stroke-width:2}
.ios-sw.on>i svg{stroke:#34C759}
.flt-toggle:active i::after,.theme-sw:active .ios-sw>i{width:33px}
.flt-toggle:active input:checked+i::after,.theme-sw:active .ios-sw.on>i{transform:translateX(14px)}
.icon-btn.theme-sw{width:auto;height:auto;border-radius:16px;padding:0}
.icon-btn.theme-sw:active{background:none}
/* segmented control with sliding pill */
.seg{position:relative;isolation:isolate}
.seg>.seg-pill{position:absolute;left:0;top:0;z-index:-1;border-radius:100px;background:var(--seg-pill);box-shadow:0 3px 8px rgba(0,0,0,.12),0 3px 1px rgba(0,0,0,.04);transition:transform var(--dur) var(--spring),width var(--dur) var(--spring),height var(--dur) var(--spring),opacity .2s;pointer-events:none}
.chips.seg,.colors.seg{background:var(--seg-track);border-radius:20px;padding:3px}
.chips.seg{margin:0 0 6px;padding:3px;gap:2px}
.colors.seg{gap:2px}
.seg>.chip{background:transparent!important;border-color:transparent!important;color:var(--text-2);transition:color .3s var(--spring)}
.seg>.chip.active{color:var(--text)!important}
/* sheets as iOS sheet */
.sheet{transition:transform .5s var(--spring);will-change:transform;border-radius:14px 14px 0 0}
.sheet.dragging{transition:none}
.backdrop{animation:bd-in .4s var(--spring);transition:opacity .3s var(--spring)}
@keyframes bd-in{from{opacity:0}}
.grab{width:36px;height:5px;border-radius:3px;background:rgba(120,120,128,.35)}
/* press feedback */
button:not(.tab),.card,.btn,.chip{transition:transform .25s var(--spring),background-color .2s,color .2s,opacity .2s;-webkit-tap-highlight-color:transparent}
button:not(.tab):active,.btn:active,.chip:active,.card:active{transform:scale(.97)}
.stepper button:active{transform:scale(.9)}
/* view transitions */
#app.view-in{animation:view-in .4s var(--spring)}
@keyframes view-in{from{opacity:0;transform:translateY(10px)}}
.toast{transition:opacity .3s var(--spring),transform .4s var(--spring)}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .sheet{transition:opacity .2s!important}
}

/* tab bar: static, as before the Apple rework */
#tabbar{transform:none!important;transition:none!important;animation:none!important;will-change:auto}
#tabbar>.seg-pill{display:none!important}

/* ===== «Акции»: подарочный ценник ===== */
.card.gift{box-shadow:0 0 0 2px #FFC93C,var(--shadow)}
.card.gift .ph{position:relative}
.card.gift .ph::after{content:'🎁 Акция';position:absolute;top:8px;left:8px;padding:4px 9px;border-radius:100px;background:linear-gradient(135deg,#FF2D55,#FF7A00);color:#fff;font:800 11px Inter;letter-spacing:.02em;box-shadow:0 3px 10px rgba(255,45,85,.35)}
.tiers.gift-tag{position:relative;margin:10px 0 8px;padding:10px 30px 9px 10px;border-radius:14px;background:linear-gradient(135deg,#FF2D55 0%,#FF5E3A 55%,#FF9500 100%);box-shadow:0 6px 16px rgba(255,45,85,.28);overflow:visible;gap:3px}
.tiers.gift-tag::before{content:'';position:absolute;top:0;bottom:0;right:14px;width:9px;background:linear-gradient(180deg,#FFE27A,#FFC93C);box-shadow:0 0 0 1px rgba(255,255,255,.25)}
.tiers.gift-tag .gift-bow{position:absolute;top:-13px;right:4px;font-size:22px;line-height:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}
.tiers.gift-tag .tier{color:rgba(255,255,255,.92);font-weight:700;font-size:12px;position:relative}
.tiers.gift-tag .tier b{color:#fff;font:800 15px "Space Grotesk",sans-serif;text-shadow:0 1px 2px rgba(120,0,20,.35)}
.tiers.gift-tag .tier.main b{font-size:21px}
.tiers.gift-tag .tier:last-child b{font-size:18px}

/* ===== Галерея фото в карточке (несколько фото на цвет) ===== */
.detail-ph.gal{position:relative;display:block}
.gal-track{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain}
.gal-track::-webkit-scrollbar{display:none}
.gal-track img{flex:0 0 100%;width:100%;height:100%;object-fit:contain;background:#fff;scroll-snap-align:center;scroll-snap-stop:always}
.gal-dots{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:6px;pointer-events:none}
.gal-dots i{width:7px;height:7px;border-radius:50%;background:rgba(0,0,0,.22);box-shadow:0 0 0 1px rgba(255,255,255,.7);transition:background .2s,transform .2s}
.gal-dots i.on{background:var(--accent,#007AFF);transform:scale(1.15)}

.colors .chip.off{opacity:.35;text-decoration:line-through}

/* admin: создание накладной */
.ai-entry{display:flex;align-items:center;gap:12px;width:100%;margin-top:12px;padding:12px 14px;border-radius:16px;background:var(--surface);box-shadow:var(--shadow,0 2px 10px rgba(0,0,0,.06));border-left:4px solid var(--accent);text-align:left;color:var(--text)}
.ai-entry span{font-size:22px} .ai-entry div{flex:1;display:flex;flex-direction:column;gap:2px} .ai-entry i{font-style:normal;font-size:12px;color:var(--muted)} .ai-entry em{font-style:normal;font-size:22px;color:var(--muted)}
.ai-head{display:flex;align-items:center;gap:12px;background:var(--surface);border-radius:16px;padding:12px 14px;margin:4px 40px 12px 0;box-shadow:var(--shadow,0 2px 10px rgba(0,0,0,.06))}
.ai-head .logo-wrap{background:#fff;padding:3px 8px} .ai-t{font-weight:700;font-size:17px} .ai-s{font-size:12px;color:var(--muted)}
.ai-kind{display:flex;gap:8px;margin:0 0 10px;position:relative} .ai-kind .chip{flex:1;justify-content:center}
.ai-note{font-size:13px;line-height:1.45;padding:10px 12px;border-radius:12px;background:var(--accent-soft);margin-bottom:10px}
.ai-note.bonus{background:#FFF1E6;color:#7A3A0A;border:1px solid #FFC79A}
[data-theme="dark"] .ai-note.bonus{background:#3A2614;color:#FFD2AE;border-color:#7A4A22}
.ai-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ai-search{position:relative;margin-bottom:10px} .ai-search input{width:100%;border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:12px 14px;outline:0;color:var(--text)}
.ai-sugg{margin-top:6px;background:var(--surface);border-radius:14px;border:1px solid var(--line);overflow:hidden}
.ai-sugg button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:9px 12px;border-bottom:1px solid var(--line);text-align:left;color:var(--text);font-size:13.5px}
.ai-sugg button:last-child{border-bottom:0} .ai-sugg i{font-style:normal;font-size:12px;color:var(--muted)} .ai-none{display:block;padding:10px 12px}
.ai-line{background:var(--surface);border-radius:14px;padding:10px;margin-bottom:8px;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.ai-ln{display:flex;gap:8px;align-items:center} .ai-ln span{width:20px;text-align:center;color:var(--muted);font-size:13px}
.ai-line input{flex:1;min-width:0;border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:9px 10px;outline:0;color:var(--text)}
.ai-x{width:32px;height:32px;border-radius:50%;color:var(--muted);background:var(--surface-2)}
.ai-lq{display:flex;gap:8px;align-items:flex-end;margin:8px 0 0 28px} .ai-lq label{flex:1;display:flex;flex-direction:column;gap:3px} .ai-lq label span{font-size:11.5px;color:var(--muted)}
.ai-lq b{min-width:90px;text-align:right;padding-bottom:9px;color:var(--price)}
.ai-add{margin:0 0 12px} .ai-total{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:14px;background:var(--accent-soft);margin:4px 0 10px;font-size:16px}
.ai-total b{font-size:19px;color:var(--price)} .ai-err{color:#D93B3B;font-size:13.5px;margin:0 2px 10px}
.btn.ai-bonus-btn{background:#EE7A1A} .btn.ai-bonus-btn:active{background:#D2670E}
.ai-done{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:var(--surface);border-radius:16px;padding:16px;box-shadow:var(--shadow,0 2px 10px rgba(0,0,0,.06))}
.ai-done.bonus{border:1.5px solid #FFC79A} .ai-ok{font-size:34px} .ai-done span{font-size:13px;color:var(--muted);margin-bottom:6px}
.ai-hist{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--surface);border-radius:14px;padding:10px 12px;margin-bottom:8px}
.ai-hist.bonus{border-left:4px solid #EE7A1A} .ai-hist>div:first-child{display:flex;flex-direction:column;gap:3px;min-width:0}
.ai-badge{align-self:flex-start;font-size:11.5px;font-weight:600;color:#B6560A;background:#FFF1E6;border-radius:100px;padding:2px 8px}
.ai-sub{font-size:12px;color:var(--muted)} .ai-hr{display:flex;flex-direction:column;align-items:flex-end;gap:6px} .ai-hr .btn{width:auto;padding:0 14px;height:32px;margin:0}

.ai-psearch{display:flex;gap:8px;margin-bottom:8px} .ai-psearch input{flex:1;min-width:0;border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:11px 14px;outline:0;color:var(--text)} .ai-psearch .btn{width:auto;padding:0 16px;margin:0;height:44px}
.ai-users{display:flex;flex-direction:column;background:var(--surface);border-radius:14px;max-height:240px;overflow-y:auto;margin-bottom:6px}
.ai-user{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--line);text-align:left;color:var(--text)} .ai-user:last-child{border-bottom:0}
.ai-user span:last-child,.ai-pn{display:flex;flex-direction:column;gap:1px;font-size:14px;min-width:0} .ai-user i,.ai-pn i{font-style:normal;font-size:12px;color:var(--muted)}
.ai-av{position:relative;flex:none;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#4DA0FF,#1E78E6);color:#fff;display:grid;place-items:center;overflow:hidden;font-size:18px}
.ai-av.sm{width:36px;height:36px;font-size:15px} .ai-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ai-person{display:flex;align-items:center;gap:12px;background:var(--surface);border-radius:14px;padding:10px 12px;margin-bottom:6px;border:1.5px solid #FFC79A} .ai-person .ai-pn{flex:1;font-weight:600}
.ai-person.in{border:0;background:#FFF5EC;margin:8px 0} [data-theme="dark"] .ai-person.in{background:#3A2614} .ai-pk{font-size:11.5px;color:#B6560A;font-weight:600;text-transform:uppercase;letter-spacing:.03em}
.ai-doc{background:var(--surface);border-radius:16px;padding:14px;box-shadow:var(--shadow,0 2px 10px rgba(0,0,0,.06));margin-bottom:10px} .ai-doc.bonus{border:1.5px solid #FFC79A}
.ai-doc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px} .ai-doc-top .logo-wrap{background:#fff;padding:3px 8px 3px 0}
.ai-stamp{border:2px solid #EE7A1A;color:#EE7A1A;background:#FFF1E6;font-weight:800;font-size:12px;letter-spacing:.06em;padding:4px 10px;border-radius:6px;transform:rotate(-4deg)}
.ai-doc-t{font-weight:800;font-size:18px} .ai-doc-d{font-size:12px;color:var(--muted);margin:2px 0 8px}
.ai-ntf{font-size:12.5px;padding:8px 10px;border-radius:10px;margin-bottom:8px} .ai-ntf.ok{background:#E9F8EE;color:#1E7A3D} .ai-ntf.bad{background:#FFF1E6;color:#9A4A0A}
.ai-kv{display:flex;gap:10px;font-size:13px;padding:3px 0} .ai-kv span{width:92px;flex:none;color:var(--muted)} .ai-doc-note{font-size:12.5px;color:var(--muted);margin:4px 0}
.ai-tbl{margin:10px 0 6px;border-top:1px solid var(--line);font-size:12.5px}
.ai-tr{display:grid;grid-template-columns:16px minmax(0,1fr) 42px 68px 72px;gap:5px;font-size:12px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line)} .ai-tr span:nth-child(n+3){text-align:right}
.ai-tr.h{font-weight:700;background:var(--surface-2);padding:6px 2px;border-radius:6px 6px 0 0}
.ai-pe{width:100%;text-align:right;border:1.5px solid var(--accent);border-radius:8px;padding:6px;background:var(--accent-soft);color:var(--text);outline:0;font-weight:600}
.ai-doc-tot{text-align:right;font-size:15px;margin:8px 0 12px} .ai-doc-tot b{font-size:18px;color:var(--price)}
.ai-row{display:flex;gap:8px;margin-top:8px} .ai-row .btn{flex:1}
button.ai-hist{width:100%;text-align:left;color:var(--text)} .ai-hist>div{flex:1}

/* ===== tab bar v2: floating liquid-glass capsule ===== */
#tabbar{--tb-acc:var(--tg-theme-button-color,var(--accent));left:10px;right:10px;bottom:calc(8px + var(--safe-b));padding:5px;border-radius:30px;
 background:rgba(255,255,255,.62);backdrop-filter:blur(22px) saturate(1.9);-webkit-backdrop-filter:blur(22px) saturate(1.9);
 box-shadow:0 10px 34px rgba(16,24,48,.16),0 1px 3px rgba(16,24,48,.08),inset 0 0 0 .5px rgba(255,255,255,.9),inset 0 1px 0 rgba(255,255,255,.95);
 touch-action:pan-x;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
:root[data-theme=dark] #tabbar{background:rgba(28,30,40,.6);box-shadow:0 10px 34px rgba(0,0,0,.45),inset 0 0 0 .5px rgba(255,255,255,.14),inset 0 1px 0 rgba(255,255,255,.12)}
body{padding-bottom:calc(92px + var(--safe-b))!important}
#tabbar .tab{z-index:2;color:var(--text);padding:6px 0 5px;transition:color .28s ease!important}
#tabbar .tab.active{color:var(--tb-acc)}
#tabbar .tab svg{will-change:transform;transition:fill .28s ease!important}
#tabbar .tab.active svg{fill:color-mix(in srgb,var(--tb-acc) 22%,transparent)}
#tabbar .tab .badge{z-index:4;box-shadow:0 0 0 2px var(--surface)}
#tabbar .badge.pop{animation:tbPop .45s cubic-bezier(.3,1.8,.5,1)!important}
@keyframes tbPop{0%{transform:scale(.4)}60%{transform:scale(1.25)}100%{transform:scale(1)}}
.tb-pill,.tb-bubble,.tb-ring{position:absolute;left:0;top:5px;bottom:5px;border-radius:999px;pointer-events:none;will-change:transform}
.tb-pill{z-index:1;background:rgba(120,120,128,.16);box-shadow:inset 0 0 0 .5px rgba(120,120,128,.12)}
:root[data-theme=dark] .tb-pill{background:rgba(255,255,255,.13)}
.tb-ring{z-index:1;border:2px solid var(--tb-acc);opacity:0}
.tb-bubble{z-index:3;top:-4px;bottom:-4px;opacity:0;
 background:radial-gradient(120% 90% at 28% 18%,rgba(255,255,255,.75) 0,rgba(255,255,255,.18) 28%,rgba(255,255,255,.04) 60%,rgba(255,255,255,.14) 100%);
 backdrop-filter:blur(1.5px) saturate(1.8) brightness(1.06);-webkit-backdrop-filter:blur(1.5px) saturate(1.8) brightness(1.06);
 box-shadow:0 10px 26px rgba(0,0,0,.2),inset 0 0 0 1px rgba(255,255,255,.55),inset 0 -6px 12px rgba(255,255,255,.12),inset 0 4px 10px rgba(255,255,255,.35)}
.tb-bubble::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:conic-gradient(from 210deg,#ff4d6d,#ffb84d,#f9ff4d,#4dff9a,#4dd2ff,#7a5cff,#ff4dd8,#ff4d6d);opacity:.55;filter:blur(.4px);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.tb-bubble::after{content:"";position:absolute;left:14%;top:9%;width:38%;height:26%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.95),rgba(255,255,255,0));filter:blur(1px)}
#tabbar.dragging .tab.under{color:var(--tb-acc)}
#tabbar.dragging .tab.under .tab-l,#tabbar.dragging .tab.under{text-shadow:0 0 .5px currentColor}
@media (prefers-reduced-motion:reduce){#tabbar .tab,#tabbar .tab svg{transition:none!important}#tabbar .badge.pop{animation:none!important}}

/* ===== 📊 Анализ накладных (admin) ===== */
.ia-entry{border-left-color:#34C759}
.ia-logo{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:22px;background:linear-gradient(135deg,#34C759,#30B0C7)}
.ia-seg{display:flex;padding:3px;border-radius:12px;background:rgba(120,120,128,.14);margin-bottom:12px}
.ia-seg button{flex:1;padding:8px 4px;border-radius:9px;font:600 13px/1.2 Inter,sans-serif;color:var(--text)}
.ia-seg button.on{background:var(--surface);box-shadow:0 2px 8px rgba(0,0,0,.12)}
.ia-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-bottom:8px}
.ia-chips button{flex:none;padding:6px 12px;border-radius:999px;background:var(--surface);font-size:13px;color:var(--text);box-shadow:inset 0 0 0 1px rgba(120,120,128,.2)}
.ia-chips button.on{background:var(--accent);color:#fff;box-shadow:none}
.ia-inc{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:var(--text-2);margin:2px 2px 10px}
.ia-inc label{display:flex;align-items:center;gap:5px}.ia-inc input{accent-color:var(--accent)}
.ia-tot{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.ia-tot div{background:var(--surface);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:2px;box-shadow:var(--shadow,0 2px 10px rgba(0,0,0,.06))}
.ia-tot span{font-size:11px;color:var(--text-2)}.ia-tot b{font-size:16px;white-space:nowrap}
.ia-list{background:var(--surface);border-radius:16px;overflow:hidden;box-shadow:var(--shadow,0 2px 10px rgba(0,0,0,.06))}
.ia-cust,.ia-prod{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;text-align:left;color:var(--text);border-bottom:.5px solid rgba(120,120,128,.18)}
.ia-cust:last-child,.ia-prod:last-child{border-bottom:0}
.ia-cm,.ia-pm{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ia-cm b,.ia-pm b{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ia-cm i,.ia-pm i,.ia-cr i{font-style:normal;font-size:12px;color:var(--text-2)}
.ia-cr{display:flex;flex-direction:column;align-items:flex-end;gap:2px;white-space:nowrap}.ia-cr b{font-size:14px}
.ia-rank{width:20px;font-size:12px;color:var(--text-2);text-align:center;flex:none}
.ia-q{font-size:17px;white-space:nowrap;text-align:right}.ia-q i{font-style:normal;font-size:11px;color:var(--text-2);margin-left:2px}
.ia-bar{height:4px;border-radius:2px;background:rgba(120,120,128,.15);overflow:hidden;margin-top:3px}.ia-bar span{display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,#34C759,#30B0C7)}
.ia-free{font-style:normal;color:#FF9500}
.ia-ptools{display:flex;gap:8px;margin-bottom:10px}.ia-ptools input,.ia-ptools select{flex:1;min-width:0;padding:10px 12px;border-radius:12px;background:var(--surface);color:var(--text);border:1px solid rgba(120,120,128,.25);font-size:14px}.ia-ptools select{flex:none;width:140px}
.ia-back{color:var(--accent);font-weight:600;font-size:15px;padding:4px 0 10px}
.ia-chead{display:flex;align-items:center;gap:12px;margin-bottom:12px}.ia-chead div{display:flex;flex-direction:column}.ia-chead b{font-size:19px}.ia-chead i{font-style:normal;font-size:13px;color:var(--text-2)}
.ai-av.lg{width:60px;height:60px;font-size:24px}
.ia-doc{background:var(--surface);border-radius:14px;margin-bottom:8px;box-shadow:var(--shadow,0 2px 10px rgba(0,0,0,.06));overflow:hidden}
.ia-doc summary{display:flex;justify-content:space-between;gap:10px;padding:11px 12px;list-style:none;cursor:pointer}.ia-doc summary::-webkit-details-marker{display:none}
.ia-doc summary div,.ia-doc summary span{display:flex;flex-direction:column;gap:2px}.ia-doc summary span{align-items:flex-end;white-space:nowrap}
.ia-doc summary i{font-style:normal;font-size:12px;color:var(--text-2)}
.ia-dl{padding:0 12px 8px}.ia-dl div{display:grid;grid-template-columns:1fr auto;gap:0 8px;padding:6px 0;border-top:.5px solid rgba(120,120,128,.18);font-size:13px}
.ia-dl i{font-style:normal;color:var(--text-2);font-size:12px}.ia-dl b{grid-column:2;grid-row:1 / span 2;align-self:center}
.ia-del{margin:0 12px 12px}
.ia-card{background:var(--surface);border-radius:16px;padding:12px;margin-bottom:12px;box-shadow:var(--shadow,0 2px 10px rgba(0,0,0,.06))}.ia-card h4{margin:0 0 10px;font-size:15px}
.ia-drop{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 10px;border:2px dashed rgba(120,120,128,.35);border-radius:14px;text-align:center;cursor:pointer}
.ia-drop span{font-size:28px}.ia-drop i{font-style:normal;font-size:12px;color:var(--text-2)}
.ia-files{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.ia-files div{position:relative;border-radius:10px;overflow:hidden;background:rgba(120,120,128,.12);aspect-ratio:3/4;display:flex;flex-direction:column;align-items:center;justify-content:center}
.ia-files img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ia-files span{font-size:30px}
.ia-files i{position:absolute;left:0;right:0;bottom:0;font-style:normal;font-size:10px;padding:3px 5px;background:rgba(0,0,0,.55);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ia-files .ai-x{position:absolute;top:4px;right:4px;background:rgba(0,0,0,.55);color:#fff}
.ia-who{display:flex;align-items:center;gap:8px;margin-bottom:6px}.ia-who i{font-style:normal;color:var(--text-2);font-size:13px}
.ia-src{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.ia-src span{font-size:11px;padding:3px 8px;border-radius:999px;background:rgba(120,120,128,.14);color:var(--text-2)}
.ia-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ia-sum{font-size:13px;color:var(--text-2);margin-top:4px}
.ia-line{background:var(--surface);border-radius:14px;padding:10px;margin-bottom:8px;box-shadow:var(--shadow,0 2px 10px rgba(0,0,0,.06))}
.ia-lt{display:flex;gap:6px;align-items:flex-start}.ia-lt textarea{flex:1;resize:none;field-sizing:content;min-height:22px;border:0;background:transparent;color:var(--text);font:600 14px/1.35 Inter,sans-serif;padding:2px 0}
.ia-match{display:block;width:100%;text-align:left;margin:6px 0;padding:7px 10px;border-radius:10px;font-size:12px;line-height:1.3}
.ia-match em,.ia-sc{font-style:normal;font-weight:700;margin-left:4px}
.ia-match.ok{background:rgba(52,199,89,.13);color:#1f8f3f}.ia-match.mid{background:rgba(255,204,0,.18);color:#9a7400}.ia-match.low{background:rgba(255,59,48,.12);color:#c4291f}.ia-match.none{background:rgba(255,149,0,.12);color:#c46a00}
:root[data-theme=dark] .ia-match.ok{color:#5ee08a}:root[data-theme=dark] .ia-match.mid{color:#ffd54d}:root[data-theme=dark] .ia-match.low{color:#ff7d74}:root[data-theme=dark] .ia-match.none{color:#ffae4d}
.ia-sc.ok{color:#34C759}.ia-sc.mid{color:#d4a300}.ia-sc.low{color:#FF3B30}
.ia-msearch{display:flex;flex-direction:column;gap:2px;margin-bottom:6px;padding:6px;border-radius:12px;background:rgba(120,120,128,.08)}
.ia-msearch input{padding:9px 10px;border-radius:10px;border:1px solid rgba(120,120,128,.25);background:var(--surface);color:var(--text);font-size:14px;margin-bottom:4px}
.ia-msearch button{text-align:left;padding:8px;border-radius:8px;font-size:13px;color:var(--text)}.ia-msearch button:active{background:rgba(120,120,128,.15)}.ia-unl{color:var(--text-2)!important}
.ia-nums{display:grid;grid-template-columns:80px 1fr auto;gap:8px;align-items:end}
.ia-nums label{display:flex;flex-direction:column;gap:2px;font-size:11px;color:var(--text-2)}
.ia-nums input{padding:8px;border-radius:10px;border:1px solid rgba(120,120,128,.25);background:var(--bg);color:var(--text);font-size:15px;width:100%;box-sizing:border-box}
.ia-nums b{padding-bottom:8px;white-space:nowrap}
.ia-actions{display:grid;grid-template-columns:1fr 2fr;gap:8px;margin-top:10px}
.ia-note{font-size:12px;color:var(--text-2);text-align:center;margin:10px 0 0}
.ia-load{display:flex;align-items:center;gap:8px;justify-content:center;padding:20px;color:var(--text-2)}
.spin{display:inline-block;width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:iaSpin .7s linear infinite;vertical-align:-3px}
@keyframes iaSpin{to{transform:rotate(360deg)}}
.ia-body{animation:iaIn .25s ease}@keyframes iaIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.ia-body{animation:none}}
#iaSheet{min-height:92vh}
.ia-seg button{position:relative;font-size:12.5px}
.ia-bdg{position:absolute;top:-5px;right:2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--danger,#FF3B30);color:#fff;font:700 11px/18px Inter,sans-serif;font-style:normal;animation:tbPop .45s cubic-bezier(.3,1.8,.5,1)}
.ia-st{display:inline-block;align-self:flex-start;margin-top:3px;padding:2px 8px;border-radius:999px;font:600 11px/1.5 Inter,sans-serif;font-style:normal}
.ia-st.none{background:rgba(255,149,0,.15);color:#c46a00}.ia-st.partial{background:rgba(255,204,0,.2);color:#9a7400}.ia-st.full{background:rgba(52,199,89,.15);color:#1f8f3f}
:root[data-theme=dark] .ia-st.none{color:#ffae4d}:root[data-theme=dark] .ia-st.partial{color:#ffd54d}:root[data-theme=dark] .ia-st.full{color:#5ee08a}
.ia-shipbar{display:flex;flex-wrap:wrap;gap:8px;padding:0 12px 12px}
.ia-shipinfo{margin:0 12px 10px;padding:8px 10px;border-radius:10px;background:rgba(52,199,89,.1);font-size:12px}
.ia-shipform{margin:0 12px 12px;padding:10px;border-radius:12px;background:rgba(120,120,128,.08);display:flex;flex-direction:column;gap:8px}
.ia-shipform>label:not(.field){display:grid;grid-template-columns:1fr 70px auto;gap:8px;align-items:center;font-size:13px}
.ia-shipform>label input{padding:7px;border-radius:9px;border:1px solid rgba(120,120,128,.25);background:var(--surface);color:var(--text);font-size:15px;width:100%;box-sizing:border-box}
.ia-shipform>label i{font-style:normal;font-size:12px;color:var(--text-2)}
.ai-hist .ia-st{margin:2px 0 0 4px}
@media (prefers-reduced-motion:reduce){.ia-bdg{animation:none}}
.ai-lq label{min-width:0}.ai-lq input{width:100%;box-sizing:border-box}.ai-lq b{min-width:72px;white-space:nowrap}
.ia-confirm{position:fixed;inset:0;z-index:200;display:flex;align-items:flex-end;background:rgba(0,0,0,.4);animation:iaFade .2s ease}
.ia-confirm>div{width:100%;background:var(--bg);border-radius:22px 22px 0 0;padding:20px 16px calc(16px + var(--safe-b));animation:iaUp .28s cubic-bezier(.2,.8,.2,1)}
.ia-confirm h4{margin:0 0 6px;font-size:18px}.ia-confirm p{margin:0 0 6px;color:var(--text-2);font-size:14px}
.ia-confirm .warn{color:#c4291f;background:rgba(255,59,48,.1);padding:8px 10px;border-radius:10px;font-size:13px;margin:8px 0}
.ia-confirm .btn{width:100%;margin-top:8px}.ia-danger{background:#FF3B30!important;color:#fff!important;border-color:#FF3B30!important}
@keyframes iaFade{from{opacity:0}}@keyframes iaUp{from{transform:translateY(100%)}}
.ai-histw{display:flex;align-items:center;gap:6px}.ai-histw .ai-hist{flex:1;min-width:0}.ai-hdel{flex:none;width:38px;height:38px;border-radius:12px;background:rgba(255,59,48,.1);color:#FF3B30;font-size:16px}
.search{position:relative}.search input{min-width:0;width:100%}.live-search{position:absolute;top:calc(100% + 8px);left:0;right:-80px;z-index:45;max-height:min(440px,60vh);overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 40px #0002;padding:6px}.live-search[hidden]{display:none}.live-search button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:transparent;color:var(--text);padding:10px;border:0;border-radius:14px;font:inherit;font-size:13px;min-height:62px}.live-search button:hover,.live-search button[aria-selected=true]{background:var(--bg)}.live-search img{width:42px;height:48px;object-fit:contain;border-radius:8px;background:#fff;flex:none}.live-search small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.live-search mark{background:#007aff20;color:inherit;border-radius:3px}.live-search-empty{padding:22px 12px;text-align:center;color:var(--muted)}

/* ===== Мир Аксессуаров: вход и админ-панель товаров ===== */
.au-tabs{margin:0 0 12px}.au-form .btn{margin-top:4px}
.ap-entry{border-left-color:var(--accent)}.ao-entry{border-left-color:#FF9500}.as-entry{border-left-color:#8E8E93}
.ap-add{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:4px 0 12px}
.ap-way{display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 6px;border-radius:16px;background:var(--surface);box-shadow:var(--shadow);text-align:center}
.ap-way span{font-size:24px}.ap-way b{font-size:14px}.ap-way i{font-style:normal;font-size:11px;color:var(--muted);line-height:1.25}
.ap-way:active{transform:scale(.97)}
.ap-bar{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted);margin:6px 2px}
.ap-danger{color:var(--danger)!important}
.ap-list{display:flex;flex-direction:column;gap:8px}
.ap-item{display:flex;align-items:center;gap:8px;background:var(--surface);border-radius:14px;padding:8px;box-shadow:var(--shadow)}
.ap-item.off{opacity:.55}
.ap-ck input{width:20px;height:20px;accent-color:var(--accent)}
.ap-open{flex:1;min-width:0;display:flex;gap:10px;align-items:center;text-align:left}
.ap-open img,.ap-noph{width:52px;height:52px;border-radius:10px;object-fit:cover;flex:none;background:var(--surface-2);display:grid;place-items:center;font-size:22px}
.ap-open div{min-width:0;display:flex;flex-direction:column;gap:2px}
.ap-open b{font-size:14px;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ap-open i{font-style:normal;font-size:12px;color:var(--muted)}
.ap-tags{display:flex;gap:4px;flex-wrap:wrap}.ap-tags em{font-style:normal;font-size:10.5px;padding:1px 7px;border-radius:100px;background:var(--accent-soft);color:var(--accent)}
.ap-tags em.t-off{background:rgba(255,64,83,.12);color:var(--danger)}
.ap-photos{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.ap-ph{position:relative;width:78px;height:78px;border-radius:12px;overflow:hidden;background:var(--surface-2)}
.ap-ph img{width:100%;height:100%;object-fit:cover}.ap-ph .ai-x{position:absolute;top:3px;right:3px;width:24px;height:24px;font-size:12px;background:rgba(0,0,0,.55);color:#fff;border-radius:50%}
.ap-ph.add{display:grid;place-items:center;text-align:center;border:1.5px dashed var(--accent);color:var(--accent);font-weight:600;font-size:13px;cursor:pointer;line-height:1.2}
.ap-tier{margin:8px 0 0}.ap-tier .ai-x{flex:none;margin-bottom:6px}
.ap-flags{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.ap-drop{display:grid;place-items:center;min-height:130px;border:2px dashed var(--accent);border-radius:18px;color:var(--accent);font-weight:600;font-size:16px;cursor:pointer;background:var(--accent-soft);margin:10px 0;text-align:center;padding:12px}
.ap-src{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--muted);margin-bottom:10px}
.ap-pl{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.ap-row{display:flex;gap:8px;align-items:flex-start;background:var(--surface);border-radius:14px;padding:10px;box-shadow:var(--shadow)}
.ap-row.off{opacity:.5}.ap-row>input{width:20px;height:20px;margin-top:8px;accent-color:var(--accent);flex:none}
.ap-rf{flex:1;min-width:0}.ap-rf input{width:100%;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:7px 9px;font-size:14px;outline:0}
.ap-nm{font-weight:600}
.ap-rn{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:6px;margin-top:6px}
.ap-rn label{font-size:11px;color:var(--muted);display:flex;flex-direction:column;gap:2px}
.ap-final{display:block;font-style:normal;font-size:12px;color:var(--accent);margin-top:5px;font-weight:600}
.ao-c{font-size:13.5px;line-height:1.7;padding:6px 0}.ao-c a{color:var(--accent)}