:root{--accent:#8bccff;--muted:#adbed2;--glass:rgba(9,27,51,.91);--drawer-height:138px;color-scheme:dark}
body{position:fixed;inset:0;overflow:hidden}
#experience{height:100dvh;min-height:0}#experience:after{display:none}header{top:max(18px,env(safe-area-inset-top));left:24px;right:24px;pointer-events:none}header>*{pointer-events:auto}.signature{display:none}.brand{font-size:29px}.brand span{font-size:9px}.brand,header .quiet{text-shadow:0 1px 6px #081829}.location{display:none}.source-note{display:none}footer{left:auto;right:20px;bottom:calc(var(--drawer-height) + 14px);gap:8px;transition:bottom .24s ease;pointer-events:none}footer>*{pointer-events:auto}footer nav{gap:6px}footer nav button{font-size:12px;padding:9px 13px;min-height:40px}footer nav .primary{background:#102a43d9;color:#fff;border-color:#94c8ed66;font-weight:500}.look-controls{gap:6px}.look-controls span{display:none}.look-controls button{background:#102a43d9}#home{padding:9px 13px;font-size:12px}#design-chip{display:none!important}.marker{background:#102a43c9;border-color:#96c8ec66;font-size:12px}.marker.part{background:#102a43d9}.marker.move{border-color:#96c8ec66}.marker:before{border-color:#8bccff;box-shadow:0 0 0 4px #8bccff18}.marker.part:before{background:#8bccff}
#conversion-drawer{position:absolute;z-index:10;bottom:0;left:0;right:0;height:calc(138px + env(safe-area-inset-bottom));max-height:60%;border:1px solid #71bfff65;border-bottom:0;border-radius:26px 26px 0 0;background:linear-gradient(115deg,rgba(17,49,80,.94),rgba(6,23,47,.91) 60%,rgba(13,37,69,.94));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 -8px 35px #0a234536,0 -1px 13px #4cb3ff30;display:flex;flex-direction:column;transition:height .25s cubic-bezier(.2,.8,.2,1);overflow:hidden;color:#f4f9ff;isolation:isolate}
#conversion-drawer[data-state=expanded]{height:48%}#conversion-drawer[data-state=extended]{height:60%}#conversion-drawer.dragging{transition:none;user-select:none}.drawer-handle{display:flex;align-items:center;justify-content:center;flex:none;height:26px;min-height:26px;width:100%;border:0;border-radius:0;background:transparent;padding:0;touch-action:none;cursor:ns-resize}.drawer-handle:hover{background:#67baff0a}.drawer-handle span{width:38px;height:4px;background:#b5d7f3aa;border-radius:8px;box-shadow:0 0 8px #82caff30}.drawer-heading{display:flex;align-items:center;justify-content:space-between;flex:none;padding:0 22px 10px;gap:6px}.drawer-heading h1{font:600 23px/1.2 'Manrope',sans-serif;letter-spacing:-.75px;margin:0 0 5px}.drawer-heading p{font-size:11px;margin:0;color:#b3c8df;letter-spacing:.2px}.drawer-icon{width:38px;min-width:38px;min-height:38px;padding:0;font-size:22px;border:1px solid #9acdfd33;background:#6ebdff0b;border-radius:50%}#drawer-more{display:none}#drawer-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#719fc763 transparent;padding:0 22px 12px;scroll-padding:12px}#conversion-drawer[data-state=collapsed] #drawer-content{visibility:hidden;padding:0;flex:0;height:0}#conversion-drawer[data-state=collapsed] .drawer-heading{padding-bottom:7px}#conversion-drawer[data-state=collapsed] #drawer-more{display:block}
.brand-row,.shortcut-row,.model-row{display:flex;gap:9px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y;padding:3px 2px 7px;margin:0 -2px}.brand-row::-webkit-scrollbar,.shortcut-row::-webkit-scrollbar,.model-row::-webkit-scrollbar{display:none}.brand-card{flex:0 0 119px;min-height:60px;border-radius:12px;border-color:#6bb7ef3d;background:linear-gradient(130deg,#83bfff0e,#6d9fed04);padding:9px 11px;text-align:center}.brand-card small{display:block;color:#aebed1;font-size:9px;margin-top:4px}.brand-wordmark{font:600 14px 'Manrope',sans-serif;letter-spacing:.3px}.brand-genesis .brand-wordmark{font-size:13px;text-transform:uppercase;letter-spacing:2px}.brand-bmw .brand-wordmark{font-weight:700;letter-spacing:1.7px}.brand-porsche .brand-wordmark{text-transform:uppercase;font-size:12px;letter-spacing:1px}#conversion-drawer button[aria-pressed=true]{border-color:#60b9ff;background:linear-gradient(130deg,#236fac48,#185dab24);box-shadow:0 0 14px #3cafff24,inset 0 0 13px #69baff13;color:#fff}.shortcut-row{gap:7px}.shortcut-row button{min-height:38px;white-space:nowrap;padding:8px 15px;border-radius:9px;border-color:#98bce633;background:#739bcd09;font-size:12px}.section-label{display:flex;justify-content:space-between;align-items:center;margin:7px 0}.section-label h2{font:600 14px 'Manrope',sans-serif;margin:0}.section-label>span{font-size:10px;color:#a9bcd2}.model-card{position:relative;flex:0 0 173px;padding:0 0 10px;border-radius:13px;overflow:hidden;border-color:#80b7ea40;background:#0b2039;text-align:left}.model-card img{display:block;width:100%;height:83px;object-fit:cover;object-position:center 55%;background:#dbe3e9}.model-card strong{font-size:12px;display:block;margin:9px 10px 4px;white-space:nowrap}.model-card small{display:block;color:#b6c6d8;font-size:10px;margin:0 10px}.model-indicator{position:absolute;right:7px;top:7px;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;background:#0c274bdc;border:1px solid #b0dfff85;font-size:14px}.model-card[aria-pressed=true] .model-indicator{background:#137be7}.drawer-fine{font-size:10px;line-height:1.5;color:#a9bdd2;margin:8px 0 10px}.drawer-conversion{padding:8px 22px calc(12px + env(safe-area-inset-bottom));display:flex;gap:10px;flex:none;background:linear-gradient(0deg,#0b2441c9,#0b2441a3);border-top:1px solid #8dbdee21}.drive-button{display:flex;gap:10px;align-items:center;justify-content:center;width:100%;min-height:45px;border-radius:11px;border:1px solid #83caffc9;background:linear-gradient(110deg,#137ede,#1668c8 70%,#2a8dea);box-shadow:0 0 18px #299bff40,inset 0 1px #d6efff35;font-weight:600;font-size:14px}.drive-button:hover{background:linear-gradient(110deg,#208de8,#237bdf)}.drive-button svg{width:22px;height:22px;flex:none}.drive-button svg:last-child{width:18px;margin-left:auto}.drive-button svg:first-child{margin-right:auto}.secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 8px}.secondary-actions>a,.secondary-actions>button{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #7babdf40;border-radius:11px;background:#78aaf509;text-decoration:none;text-align:left;min-height:58px;font-size:11px;font-weight:600}.secondary-actions svg{width:23px;height:23px;color:#a4ceff;flex:none}.secondary-actions small{font-size:9px;display:block;margin-top:5px;color:#9fb8d0;font-weight:400}.dealer-nav{display:flex;gap:4px;justify-content:space-between;border-top:1px solid #8dbdee21;margin-top:12px;padding-top:6px;flex-wrap:wrap}.dealer-nav a,.dealer-nav button{font-size:11px;color:#bccfe1;border:0;background:none;text-decoration:none;min-height:44px;display:flex;align-items:center;padding:6px 5px}.dealer-nav a:hover,.text-link:hover{color:white;text-decoration:underline}.text-button{border:0;background:none;color:#b4d8fd;font-size:12px;min-height:38px;padding:5px 0}.text-button:hover{background:none;color:white}.selected-heading{display:flex;gap:12px;align-items:center;margin:6px 0 10px}.selected-heading img{width:94px;height:70px;object-fit:cover;border-radius:10px}.selected-heading h2{font:600 18px/1.25 'Manrope',sans-serif;letter-spacing:-.5px;margin:5px 0}.selected-heading p{font-size:10px;color:#b4c4d7;margin:0}.mini-label{font-size:9px;letter-spacing:1.2px;color:#a9c5e1}.selected-tick{margin-left:auto;color:#99d2ff;border:1px solid #5fb7ff9c;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;flex:none;font-size:13px}.text-link{font-size:11px;color:#b4d8fd;display:inline-block;padding:10px 0}#vehicle-tools{margin:10px -2px 0}#customization-slot #car-actions{position:static;margin:8px 0;gap:7px;justify-content:flex-start;flex-wrap:wrap}#customization-slot #car-actions button{font-size:12px;min-height:40px;border-radius:8px;border-color:#8bbced42;background:#75b6ff0b;padding:8px 14px}#customization-slot #customizer{position:static;width:auto;padding:10px 12px;margin:8px 0;background:#051a2e50;border:1px solid #8dbdee24;border-radius:12px;box-shadow:none;backdrop-filter:none}#customization-slot #customizer h2{font-size:17px;margin:0 0 14px}#customization-slot #part-label{font-size:9px;letter-spacing:1px}#customization-slot .panel-top button{width:36px;min-height:36px;height:36px}#customization-slot #choice-note{font-size:10px;margin:13px 0 0}#customization-slot .swatch{min-height:58px;font-size:11px}#customization-slot .swatch i{height:29px;width:29px}#customization-slot .swatch[aria-pressed=true]{background:transparent;border:0;box-shadow:none}.request-heading{display:flex;align-items:center;gap:12px;margin:6px 0 12px}.request-heading h2{font:600 21px 'Manrope',sans-serif;letter-spacing:-.65px;margin:5px 0 0}.request-icon{display:grid;place-items:center;height:42px;width:42px;border:1px solid #6dbaff66;background:#319cff13;border-radius:12px;color:#bce1ff}.request-icon svg{width:25px;height:25px}.request-summary{background:#71b5ed0d;border:1px solid #75bafc36;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:6px}.request-summary strong{font-size:13px}.request-summary span{font-size:11px;color:#b3c9e0}.appointment-options{display:grid;grid-template-columns:1.1fr 1fr;gap:10px;margin:14px 0}.appointment-options label,.scope-label{font-size:11px;color:#c8d9e9}.appointment-options label>span{font-size:10px;color:#a6b8cc}#conversion-drawer input,#conversion-drawer select,#conversion-drawer textarea{display:block;width:100%;background:#061c33;color:#f0f7ff;border:1px solid #7db4e64a;border-radius:8px;padding:10px 8px;font:inherit;font-size:16px;margin-top:7px;min-height:44px;box-sizing:border-box}.handoff-note{font-size:11px;line-height:1.65;color:#c0d0e0;margin:10px 0}#request-details summary{font-size:11px;color:#a8d4ff;cursor:pointer;padding:12px 0}#request-text{height:170px;resize:vertical;font-size:12px!important;line-height:1.5}#request-status{font-size:11px;color:#bbdefb;line-height:1.5}.dealer-continue{display:block;border:1px solid #67b9ff91;border-radius:9px;padding:12px;text-align:center;font-size:13px;background:#2374bd40;text-decoration:none;margin:10px 0}.catalog-empty{padding:14px;border:1px solid #91b8e233;border-radius:10px;width:100%;font-size:12px}.catalog-empty p{font-size:11px;color:#b6c8dc;line-height:1.6}.catalog-empty button,.catalog-empty a{font-size:11px;margin-right:10px}.scope-label{display:block;margin:10px 0}#more-options .text-button{margin-right:18px}#conversion-drawer :focus-visible{outline:2px solid #aad8ff;outline-offset:2px}#request-view{outline:none}#about-dialog{max-height:60dvh;margin:auto auto 0;border-radius:22px 22px 0 0}#about-dialog::backdrop{background:#07132033;backdrop-filter:none}
@media(min-width:751px){#conversion-drawer{left:50%;right:auto;transform:translateX(-50%);width:min(900px,calc(100% - 48px));border-radius:26px 26px 0 0}.drawer-heading h1{font-size:24px}.drawer-heading,.drawer-conversion{padding-left:26px;padding-right:26px}#drawer-content{padding-left:26px;padding-right:26px}.brand-card{flex-basis:146px}.model-card{flex-basis:220px}.model-card img{height:100px}.drawer-conversion .drive-button{max-width:410px;margin:0 auto}.dealer-nav{justify-content:flex-start;gap:24px}.secondary-actions{max-width:520px}.selected-heading img{width:135px;height:85px}.appointment-options{max-width:500px}footer{right:24px;top:95px;bottom:auto;flex-direction:column;align-items:flex-end}footer nav{flex-direction:column;align-items:flex-end}.look-controls{order:-1}}
@media(max-width:750px){header{left:17px;right:17px}.brand{font-size:25px}.brand span{font-size:8px;letter-spacing:1.4px}header .quiet{padding:8px 12px}footer{left:auto;right:14px;flex-wrap:nowrap;gap:6px}footer nav{width:auto;gap:6px}footer nav .primary{flex:none}footer #previous,footer .look-controls,footer #home{display:none}footer #walk{max-width:135px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.drawer-heading{padding-left:18px;padding-right:18px}.drawer-heading h1{font-size:20px;letter-spacing:-.7px}#drawer-content{padding-left:18px;padding-right:18px}.drawer-conversion{padding-left:18px;padding-right:18px}.drawer-heading p{font-size:10px}.drawer-fine{font-size:10px}}
@media(max-width:360px){.drawer-heading h1{font-size:18px}.drawer-heading{padding-left:14px;padding-right:14px}#drawer-content,.drawer-conversion{padding-left:14px;padding-right:14px}.selected-heading h2{font-size:16px}.shortcut-row button{padding:8px 12px}}
@media(max-height:500px){#conversion-drawer{max-height:60%;height:110px}.drawer-heading h1{font-size:17px}.drawer-heading p{display:none}.drawer-handle{height:22px;min-height:22px}.drawer-heading{padding-bottom:5px}.drawer-conversion{padding-top:5px;padding-bottom:7px}.drive-button{min-height:40px}.drawer-heading h1{margin:0}header .brand span{display:none}}
.customizing #back-discover,.customizing #selected-facts,.customizing #vehicle-tools,.customizing #vehicle-note,.customizing #original-listing{display:none}
.customizing .selected-heading{margin-top:3px;margin-bottom:7px}.customizing .selected-heading img{width:75px;height:53px}.customizing .selected-heading h2{font-size:16px}.customizing #customization-slot #customizer{margin-top:5px}.customizing #customization-slot #car-actions{margin:4px 0}.customizing #customization-slot #customizer h2{margin-bottom:10px}.customizing #customization-slot #choice-note{margin-top:10px}
.drawer-heading h1 span{background:linear-gradient(95deg,#c4abff,#51d5fa 55%,#73b4ff);background-clip:text;-webkit-background-clip:text;color:transparent}
#conversion-drawer{background:radial-gradient(ellipse at 14% 0%,#81bded25,transparent 45%),linear-gradient(115deg,rgba(12,43,70,.86),rgba(4,23,45,.93) 65%,rgba(8,37,65,.91));border-top-color:#a7d8ff94;box-shadow:0 -7px 35px #05244745,0 -1px 17px #62c5ff35,inset 0 1px #e1f3ff1a}
#drawer-more{display:block}.drawer-heading h1{font-weight:600}
@media(max-width:750px){.brand-card{min-height:53px;padding:7px 10px}.brand-row{padding-bottom:5px}.model-card img{height:70px}.section-label{margin:4px 0 6px}.model-card{padding-bottom:8px}.model-card strong{margin-top:7px}.drawer-heading{padding-bottom:8px}.drawer-heading h1{font-size:19px}.shortcut-row{padding-bottom:5px}footer{bottom:calc(var(--drawer-height) + 8px)}footer #walk{font-size:11px;min-height:36px;padding:7px 11px}}
@media(max-width:360px){.drawer-heading h1{font-size:17px}}
@media(max-height:500px){#conversion-drawer{height:calc(110px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){#conversion-drawer,footer{transition:none!important}*{scroll-behavior:auto!important}}

/* One handle, a quiet collapsed strip, and a genuinely independent content region. */
:root{--drawer-height:76px}
#conversion-drawer{height:var(--drawer-collapsed-height,76px);padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-rows:24px auto minmax(0,1fr) auto;border-radius:24px 24px 0 0}
#conversion-drawer[data-state=expanded]{height:var(--drawer-expanded-height,50%)}
#conversion-drawer[data-state=extended]{height:var(--drawer-extended-height,60%)}
.drawer-handle{grid-row:1;height:24px;min-height:24px;position:relative}
.drawer-handle span{width:42px;height:4px;transition:background .18s,box-shadow .18s}
.drawer-handle:hover span,.drawer-handle:focus-visible span{background:#d1efff;box-shadow:0 0 12px #60c9ff77}
.drawer-heading{grid-row:2;padding:0 18px 4px;min-width:0}
.drawer-heading>div{min-width:0}
.drawer-heading h1{font-size:19px;line-height:1.22;margin:0 0 4px}
.drawer-heading .drawer-spark{background:none;color:#b9e8ff;-webkit-text-fill-color:#b9e8ff;text-shadow:0 0 10px #61baff66}
#drawer-store{font-size:10px;line-height:1.3}
.quick-drive{display:none}
#drawer-content{grid-row:3;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:auto;-webkit-overflow-scrolling:touch;padding:0 18px 18px;scroll-padding:8px;scrollbar-width:thin}
.drawer-conversion{grid-row:4;position:relative;z-index:1;padding:8px 18px;min-height:62px;box-shadow:0 -9px 18px #071c3350}
.drive-button{min-height:46px;padding:7px 13px;font-size:13px}
.drive-label{display:flex;flex-direction:column;gap:2px;line-height:1.2}
.drive-label small{font-size:11px;font-weight:500;color:#daefff}
#conversion-drawer[data-state=collapsed]{grid-template-rows:24px minmax(0,1fr)}
#conversion-drawer[data-state=collapsed] #drawer-content,#conversion-drawer[data-state=collapsed] .drawer-conversion{display:none}
#conversion-drawer[data-state=collapsed] .drawer-heading{padding:0 17px 7px;gap:8px;align-items:center}
#conversion-drawer[data-state=collapsed] h1{font-size:15px;letter-spacing:-.45px;margin:0;line-height:1.3}
#conversion-drawer[data-state=collapsed] #drawer-store{display:none}
#conversion-drawer[data-state=collapsed] .quick-drive{display:flex;align-items:center;gap:6px;flex:none;font-size:11px;min-height:40px;padding:7px 10px;border-radius:10px;border-color:#8dccff43;background:#71bcff0c;color:#cceaff}
.quick-drive svg{width:14px;height:14px}
.brand-card{flex-basis:112px;min-height:44px;padding:6px 10px}
.brand-card small{font-size:8px;margin-top:3px}
.brand-wordmark{font-size:13px}
.brand-row{padding:2px 2px 4px}
.shortcut-row{padding:2px 2px 4px}
.shortcut-row button{min-height:32px;padding:6px 12px;font-size:11px}
.section-label{margin:3px 0 4px}
.model-row{align-items:stretch;min-height:135px;padding:2px 2px 8px}
.model-card{flex:0 0 186px;min-height:125px;padding-bottom:9px}
.model-card img{height:86px;flex:none}
.model-card strong{font-size:12px;margin:7px 10px 4px}
.model-card small{font-size:10px;line-height:1.35}
.brand-card,.model-card,.shortcut-row button{transition:border-color .2s,box-shadow .2s,background .2s,transform .2s}
.brand-card:hover,.model-card:hover{border-color:#90d5ff9c;background-color:#123756}
#conversion-drawer .brand-card[aria-pressed=true],#conversion-drawer .model-card[aria-pressed=true]{border-color:#82d4ff;box-shadow:0 0 0 1px #47baff44,0 0 16px #2a9cff35,inset 0 0 17px #459aff1c;background:linear-gradient(125deg,#1e5b874f,#123357);animation:selection-glow .7s ease-out}
.selected-heading{border-left:2px solid #66c9ff;padding-left:10px;box-shadow:-8px 0 18px -13px #4bbfff}
@keyframes selection-glow{0%{border-color:#c6efff;box-shadow:0 0 22px #48baff88,inset 0 0 24px #48baff30}100%{border-color:#82d4ff;box-shadow:0 0 0 1px #47baff44,0 0 16px #2a9cff35,inset 0 0 17px #459aff1c}}
#conversion-drawer[data-view=selected] .drawer-heading h1{display:none}
#conversion-drawer[data-view=selected] .drawer-heading{padding-bottom:4px}
#conversion-drawer[data-view=selected] #back-discover{min-height:28px;padding:3px 0}
.selected-heading img{width:80px;height:58px}
.selected-heading h2{font-size:16px;margin:3px 0}
.selected-heading{margin:4px 0 7px;gap:10px}
#selected-facts{margin:4px 0 6px}
#customization-slot #car-actions{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:6px 0;gap:6px}
#customization-slot #car-actions button{flex:none;min-height:35px;padding:6px 11px;font-size:11px}
#customization-slot #back-to-car,.customizing #secondary-actions{display:none}
#conversion-drawer[data-context=customize] .drawer-heading,#conversion-drawer[data-view=request] .drawer-heading{display:none}
.customizing .selected-heading{min-height:26px;padding-left:8px;margin:2px 0 5px}
.customizing .selected-heading img,.customizing #selected-meta,.customizing #selected-stock,.customizing #back-to-car{display:none}
.customizing .selected-heading h2{font-size:15px}
.customizing #customization-slot #customizer{padding:7px 10px;margin:4px 0}
.customizing #customizer .panel-top{min-height:27px}
.customizing #customizer .panel-top button{height:27px;min-height:27px;width:27px}
.customizing #customizer #finish-title{display:none}
.customizing #customizer #swatches{margin-top:6px;gap:8px}
.customizing #customizer .swatch{min-height:52px;gap:6px;font-size:10px}
.customizing #customizer #choice-note{margin:7px 0 0;font-size:9px;line-height:1.4}
/* A remembered view must never hide the collapsed invitation. */
#conversion-drawer[data-state=collapsed] .drawer-heading{display:flex}
#conversion-drawer[data-state=collapsed] .drawer-heading h1{display:block}
@media(min-width:751px){.model-card{flex-basis:220px}.model-card img{height:100px}.brand-card{flex-basis:135px}.drawer-conversion .drive-button{max-width:480px}#conversion-drawer[data-state=collapsed] .drawer-heading h1{font-size:18px}#conversion-drawer[data-state=collapsed] .quick-drive{font-size:13px}.drawer-heading,#drawer-content,.drawer-conversion{padding-left:24px;padding-right:24px}}
@media(max-height:620px){.brand-card{min-height:40px}.brand-card small{display:none}.brand-row{padding-bottom:4px}.shortcut-row button{min-height:32px}.model-row{min-height:122px}.model-card{min-height:112px}.model-card img{height:72px}.drawer-heading h1{font-size:17px}.drawer-heading{padding-bottom:6px}.section-label{margin:4px 0}.drawer-conversion{min-height:58px;padding-top:6px;padding-bottom:6px}}
@media(max-width:360px){.drawer-heading,#drawer-content,.drawer-conversion{padding-left:14px;padding-right:14px}#conversion-drawer[data-state=collapsed] .drawer-heading{padding-left:12px;padding-right:12px}#conversion-drawer[data-state=collapsed] h1{font-size:14px}.brand-card{flex-basis:100px}.model-card{flex-basis:174px}.drive-button{font-size:12px}.drive-label small{font-size:10px}.brand span{letter-spacing:.8px}}
@media(prefers-reduced-motion:reduce){.brand-card,.model-card,.shortcut-row button{animation:none!important;transition:none!important}}

/* Website embeds keep the showroom canvas and glass drawer free of host chrome. */
.embed-mode body{background:#081522}
.embed-mode header{display:none!important}
.embed-mode #experience{min-height:0;height:100dvh}
.embed-mode #conversion-drawer{border-radius:0}

/* Floor hotspots and the drawer replace the stacked navigation controls. */
footer #previous,footer #walk,footer .look-controls,footer #home{display:none!important}
footer:not(:has(#pause:not([hidden]))){display:none}

/* A quiet vehicle handoff and comparison inside the existing glass drawer. */
.floor-switcher{display:flex;gap:6px;margin:7px 0}
.floor-switcher button{flex:1;min-height:34px;padding:6px 8px;border-radius:9px;font-size:11px;background:#68b7ff09;border-color:#70bbfa30;transition:box-shadow .2s,border-color .2s}
#view-angles{margin-top:6px;gap:6px}
#view-angles button{padding:6px 10px;font-size:10px}
.customizing .floor-switcher,.customizing #view-angles,.customizing [data-compare]{display:none}
#conversion-drawer[data-context=admire] .drawer-heading,.admiring .selected-heading,.admiring #car-actions,.admiring #choice-note,.admiring .dealer-nav{display:none!important}
.admiring #customization-slot #customizer{margin:2px 0;padding:5px 10px}
.admiring #finish-done{min-height:30px;font-size:11px;padding:4px 0}
.admiring #drawer-content{padding-bottom:4px}
#compare-title{font:600 21px/1.25 'Manrope',sans-serif;margin:5px 0 8px;letter-spacing:-.5px}
#compare-view:focus{outline:none}
.comparison-cards{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.comparison-card{min-width:0;border:1px solid #78baff45;border-radius:13px;overflow:hidden;background:linear-gradient(140deg,#17518330,#081c32);padding:0 10px 10px}
.comparison-card.is-active{border-color:#76caff;box-shadow:0 0 14px #42b4ff22}
.comparison-card>img{width:calc(100% + 20px);height:85px;object-fit:cover;margin:0 -10px 9px;display:block}
.comparison-card h3{font:600 14px/1.4 'Manrope',sans-serif;letter-spacing:-.3px;margin:4px 0 10px}
.comparison-card dl{display:block;margin:0 0 10px;min-height:195px}
.comparison-card dl>div{margin:0 0 8px}
.comparison-card dt{color:#a9bfd4;font-size:9px;line-height:1.5}
.comparison-card dd{display:flex;align-items:center;gap:5px;margin:2px 0 0;font-size:11px;line-height:1.35;text-align:left}
.comparison-card dd i{width:12px;height:12px;flex:none;background:var(--finish);border:1px solid #e5f4ff66;border-radius:50%}
.comparison-card>button{width:100%;min-height:38px;margin-top:6px;font-size:11px;padding:7px;border-radius:8px;background:#61aeef10;border-color:#7cbcf344}
.comparison-card>.compare-drive{display:flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(110deg,#1278d1,#1a64b6);border-color:#73c1fcaa}
.compare-drive svg{width:15px;height:15px}
#conversion-drawer[data-view=compare] .drawer-heading{display:none}
@media(min-width:751px){.comparison-card>img{height:130px}.comparison-card dl{display:grid;grid-template-columns:1fr 1fr;gap:6px;min-height:125px}.comparison-card dd{font-size:12px}}
@media(max-width:360px){.comparison-cards{gap:7px}.comparison-card h3{font-size:12px}.comparison-card dd{font-size:10px}.floor-switcher button{font-size:10px}}

/* Keep every projected hotspot inside the unobstructed viewport. */
#markers{overflow:clip;contain:paint}
.floor-switcher button{min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;text-align:left;line-height:1.2}
.floor-switcher button span{font-size:8px;letter-spacing:.6px;color:#a9c5e1;text-transform:uppercase}
.floor-switcher button strong{min-width:0;max-width:100%;font-size:10px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#customer-fields{display:grid;gap:9px;margin:12px 0 14px}
#customer-fields>label{display:grid;gap:2px;font-size:11px;color:#d9e7f5}
#customer-fields input{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:12px!important;color:#fff!important;padding:11px 12px!important;min-height:46px}
#customer-fields input::placeholder{color:rgba(232,241,250,.62)}
.lead-honeypot{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.lead-confirmation{display:flex;align-items:flex-start;gap:12px;margin:15px 0;padding:15px;border:1px solid rgba(144,224,190,.28);border-radius:14px;background:linear-gradient(135deg,rgba(44,126,100,.18),rgba(10,39,62,.52));box-shadow:inset 0 1px rgba(255,255,255,.05)}
.confirmation-check{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:#167d65;color:#fff;font-size:16px}
.lead-confirmation h3{font:600 16px/1.3 'Manrope',sans-serif;margin:1px 0 6px;color:#f5fffb}
.lead-confirmation p,#request-status{font-size:11px;line-height:1.6;color:#c5d8e9;margin:0}
#request-status[data-state=pending]{padding:11px 12px;margin:11px 0;border:1px solid rgba(255,196,119,.24);border-radius:11px;background:rgba(148,94,28,.12);color:#ffdfad}
#request-status[data-state=error]{padding:11px 12px;margin:11px 0;border:1px solid rgba(255,133,133,.25);border-radius:11px;background:rgba(126,37,44,.14);color:#ffd1d1}
#drive-action{line-height:1.25}
@media(min-width:751px){#customer-fields{grid-template-columns:1fr 1fr;gap:10px 12px}#customer-fields>label:first-child{grid-column:1/-1}}
@media(max-width:380px){.floor-switcher{gap:4px}.floor-switcher button{padding:5px 5px}.floor-switcher button strong{font-size:9px}.lead-confirmation{padding:12px;gap:9px}}
