*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--page: #0f1420;--card: #1a2233;--text: #eef2f8;--hint: #8b95a7;--accent: #2e6be6;--accent-text: #ffffff;--green: #34c07d;--amber: #e6a23c;--red: #e46a6a;--card-border: transparent;--card-shadow: none;--fit-bg: rgba(46, 168, 107, .15);--fit-text: #34c07d;--order-bg: rgba(217, 144, 0, .15);--order-text: #e6a23c;--warn-bg: rgba(217, 60, 60, .14);--warn-text: #e46a6a;--input-border: rgba(139, 149, 167, .25);--gold: #d7bd8d;--radius: 14px}:root[data-theme=light]{--page: #f2f4f7;--card: #ffffff;--text: #101828;--hint: #667085;--accent: #2e6be6;--green: #1e7a4d;--amber: #9a6b00;--red: #b3261e;--card-border: rgba(16, 24, 40, .08);--card-shadow: 0 1px 3px rgba(16, 24, 40, .07);--fit-bg: #e3f4ea;--fit-text: #1e7a4d;--order-bg: #fdf0d9;--order-text: #9a6b00;--warn-bg: #fde4e2;--warn-text: #b3261e;--input-border: rgba(16, 24, 40, .16);--gold: #8a6d3b}:root{--bg: var(--page);--bg2: var(--card)}body{font-family:-apple-system,SF Pro Text,Roboto,Segoe UI,sans-serif;background:var(--bg);color:var(--text);font-size:16px;line-height:1.45}#root{max-width:520px;margin:0 auto;padding:16px 16px 90px}.logo{font-size:20px;font-weight:800;letter-spacing:2px;margin-bottom:2px}.logo span{color:var(--accent)}.hint{color:var(--hint);font-size:13px}.card{background:var(--card);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:var(--radius);padding:14px;margin-top:12px}.hero{text-align:center;padding:28px 16px}.hero .emoji{font-size:44px}.hero h2{font-size:19px;margin:10px 0 6px}.btn{display:block;width:100%;background:var(--accent);color:var(--accent-text);border:none;border-radius:12px;padding:14px;font-size:16px;font-weight:700;margin-top:12px;cursor:pointer}.btn:active{opacity:.8}.btn.secondary{background:var(--card);border:1px solid var(--card-border);color:var(--text)}.btn.small{padding:10px;font-size:14px;margin-top:8px}.btn:disabled{opacity:.5}.list-item{display:flex;align-items:center;justify-content:space-between;background:var(--card);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:12px;padding:13px 14px;margin-top:8px;cursor:pointer;width:100%;color:var(--text);font-size:15px;text-align:left}.list-item:active{opacity:.75}.list-item .sub{color:var(--hint);font-size:12.5px;margin-top:2px}.chev{color:var(--hint)}.product{margin-top:10px}.product-photo{width:100%;height:170px;object-fit:cover;border-radius:10px;margin-bottom:10px;background:var(--page)}.product-photo.small{height:130px}.product .row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.product h3{font-size:15.5px}.price{font-weight:800;white-space:nowrap;color:var(--gold);letter-spacing:.2px}.badge{display:inline-block;font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:20px;margin-top:6px}.badge.fit{background:var(--fit-bg);color:var(--fit-text)}.badge.order{background:var(--order-bg);color:var(--order-text)}.badge.warn{background:var(--warn-bg);color:var(--warn-text)}input,textarea{width:100%;background:var(--card);border:1px solid var(--input-border);border-radius:12px;padding:13px;color:var(--text);font-size:16px;margin-top:10px}input:focus,textarea:focus{outline:none;border-color:var(--accent)}.tabs{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--card);border-top:1px solid var(--card-border);padding-bottom:env(safe-area-inset-bottom)}.tabs button{flex:1;background:none;border:none;color:var(--hint);padding:8px 0 6px;font-size:10.5px;font-weight:500;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px}.tabs button.active{color:var(--accent)}.tabs button.active .ico{stroke-width:2.1}.back{background:none;border:none;color:var(--accent);font-size:15px;padding:0;margin-bottom:10px;cursor:pointer}.title{font-size:18px;font-weight:800;margin:4px 0 10px}.ok-screen{text-align:center;padding:40px 10px}.ok-screen .big{font-size:54px}.muted-line{color:var(--hint);font-size:13px;margin-top:14px;text-align:center}.trust{margin-top:14px}.trust div{font-size:13px;color:var(--hint);padding:3px 0}.ask-link{display:block;text-align:center;color:var(--accent);background:none;border:none;font-size:14px;font-weight:600;margin:14px auto 0;cursor:pointer}.form-hint{font-size:12.5px;color:var(--warn-text);margin-top:8px;text-align:center}.phone-btn{display:block;width:100%;background:var(--card);color:var(--accent);border:1.5px dashed var(--accent);border-radius:12px;padding:12px;font-size:15px;font-weight:700;margin-top:10px;cursor:pointer}.section-label{font-size:12px;font-weight:800;letter-spacing:1px;color:var(--hint);margin-top:16px}.price-old{font-size:11.5px;color:var(--hint);text-decoration:line-through;white-space:nowrap}.card.upsell{border:1.5px solid var(--accent)}.card.upsell s{color:var(--hint)}.prod-descr{font-size:13.5px;line-height:1.5;color:var(--text);opacity:.82;margin-top:10px}.details-toggle{background:none;border:none;color:var(--accent);font-size:13px;font-weight:600;padding:8px 0 2px;cursor:pointer}.specs{margin-top:4px}.spec{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid rgba(139,149,167,.14);font-size:13px}.spec span{color:var(--hint);flex-shrink:0}.spec b{text-align:right;font-weight:600}.spec-note{font-size:12px;color:var(--warn-text);line-height:1.45;padding:8px 0 2px}.product-tap{display:block;width:100%;text-align:left;cursor:pointer;color:var(--text)}.product-tap:active{opacity:.85}.card-more{color:var(--accent);font-size:13px;font-weight:600;margin-top:10px}.pp-photo{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--radius);background:var(--page);margin-top:4px}.pp-title{font-size:20px;font-weight:800;margin:14px 0 4px;line-height:1.25}.pp-price-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px}.pp-price{font-size:22px;font-weight:800;color:var(--gold);letter-spacing:.2px}.variants{margin-top:16px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.chip{background:var(--card);border:1px solid var(--input-border);color:var(--text);border-radius:20px;padding:8px 14px;font-size:14px;cursor:pointer}.ico-wrap{position:relative;display:flex;align-items:center;justify-content:center}.tab-dot{position:absolute;top:-1px;right:-3px;width:7px;height:7px;background:var(--amber);border-radius:50%;box-shadow:0 0 0 2px var(--card)}.tabs .ico{width:23px;height:23px;display:block}.sticky-search{position:sticky;top:0;z-index:5;background:var(--page);margin:0 -16px;padding:8px 16px 10px}.search{margin-top:4px;background:var(--card);border:1px solid var(--input-border)}.scroll-x{display:flex;gap:8px;overflow-x:auto;margin-top:10px;padding-bottom:2px;scrollbar-width:none}.scroll-x::-webkit-scrollbar{display:none}.chip{white-space:nowrap;flex-shrink:0;background:var(--card);border:1px solid var(--input-border);color:var(--text);border-radius:20px;padding:7px 14px;font-size:14px;cursor:pointer}.chip.active{border-color:var(--accent);color:var(--accent);font-weight:600}.segment{display:flex;gap:6px;margin-top:10px;background:var(--card);border-radius:12px;padding:4px}.segment button{flex:1;background:none;border:none;color:var(--hint);padding:8px;font-size:13.5px;font-weight:600;border-radius:9px;cursor:pointer}.segment button.active{background:var(--accent);color:#fff}.track{margin-top:6px}.track:first-child{margin-top:0}.track-head{display:flex;justify-content:space-between;font-size:13px;margin-bottom:6px}.track-head span{color:var(--hint)}.t-ok{color:var(--green)}.t-low{color:var(--amber)}.t-overdue{color:var(--hint)}.t-ordered{color:var(--accent)}.t-none{color:var(--hint);font-weight:500}.bar{height:8px;border-radius:6px;background:#8b95a729;overflow:hidden;box-shadow:inset 0 1px 2px #00000040}.bar.dashed{background:repeating-linear-gradient(90deg,rgba(139,149,167,.25) 0 8px,transparent 8px 16px);box-shadow:none}.bar-fill{height:100%;border-radius:6px;transition:width .6s cubic-bezier(.2,.8,.2,1);background:linear-gradient(90deg,var(--green),#46d68e)}.bar-fill.low{background:linear-gradient(90deg,#c98a2e,var(--amber))}.bar-fill.overdue{background:linear-gradient(90deg,#4a5468,#5f6c85)}.bar-fill.ordered{background:linear-gradient(90deg,var(--accent),#5b8def)}.bar-fill.est{opacity:.6}.garage-card{display:block;width:100%;text-align:left;color:var(--text);cursor:pointer}.garage-card:active{opacity:.85}.garage-bars{margin-top:12px;display:flex;flex-direction:column;gap:12px}.detail-actions{display:flex;gap:8px;margin-top:10px}.detail-actions .btn{flex:1;margin-top:0}.sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:20;display:flex;align-items:flex-end;animation:fade .2s}.sheet{width:100%;max-width:520px;margin:0 auto;background:var(--card);border-radius:18px 18px 0 0;padding:18px 16px 26px;animation:slideup .25s cubic-bezier(.2,.8,.2,1)}.sheet-title{font-size:16px;font-weight:800;margin-bottom:12px;text-align:center}.sheet .btn{margin-top:8px}@keyframes fade{0%{opacity:0}}@keyframes slideup{0%{transform:translateY(40px);opacity:.5}}.skeleton{background:linear-gradient(90deg,var(--card) 25%,rgba(139,149,167,.1) 50%,var(--card) 75%);background-size:200% 100%;animation:shimmer 1.3s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.bar-fill,.skeleton,.sheet,.sheet-bg{animation:none!important;transition:none!important}}.banner-cta{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;color:var(--text);cursor:pointer;border:1px solid var(--accent);background:#2e6be614}.banner-cta:active{opacity:.85}.info-note{font-size:12.5px;color:var(--hint);line-height:1.45;padding:8px 0 2px}.ostatus{display:inline-block;font-size:12.5px;font-weight:600;padding:3px 10px;border-radius:20px}.os-new,.os-ack{background:var(--order-bg);color:var(--order-text)}.os-delivering{background:#2e6be626;color:var(--accent)}.os-delivered{background:var(--fit-bg);color:var(--fit-text)}.os-canceled{background:#8b95a726;color:var(--hint)}.sticky-search{box-shadow:0 6px 8px -6px #0006}
