:root{font-family:Inter,Arial,sans-serif;background:#0c0f15;color:#f7f7f7;font-synthesis:none;color-scheme:dark;--gold:#e0aa5d;--muted:#93979f}*{box-sizing:border-box}body{margin:0;height:100svh;display:grid;grid-template-rows:78px minmax(0,1fr) 36px;overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}[hidden]{display:none!important}header{display:flex;align-items:center;justify-content:space-between;margin:0 5vw;border-bottom:1px solid #ffffff17}.logo img{width:130px;max-height:56px;display:block}.status{font-size:12px;color:#bdc0c6;padding:10px 16px;border:1px solid #ffffff1c;border-radius:30px}main{width:100%;max-width:1440px;margin:auto;height:100%;min-height:0;padding:26px 5vw;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4vw;align-items:stretch}.intro{position:relative;border-radius:22px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:32px;min-height:0;background:#1b2027}.car-scene{position:absolute;inset:0;z-index:0}.car-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0c0f1510 15%,#0c0f15a8 53%,#0c0f15f5 100%)}.car-scene img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;filter:brightness(.8)}.intro> :not(.car-scene){position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--gold);margin-bottom:16px}h1{font-size:clamp(30px,3.25vw,49px);line-height:1.08;letter-spacing:-1.8px;margin:0 0 16px;font-weight:650}.intro p{font-size:13px;color:#bec1c6;line-height:1.65;margin:0;max-width:400px}.benefits{margin-top:22px;font-size:11px;color:var(--gold)}.photo-caption{position:absolute;left:26px;top:24px;color:white;z-index:1;font-size:10px;letter-spacing:1.5px}.photo-caption span{display:block;color:#bec1c6;margin-top:7px;letter-spacing:0}.quiz{border:1px solid #ffffff15;border-radius:22px;background:linear-gradient(150deg,#1c2028,#12161d);padding:28px;display:flex;flex-direction:column;min-height:0;box-shadow:0 20px 70px #0002}.quiz-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;letter-spacing:1px;color:var(--muted);min-height:16px}.quiz-top #quiz-brand{color:var(--gold)}.progress{height:3px;background:#ffffff12;margin:17px 0 22px;border-radius:6px;flex-shrink:0}.progress div{height:100%;background:var(--gold);transition:width .25s}#question{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#4d4539 transparent;padding-right:3px}h2{font-size:clamp(22px,2vw,30px);line-height:1.18;letter-spacing:-.7px;margin:0 0 14px;font-weight:600;outline:none}.subtitle{font-size:12px;line-height:1.55;color:#a0a5ae;margin:0 0 18px}.options{display:grid;gap:10px}.option{position:relative;display:block;text-align:left;color:#e8e8e8;border:1px solid #ffffff18;background:#ffffff04;border-radius:10px;padding:16px 40px 16px 16px;min-height:52px;transition:background .18s,border .18s}.option:hover{background:#ffffff09;border-color:#e0aa5d88}.option.selected{border-color:var(--gold);background:#e0aa5d14}.option .title{font-size:13px;line-height:1.4}.radio{position:absolute;right:16px;top:50%;transform:translateY(-50%);border:1px solid #5a5e65;border-radius:50%;width:16px;height:16px}.selected .radio{border:5px solid var(--gold)}.quiz-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:18px;flex-shrink:0}.primary{border:0;background:var(--gold);color:#191b20;font-weight:600;font-size:13px;border-radius:9px;padding:14px 20px;min-height:46px;transition:.15s}.primary:hover{background:#f0be77;box-shadow:0 5px 24px #e0aa5d20}.primary:disabled{opacity:.55;cursor:wait}.back{border:0;background:none;color:#a3a6ac;font-size:12px;padding:12px 0;min-height:44px}.back:hover{color:white}.quiz-foot{font-size:9px;line-height:1.45;color:#747b86;border-top:1px solid #ffffff0e;margin-top:16px;padding-top:12px;flex-shrink:0}footer{padding:0 5vw;display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#6d737d;align-items:center}.field{display:block;font-size:12px;margin:12px 0 8px;color:#dce0e5}input[type=text],input[type=tel]{display:block;width:100%;border:1px solid #ffffff20;background:#0c1016;color:white;border-radius:8px;padding:12px 14px;margin-top:7px;min-height:44px;font-size:14px}input::placeholder{color:#686f7b}.notice{font-size:11px;line-height:1.45;color:#969da8;margin:10px 0}.error{font-size:11px;color:#ffad95;margin:7px 0}.error:empty{display:none}.channel-options{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.channel-options button{background:#ffffff04;color:#c9ccd2;border:1px solid #ffffff1c;border-radius:8px;padding:10px 13px;font-size:12px}.channel-options button.selected{background:#e0aa5d14;border-color:var(--gold);color:var(--gold)}.consent{display:flex;align-items:flex-start;gap:8px;font-size:11px;color:#afb4be;line-height:1.4;margin:12px 0 6px}.consent input{min-width:17px;height:17px;margin:0;accent-color:var(--gold)}.legal-links{display:flex;gap:15px;font-size:10px;margin:7px 0}.legal-links a{color:var(--gold)}.power-note{background:#e0aa5d12;border-left:2px solid var(--gold);padding:10px 12px;font-size:11px;line-height:1.5;color:#e5c497}.result{padding:15px;background:#ffffff04;border:1px solid #ffffff15;border-radius:12px;margin:12px 0}.result>strong{font-size:13px}.summary-row{display:flex;justify-content:space-between;gap:20px;padding:10px 0;font-size:11px;border-bottom:1px solid #ffffff0b}.summary-row span{color:#929aa5}.summary-row strong{text-align:right;max-width:65%;overflow-wrap:anywhere;font-size:11px;font-weight:500}.home-actions{display:flex;gap:16px;align-items:center}.welcome-copy{font-size:19px;line-height:1.5;color:#a3a9b4;max-width:320px;margin:20px 0 40px}.welcome-details{padding:22px 0;border-top:1px solid #ffffff14}.welcome-details span{font-size:42px;font-weight:500;letter-spacing:-2px;color:var(--gold)}.welcome-details p{font-size:12px;color:#a3a9b4}.legal-page{overflow:auto;max-width:760px;padding:30px;margin:auto}.legal-page p{line-height:1.8}.legal-page a{color:var(--gold)}:focus-visible{outline:2px solid var(--gold);outline-offset:4px}body:not([data-stage="0"]) .intro h1,body:not([data-stage="0"]) .intro #hero-description{display:none}body:not([data-stage="0"]) .intro .eyebrow{font-size:18px;line-height:1.3;letter-spacing:1px;max-width:200px;color:white}body[data-stage="0"] #question{display:flex;flex-direction:column;justify-content:center}body[data-stage="0"] #question h2{font-size:25px}body[data-stage="5"] .subtitle{margin-bottom:8px}body[data-stage="5"] h2{margin-bottom:8px}body[data-stage="5"] .notice{font-size:10px;margin:7px 0}body[data-stage="5"] .field{margin-top:10px}
@media(max-width:700px){body{grid-template-rows:60px minmax(0,1fr) 22px}header{margin:0 18px}.logo img{width:104px;height:45px}.status{font-size:10px;padding:7px 10px}main{padding:12px 16px 6px;display:flex;flex-direction:column;gap:10px}.intro{flex:0 0 110px;border-radius:14px;padding:16px}.photo-caption{display:none}.car-scene img{object-position:center 55%}.car-scene:after{background:linear-gradient(90deg,#0c0f15df,#0c0f1508)}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:7px}h1{font-size:25px;max-width:260px;letter-spacing:-.9px;line-height:1.1;margin:0}.intro p,.intro .benefits{display:none}.quiz{flex:1;padding:18px;border-radius:14px;min-height:0}.quiz-top{font-size:9px}.progress{margin:12px 0 16px}h2{font-size:23px;margin-bottom:12px}.subtitle{font-size:11px;line-height:1.45;margin-bottom:12px}.options{gap:8px}.option{padding:12px 35px 12px 13px;min-height:47px}.option .title{font-size:12px}.quiz-bottom{padding-top:12px}.primary{padding:12px 15px;font-size:12px;min-height:43px}.quiz-foot{margin-top:10px;padding-top:9px;font-size:8px}footer{padding:0 18px;font-size:8px}#footer-note{display:none}body:not([data-stage="0"]) .intro{flex-basis:76px}body:not([data-stage="0"]) .intro .eyebrow{font-size:12px;max-width:150px;margin:0}body[data-stage="0"] .intro{flex-basis:190px}body[data-stage="0"] .intro #hero-description{display:block;font-size:11px;max-width:245px;line-height:1.4;margin-top:10px}body[data-stage="0"] .welcome-copy{font-size:16px;margin:12px 0 20px}.welcome-details{padding:12px 0}.welcome-details span{font-size:32px}body[data-stage="5"] .intro{display:none}body[data-stage="5"] .quiz{padding:16px}body[data-stage="5"] h2{font-size:22px}body[data-stage="5"] .notice{font-size:9px;line-height:1.35}body[data-stage="5"] input{min-height:40px;padding:10px 12px}body[data-stage="5"] .field{font-size:11px;margin-top:8px}body[data-stage="5"] .consent{font-size:10px}body[data-stage="5"] .channel-options button{padding:9px 12px}body[data-stage="6"] .intro{display:none}}
@media(max-height:690px) and (min-width:701px){body{grid-template-rows:60px minmax(0,1fr) 26px}main{padding-top:16px;padding-bottom:16px}.quiz{padding:20px}.quiz-top{font-size:9px}.progress{margin:12px 0 16px}h2{font-size:24px}.subtitle{font-size:11px}.option{padding:12px 36px 12px 14px;min-height:44px}.quiz-bottom{padding-top:12px}.quiz-foot{margin-top:10px;padding-top:8px}.intro{padding:24px}}

.logo img{width:145px;max-height:none;height:65px;object-fit:cover}.car-scene img{object-position:80% center;filter:none}.car-scene:after{background:linear-gradient(180deg,#0c0f1500 20%,#0c0f1560 53%,#0c0f15f5 100%)}body[data-stage="0"] .intro .benefits{display:none}@media(max-width:700px){.logo img{width:120px;height:54px}.car-scene img{object-position:80% 60%}.car-scene:after{background:linear-gradient(90deg,#0c0f15ea,#0c0f1550)}}
/* Full-bleed photograph with a frosted quiz surface */
body{position:relative;isolation:isolate;background:#0c0f15 url('/assets/hero.png') center center / cover no-repeat}body:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(8,12,18,.9) 0%,rgba(8,12,18,.62) 36%,rgba(8,12,18,.16) 70%,rgba(8,12,18,.24) 100%),linear-gradient(0deg,rgba(8,12,18,.7),transparent 35%)}header{border-color:#ffffff20}.intro{background:none;border-radius:0;overflow:visible;padding:32px 0;justify-content:center}.car-scene{display:none}.intro h1{display:block!important;max-width:520px;font-size:clamp(32px,3.8vw,57px);line-height:1.07;margin-bottom:24px}.intro #hero-description{display:block!important;font-size:14px;max-width:390px;line-height:1.7;color:#c1c5cd}.intro .eyebrow,body:not([data-stage="0"]) .intro .eyebrow{font-size:10px;letter-spacing:2px;color:var(--gold);max-width:none;line-height:1.4;margin-bottom:20px}.hero-cta{align-self:flex-start;margin-top:30px;padding:16px 25px}.intro .benefits,body[data-stage="0"] .intro .benefits{display:block;margin-top:17px;color:#a9afb9;font-size:11px}.quiz{background:rgba(30,35,44,.46);backdrop-filter:blur(25px) saturate(115%);-webkit-backdrop-filter:blur(25px) saturate(115%);border:1px solid #ffffff28;box-shadow:inset 0 1px 0 #ffffff0d,0 24px 65px #0003}.option{background:#ffffff06;border-color:#ffffff22}.option:hover{background:#ffffff10}.quiz-foot{color:#a3aab5}.welcome-details{display:none}body[data-stage="0"] .welcome-copy{font-size:18px;line-height:1.6;margin:20px 0}.status{background:#0c0f1530;backdrop-filter:blur(10px)}footer{color:#a1a7b1}
@media(max-width:700px){body{background-position:64% center}body:before{background:linear-gradient(90deg,#080c12cd,#080c1230),linear-gradient(0deg,#080c12ad,transparent)}.intro,body:not([data-stage="0"]) .intro{flex-basis:110px;padding:8px 3px;justify-content:center}.intro h1{font-size:24px;max-width:310px;margin:0 0 8px}.intro #hero-description{font-size:10px;line-height:1.4;max-width:310px}.intro .eyebrow,body:not([data-stage="0"]) .intro .eyebrow{font-size:8px;margin-bottom:6px}.intro .benefits,body[data-stage="0"] .intro .benefits{display:none}body[data-stage="0"] .intro{flex-basis:235px;padding:8px 3px}.hero-cta{margin-top:16px;min-height:42px;padding:12px 18px}body[data-stage="0"] .intro h1{font-size:29px;max-width:330px;margin-bottom:12px}body[data-stage="0"] .intro #hero-description{font-size:12px;line-height:1.5}.quiz{background:rgba(26,32,42,.58);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}body[data-stage="5"] .intro,body[data-stage="6"] .intro{display:none}}
body .intro .hero-cta{display:inline-block}body[data-stage="1"] .intro .hero-cta{margin-top:30px}@media(max-width:700px){body:not([data-stage="0"]) .intro{flex-basis:174px}.intro .hero-cta{margin-top:8px!important;padding:9px 15px;min-height:36px;font-size:11px}.intro h1{font-size:23px}.intro #hero-description{font-size:10px}body[data-stage="5"] .intro,body[data-stage="6"] .intro{display:none}}
.picker-mode{display:flex;gap:8px;margin:5px 0 14px}.picker-mode button{padding:8px 12px;border:1px solid #ffffff22;border-radius:7px;background:#ffffff05;color:#bcc2cb;font-size:11px}.picker-mode button[aria-pressed=true]{border-color:var(--gold);color:var(--gold);background:#e0aa5d12}.field select{display:block;width:100%;margin-top:7px;background:#111720;color:#edf0f5;border:1px solid #ffffff25;border-radius:8px;padding:11px 12px;min-height:42px;font-size:13px}.field select:disabled{opacity:.45}.catalog-credit{font-size:9px;line-height:1.4;margin:9px 0}.catalog-credit a{color:#d7b782}#vehicle-picker .field{margin-top:9px}#vehicle-picker .notice{font-size:10px}#vehicle-picker input{min-height:42px}@media(max-width:700px){body[data-stage="3"] .intro{display:none}#vehicle-picker .field select{padding:9px 10px;min-height:39px}}
.benefits:empty{display:none!important}
.city-search{position:relative}.city-search input{padding-right:42px}.city-search>span{position:absolute;right:15px;top:11px;color:var(--gold);font-size:23px}#city-results{margin-top:8px;max-height:clamp(140px,28svh,260px);overflow:auto;border:1px solid #ffffff24;border-radius:10px;background:#111924d9;backdrop-filter:blur(16px);scrollbar-width:thin;scrollbar-color:#806744 #17202d}#city-results button{position:relative;width:100%;border:0;border-bottom:1px solid #ffffff09;padding:12px 40px 12px 14px;text-align:left;background:transparent;color:#f2f3f6;display:block;font-size:13px}#city-results button small{display:block;font-size:10px;color:#8f9aaa;margin-top:4px}#city-results button:hover,#city-results button[aria-selected=true]{background:#e0aa5d16;color:var(--gold)}.city-arrow{position:absolute;right:15px;top:18px;color:var(--gold)}.city-manual{background:none;border:0;padding:8px 0;color:#d4ae77;font-size:11px;text-decoration:underline;text-underline-offset:4px}

.city-search input{margin-top:0;border-radius:10px;transition:border-color .15s,box-shadow .15s}.city-search input:focus,.city-search input:focus-visible{outline:none;outline-offset:0;border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.city-search{margin-top:7px}#city-results{box-sizing:border-box;width:100%}
.make-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:7px;padding:12px 14px;background:#111720;border:1px solid #ffffff25;color:#edf0f5;border-radius:9px;font-size:13px;text-align:left}.make-trigger span{color:var(--gold)}#make-panel{margin-top:8px;padding:12px;border:1px solid #ffffff22;background:#111924e8;border-radius:10px}.make-tabs{display:flex;gap:18px;margin-bottom:10px}.make-tabs button{border:0;border-bottom:2px solid transparent;padding:5px 0 8px;background:none;color:#9da6b4;font-size:12px}.make-tabs button[aria-selected=true]{color:var(--gold);border-color:var(--gold)}#make-search{margin:0 0 10px;min-height:36px;font-size:12px;padding:9px 11px}#make-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;max-height:230px;overflow:auto;scrollbar-width:thin}#make-grid button{border:1px solid transparent;border-radius:6px;color:#d8dde5;background:#ffffff03;padding:9px 7px;font-size:11px;text-align:left;overflow-wrap:anywhere}#make-grid button:hover{border-color:#e0aa5d77;color:var(--gold);background:#e0aa5d12}.footer-catalog{color:#9da6b4;text-decoration:none}.footer-catalog:hover{color:var(--gold)}@media(max-width:700px){#make-grid{max-height:250px}}
#make-search:focus-visible{outline:none;outline-offset:0;border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}
.phone-control{display:flex;align-items:center;background:#0c1016;border:1px solid #ffffff25;border-radius:10px;min-height:48px;overflow:hidden}.phone-control:focus-within{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.phone-prefix{display:flex;align-items:center;gap:10px;padding:0 0 0 14px;font-size:14px;white-space:nowrap}.ru-flag{display:inline-block;width:23px;height:16px;border-radius:2px;background:linear-gradient(to bottom,#fff 0 33.33%,#2452cf 33.33% 66.66%,#e44444 66.66% 100%);box-shadow:0 0 0 1px #ffffff20}.phone-control input[type=tel]{margin:0;border:0;box-shadow:none;background:none;outline:none;min-width:0;padding:13px 10px;font-size:14px;flex:1}.phone-control input:focus-visible{outline:none}.channel-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:16px 0 12px;gap:9px}.channel-options button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:12px 5px;min-height:77px}.channel-options svg{width:24px;height:24px}.channel-options button[data-channel=max] svg{color:#aaa6ff}.channel-options button[data-channel=telegram] svg{color:#6cc8ff}.channel-options button[data-channel=whatsapp] svg{color:#66d89a}body[data-stage="5"] .subtitle{font-size:13px;line-height:1.65;margin:0 0 21px}@media(max-width:700px){body[data-stage="5"] .subtitle{font-size:12px;line-height:1.55;margin-bottom:16px}.channel-options button{min-height:70px}.phone-control input[type=tel]{font-size:16px}}
.header-contacts{display:flex;align-items:center;gap:24px}.phone-link{text-decoration:none;color:#edf0f5;font-size:14px;font-weight:600;letter-spacing:.3px}.phone-link:hover{color:var(--gold);border-color:#e0aa5d70}.rating-badge{display:flex;align-items:center;gap:9px;text-decoration:none;color:white;padding:8px 12px;border-radius:10px;border:1px solid #ffffff18;background:#ffffff05;backdrop-filter:blur(12px)}.rating-star{font-size:26px;color:var(--gold)}.rating-badge small{display:block;font-size:9px;font-weight:400;color:#a6aeb8;margin-bottom:3px}.rating-badge strong{display:block;font-size:18px;font-weight:600;line-height:1}.seller-details{text-align:right;font-size:9px;color:#9ca4b0;line-height:1.6;max-width:75%}body{grid-template-rows:78px minmax(0,1fr) 52px}footer{min-height:52px;border-top:1px solid #ffffff0d;margin:0 5vw;padding:8px 0}.quiz-bottom{border-top:1px solid #ffffff12;margin-top:16px}@media(max-width:700px){body{grid-template-rows:64px minmax(0,1fr) 56px}.header-contacts{gap:9px}.phone-link{font-size:10px;padding:8px}.rating-badge{padding:5px 7px;gap:5px}.rating-star{font-size:18px}.rating-badge small{font-size:7px}.rating-badge strong{font-size:14px}.logo img{width:98px}.seller-details{font-size:8px;max-width:70%;text-align:right}footer{margin:0 16px;min-height:56px;font-size:7px}.quiz-bottom{margin-top:12px}}
.phone-control input[type=tel]{color:#8c95a3}.phone-control input[type=tel]::placeholder{color:#646e7d}.phone-prefix{color:#eef0f4}
.telegram-details summary{cursor:pointer;font-size:11px;color:#b3bac4;padding:7px 0}.telegram-details summary span{color:#7b8594}body[data-stage="5"] .channel-options{margin:12px 0 8px}body[data-stage="5"] .channel-options button{min-height:66px;padding:9px 5px}body[data-stage="5"] .subtitle{font-size:12px;margin-bottom:16px;line-height:1.5}
body[data-stage="5"] .channel-options{display:flex;gap:8px;margin:12px 0}body[data-stage="5"] .channel-options button{flex:1;flex-direction:row;min-height:42px;padding:9px 10px;gap:7px;font-size:11px}body[data-stage="5"] .channel-options svg{width:19px;height:19px}
.vehicle-panel{margin-top:8px;padding:10px;border:1px solid #ffffff24;border-radius:10px;background:#111924e8}.vehicle-panel input{margin:0 0 9px;font-size:12px;min-height:38px;padding:10px 12px}.vehicle-panel input:focus-visible{outline:none;border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.vehicle-results{display:grid;gap:4px;max-height:210px;overflow:auto;scrollbar-width:thin}.vehicle-results button{border:1px solid transparent;border-radius:6px;background:#ffffff03;color:#d8dde5;text-align:left;padding:11px;font-size:12px}.vehicle-results button:hover,.vehicle-results button[aria-pressed=true]{border-color:#e0aa5d70;color:var(--gold);background:#e0aa5d12}.make-trigger:disabled{opacity:.5;cursor:default}.rating-badge{gap:10px;background:#242424a8;border:1px solid #626262;border-radius:6px;padding:10px 14px}.yandex-mark{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#ff3e23;color:white;font-size:24px;font-weight:500;line-height:1}.rating-copy{color:#bfbfbf;font-size:15px;white-space:nowrap}.rating-copy strong{display:inline;font-size:19px;color:#ffcc00;margin-left:3px}@media(max-width:700px){.rating-badge{gap:6px;padding:6px 8px}.yandex-mark{width:22px;height:22px;font-size:19px}.rating-copy{font-size:10px}.rating-copy strong{font-size:14px}}
.make-trigger:focus,.make-trigger:focus-visible{outline:none;outline-offset:0;border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}#catalog-fields>.field{margin:12px 0;display:block}#catalog-fields .make-trigger{height:44px;margin-top:7px;line-height:1.3;box-sizing:border-box}#vehicle-picker{min-width:0;width:100%}.vehicle-results button:focus-visible,#make-grid button:focus-visible{outline:none;border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}
.rating-badge{width:173px;height:45px;flex:none;gap:8px;padding:6px 12px;border:1px solid #626262;border-radius:4px;background:transparent;backdrop-filter:none}.yandex-original{display:block;width:26px;height:26px;flex:none}.rating-copy{font:18px/28px Arial,sans-serif;letter-spacing:0;color:white;white-space:nowrap}.rating-copy strong{font-size:20px;line-height:31px;font-weight:700;color:#ffcc00;margin-left:0}.rating-copy #rating-label{font-weight:400}#question{padding-right:12px;overflow-x:hidden;scrollbar-gutter:stable}@media(max-width:700px){.rating-badge{width:138px;height:36px;padding:4px 8px;gap:6px}.yandex-original{width:22px;height:22px}.rating-copy{font-size:14px;line-height:24px}.rating-copy strong{font-size:16px;line-height:24px}}
/* Auto marketplace visual direction */
:root{font-family:Arial,'Helvetica Neue',sans-serif;color:#17181b;background:#fff;color-scheme:light;--gold:#e32622;--muted:#777c86}body{background:#fff;font-family:Arial,'Helvetica Neue',sans-serif}body:before{background:linear-gradient(90deg,#fff 0%,#fff 35%,#ffffffc9 65%,#ffffffea 100%);background-image:none}header{border-color:#e9eaec}.logo{display:flex;align-items:baseline;gap:3px;text-decoration:none;letter-spacing:-1.5px;line-height:1}.logo-v{font-weight:900;color:#e32622;font-size:49px;letter-spacing:-4px}.logo-word{font-size:30px;font-weight:700;color:#25272b;letter-spacing:-1.5px}.status,.phone-link{background:#f0f1f3;border-color:transparent;color:#222429;backdrop-filter:none;font-weight:600;border-radius:12px}.phone-link:hover{background:#e7e8eb;color:#e32622}.intro{position:relative;justify-content:center}.intro .eyebrow,body:not([data-stage="0"]) .intro .eyebrow{color:#7e828a;font-size:11px;font-weight:600;letter-spacing:1.4px}.intro h1{color:#17181b;font-family:Arial,'Helvetica Neue',sans-serif;font-size:clamp(31px,3.5vw,52px);font-weight:700;line-height:1.12;letter-spacing:-1.3px}.intro #hero-description{color:#70757e;font-size:14px;line-height:1.65;max-width:420px}.intro .hero-cta{background:#e32622;color:white;border-radius:12px}.quiz{background:#f5f6f7;border:1px solid #e9eaec;border-radius:24px;backdrop-filter:none;box-shadow:none;color:#202226}.quiz-top{color:#81858e}.quiz-top #quiz-brand{color:#7d838d}.progress{background:#e2e4e7}.progress div{background:#e32622}h2{font-size:clamp(22px,2.2vw,30px);color:#18191c;font-weight:700;letter-spacing:-.6px}.subtitle,.notice,.consent{color:#70757e}.primary{background:#e32622;color:white;border-radius:12px;font-weight:600;font-size:14px}.primary:hover{background:#c91f1b;box-shadow:none}.back{color:#737983}.back:hover{color:#17181b}.quiz-bottom{border-color:#e0e2e6}.option{background:white;border-color:#dedfe3;border-radius:12px;color:#25272b}.option .title{font-size:14px}.option:hover{background:#fff;border-color:#9ca3af}.option.selected{background:#fff3f2;border-color:#e32622}.radio{border-color:#b6bcc5}.selected .radio{border-color:#e32622}.field{color:#454950;font-size:13px}input[type=text],input[type=tel]{background:white;border-color:#d9dce1;color:#22252b;font-size:15px;border-radius:10px}input::placeholder{color:#9298a2}.city-search input:focus,.city-search input:focus-visible{border-color:#e32622;box-shadow:inset 0 0 0 1px #e32622}.city-search>span{color:#838994}#city-results{background:white;border-color:#d9dce1;backdrop-filter:none;box-shadow:0 8px 24px #2224290a;scrollbar-color:#c4c7cf white}#city-results button{color:#25272b;border-color:#f0f1f3;font-size:14px}#city-results button small{color:#9298a2}#city-results button:hover,#city-results button[aria-selected=true]{background:#f3f4f6;color:#e32622}.city-arrow{color:#969da8}.picker-mode button{background:#e9eaed;color:#5e6470;border:1px solid transparent;border-radius:9px}.picker-mode button[aria-pressed=true]{background:white;color:#e32622;border-color:#e32622}.make-trigger{background:white;border-color:#d9dce1;color:#25272b;border-radius:10px}.make-trigger span{color:#9097a1}.make-trigger:focus-visible{border-color:#e32622;box-shadow:inset 0 0 0 1px #e32622}#make-panel,.vehicle-panel{background:white;border-color:#d9dce1;border-radius:12px}.make-tabs button{color:#9298a2}.make-tabs button[aria-selected=true]{color:#e32622;border-color:#e32622}#make-grid button,.vehicle-results button{color:#353a43;background:#f5f6f8;border-color:transparent;border-radius:8px;font-size:12px}#make-grid button:hover,.vehicle-results button:hover,.vehicle-results button[aria-pressed=true]{background:#fff0ee;border-color:#e3262233;color:#e32622}.vehicle-results,#make-grid{scrollbar-color:#c4c7cf white}#make-search,.vehicle-panel input{background:#f5f6f8;border-color:transparent}.phone-control{background:white;border-color:#d9dce1}.phone-prefix{color:#21252b}.phone-control input[type=tel]{color:#9298a2;background:none}.channel-options button{background:white;border-color:#d9dce1;color:#414650;border-radius:10px}.channel-options button.selected{background:#fff3f2;border-color:#e32622;color:#e32622}.legal-links a{color:#777e89}.result{background:white;border-color:#e0e3e7}.summary-row{border-color:#edf0f3}.summary-row span{color:#7f8690}.power-note{background:#fff2ed;border-color:#e32622;color:#85564b}.error{color:#d62622}.rating-badge{background:#fff;border-color:#e0e2e6}.rating-copy{color:#747880}.rating-copy strong{color:#e7b500}.footer-catalog{color:#9298a2}.footer-catalog:hover{color:#e32622}.seller-details,footer{color:#969ca5}footer{border-color:#eef0f2}#question{scrollbar-color:#c7cbd1 transparent}.welcome-copy{color:#747880}.legal-page a{color:#e32622}:focus-visible{outline-color:#e32622}
@media(max-width:700px){body{grid-template-rows:64px minmax(0,1fr) 56px}.logo-v{font-size:37px;letter-spacing:-3px}.logo-word{font-size:22px;letter-spacing:-1px}.header-contacts{gap:8px}.phone-link{font-size:11px;min-height:36px;display:flex;align-items:center}.rating-badge{width:123px;height:34px;padding:4px 7px;gap:5px}.rating-copy{font-size:12px}.rating-copy strong{font-size:14px}.yandex-original{width:20px;height:20px}.intro h1{font-size:25px;line-height:1.12;letter-spacing:-.6px}.intro #hero-description{font-size:12px;line-height:1.45}.intro,body:not([data-stage="0"]) .intro{flex-basis:205px}.intro .eyebrow{font-size:8px!important}.quiz{background:#f5f6f7;border-radius:18px;padding:18px}.hero-cta{font-size:12px!important;min-height:40px!important}.option{min-height:49px}.option .title{font-size:13px}.field{font-size:12px}.primary{font-size:13px;min-height:44px}.picker-mode button{min-height:35px}.channel-options button{min-height:44px!important}.phone-control input[type=tel]{font-size:16px}.intro h1{max-width:360px}body[data-stage="3"] .intro,body[data-stage="4"] .intro,body[data-stage="5"] .intro,body[data-stage="6"] .intro{display:none}}
@media(max-width:370px){header{margin:0 12px}.logo-word{font-size:19px}.logo-v{font-size:34px}.rating-badge{width:105px;padding:4px 5px;gap:4px}.rating-copy{font-size:10px}.rating-copy strong{font-size:13px}.phone-link{font-size:10px;padding:8px}.header-contacts{gap:6px}main{padding:10px 12px 6px}.intro,body:not([data-stage="0"]) .intro{flex-basis:195px}.intro h1{font-size:22px}.intro #hero-description{font-size:11px}.quiz{padding:15px}h2{font-size:21px}.seller-details{font-size:7px}.primary{padding:11px 13px;font-size:12px}#make-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-height:650px) and (max-width:700px){.intro,body:not([data-stage="0"]) .intro{flex-basis:120px}.intro #hero-description{display:none!important}.intro h1{font-size:21px}.intro .hero-cta{margin-top:9px!important;min-height:36px!important}.intro .eyebrow{display:none}body{grid-template-rows:56px minmax(0,1fr) 42px}footer{min-height:42px}.quiz{padding:14px}.quiz-top{font-size:8px}.progress{margin:9px 0 12px}.quiz-bottom{margin-top:9px;padding-top:9px}}
@media(max-height:500px) and (orientation:landscape){body{grid-template-rows:52px minmax(0,1fr) 28px}main{display:grid;grid-template-columns:1fr 1fr;padding:10px 4vw;gap:25px}.intro,body:not([data-stage="0"]) .intro{display:flex!important;padding:0}.intro h1{font-size:22px}.intro #hero-description{display:none!important}.intro .eyebrow{display:none!important}.quiz{padding:12px;min-height:0}.quiz-top{font-size:8px}.progress{margin:8px 0 10px}h2{font-size:19px}.quiz-bottom{padding-top:7px;margin-top:8px}.primary,.back{min-height:36px;padding:9px 12px;font-size:11px}footer{min-height:28px}.seller-details{font-size:7px}}
.logo-wordmark{font-family:Arial,'Helvetica Neue',sans-serif;font-size:38px;font-weight:800;letter-spacing:-2px;color:#e32622;line-height:1}.vector-car{display:block;width:100%;max-width:480px;margin:24px 0 0;max-height:150px;object-fit:contain;object-position:left center}.social-links{display:flex;align-items:center;gap:10px;flex:none}.social-links a,.social-placeholder{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#f1f2f4;color:#505661}.social-links a:hover{color:#e32622;background:#fdebea}.social-links svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}.social-placeholder{opacity:.4}.seller-details{max-width:50%;font-size:8px}footer{gap:12px}@media(max-width:700px){.logo-wordmark{font-size:25px;letter-spacing:-1.3px}.vector-car{display:none}.social-links{gap:5px}.social-links a,.social-placeholder{width:25px;height:25px}.social-links svg{width:16px;height:16px}.seller-details{max-width:49%;font-size:7px}footer>span:first-child{display:none}}@media(max-width:370px){.logo-wordmark{font-size:22px;letter-spacing:-1px}.rating-badge{width:98px}.rating-copy{font-size:9px}.rating-copy strong{font-size:12px}.seller-details{font-size:7px}}@media(max-height:650px){.vector-car{max-height:100px;margin-top:12px}}
.footer-follow{display:flex;align-items:center;gap:14px}.follow-label{font-size:11px;color:#858c97;white-space:nowrap}.fuel-card{display:flex;align-items:center;gap:12px;max-width:330px;padding:13px 15px;margin-top:16px;border:1px solid #e5e7eb;border-radius:14px;background:#f5f6f8;text-decoration:none;color:#272b33}.fuel-icon{display:grid;place-items:center;width:36px;height:36px;background:#ffe74d;color:#1b1b1b;border-radius:10px;font-size:22px;flex:none}.fuel-card strong{display:block;font-size:13px;font-weight:600}.fuel-card small{display:block;font-size:10px;color:#858c97;margin-top:4px}.fuel-arrow{margin-left:auto;color:#9399a3}.fuel-card:hover{background:#eceff3}.vector-car{max-height:110px;margin-top:15px}@media(max-width:700px){.footer-follow{gap:7px}.follow-label{font-size:8px}.social-links{gap:4px}.social-links a,.social-placeholder{width:23px;height:23px}.social-links svg{width:15px;height:15px}.seller-details{max-width:44%}.fuel-card{padding:8px 10px;margin-top:10px;gap:8px;max-width:300px}.fuel-icon{width:28px;height:28px;font-size:19px}.fuel-card strong{font-size:11px}.fuel-card small{font-size:9px}.intro,body:not([data-stage="0"]) .intro{flex-basis:255px}body[data-stage="2"] .intro{flex-basis:150px}body[data-stage="2"] .fuel-card,body[data-stage="2"] .intro #hero-description{display:none!important}}@media(max-height:650px){.fuel-card{padding:8px 10px;margin-top:10px}.vector-car{display:none}}@media(max-height:650px) and (max-width:700px){.intro,body:not([data-stage="0"]) .intro{flex-basis:125px}.fuel-card{display:none}}@media(max-width:370px){.follow-label{font-size:7px}.footer-follow{gap:5px}.social-links a,.social-placeholder{width:20px;height:20px}.seller-details{max-width:45%}}
.logo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:205px}.logo-car{color:#16181c;width:183px;height:30px;display:block}.logo-wordmark{font-size:31px;font-weight:800;letter-spacing:-1.6px;line-height:1.1}.fuel-card{position:relative;display:block;max-width:340px;min-height:122px;padding:19px 20px;border:0;border-radius:27px;background:#ffe4e3;overflow:hidden;margin-top:20px}.fuel-title{font-size:19px;line-height:1.35;font-weight:400;color:#17181b;position:relative;z-index:1}.fuel-nozzle{position:absolute;right:5px;bottom:-20px;width:110px;height:138px}.fuel-card:hover{background:#ffd9d6}.footer-follow{gap:12px}@media(max-width:700px){.logo{width:129px}.logo-car{width:113px;height:22px}.logo-wordmark{font-size:21px;letter-spacing:-1px}.fuel-card{min-height:78px;max-width:280px;padding:12px 14px;border-radius:18px;margin-top:12px}.fuel-title{font-size:14px}.fuel-nozzle{width:85px;height:106px;bottom:-22px;right:3px}.intro,body:not([data-stage="0"]) .intro{flex-basis:285px}.rating-badge{width:114px}.rating-copy{font-size:11px}.phone-link{font-size:10px}.header-contacts{gap:6px}}@media(max-width:370px){.logo{width:108px}.logo-car{width:96px;height:19px}.logo-wordmark{font-size:18px}.rating-badge{width:105px}.rating-copy{font-size:10px}.fuel-card{min-height:70px}.fuel-title{font-size:13px}.intro,body:not([data-stage="0"]) .intro{flex-basis:270px}}@media(max-height:650px) and (max-width:700px){.intro,body:not([data-stage="0"]) .intro{flex-basis:125px}.fuel-card{display:none}}
@font-face{font-family:Manrope;src:url('/assets/manrope-regular.ttf') format('truetype');font-weight:400 600;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url('/assets/manrope-bold.ttf') format('truetype');font-weight:700 900;font-style:normal;font-display:swap}:root,body{font-family:Manrope,Arial,sans-serif}.intro h1,h2,.logo-wordmark{font-family:Manrope,Arial,sans-serif}.logo-wordmark{font-weight:800}.intro h1{font-weight:700;letter-spacing:-1.4px}.rating-copy{font-family:Arial,sans-serif}
.original-logo-car{width:183px;height:33px}.fuel-title{font-size:16px;line-height:1.45}@media(max-width:700px){.original-logo-car{width:115px;height:24px}.fuel-title{font-size:12px}}@media(max-width:370px){.original-logo-car{width:98px;height:21px}}@media(max-width:370px) and (max-height:650px){body{grid-template-rows:54px minmax(0,1fr) 40px}footer{min-height:40px;padding:5px 0}}
.fuel-nozzle{object-fit:contain;object-position:right bottom;right:5px;bottom:-18px;width:122px;height:145px}@media(max-width:700px){.fuel-nozzle{width:92px;height:108px;bottom:-20px;right:5px}}
.fuel-nozzle{width:150px;height:180px;right:0;bottom:-35px}@media(max-width:700px){.fuel-nozzle{width:110px;height:135px;right:0;bottom:-30px}}
.primary{display:inline-flex;align-items:center;justify-content:center;line-height:1.2;text-align:center}.hero-cta{height:52px;padding:0 25px!important;line-height:1;font-weight:600}body .intro .hero-cta{display:inline-flex}@media(max-width:700px){.hero-cta{height:42px;padding:0 18px!important}}@media(max-height:650px) and (max-width:700px){.hero-cta{height:38px}}
.intro .hero-cta{width:240px;max-width:100%}.fuel-card{width:240px;max-width:100%;min-height:90px;padding:15px 16px;border-radius:20px;margin-top:14px}.fuel-title{font-size:13px;line-height:1.4}.fuel-nozzle{width:103px;height:124px;right:-4px;bottom:-26px}@media(max-width:700px){.intro .hero-cta{width:220px}.fuel-card{width:220px;min-height:78px;padding:12px 14px;border-radius:18px;margin-top:10px}.fuel-title{font-size:12px}.fuel-nozzle{width:92px;height:110px;right:-3px;bottom:-24px}}
input[type=text]:focus,input[type=text]:focus-visible,input[type=tel]:focus,input[type=tel]:focus-visible,select:focus-visible{outline:none!important;outline-offset:0!important;border-color:#e32622;box-shadow:inset 0 0 0 1px #e32622}button:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #e32622}.primary:focus-visible{box-shadow:inset 0 0 0 2px #222}.phone-control input[type=tel]:focus,.phone-control input[type=tel]:focus-visible{border:0;box-shadow:none!important}.phone-control:focus-within{border-color:#e32622;box-shadow:inset 0 0 0 1px #e32622}
/* Consistent mobile block spacing */
@media(max-width:700px){body{grid-template-rows:66px minmax(0,1fr) 72px}header{margin:0 16px;gap:12px}main{padding:16px 16px 10px;gap:18px}.intro,body:not([data-stage="0"]) .intro{flex:0 0 auto;padding:0 2px;min-height:0}.intro h1{margin:0 0 12px!important;font-size:24px;line-height:1.14}.intro .eyebrow{margin:0 0 8px!important}.intro #hero-description{margin:0!important;font-size:11px;line-height:1.5}.intro .hero-cta,body[data-stage="1"] .intro .hero-cta{margin:16px 0 0!important}.fuel-card{margin-top:12px;min-height:74px}.quiz{padding:18px;flex:1;min-height:190px}body[data-stage="2"] .intro,body[data-stage="3"] .intro,body[data-stage="4"] .intro,body[data-stage="5"] .intro,body[data-stage="6"] .intro{display:none!important}.quiz-top{min-height:15px}.progress{margin:12px 0 16px}.quiz-bottom{margin-top:14px;padding-top:14px}footer{margin:0 16px;padding:8px 0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:72px}.footer-follow{gap:10px}.follow-label{font-size:10px}.social-links{gap:7px}.social-links a,.social-placeholder{width:27px;height:27px}.seller-details{max-width:100%;text-align:center;font-size:7px;line-height:1.5}.rating-badge{height:34px}.phone-link{height:34px;min-height:34px}.logo{flex:none}.header-contacts{flex:none}.phone-control{min-height:46px}}
@media(max-width:370px){header{margin:0 12px;gap:6px}main{padding:12px 12px 8px;gap:14px}.intro h1{font-size:21px}.intro #hero-description{font-size:10px}.quiz{padding:15px}.logo{width:100px}.logo-wordmark{font-size:18px}.original-logo-car{width:94px}.rating-badge{width:98px;padding:4px 5px}.phone-link{font-size:10px;padding:7px}.header-contacts{gap:5px}.follow-label{font-size:9px}.seller-details{font-size:6px}}
@media(max-height:700px) and (max-width:700px){body{grid-template-rows:58px minmax(0,1fr) 66px}main{padding-top:12px;gap:14px}.intro #hero-description,.fuel-card{display:none!important}.intro h1{font-size:21px;margin-bottom:0!important}.intro .hero-cta{margin-top:12px!important;height:38px}.intro .eyebrow{display:none}.quiz{min-height:180px}footer{min-height:66px}.quiz-bottom{margin-top:10px;padding-top:10px}}
.hero-cta{font-size:13px!important;padding:0 12px!important}
.logo .bmw-wordmark{display:block;width:185px;height:68px;max-height:none;object-fit:contain}.logo{width:185px}@media(max-width:700px){.logo .bmw-wordmark{width:124px;height:54px}.logo{width:124px}}@media(max-width:370px){.logo .bmw-wordmark{width:101px;height:47px}.logo{width:101px}}
.brand-group{display:flex;align-items:center;gap:18px;min-width:0}.header-tagline{display:flex;align-items:center;gap:17px;color:#858b94;font-size:10px;line-height:1.4;letter-spacing:.5px}.header-tagline>span:first-child{font-size:28px;font-weight:400;color:#d6d9df}.header-tagline #tag{max-width:160px}.logo,.logo .bmw-wordmark{width:210px}.logo .bmw-wordmark{height:76px}.header-contacts{margin-left:auto;gap:18px}header{gap:20px}body{grid-template-rows:90px minmax(0,1fr) 52px}@media(max-width:1000px) and (min-width:701px){.brand-group{gap:8px}.header-tagline{font-size:8px;gap:9px}.header-tagline #tag{max-width:110px}.logo,.logo .bmw-wordmark{width:185px}.header-contacts{gap:10px}header{gap:12px}}@media(max-width:700px){body{grid-template-rows:94px minmax(0,1fr) 72px}header{flex-wrap:wrap;align-content:center;row-gap:0;position:relative}.brand-group{display:block}.logo,.logo .bmw-wordmark{width:145px}.logo .bmw-wordmark{height:65px}.header-tagline{position:absolute;bottom:5px;left:0;gap:7px;font-size:8px;letter-spacing:.3px}.header-tagline #tag{max-width:none}.header-tagline>span:first-child{font-size:12px;color:#b8bec7}.header-contacts{gap:6px}.rating-badge{width:112px}.phone-link{padding:7px;font-size:10px}}@media(max-width:370px){.logo,.logo .bmw-wordmark{width:116px}.logo .bmw-wordmark{height:59px}.rating-badge{width:98px}.header-contacts{gap:5px}.header-tagline{font-size:7px}}@media(max-height:700px) and (max-width:700px){body{grid-template-rows:82px minmax(0,1fr) 66px}.logo .bmw-wordmark{height:54px}.header-tagline{bottom:4px}}
.header-tagline #tag{max-width:205px}@media(max-width:1000px) and (min-width:701px){.header-tagline #tag{max-width:150px}}@media(max-width:700px){.header-tagline #tag{max-width:none}}
body{grid-template-rows:90px minmax(0,1fr) 70px}footer{min-height:70px;gap:15px}.fuel-card{flex:none;width:175px;min-height:48px;height:48px;margin:0!important;padding:9px 11px;border-radius:14px;max-width:100%}.fuel-title{font-size:10px;line-height:1.4}.fuel-nozzle{width:67px;height:81px;right:-3px;bottom:-25px}.seller-details{max-width:40%;font-size:7px}.footer-follow{gap:8px}.follow-label{font-size:9px}.social-links{gap:6px}.social-links a,.social-placeholder{width:27px;height:27px}@media(max-width:1000px) and (min-width:701px){footer{gap:10px}.fuel-card{width:150px}.fuel-title{font-size:9px}.footer-follow{gap:7px}.seller-details{max-width:34%;font-size:6px}.social-links{gap:5px}}
@media(max-width:700px){body{grid-template-rows:94px minmax(0,1fr) 116px}footer{display:grid;grid-template-columns:1fr 150px;grid-template-rows:58px auto;align-items:center;justify-content:initial;gap:0 12px;padding:7px 0;min-height:116px}.footer-follow{flex-direction:column;align-items:flex-start;gap:7px}.follow-label{font-size:9px}.social-links{gap:7px}.social-links a,.social-placeholder{width:25px;height:25px}.fuel-card{display:block!important;width:150px;height:48px;min-height:48px;padding:9px 10px;border-radius:13px}.fuel-title{font-size:9px}.fuel-nozzle{width:61px;height:76px;bottom:-24px;right:-2px}.seller-details{grid-column:1/-1;max-width:100%;text-align:left;line-height:1.5;font-size:7px;padding-top:7px;border-top:1px solid #eef0f2}main{gap:18px}.intro .hero-cta{margin-top:15px!important}}
@media(max-width:370px){footer{grid-template-columns:1fr 140px;gap:0 8px}.fuel-card{width:140px}.fuel-title{font-size:8px}.seller-details{font-size:6px}.follow-label{font-size:8px}.social-links{gap:6px}}
@media(max-height:700px) and (max-width:700px){body{grid-template-rows:82px minmax(0,1fr) 102px}footer{min-height:102px;grid-template-rows:54px auto;padding:5px 0}.fuel-card{display:block!important}.quiz{min-height:150px}}
/* Let the quiz grow with content; scrolling belongs to the page. */
body{height:auto;min-height:100svh;overflow-x:hidden;overflow-y:auto;grid-template-rows:90px auto auto}main{height:auto;min-height:calc(100svh - 160px);align-items:stretch}.quiz{height:auto;min-height:500px;overflow:visible}#question{flex:1 0 auto;min-height:auto;overflow:visible;scrollbar-gutter:auto;padding-right:0}#make-grid,.vehicle-results,#city-results{max-height:none;overflow:visible}.quiz-bottom{flex-shrink:0}.intro{align-self:center}footer{min-height:70px}
@media(max-width:700px){body{grid-template-rows:94px auto auto}main{min-height:calc(100svh - 210px);height:auto}.quiz{flex:1 0 auto;min-height:340px;overflow:visible}#question{flex:1 0 auto;overflow:visible}footer{min-height:116px}.intro{align-self:stretch}}
@media(max-height:700px) and (max-width:700px){body{grid-template-rows:82px auto auto}main{min-height:calc(100svh - 184px)}.quiz{min-height:320px}footer{min-height:102px}}
/* Bound dropdown menus, but allow their parent quiz to grow naturally. */
#make-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-height:230px;overflow-y:auto;overflow-x:hidden}.vehicle-results{display:grid;max-height:210px;overflow-y:auto;overflow-x:hidden}#city-results{max-height:220px;overflow-y:auto;overflow-x:hidden}.quiz,#question{overflow:visible}.quiz{min-height:500px}.intro{align-self:start;padding-top:58px}@media(max-width:700px){#make-grid{max-height:210px}.vehicle-results{max-height:180px}#city-results{max-height:190px}.quiz{min-height:340px}.intro{align-self:stretch;padding-top:0}}@media(max-width:370px){#make-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-height:700px) and (max-width:700px){.quiz{min-height:320px}#make-grid,.vehicle-results,#city-results{max-height:160px}}
#catalog-fields .make-trigger{height:auto;min-height:44px;white-space:normal;overflow-wrap:anywhere;line-height:1.45}.vehicle-results button{overflow-wrap:anywhere}.quiz-bottom .primary{max-width:100%;white-space:normal;line-height:1.3}.summary-row strong{overflow-wrap:anywhere}@media(max-width:700px){.quiz-bottom{gap:12px}.quiz-bottom .back{flex:none}.quiz-bottom .primary{font-size:12px;padding-left:14px;padding-right:14px}.field,input[type=text],input[type=tel],.make-trigger{min-width:0}.header-tagline{max-width:100%;overflow-wrap:anywhere}.header-tagline #tag{line-height:1.4}}
@media(max-width:700px){header{display:grid;grid-template-columns:auto minmax(0,1fr);align-content:center;align-items:center;column-gap:8px;row-gap:0;flex-wrap:nowrap}.brand-group{min-width:0}.header-contacts{justify-self:end;margin-left:0;gap:6px;min-width:0}.header-tagline{left:0;right:0;bottom:5px;font-size:7px;max-width:100%;line-height:1.4}.header-tagline #tag{max-width:100%;white-space:normal}.rating-copy{white-space:nowrap}}
@media(max-width:370px){header{column-gap:5px}.logo,.logo .bmw-wordmark{width:109px}.logo .bmw-wordmark{height:54px}.header-contacts{gap:5px}.phone-link{width:62px;justify-content:center;font-size:9px;padding:6px}.rating-badge{width:96px;padding:4px 5px}.rating-copy{font-size:9px}.rating-copy strong{font-size:12px}.header-tagline{font-size:6px;bottom:4px}}