:root{--bg:#0d0e10;--panel:#17191d;--panel2:#202329;--line:#2b2e35;--text:#f5f5f6;--muted:#92969e;--orange:#ff7100;--orange2:#ff9a2f;--green:#34c98f;--red:#ff665f;--safe-bottom:env(safe-area-inset-bottom,0px);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}.app-shell{max-width:720px;margin:auto;min-height:100vh;padding-bottom:calc(82px + var(--safe-bottom))}button,input,select{font:inherit}.topbar{height:72px;padding:12px 16px;display:flex;align-items:center;gap:11px;position:sticky;top:0;z-index:20;background:rgba(13,14,16,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.05)}.brand-mark{height:42px;width:42px;border-radius:12px;display:grid;place-items:center;font-weight:1000;font-style:italic;font-size:24px;background:linear-gradient(145deg,var(--orange2),#ec4d00);box-shadow:0 7px 26px rgba(255,103,0,.28)}.brand-copy{line-height:1}.brand-name{font-weight:950;letter-spacing:-.6px;font-size:16px}.brand-name span{color:var(--orange)}.brand-sub{font-size:10px;color:var(--muted);margin-top:5px}.icon-button{margin-left:auto;width:42px;height:42px;border:1px solid var(--line);border-radius:13px;background:var(--panel);color:white;padding:10px}.icon-button svg,.search-box svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.hero{padding:25px 18px 16px;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-110px;top:-35px;background:radial-gradient(circle,rgba(255,113,0,.22),transparent 67%);pointer-events:none}.hero-kicker{text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:1.4px;color:#b4b7bd}.hero-kicker i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(52,201,143,.12);margin-right:8px}.hero h1{font-size:37px;line-height:1.02;letter-spacing:-1.8px;margin:12px 0 9px;font-weight:950}.hero h1 em{font-style:normal;color:var(--orange)}.hero p{color:var(--muted);font-size:13px;margin:0;max-width:310px;line-height:1.45}.search-panel{padding:7px 16px 4px}.search-box{height:52px;border:1px solid var(--line);background:var(--panel);border-radius:16px;display:flex;align-items:center;padding:0 13px;gap:10px;transition:.2s}.search-box:focus-within{border-color:rgba(255,113,0,.7);box-shadow:0 0 0 3px rgba(255,113,0,.08)}.search-box svg{width:21px;color:var(--muted)}.search-box input{flex:1;min-width:0;background:none;border:0;outline:0;color:white;font-size:15px}.search-box input::placeholder{color:#686d75}.search-box button{border:0;background:none;color:var(--muted);font-size:24px;display:none}.type-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#121316;border:1px solid var(--line);padding:4px;border-radius:14px;margin-top:12px}.type-tabs button{border:0;background:none;color:var(--muted);padding:9px 5px;border-radius:10px;font-size:13px;font-weight:700}.type-tabs button.active{background:var(--panel2);color:white;box-shadow:0 2px 7px rgba(0,0,0,.2)}.quick-row{display:flex;gap:8px;overflow:auto;padding:10px 0 4px;scrollbar-width:none}.quick-row::-webkit-scrollbar{display:none}.quick-chip{white-space:nowrap;border:1px solid var(--line);background:var(--panel);color:#c9cbd0;border-radius:50px;padding:9px 13px;font-size:12px;font-weight:700}.quick-chip.active{border-color:rgba(255,113,0,.7);background:rgba(255,113,0,.11);color:#ff9b4b}.results-head{padding:20px 17px 11px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.results-head strong{display:block;font-size:17px}.results-head small{display:block;color:var(--muted);font-size:10px;margin-top:4px;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.save-search{border:0;background:none;color:var(--orange2);font-size:12px;font-weight:800;padding:7px 0}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 12px}.car-card{min-width:0;background:var(--panel);border:1px solid rgba(255,255,255,.065);border-radius:17px;overflow:hidden;position:relative;box-shadow:0 7px 22px rgba(0,0,0,.13);transition:transform .15s}.car-card:active{transform:scale(.985)}.card-photo{aspect-ratio:1.35;background:linear-gradient(135deg,#292c31,#16181b);position:relative;overflow:hidden}.card-photo img{width:100%;height:100%;object-fit:cover;display:block}.card-photo.no-photo:after{content:"АВТО СКИДКИ";position:absolute;inset:0;display:grid;place-items:center;color:#4c5057;font-size:10px;font-weight:900;letter-spacing:1px}.company-badge{position:absolute;left:7px;top:7px;background:rgba(12,13,15,.82);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.11);border-radius:8px;padding:5px 7px;font-size:8px;font-weight:800;max-width:72%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.warning-badge{position:absolute;bottom:7px;left:7px;background:rgba(189,48,39,.9);border-radius:7px;padding:4px 6px;font-size:8px;font-weight:800}.fav-btn{position:absolute;right:7px;top:7px;width:31px;height:31px;border:0;border-radius:10px;background:rgba(12,13,15,.78);color:white;font-size:19px;line-height:1}.fav-btn.active{color:#ff795e}.card-body{padding:11px}.card-title{font-size:13px;line-height:1.22;font-weight:850;min-height:31px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-price{font-size:16px;font-weight:950;margin-top:8px;letter-spacing:-.3px}.old-price{color:#6f747c;text-decoration:line-through;font-size:9px;margin-top:2px}.card-meta{display:flex;gap:5px;flex-wrap:wrap;color:#a7abb2;font-size:9px;margin-top:8px}.card-meta span:not(:last-child):after{content:"·";margin-left:5px;color:#4b4f56}.deal-mark{color:var(--green);font-size:9px;font-weight:800;margin-top:7px}.loader{display:flex;justify-content:center;gap:6px;padding:35px}.loader i{width:7px;height:7px;background:var(--orange);border-radius:50%;animation:bounce .9s infinite}.loader i:nth-child(2){animation-delay:.15s}.loader i:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,70%,100%{transform:translateY(0);opacity:.35}35%{transform:translateY(-7px);opacity:1}}.hidden{display:none!important}.load-more{display:block;margin:22px auto;border:1px solid var(--line);background:var(--panel);color:white;border-radius:13px;padding:12px 24px;font-weight:750}.empty{text-align:center;padding:45px 30px;color:var(--muted)}.empty div{font-size:42px}.empty h3{color:white;margin:14px 0 6px}.empty p{font-size:13px;line-height:1.5}.empty button{border:0;background:var(--orange);color:white;border-radius:12px;padding:11px 17px;font-weight:800}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);z-index:30;width:min(720px,100%);height:calc(66px + var(--safe-bottom));padding:7px 20px var(--safe-bottom);display:grid;grid-template-columns:repeat(3,1fr);background:rgba(16,17,19,.95);backdrop-filter:blur(20px);border-top:1px solid var(--line)}.bottom-nav button{border:0;background:none;color:#71767e;font-size:9px;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:3px}.bottom-nav span{font-size:24px;line-height:1}.bottom-nav button.active{color:var(--orange2)}.sheet-backdrop{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.6);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:.25s}.sheet-backdrop.open{opacity:1;pointer-events:auto}.sheet{position:fixed;left:50%;bottom:0;z-index:60;width:min(720px,100%);max-height:92vh;overflow:auto;transform:translate(-50%,105%);transition:transform .28s cubic-bezier(.2,.8,.2,1);background:#181a1e;border:1px solid var(--line);border-bottom:0;border-radius:24px 24px 0 0;padding:10px 18px calc(20px + var(--safe-bottom));box-shadow:0 -20px 60px rgba(0,0,0,.45)}.sheet.open{transform:translate(-50%,0)}.sheet-handle{width:40px;height:4px;border-radius:5px;background:#454950;margin:1px auto 13px}.sheet-title{display:flex;align-items:center;justify-content:space-between}.sheet-title h2{margin:0 0 18px;font-size:23px}.sheet-title button{border:0;background:var(--panel2);color:white;width:35px;height:35px;border-radius:50%;font-size:22px}.filters-sheet label{display:block;color:#a4a8b0;font-size:12px;margin:13px 0}.filters-sheet select{display:block;width:100%;height:49px;margin-top:7px;border:1px solid var(--line);background:#111215;color:white;border-radius:13px;padding:0 12px;outline:none}.sheet-actions{display:grid;grid-template-columns:1fr 2fr;gap:10px;margin-top:22px}.sheet-actions button,.detail-action{height:50px;border-radius:13px;font-weight:850}.ghost{border:1px solid var(--line);background:none;color:white}.primary,.detail-action{border:0;background:linear-gradient(135deg,var(--orange2),#f15300);color:white}.detail-sheet{padding-left:0;padding-right:0;padding-top:10px}.detail-hero{height:270px;background:#25282e;position:relative}.detail-hero img{width:100%;height:100%;object-fit:cover}.detail-close{position:absolute;right:13px;top:13px;width:38px;height:38px;border:0;border-radius:50%;background:rgba(8,9,10,.75);color:white;font-size:24px}.detail-main{padding:18px}.detail-company{font-size:11px;color:var(--orange2);font-weight:800;text-transform:uppercase;letter-spacing:.5px}.detail-main h2{font-size:23px;line-height:1.1;margin:8px 0 10px}.detail-price{font-size:27px;font-weight:950}.detail-old{color:#777c84;text-decoration:line-through;font-size:12px;margin-top:3px}.spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:18px 0}.spec{background:#111316;border:1px solid #25282e;border-radius:12px;padding:10px}.spec small{display:block;color:#747982;font-size:9px;margin-bottom:4px}.spec strong{font-size:12px}.condition{border-radius:13px;padding:12px;margin:12px 0;background:rgba(52,201,143,.08);border:1px solid rgba(52,201,143,.2);font-size:11px;line-height:1.45}.condition.warning{background:rgba(255,102,95,.09);border-color:rgba(255,102,95,.25)}.seller-comment{margin:16px 0}.seller-comment h3{font-size:14px;margin:0 0 8px}.seller-comment p{font-size:11px;color:#b7bac0;line-height:1.55;white-space:pre-line;max-height:150px;overflow:auto}.detail-actions{display:grid;grid-template-columns:1fr auto;gap:8px;position:sticky;bottom:0;background:#181a1e;padding-top:10px}.detail-fav{width:50px;border:1px solid var(--line);background:var(--panel2);color:white;border-radius:13px;font-size:22px}.subscriptions-list{padding:3px 16px 30px}.subscription{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:15px;margin-bottom:9px}.subscription strong{font-size:13px}.subscription small{display:block;color:var(--muted);margin-top:5px}.toast{position:fixed;left:50%;bottom:calc(82px + var(--safe-bottom));z-index:100;transform:translate(-50%,20px);background:#f1f2f3;color:#111;padding:11px 16px;border-radius:12px;font-size:12px;font-weight:750;opacity:0;pointer-events:none;transition:.2s;white-space:nowrap;max-width:90%;overflow:hidden;text-overflow:ellipsis}.toast.show{opacity:1;transform:translate(-50%,0)}
.subscriptions-list{grid-column:1/-1;width:100%}@media(min-width:620px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero h1{font-size:44px}.detail-sheet{max-width:520px}.detail-backdrop{display:block}}
.hero h1{font-size:31px;line-height:1.04;letter-spacing:-1.35px}.filter-hint{font-size:11px;line-height:1.45;color:var(--muted);margin:16px 2px 0}@media(min-width:620px){.hero h1{font-size:40px}}
.filters-sheet input{display:block;width:100%;height:49px;margin-top:7px;border:1px solid var(--line);background:#111215;color:white;border-radius:13px;padding:0 12px;outline:none}.filters-sheet input::placeholder{color:#686d75}
.lead-sheet{max-width:560px}.lead-car{display:grid;gap:4px;background:linear-gradient(145deg,#111316,#202329);border:1px solid var(--line);border-radius:15px;padding:14px;margin:0 0 14px}.lead-car small{color:var(--muted);font-size:10px}.lead-car strong{font-size:15px;line-height:1.3}.lead-car b{color:var(--orange2);font-size:19px;margin-top:3px}.lead-intro,.lead-more>p{color:#aeb1b7;font-size:12px;line-height:1.5}.lead-form label{display:block;color:#a4a8b0;font-size:12px;margin:13px 0}.lead-form input,.lead-form select,.lead-form textarea{display:block;width:100%;margin-top:7px;border:1px solid var(--line);background:#111215;color:white;border-radius:13px;padding:0 12px;outline:none}.lead-form input,.lead-form select{height:49px}.lead-form textarea{min-height:92px;padding-top:12px;resize:vertical}.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:rgba(255,113,0,.7);box-shadow:0 0 0 3px rgba(255,113,0,.08)}.lead-submit,.lead-skip{width:100%;height:51px;border-radius:13px;font-weight:850;margin-top:10px}.lead-submit:disabled{opacity:.55}.lead-skip{background:none;color:white}.consent-row{display:grid!important;grid-template-columns:23px 1fr;gap:10px;align-items:start;color:#d0d2d6!important;line-height:1.45}.consent-row input{width:21px!important;height:21px!important;margin:1px 0!important;accent-color:var(--orange)}.privacy-details{font-size:11px;color:var(--muted);margin:2px 0 15px}.privacy-details summary{color:var(--orange2);cursor:pointer}.privacy-details pre{white-space:pre-wrap;font:inherit;line-height:1.5;max-height:220px;overflow:auto;background:#101114;border:1px solid var(--line);border-radius:12px;padding:12px;color:#b9bcc2}.saved-consent{font-size:11px;line-height:1.45;color:var(--green);background:rgba(52,201,143,.08);border:1px solid rgba(52,201,143,.18);border-radius:12px;padding:10px 12px;margin:14px 0}.lead-success{text-align:center;padding:4px 0 10px}.success-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:rgba(52,201,143,.12);border:1px solid rgba(52,201,143,.3);color:var(--green);font-size:28px;font-weight:900;margin:5px auto 12px}.lead-success h2{margin:0;font-size:23px}.lead-success p{color:var(--muted);font-size:12px;line-height:1.5}.offer-code{background:#111316;border:1px solid var(--line);border-radius:15px;padding:13px;margin-top:14px}.offer-code small{display:block;color:#9599a1;font-size:10px;line-height:1.4}.offer-code strong{display:block;color:var(--orange2);font-size:24px;margin-top:7px;letter-spacing:1px}.lead-more{border-top:1px solid var(--line);padding-top:16px}.lead-more h3{margin:0;font-size:17px}.lead-more h3 span{font-size:9px;color:var(--muted);font-weight:600;margin-left:5px}.lead-more>p{margin:6px 0 12px}#company-fields{display:none}#company-fields.visible{display:block}