@import "https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600;700;800&display=swap";:root{--page:#e4e9f2;--field:#f4f6fb;--line:#dce3ec;--text:#37414e;--muted:#7c8ca2;--dark:#001b2e;--accent:#1385b6;--accent-soft:#1385b61a;--danger:#e3184e;--done:#12a970;--warning:#fa9d1a;--font-main:"Onest", "Ford Antenna", system-ui, sans-serif;font-family:var(--font-main);color:var(--text);background:var(--page);font-synthesis:none;letter-spacing:0;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;font-weight:400;line-height:1.45}*{box-sizing:border-box}html{background:var(--page);scroll-behavior:smooth}body{background:var(--page);min-width:320px;min-height:100svh;margin:0}button,input,select{font:inherit;letter-spacing:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}img{max-width:100%}#root{min-height:100svh}.app-shell{background:var(--page);min-height:100svh;color:var(--text)}.app-shell--telegram{border:1px solid var(--line);border-radius:8px;max-width:430px;min-height:calc(100svh - 40px);margin:20px auto;overflow:hidden;box-shadow:0 24px 80px #001b2e33}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;align-items:center;gap:22px;min-height:76px;padding:0 30px;display:flex;position:sticky;top:0}.app-shell--telegram .topbar{min-height:58px;padding:0 16px}.brand{flex:none;align-items:center;display:inline-flex}.brand img{width:132px;height:auto;display:block}.desktop-nav{flex:1;align-items:center;gap:6px;display:flex}.desktop-nav button,.top-actions button,.call-button,.mobile-toolbar button,.stock-tabs button,.segmented button,.card-actions button,.slot-grid button,.offer-card button,.primary-wide,.secondary-wide,.mobile-tabbar button{min-height:38px;font:inherit;letter-spacing:0;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;font-weight:600;text-decoration:none;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.desktop-nav button{padding:9px 12px}.desktop-nav button:hover,.desktop-nav button.active,.stock-tabs button.active,.segmented button.active,.slot-grid button.active{color:var(--accent);background:var(--accent-soft);border-color:#1385b629}.top-actions{flex:none;align-items:center;gap:10px;display:flex}.location{min-height:38px;color:var(--muted);border:1px solid var(--line);background:#fff;border-radius:6px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.icon-button{border:1px solid var(--line);width:38px;height:38px;color:var(--text);background:#fff;border-radius:6px;padding:0}.mode-button{border-color:var(--line);background:#fff;padding:0 12px}.mode-button.active{color:#fff;background:var(--dark)}.call-button{color:#fff;background:var(--accent);padding:0 14px}.telegram-status{color:#fff;background:var(--dark);justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;display:flex}.telegram-status span{color:#ffffffb3}.app-main{width:min(1480px,100% - 36px);margin:0 auto;padding:24px 0 90px}.app-shell--telegram .app-main{width:100%;padding:0 0 76px}.workspace{grid-template-columns:280px minmax(0,1fr) 322px;align-items:start;gap:18px;display:grid}.app-shell--telegram .workspace{display:block}.filter-panel,.stock-panel,.right-rail,.section-band,.service-board,.trade-card{border:1px solid var(--line);background:#fff;border-radius:8px}.filter-panel{position:sticky;top:100px;overflow:hidden}.filter-controls{gap:18px;padding:18px;display:grid}.filter-title{color:var(--dark);justify-content:space-between;align-items:center;font-weight:800;display:flex}.search-field{border:1px solid var(--line);background:var(--field);border-radius:6px;align-items:center;gap:8px;min-height:44px;padding:0 12px;display:flex}.search-field input,.select-group select{width:100%;color:var(--text);font:inherit;background:0 0;border:0;outline:0}.filter-group,.select-group{gap:9px;display:grid}.filter-group>span,.select-group>span{color:var(--dark);font-size:13px;font-weight:700}.filter-group strong{color:var(--dark);font-size:18px}input[type=range]{width:100%;accent-color:var(--accent)}.segmented,.stock-tabs{border:1px solid var(--line);background:var(--field);border-radius:8px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.segmented button,.stock-tabs button{white-space:nowrap;min-height:34px;padding:0 9px}.select-group select{border:1px solid var(--line);background:var(--field);border-radius:6px;min-height:42px;padding:0 12px}.check-row{align-items:center;gap:10px;font-weight:600;display:flex}.check-row input{width:18px;height:18px;accent-color:var(--accent)}.stock-panel{min-width:0;overflow:hidden}.catalog-hero{color:#fff;background:linear-gradient(90deg,#001b2ef0,#001b2ea6,#001b2e33),url(/moreauto-hero.jpeg) 50%/cover;grid-template-columns:minmax(0,1fr) 340px;gap:20px;min-height:218px;padding:26px;display:grid}.eyebrow{min-height:24px;color:var(--accent);text-transform:uppercase;background:#ffffffe6;border-left:3px solid;align-items:center;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex}.catalog-hero h1{color:#fff;letter-spacing:0;max-width:720px;margin:18px 0 0;font-size:40px;line-height:1.08}.hero-metrics{align-content:end;gap:10px;display:grid}.hero-metrics span{color:#fff;background:#001b2e6b;border:1px solid #ffffff47;border-radius:6px;align-items:center;gap:10px;min-height:42px;padding:0 12px;display:flex}.mobile-toolbar{display:none}.catalog-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.catalog-toolbar strong{color:var(--dark);font-size:19px;display:block}.catalog-toolbar span{color:var(--muted);font-size:14px;display:block}.stock-tabs{width:314px}.car-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px;display:grid}.car-card{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;transition:transform .16s,border-color .16s,box-shadow .16s;overflow:hidden}.car-card:hover,.car-card--selected{border-color:#1385b65c;transform:translateY(-2px);box-shadow:0 12px 34px #001b2e1a}.car-media{aspect-ratio:1.36;background:var(--field);position:relative;overflow:hidden}.car-media img{object-fit:cover;width:100%;height:100%;display:block}.discount-label{color:#fff;background:var(--dark);border-radius:5px;align-items:center;min-height:26px;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex;position:absolute;top:10px;left:10px}.round-action{width:34px;height:34px;color:var(--text);cursor:pointer;background:#ffffffeb;border:1px solid #ffffffdb;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:9px;right:9px}.round-action.compare{top:48px}.round-action.active{color:#fff;background:var(--danger)}.car-body{gap:8px;padding:14px;display:grid}.muted{color:var(--muted);font-size:13px}.car-body h2{min-height:44px;color:var(--dark);letter-spacing:0;margin:0;font-size:17px;line-height:1.28}.car-body p{min-height:40px;color:var(--muted);margin:0;font-size:14px;line-height:1.35}.price-line{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.price-line strong{color:var(--dark);font-size:19px;line-height:1.1}.price-line s{color:var(--muted);font-size:13px}.card-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.card-actions button{background:var(--field);min-height:36px}.card-actions button:first-child{color:#fff;background:var(--accent)}.right-rail{padding:14px;position:sticky;top:100px}.selected-panel{gap:14px;display:grid}.mini-hero{background:var(--dark);border-radius:8px;min-height:150px;position:relative;overflow:hidden}.mini-hero img{object-fit:cover;opacity:.54;width:100%;height:150px}.mini-hero div{color:#fff;gap:4px;display:grid;position:absolute;inset:auto 12px 12px}.mini-hero span{color:#ffffffc2}.mini-hero strong{font-size:20px;line-height:1.15}.action-card,.smart-card,.telegram-card{border:1px solid var(--line);background:#fff;border-radius:8px;gap:12px;padding:14px;display:grid}.status-pill{width:fit-content;min-height:26px;color:var(--done);background:#12a9701a;border-radius:5px;align-items:center;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex}.action-card h2,.section-band h2,.service-board h2,.trade-card h2{color:var(--dark);letter-spacing:0;margin:0;line-height:1.18}.action-card p,.offer-card p,.telegram-card span{color:var(--muted);margin:0;line-height:1.45}.smart-card{background:linear-gradient(135deg,#1385b614,#12a97014),#fff;overflow:hidden}.smart-card__head{justify-content:space-between;align-items:center;gap:10px;display:flex}.smart-card__head span{color:var(--accent);align-items:center;gap:7px;font-weight:800;display:inline-flex}.smart-card__head strong{color:var(--dark)}.scan-track{background:#1385b61f;border-radius:6px;height:6px;position:relative;overflow:hidden}.scan-track i{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--done));width:42%;position:absolute;inset:0 auto 0 0;transform:translate(-115%)}.smart-card--run .scan-track i{animation:1.2s ease-in-out forwards scan-package}.smart-steps{gap:8px;display:grid}.smart-steps span{min-height:34px;color:var(--dark);background:#ffffffb8;border:1px solid #1385b61f;border-radius:6px;align-items:center;gap:8px;padding:0 10px;font-weight:700;display:flex}.smart-card--run .smart-steps span{animation:.52s both smart-step}.smart-card--run .smart-steps span:nth-child(2){animation-delay:.22s}.smart-card--run .smart-steps span:nth-child(3){animation-delay:.42s}.primary-wide,.secondary-wide{width:100%;min-height:44px;padding:0 14px}.primary-wide{color:#fff;background:var(--accent)}.secondary-wide{color:var(--dark);border-color:var(--line);background:var(--field)}.spec-list{gap:8px;display:grid}.spec-list div{border:1px solid var(--line);background:var(--field);border-radius:6px;align-items:center;gap:10px;min-height:40px;padding:0 11px;display:flex}.spec-list svg{color:var(--accent);flex:none}.telegram-card{background:var(--dark);color:#fff;border-color:var(--dark);grid-template-columns:24px 1fr;align-items:start}.telegram-card span{color:#ffffffb3;margin-top:3px;display:block}.section-band,.two-column{margin-top:18px}.section-band{padding:22px}.section-band--active{outline-offset:2px;outline:2px solid #1385b64d}.band-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:16px;display:flex}.band-head h2{max-width:650px}.offer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.offer-card{border:1px solid var(--line);background:var(--field);border-radius:8px;align-content:space-between;gap:12px;min-height:188px;padding:16px;display:grid}.offer-card>div{background:#fff;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.offer-card h3{color:var(--dark);margin:0;font-size:22px}.offer-card button{color:#fff;width:fit-content;padding:0 12px}.offer-card--red>div,.offer-card--red button{color:#fff;background:var(--danger)}.offer-card--green>div,.offer-card--green button{color:#fff;background:var(--done)}.offer-card--blue>div,.offer-card--blue button{color:#fff;background:var(--accent)}.two-column{grid-template-columns:minmax(0,1fr) 380px;gap:18px;display:grid}.service-board,.trade-card{gap:18px;padding:22px;display:grid}.slot-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.slot-grid button{border-color:var(--line);background:var(--field);min-height:54px;padding:0 12px}.slot-grid--time button{font-size:20px}.trade-card label{color:var(--dark);gap:10px;font-weight:700;display:grid}.estimate{color:#fff;background:var(--dark);border-radius:8px;gap:5px;padding:14px;display:grid}.estimate span{color:#ffffffbd}.estimate strong{font-size:28px}.mobile-tabbar{display:none}@keyframes scan-package{0%{transform:translate(-115%)}72%{transform:translate(142%)}to{transform:translate(142%)}}@keyframes smart-step{0%{opacity:.42;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.sheet-backdrop{z-index:40;background:#001b2e6b;border:0;position:fixed;inset:0}.filter-sheet{z-index:50;background:#fff;border-radius:8px 8px 0 0;max-height:88svh;position:fixed;bottom:0;left:0;right:0;overflow:auto;box-shadow:0 -20px 70px #001b2e3d}.sheet-title{z-index:2;border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;padding:14px 16px;display:flex;position:sticky;top:0}@media (width<=1240px){.workspace{grid-template-columns:260px minmax(0,1fr)}.right-rail{grid-column:1/-1;position:static}.selected-panel{grid-template-columns:260px minmax(0,1fr) 260px;align-items:stretch}.car-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.app-shell--telegram{border:0;border-radius:0;max-width:none;min-height:100svh;margin:0}.topbar{min-height:62px;padding:0 14px}.brand img{width:116px}.desktop-nav,.location,.call-button,.top-actions .icon-button{display:none}.top-actions{margin-left:auto}.mode-button{min-height:36px}.app-main{width:100%;padding:0 0 82px}.workspace{display:block}.filter-panel,.right-rail{display:none}.stock-panel,.section-band,.service-board,.trade-card{border-left:0;border-right:0;border-radius:0}.catalog-hero{background:linear-gradient(#001b2ee6,#001b2ead),url(/moreauto-hero.jpeg) 50%/cover;grid-template-columns:1fr;min-height:236px;padding:20px 16px}.catalog-hero h1{font-size:28px;line-height:1.12}.hero-metrics{align-content:start}.hero-metrics span{min-height:38px;font-size:14px}.mobile-toolbar{border-bottom:1px solid var(--line);background:#fff;grid-template-columns:1fr 1fr;gap:10px;padding:12px 14px;display:grid}.mobile-toolbar button{background:var(--field);border-color:var(--line)}.catalog-toolbar{flex-direction:column;align-items:stretch;padding:14px}.stock-tabs{width:100%}.car-grid{grid-template-columns:1fr;gap:12px;padding:14px}.car-card:hover,.car-card--selected{transform:none}.car-body h2,.car-body p{min-height:auto}.section-band{margin-top:12px;padding:18px 14px}.band-head{flex-direction:column;align-items:start}.offer-grid,.two-column,.selected-panel{grid-template-columns:1fr}.two-column{gap:12px;margin-top:12px}.service-board,.trade-card{padding:18px 14px}.slot-grid{grid-template-columns:1fr}.slot-grid--time{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-tabbar{z-index:30;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;grid-template-columns:repeat(4,1fr);min-height:64px;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-tabbar button{min-height:64px;color:var(--muted);border-radius:0;flex-direction:column;gap:4px;font-size:12px}.mobile-tabbar button.active{color:var(--accent)}}