/* general.css */
:root{--ink:#202723;--muted:#80867f;--line:#e5e7e1;--orange:#ed602d;--cream:#f5f5ef;--green:#223d32}*{box-sizing:border-box}body{margin:0;background:#fbfcf9;color:var(--ink);font-family:Pretendard,-apple-system,sans-serif;letter-spacing:-.025em}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:4px}button:disabled{cursor:default;opacity:.45}[hidden]{display:none!important}.preview-note{background:#243d32;color:#e4eee7;text-align:center;font-size:11px;padding:8px;letter-spacing:.01em}.preview-note span{opacity:.65}.top{height:90px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:50px;padding:0 4%;background:#fff;position:sticky;top:0;z-index:20}.brand{font-size:34px;font-weight:850;letter-spacing:-2px;display:flex;align-items:center}.brand-mark{width:31px;height:34px;background:var(--orange);color:white;border-radius:10px 4px 10px 4px;margin-right:9px;font-size:29px;text-align:center;font-style:italic}.brand-dot{color:var(--orange)}.platform{display:flex;gap:3px;background:#f0f1ec;border-radius:100px;padding:5px}.platform a{font-size:13px;font-weight:650;padding:11px 20px;border-radius:100px;white-space:nowrap}.platform .selected{background:var(--green);color:#fff}.platform a span{margin-left:5px;color:#8c948e}.desktop-saved{margin-left:auto;font-size:13px}.desktop-saved span{background:#f0f2ed;border-radius:50%;padding:5px 9px;margin-left:10px}.app-shell{max-width:1536px;margin:auto;display:grid;grid-template-columns:218px minmax(0,1fr)}.sidebar{padding:46px 27px;border-right:1px solid var(--line);position:sticky;top:90px;align-self:start;height:calc(100vh - 90px);display:flex;flex-direction:column}.nav-label,.eyebrow,.tiny-label{font-size:10px;letter-spacing:.15em;font-weight:750;color:var(--muted)}.nav-label{padding:0 12px;margin:0 0 24px;font-size:9px}.sidebar nav{display:grid;gap:8px}.sidebar nav button{display:flex;align-items:center;gap:13px;padding:15px 14px;border-radius:12px;font-size:14px;text-align:left;font-weight:550}.sidebar nav button.active{background:#f1f3f5;color:#284e34;font-weight:750}.icon{width:21px;height:21px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.sidebar i{margin-left:auto;font-style:normal;font-size:10px;background:#f1f3f5;padding:3px 6px;border-radius:5px}.side-note{margin-top:75px;border-top:1px solid var(--line);padding:25px 8px}.side-note h3{font-size:19px;line-height:1.55;margin:14px 0}.side-note p{font-size:12px;color:var(--muted);line-height:1.7}.side-note button{font-size:11px;padding:12px 0}.sidebar-foot{margin-top:auto;font-size:10px;color:#8f948c;line-height:2}.sidebar-foot small{font-size:8px;letter-spacing:.08em}main{padding:38px 44px 0;min-width:0}.welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.welcome p{font-size:12px;color:#777e75;margin:0}.hero{position:relative;border-radius:24px;background:#eeeee5;min-height:373px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;padding:38px 38px 57px}.hero-copy{position:relative;z-index:2}.hero-kicker{font-size:11px;font-weight:650;display:flex;align-items:center;gap:7px}.hero-kicker i{width:6px;height:6px;background:var(--orange);border-radius:50%}h1{font-size:42px;line-height:1.2;letter-spacing:-.055em;margin:24px 0 18px;font-weight:750}h1 em{font-style:normal;color:var(--orange)}.hero p{font-size:13px;color:#788075;line-height:1.65;margin-bottom:24px}.primary{border-radius:10px;background:var(--orange);color:white;padding:15px 20px;font-size:13px;font-weight:650;display:inline-flex;justify-content:space-between;align-items:center;gap:30px}.primary span{font-size:19px}.hero-art{position:relative;align-self:stretch;min-width:0}.hero-orbit{position:absolute;width:280px;height:280px;border:1px solid #d8dacf;border-radius:50%;left:12%;top:5px}.hero-word{position:absolute;top:24px;left:0;font-size:104px;letter-spacing:-.07em;font-weight:850;color:#dddfd3}.hero-art img{position:absolute;top:55px;left:-5%;width:115%;height:220px;object-fit:contain;filter:drop-shadow(0 24px 14px #243d3225)}.hero-caption{position:absolute;bottom:-2px;right:0;text-align:right;display:grid;gap:7px}.hero-caption span{font-size:10px;color:#8b9187}.hero-caption strong{font-size:15px}.hero-bottom{position:absolute;bottom:0;left:38px;right:38px;border-top:1px solid #dfe0d5;display:flex;justify-content:space-between;padding:13px 0;color:#8d9387;font-size:9px;letter-spacing:.06em}.condition-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px;background:#fff;border:1px solid var(--line);border-radius:16px;margin:18px 0 42px}.condition-card h2{font-size:17px;margin:7px 0 9px}.condition-card p{font-size:12px;margin:0;color:#7d847a}.round-action{border-radius:50px;border:1px solid var(--line);padding:12px 18px;font-size:12px;white-space:nowrap}.round-action span{margin-left:20px}.section-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 21px;gap:10px}.section-head h2{font-size:23px;margin:8px 0 0;letter-spacing:-.045em}.text-button{font-size:12px;white-space:nowrap}.text-button span{margin-left:12px}.car-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.car-card{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;transition:transform .18s,border-color .18s;position:relative}.car-card:hover{transform:translateY(-3px);border-color:#b4c2b0}.car-visual{height:154px;background:#f1f3ed;position:relative;display:block;width:100%;padding:25px 15px 12px}.car-visual img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.car-brand{position:absolute;top:14px;left:15px;font-size:10px;color:#7f897d}.heart{position:absolute;right:10px;top:10px;z-index:2;background:#ffffffc9;border-radius:50%;width:30px;height:30px;display:grid;place-items:center}.heart.on{color:var(--orange)}.heart.on svg{fill:#ffdfd1}.car-copy{padding:18px}.car-title{font-size:20px;font-weight:700;padding:0;text-align:left}.car-caption{font-size:11px;color:#999f95;margin:7px 0 18px}.price-pending{display:block;font-size:14px;font-weight:650}.price-note{font-size:10px;color:#969c93;margin:5px 0 17px}.compare-toggle{border-top:1px solid #eff0ea;width:100%;padding:12px 0 0;text-align:left;font-size:11px;color:#7a8377;display:flex;align-items:center;justify-content:space-between}.compare-toggle.on{color:var(--orange);font-weight:700}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:35px}.editorial{background:var(--green);border-radius:17px;color:#fff;padding:29px;text-align:left;position:relative}.editorial .tiny-label{color:#9db3a3}.editorial h2{font-size:23px;line-height:1.4;letter-spacing:-.04em}.editorial p{font-size:11px;color:#b1c0b4}.editorial-arrow{position:absolute;bottom:30px;right:28px;font-size:24px}.guide-card{border:1px solid var(--line);border-radius:17px;padding:29px;background:#fff}.guide-card h2{font-size:22px}.guide-card button{font-size:12px;display:flex;justify-content:space-between;gap:15px;width:100%;padding:14px 0;border-bottom:1px solid var(--line);text-align:left;line-height:1.5}.main-footer{padding:36px 0 25px;color:#969d93;margin-top:25px;border-top:1px solid var(--line)}.main-footer strong{font-size:21px;letter-spacing:-1px;color:#6e796c;margin-right:16px}.main-footer span{font-size:10px}.main-footer p{font-size:10px;line-height:1.7}.page-heading{margin:16px 0 27px}.page-heading h1{font-size:32px;margin:15px 0}.page-heading p{font-size:13px;color:var(--muted);line-height:1.6}.search-box{display:flex;align-items:center;gap:14px;padding:18px 22px;background:#fff;border:1px solid var(--line);border-radius:13px}.search-box input{width:100%;border:0;background:none;outline:none;font-size:14px}.filter-row{display:flex;gap:8px;margin:20px 0;flex-wrap:wrap}.filter-row button{padding:9px 16px;border:1px solid var(--line);border-radius:50px;font-size:12px;background:#fff}.filter-row button.active{background:var(--green);color:#fff;border-color:var(--green)}.condition-strip{width:100%;display:flex;justify-content:space-between;gap:20px;background:#f1f3f5;border-radius:11px;padding:16px 20px;text-align:left;font-size:12px;line-height:1.6}.condition-strip strong{white-space:nowrap}.results-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin:24px 0 16px}.results-heading span{font-size:10px;color:var(--muted)}.empty{grid-column:1/-1;padding:58px 20px;text-align:center;border:1px dashed #d8ded1;border-radius:16px;background:#f4f6f0;color:#828b7c;font-size:13px;line-height:1.7}.empty h3{font-size:18px;color:var(--ink)}.empty button{margin-top:15px}.comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:25px}.compare-column{border:1px solid var(--line);border-radius:16px;padding:20px;background:white;min-width:0}.compare-column img{width:100%;height:125px;object-fit:contain}.compare-column h2{font-size:20px}.compare-column dl{margin-bottom:0}.compare-column dt{font-size:11px;color:var(--muted);margin-top:18px}.compare-column dd{font-size:13px;margin:6px 0;padding-bottom:13px;border-bottom:1px solid var(--line)}.remove{float:right;font-size:11px;color:var(--muted)}.recent-head{margin-top:35px}.mobile-nav{display:none}dialog{border:0;border-radius:22px;padding:30px;width:min(530px,calc(100% - 30px));max-height:90dvh;overflow:auto;color:var(--ink);box-shadow:0 30px 80px #10201735}dialog::backdrop{background:#19251e75;backdrop-filter:blur(4px)}body:has(dialog[open]){overflow:hidden}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-head h2{font-size:23px;margin:10px 0}.dialog-head>button{font-size:30px;color:#8e9689;padding:3px 9px}.dialog-sub{font-size:12px;color:var(--muted);line-height:1.7}fieldset{border:0;padding:0;margin:26px 0}legend{font-size:14px;font-weight:650;margin-bottom:13px}.choices{display:flex;gap:8px}.choices label{flex:1;text-align:center;border:1px solid var(--line);padding:13px 4px;font-size:12px;border-radius:10px;cursor:pointer}.choices label:has(input:checked){border-color:var(--green);background:#f1f3f5;color:var(--green);font-weight:700}.choices input{position:absolute;opacity:0;width:1px}.choices label:has(input:focus-visible){outline:2px solid var(--orange)}.form-note{font-size:12px;line-height:1.7;background:#f2f4ed;border-radius:10px;padding:15px;color:#7a8472;margin:22px 0}.full{width:100%}.detail-image{height:220px;width:100%;object-fit:contain;background:#f1f4ed;border-radius:15px;margin-top:12px}.detail-actions{display:flex;gap:10px}.detail-actions button{flex:1}.detail-meta{font-size:13px;color:var(--muted);line-height:1.8}.guide-copy{font-size:14px;line-height:1.9;color:#6e7866}.guide-copy h3{color:var(--ink);font-size:17px}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:#223d32;color:white;padding:13px 23px;border-radius:100px;opacity:0;pointer-events:none;z-index:100;font-size:13px;transition:all .2s;max-width:90%;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1450px){@scope (:root) to (.site-workspace){main{padding:42px 55px 0}.hero{min-height:410px;padding:45px 45px 65px}h1{font-size:50px}.hero-art img{height:260px}.hero-word{font-size:125px}.car-visual{height:183px}}}
@container siteWorkspace (min-width:1450px){main{padding:42px 55px 0}.hero{min-height:410px;padding:45px 45px 65px}h1{font-size:50px}.hero-art img{height:260px}.hero-word{font-size:125px}.car-visual{height:183px}}
@media(max-width:1100px){@scope (:root) to (.site-workspace){.app-shell{grid-template-columns:175px minmax(0,1fr)}.sidebar{padding:35px 15px}main{padding:28px 25px 0}.hero{padding:27px 27px 52px;min-height:350px}h1{font-size:36px}.hero-word{font-size:80px;top:45px}.hero-art img{top:85px;height:170px}.hero-orbit{width:200px;height:200px;top:35px}.hero-bottom{left:27px;right:27px}.car-grid{gap:11px}.car-visual{height:135px}.car-copy{padding:15px}.top{gap:35px}.guide-card,.editorial{padding:22px}.guide-card button{font-size:11px}}}
@container siteWorkspace (max-width:1100px){.app-shell{grid-template-columns:175px minmax(0,1fr)}.sidebar{padding:35px 15px}main{padding:28px 25px 0}.hero{padding:27px 27px 52px;min-height:350px}h1{font-size:36px}.hero-word{font-size:80px;top:45px}.hero-art img{top:85px;height:170px}.hero-orbit{width:200px;height:200px;top:35px}.hero-bottom{left:27px;right:27px}.car-grid{gap:11px}.car-visual{height:135px}.car-copy{padding:15px}.top{gap:35px}.guide-card,.editorial{padding:22px}.guide-card button{font-size:11px}}
@media(max-width:760px){@scope (html[data-device="mobile"]){@scope (:root) to (.site-workspace){.preview-note{font-size:9px;padding:6px}.top{height:116px;display:grid;grid-template-columns:1fr auto;padding:12px 20px;gap:12px;top:0}.brand{font-size:28px}.brand-mark{height:28px;width:26px;font-size:24px}.desktop-saved{font-size:11px;grid-column:2;grid-row:1}.platform{grid-column:1/-1;grid-row:2;justify-content:center;padding:4px}.platform a{flex:1;text-align:center;font-size:12px;padding:10px}.app-shell{display:block}.sidebar{display:none}main{padding:24px 18px 80px}.welcome{margin-bottom:16px}.welcome p{font-size:10px}.eyebrow{font-size:9px}.hero{display:block;padding:25px 25px 49px;min-height:434px;border-radius:18px}.hero h1{font-size:38px;margin:19px 0 14px}.hero p{font-size:12px;margin:0 0 17px}.hero-kicker{font-size:10px}.hero .primary{padding:12px 15px;font-size:11px;position:relative;z-index:3}.hero-art{position:absolute;right:0;bottom:42px;width:63%;height:205px;pointer-events:none}.hero-art img{top:60px;left:-4%;height:130px;width:105%}.hero-word{font-size:76px;top:13px;left:2%}.hero-orbit{width:170px;height:170px;top:14px}.hero-caption{bottom:3px;right:22px}.hero-caption span{display:none}.hero-caption strong{font-size:11px}.hero-bottom{left:25px;right:25px;font-size:8px}.hero-bottom span:last-child{display:none}.condition-card{padding:19px;margin:14px 0 31px;gap:8px}.condition-card h2{font-size:15px}.condition-card p{font-size:10px;line-height:1.8}.tiny-label{font-size:8px}.round-action{padding:10px;font-size:10px}.round-action span{margin-left:4px}.section-head h2{font-size:21px}.text-button{font-size:11px}.car-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.car-visual{height:120px;padding:25px 8px 8px}.car-copy{padding:14px 12px}.car-title{font-size:17px}.car-caption{font-size:9px;margin-bottom:15px}.price-pending{font-size:12px}.price-note{font-size:9px;line-height:1.5;min-height:27px;margin-bottom:9px}.car-brand{font-size:9px;left:12px}.heart{width:26px;height:26px;top:8px;right:8px}.heart svg{width:16px}.compare-toggle{font-size:10px}.bottom-grid{grid-template-columns:1fr;margin-top:25px}.editorial{min-height:200px}.guide-card h2{font-size:21px}.guide-card button{font-size:12px}.mobile-nav{display:flex;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;background:#fffffff2;border-top:1px solid var(--line);backdrop-filter:blur(15px);z-index:30;padding:9px 7px calc(9px + env(safe-area-inset-bottom))}.mobile-nav button{display:grid;justify-items:center;gap:4px;font-size:10px;color:#949c8e;padding:4px 20px}.mobile-nav button.active{color:var(--orange);font-weight:750}.page-heading h1{font-size:28px}.page-heading p{font-size:12px}.search-box{padding:16px}.search-box input{font-size:12px}.filter-row{flex-wrap:nowrap;overflow:auto;margin:16px 0;padding:3px 0}.filter-row button{white-space:nowrap;font-size:11px;padding:9px 14px}.condition-strip{font-size:10px;padding:14px 12px;gap:7px}.results-heading{font-size:11px}.results-heading span{font-size:9px}.comparison-grid{display:flex;overflow:auto;gap:10px;padding-bottom:10px}.compare-column{min-width:46%;padding:13px;flex:1}.compare-column img{height:95px}.compare-column h2{font-size:17px}.compare-column dd{font-size:11px}.main-footer p{font-size:9px}dialog{margin:auto 0 0;width:100%;max-width:none;border-radius:22px 22px 0 0;padding:25px 22px calc(25px + env(safe-area-inset-bottom));max-height:88dvh}.dialog-head h2{font-size:21px}.choices label{font-size:11px}.detail-image{height:180px}#toast{bottom:85px;width:max-content;font-size:12px}.empty{padding:36px 15px}}}}
@container siteWorkspace (max-width:760px){.preview-note{font-size:9px;padding:6px}.top{height:116px;display:grid;grid-template-columns:1fr auto;padding:12px 20px;gap:12px;top:0}.brand{font-size:28px}.brand-mark{height:28px;width:26px;font-size:24px}.desktop-saved{font-size:11px;grid-column:2;grid-row:1}.platform{grid-column:1/-1;grid-row:2;justify-content:center;padding:4px}.platform a{flex:1;text-align:center;font-size:12px;padding:10px}.app-shell{display:block}.sidebar{display:none}main{padding:24px 18px 80px}.welcome{margin-bottom:16px}.welcome p{font-size:10px}.eyebrow{font-size:9px}.hero{display:block;padding:25px 25px 49px;min-height:434px;border-radius:18px}.hero h1{font-size:38px;margin:19px 0 14px}.hero p{font-size:12px;margin:0 0 17px}.hero-kicker{font-size:10px}.hero .primary{padding:12px 15px;font-size:11px;position:relative;z-index:3}.hero-art{position:absolute;right:0;bottom:42px;width:63%;height:205px;pointer-events:none}.hero-art img{top:60px;left:-4%;height:130px;width:105%}.hero-word{font-size:76px;top:13px;left:2%}.hero-orbit{width:170px;height:170px;top:14px}.hero-caption{bottom:3px;right:22px}.hero-caption span{display:none}.hero-caption strong{font-size:11px}.hero-bottom{left:25px;right:25px;font-size:8px}.hero-bottom span:last-child{display:none}.condition-card{padding:19px;margin:14px 0 31px;gap:8px}.condition-card h2{font-size:15px}.condition-card p{font-size:10px;line-height:1.8}.tiny-label{font-size:8px}.round-action{padding:10px;font-size:10px}.round-action span{margin-left:4px}.section-head h2{font-size:21px}.text-button{font-size:11px}.car-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.car-visual{height:120px;padding:25px 8px 8px}.car-copy{padding:14px 12px}.car-title{font-size:17px}.car-caption{font-size:9px;margin-bottom:15px}.price-pending{font-size:12px}.price-note{font-size:9px;line-height:1.5;min-height:27px;margin-bottom:9px}.car-brand{font-size:9px;left:12px}.heart{width:26px;height:26px;top:8px;right:8px}.heart svg{width:16px}.compare-toggle{font-size:10px}.bottom-grid{grid-template-columns:1fr;margin-top:25px}.editorial{min-height:200px}.guide-card h2{font-size:21px}.guide-card button{font-size:12px}.mobile-nav{display:flex;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;background:#fffffff2;border-top:1px solid var(--line);backdrop-filter:blur(15px);z-index:30;padding:9px 7px calc(9px + env(safe-area-inset-bottom))}.mobile-nav button{display:grid;justify-items:center;gap:4px;font-size:10px;color:#949c8e;padding:4px 20px}.mobile-nav button.active{color:var(--orange);font-weight:750}.page-heading h1{font-size:28px}.page-heading p{font-size:12px}.search-box{padding:16px}.search-box input{font-size:12px}.filter-row{flex-wrap:nowrap;overflow:auto;margin:16px 0;padding:3px 0}.filter-row button{white-space:nowrap;font-size:11px;padding:9px 14px}.condition-strip{font-size:10px;padding:14px 12px;gap:7px}.results-heading{font-size:11px}.results-heading span{font-size:9px}.comparison-grid{display:flex;overflow:auto;gap:10px;padding-bottom:10px}.compare-column{min-width:46%;padding:13px;flex:1}.compare-column img{height:95px}.compare-column h2{font-size:17px}.compare-column dd{font-size:11px}.main-footer p{font-size:9px}dialog{margin:auto 0 0;width:100%;max-width:none;border-radius:22px 22px 0 0;padding:25px 22px calc(25px + env(safe-area-inset-bottom));max-height:88dvh}.dialog-head h2{font-size:21px}.choices label{font-size:11px}.detail-image{height:180px}#toast{bottom:85px;width:max-content;font-size:12px}.empty{padding:36px 15px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Brand direction: white app surfaces, official HICARZ orange. */
:root{--orange:#e65331;--green:#e65331;--cream:#fff;--line:#ececee;--ink:#292929;--muted:#858585}body{background:#fff}.official-logo{display:block;width:226px;height:43px;overflow:hidden;position:relative;border-radius:6px}.official-logo img{position:absolute;width:100%;height:auto;top:50%;left:0;transform:translateY(-50%)}.preview-note{background:#f6f6f6;color:#8b8b8b}.top{gap:36px}.platform{background:#f5f5f5}.platform .selected{background:var(--orange)}.sidebar nav button.active{background:#f1f3f5;color:var(--orange)}.sidebar i{background:#f1f3f5}.hero{background:#fafafa;border:1px solid var(--line)}.hero-word{color:#f1f3f5}.hero-orbit{border-color:#f1f3f5}.hero p,.hero-caption span{color:#888}.hero-bottom{border-color:#e9e9e9}.car-visual{background:#fafafa}.condition-strip{background:#f1f3f5}.editorial{background:#f1f3f5;color:#292929;border:1px solid #f1f3f5}.editorial .tiny-label{color:var(--orange)}.editorial p{color:#8c7c73}.form-note,.empty{background:#fafafa;color:#808080}.choices label:has(input:checked){background:#f1f3f5;border-color:var(--orange);color:var(--orange)}.config-dialog{width:min(650px,calc(100% - 30px))}.config-title>span{font-size:12px;color:#909090}.config-title h2{font-size:30px;margin:10px 0 20px}.config-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:20px}.config-tabs button{flex:1;padding:15px;font-size:14px;color:#909090;border-bottom:2px solid transparent}.config-tabs button.active{color:var(--orange);border-color:var(--orange);font-weight:700}.config-condition{padding:14px;background:#f1f3f5;border-radius:10px;font-size:13px}.config-help{font-size:11px;color:#909090;line-height:1.8}.config-label{display:grid;gap:10px;font-size:13px;font-weight:650;margin:22px 0}.config-label select{width:100%;min-width:0;font:inherit;font-weight:400;border:1px solid #dedede;background:#fff;border-radius:10px;padding:14px;color:#333}.config-section-heading{font-size:14px;margin-top:26px}.config-section-heading span{font-size:10px;color:#999;font-weight:400;margin-left:10px}.option-list{border:1px solid var(--line);border-radius:12px;overflow:hidden}.option-list label{display:flex;align-items:center;gap:10px;padding:15px 12px;border-bottom:1px solid var(--line);font-size:12px}.option-list label:last-child{border-bottom:0}.option-list label strong{margin-left:auto;font-size:11px;white-space:nowrap}.option-list input{accent-color:var(--orange)}.config-price{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.config-price>div{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px}.config-price strong{font-size:21px}.config-price p{color:#999;font-size:10px;line-height:1.8}.config-monthly{display:flex;justify-content:space-between;padding:17px 0 25px;font-size:13px}.config-monthly strong{color:var(--orange)}.stock-placeholder{text-align:center;padding:35px 15px;line-height:1.8}.stock-placeholder h3{font-size:18px}.stock-placeholder p{font-size:12px;color:#999}.stock-placeholder strong{display:inline-block;font-size:12px;border-radius:20px;padding:6px 14px;background:#f1f3f5;color:var(--orange)}.stock-symbol{font-size:40px;color:var(--orange)}.draft-card{border:1px solid var(--line);border-radius:13px;padding:22px;margin:12px 0}.draft-card h3{margin:12px 0}.draft-card p{font-size:12px;line-height:1.7;color:#888}.draft-card>div{font-size:12px;color:var(--orange)}.draft-card button{font-size:11px;color:#999;padding:15px 0 0}#config-error{font-size:12px;color:#a33}
@media(max-width:760px){@scope (html[data-device="mobile"]){@scope (:root) to (.site-workspace){.official-logo{width:190px;height:36px}.config-dialog{width:100%;margin:auto 0 0}.top{gap:12px}.config-label select{font-size:12px}.config-price strong{font-size:18px}.option-list label{font-size:11px}}}}
@container siteWorkspace (max-width:760px){.official-logo{width:190px;height:36px}.config-dialog{width:100%;margin:auto 0 0}.top{gap:12px}.config-label select{font-size:12px}.config-price strong{font-size:18px}.option-list label{font-size:11px}}
/* Neutral app controls: no tinted orange/pink surfaces. */
:root{--ink:#202329;--muted:#727780;--line:#e5e7eb}
.condition-card{display:block;background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}
.condition-card h2,.explore-condition-panel h2{font-size:20px;margin:8px 0}
.condition-card p,.explore-condition-panel>p{font-size:12px;color:var(--muted);line-height:1.7}
.explore-condition-panel{padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff}
.inline-conditions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;margin-top:20px}
.inline-conditions fieldset{min-width:0;margin:0}.inline-conditions legend{font-size:12px;color:#535963;margin-bottom:9px}
.inline-segments{display:flex;gap:4px;padding:4px;background:#f1f3f5;border-radius:10px}
.inline-segments label{flex:1;position:relative;cursor:pointer;min-width:0}
.inline-segments input{position:absolute;opacity:0;width:1px;height:1px}
.inline-segments span{display:block;text-align:center;border-radius:7px;padding:11px 3px;font-size:13px;color:#626974;white-space:nowrap}
.inline-segments input:checked+span{background:#24272d;color:white;font-weight:650;box-shadow:0 2px 4px #00000012}
.inline-segments input:focus-visible+span{outline:2px solid var(--orange);outline-offset:2px}
.inline-conditions .inline-disclosure{grid-column:1/-1;margin:0;font-size:11px;line-height:1.7;color:#767c85}
.origin-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-top:26px}
.origin-tabs button{font-size:17px;font-weight:650;color:#8a9098;padding:13px 8px;border-bottom:3px solid transparent}
.origin-tabs button.active{color:#202329;border-bottom-color:var(--orange)}
#brand-filters{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:9px;margin:18px 0 26px;overflow:visible}
#brand-filters .maker-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:94px;padding:12px 5px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#5d636d;font-size:12px;white-space:normal}
#brand-filters .maker-button.active{border-color:#24272d;box-shadow:inset 0 0 0 1px #24272d;color:#202329;background:#f7f8fa;font-weight:700}
.maker-button img{width:52px;height:32px;object-fit:contain}.maker-all{height:32px;display:grid;place-items:center;font-size:16px;font-weight:750;letter-spacing:.04em}
.condition-strip,.config-condition,.editorial,.form-note,.empty{background:#f5f6f8;color:#454c56;border-color:var(--line)}
.hero-word{color:#e9ebee}.hero-orbit{border-color:#e5e7eb}.sidebar nav button.active{background:#f1f3f5;color:#202329}.sidebar i{background:#e2e5e9}.editorial p{color:#727780}.choices label:has(input:checked){background:#24272d;color:#fff;border-color:#24272d}
@media(max-width:760px){@scope (html[data-device="mobile"]){@scope (:root) to (.site-workspace){.condition-card,.explore-condition-panel{padding:18px}.inline-conditions{gap:16px 12px}.inline-segments span{font-size:11px;padding:12px 2px}.inline-conditions legend{font-size:11px}.condition-card h2,.explore-condition-panel h2{font-size:17px}#brand-filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}#brand-filters .maker-button{font-size:10px;min-height:83px}.maker-button img{width:43px;height:28px}.origin-tabs button{font-size:15px}}}}
@container siteWorkspace (max-width:760px){.condition-card,.explore-condition-panel{padding:18px}.inline-conditions{gap:16px 12px}.inline-segments span{font-size:11px;padding:12px 2px}.inline-conditions legend{font-size:11px}.condition-card h2,.explore-condition-panel h2{font-size:17px}#brand-filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}#brand-filters .maker-button{font-size:10px;min-height:83px}.maker-button img{width:43px;height:28px}.origin-tabs button{font-size:15px}}
@media(max-width:360px){@scope (html[data-device="mobile"]){@scope (:root) to (.site-workspace){.inline-conditions{grid-template-columns:1fr}}}}
@container siteWorkspace (max-width:360px){.inline-conditions{grid-template-columns:1fr}}
/* Three clear conditions and a responsive, non-modal vehicle workspace. */
.inline-conditions{grid-template-columns:.85fr 1fr 1.2fr;gap:18px}.inline-conditions fieldset+fieldset{border-left:1px solid var(--line);padding-left:18px}.inline-conditions legend{font-size:13px;font-weight:700}.inline-segments span{padding:13px 5px}
body{--vehicle-panel: min(540px,42cqw)}.app-shell,.top,.preview-note{transition:margin-right .28s ease}
body:has(#detail-dialog[open]){overflow:auto}#detail-dialog.config-dialog{position:fixed;inset:0 0 0 auto;margin:0;width:var(--vehicle-panel);max-width:none;height:100dvh;max-height:100dvh;border-radius:0;padding:26px;background:#fff;box-shadow:-12px 0 38px #20232918;border-left:1px solid var(--line);z-index:50;animation:vehicle-enter .28s ease-out}#detail-dialog .dialog-head{position:sticky;top:-26px;background:white;z-index:2;padding:14px 0;border-bottom:1px solid var(--line)}#detail-dialog .config-title{padding-top:22px}.config-title h2{font-size:28px}.config-label{margin:18px 0;gap:8px}.config-label select{padding:14px;font-size:13px}.config-tabs{margin-top:20px}.config-condition{font-size:12px;line-height:1.8}#config-selects{padding:4px 0 10px;border-bottom:1px solid var(--line)}#prepare-inquiry{position:sticky;bottom:0;box-shadow:0 -8px 16px #ffffffd9}.app-shell{container-type:inline-size}
@container siteWorkspace (max-width:1050px){main{padding:25px 22px 0}.car-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inline-conditions{grid-template-columns:1fr;gap:14px}.inline-conditions fieldset+fieldset{padding-left:0;border-left:0}.bottom-grid{grid-template-columns:1fr}}
@container siteWorkspace (max-width:760px){.sidebar{display:none}main{grid-column:1/-1}.hero{display:block}.hero-art{display:none}.hero h1{font-size:34px}.top{gap:12px}.condition-card{margin-bottom:24px}}
@keyframes vehicle-enter{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(max-width:1100px) and (min-width:761px){@scope (:root) to (.site-workspace){body{--vehicle-panel:440px}}}
@container siteWorkspace (max-width:1100px) and (min-width:761px){body{--vehicle-panel:440px}}
@media(max-width:760px){@scope (html[data-device="mobile"]){@scope (:root) to (.site-workspace){.inline-conditions{grid-template-columns:1fr;gap:14px}.inline-conditions fieldset+fieldset{border:0;padding:0}.inline-segments span{font-size:12px}body{--vehicle-panel:100vw}#detail-dialog.config-dialog{width:100%;padding:20px;height:100dvh;max-height:100dvh}#detail-dialog .dialog-head{top:-20px}}}}
@container siteWorkspace (max-width:760px){.inline-conditions{grid-template-columns:1fr;gap:14px}.inline-conditions fieldset+fieldset{border:0;padding:0}.inline-segments span{font-size:12px}body{--vehicle-panel:100cqw}#detail-dialog.config-dialog{width:100%;padding:20px;height:100dvh;max-height:100dvh}#detail-dialog .dialog-head{top:-20px}}
@media(prefers-reduced-motion:reduce){#detail-dialog.config-dialog{animation:none}.app-shell,.top,.preview-note{transition:none}}
@media(max-width:760px){@scope (html[data-device="mobile"]){@scope (:root) to (.site-workspace){body.vehicle-panel-open:has(#detail-dialog[open]){overflow:hidden}}}}
@container siteWorkspace (max-width:760px){body.vehicle-panel-open:has(#detail-dialog[open]){overflow:hidden}}
/* Paired prices and stable configuration workspace. */
.inline-conditions{grid-template-columns:1fr 1.2fr}.dual-prices{margin:12px 0}.dual-prices>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:12px}.dual-prices span{font-size:12px;color:#626974}.dual-prices strong{font-size:17px;color:#23262c}.dual-prices small{display:block;font-size:10px;color:#838991;line-height:1.5;margin-top:5px}
#detail-dialog.config-dialog{animation:none;scrollbar-gutter:stable;overflow-anchor:none}#detail-dialog.config-dialog.entering{animation:vehicle-enter .28s ease-out}
#config-total{min-height:220px;border:1px solid var(--line);border-radius:16px;background:#f7f8fa;padding:18px;margin:0 0 20px}.price-loading{min-height:180px;display:grid;place-items:center;color:#737983;font-size:13px}.config-price{margin:0;padding:0;border:0}.config-price>div{display:block}.config-price>div>span{font-size:11px;color:#747b86}.config-price strong{display:block;font-size:26px;margin-top:6px}.config-price p{margin:8px 0 14px}.panel-monthlies{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid #e0e3e7;padding-top:15px}.panel-monthlies>div{display:grid;gap:6px}.panel-monthlies span{font-size:12px;color:#666d78}.panel-monthlies strong{font-size:21px;color:#24272d}#config-total .config-help{font-size:10px;margin-bottom:0}.config-title h2{margin-bottom:16px}
#config-selects{border:1px solid var(--line);border-radius:14px;overflow:hidden;padding:0;background:white;margin:18px 0}.config-label{margin:0;padding:16px 18px;display:block;border-bottom:1px solid var(--line);font-size:11px;line-height:1.6;color:#777f89}.config-label select{display:block;margin-top:7px;appearance:none;border:0;border-radius:0;padding:6px 26px 6px 0;outline-offset:1px;background-color:white;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23616a75' stroke-width='1.6'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center;color:#23262c;font-size:14px;font-weight:600;width:100%;text-overflow:ellipsis}.config-label:focus-within{background:#f7f8fa}.config-label:focus-within select{background-color:#f7f8fa}.config-label select:disabled{color:#9298a0}.config-label:last-child{border-bottom:0}#config-options[aria-busy=true]{opacity:.5;pointer-events:none}#config-options{transition:opacity .12s ease}.config-section-heading{margin-top:20px}.option-list label{padding:16px 13px;line-height:1.65}.option-list label:has(input:checked){background:#f1f3f5}.config-tabs{margin-top:8px}
@media(max-width:760px){@scope (html[data-device="mobile"]){@scope (:root) to (.site-workspace){.inline-conditions{grid-template-columns:1fr}.dual-prices>div{display:block}.dual-prices strong{display:block;font-size:15px;margin-top:4px}.panel-monthlies strong{font-size:18px}#config-total{padding:15px}.config-label select{font-size:13px}.config-price strong{font-size:24px}}}}
@container siteWorkspace (max-width:760px){.inline-conditions{grid-template-columns:1fr}.dual-prices>div{display:block}.dual-prices strong{display:block;font-size:15px;margin-top:4px}.panel-monthlies strong{font-size:18px}#config-total{padding:15px}.config-label select{font-size:13px}.config-price strong{font-size:24px}}
@media(prefers-reduced-motion:reduce){#detail-dialog.config-dialog.entering{animation:none}}
#config-grade-wrap,#config-trim-wrap{border-top:1px solid var(--line)}
/* Keep layout and contrast stable throughout dependent data updates. */
#config-error{min-height:20px;margin:8px 0;font-size:11px;color:#747b85}#config-options{transition:none;overflow-anchor:none}#config-total{min-height:250px;overflow-anchor:none}#config-total[aria-busy=true]{opacity:1}#config-selects .config-label:focus-within,#config-selects .config-label:focus-within select{background-color:#fff}#config-selects select:disabled{opacity:1}
#config-total{position:relative}
[data-price-key]{font-variant-numeric:tabular-nums}.rolling-price{display:inline-flex;align-items:baseline;white-space:nowrap;line-height:1}.price-digit{display:inline-block;height:1em;line-height:1em;width:.64em;overflow:hidden;vertical-align:baseline;text-align:center}.price-digit-strip{display:flex;flex-direction:column;will-change:transform}.price-digit-strip>span{height:1em;line-height:1em;flex:none}
/* Readable prices and unbounded, fading number motion. */
.dual-prices strong,#detail-dialog .config-price strong,.panel-monthlies strong{color:var(--orange)}
.dual-prices strong{font-size:21px;line-height:1.4}
#detail-dialog .config-price strong{font-size:34px;line-height:1.35}#detail-dialog .panel-monthlies strong{font-size:28px;line-height:1.4;white-space:nowrap}
#detail-dialog .config-title>span,#detail-dialog .config-help,#detail-dialog .config-price p,#detail-dialog .config-price>div>span,#detail-dialog .config-section-heading span,#detail-dialog .config-label,#detail-dialog .option-list label strong,#detail-dialog .stock-placeholder p,#detail-dialog #config-error,#detail-dialog .eyebrow{font-size:13px;line-height:1.75}
#detail-dialog .panel-monthlies span,#detail-dialog .config-condition,#detail-dialog .option-list label,#detail-dialog .config-tabs button{font-size:15px}#detail-dialog .config-label select{font-size:16px;line-height:1.6}#detail-dialog .config-section-heading{font-size:17px}#detail-dialog #config-total .config-help{font-size:13px}
#detail-dialog .panel-monthlies{gap:18px;padding-top:18px}.panel-monthlies>div{min-width:0}
[data-price-key]{position:relative;overflow:visible;isolation:isolate;z-index:3}.rolling-price{position:relative;overflow:visible;line-height:1.3;align-items:baseline;z-index:5}.price-digit{position:relative;overflow:visible;height:1.3em;line-height:1.3em;width:.62em}.price-flying-digit{position:absolute;inset:0;line-height:1.3em;pointer-events:none;will-change:transform,opacity}.dual-prices,.car-copy,#config-total,.panel-monthlies{overflow:visible}
@media(max-width:760px){@scope (html[data-device="mobile"]){@scope (:root) to (.site-workspace){.dual-prices strong{font-size:18px}#detail-dialog .config-price strong{font-size:30px}#detail-dialog .panel-monthlies strong{font-size:24px}.panel-monthlies{gap:12px}#detail-dialog .panel-monthlies span{font-size:14px}}}}
@container siteWorkspace (max-width:760px){.dual-prices strong{font-size:18px}#detail-dialog .config-price strong{font-size:30px}#detail-dialog .panel-monthlies strong{font-size:24px}.panel-monthlies{gap:12px}#detail-dialog .panel-monthlies span{font-size:14px}}
@media(min-width:761px) and (max-width:1100px){@scope (:root) to (.site-workspace){#detail-dialog .panel-monthlies strong{font-size:24px}}}
@container siteWorkspace (min-width:761px) and (max-width:1100px){#detail-dialog .panel-monthlies strong{font-size:24px}}
/* Animated glyphs inherit the amount, never the adjacent label typography. */
[data-price-key] span{font-size:inherit!important;font-weight:inherit!important;color:inherit!important}
/* Restrained hierarchy: primary monthly price, secondary lease, neutral vehicle cost. */
.dual-prices strong{font-size:19px;font-weight:650;color:#30343b;letter-spacing:-.025em}
.dual-prices>div:first-child strong{color:#c54a2a}.dual-prices>div{margin-top:13px}.dual-prices>small{color:#767d86;font-size:11px;line-height:1.6}.dual-prices>div>span{font-size:12px;color:#616872}
#detail-dialog .config-price strong{font-size:25px;font-weight:650;color:#30343b;line-height:1.45}#detail-dialog .panel-monthlies strong{font-size:25px;font-weight:700;color:#30343b;line-height:1.45}#detail-dialog .panel-monthlies>div:first-child strong{color:#c54a2a}
#detail-dialog .config-title h2{font-size:25px;letter-spacing:-.035em}#detail-dialog .panel-monthlies>div>span{font-size:13px;font-weight:500;color:#646c77}#detail-dialog .config-label select{font-size:15px;font-weight:550}#detail-dialog .config-tabs button{font-size:14px}#detail-dialog .config-section-heading{font-size:15px}
#config-total{background:#fafbfc;border-color:#e8eaed;padding:20px}.panel-monthlies{gap:20px;padding-top:17px}.panel-monthlies>div+div{border-left:1px solid #e3e6e9;padding-left:18px}#detail-dialog .config-price p{color:#737a84;line-height:1.65}#detail-dialog #config-total .config-help{line-height:1.65;color:#737a84}
.price-value{display:inline-flex;align-items:baseline;position:relative;white-space:nowrap;line-height:inherit;overflow:visible}.price-digit{width:1ch;height:auto;line-height:inherit;display:inline-block;font-variant-numeric:tabular-nums}.price-digit>span{display:inline-block}.price-flying-digit{position:absolute;inset:0;line-height:inherit}.price-unit{font-size:12px!important;font-weight:500!important;color:#777e87!important;margin-left:3px;letter-spacing:0;display:inline!important}
@media(max-width:760px){@scope (html[data-device="mobile"]){@scope (:root) to (.site-workspace){.dual-prices strong{font-size:17px}#detail-dialog .config-price strong{font-size:23px}#detail-dialog .panel-monthlies strong{font-size:23px}.panel-monthlies{gap:12px}.panel-monthlies>div+div{padding-left:12px}#config-total{padding:16px}}}}
@container siteWorkspace (max-width:760px){.dual-prices strong{font-size:17px}#detail-dialog .config-price strong{font-size:23px}#detail-dialog .panel-monthlies strong{font-size:23px}.panel-monthlies{gap:12px}.panel-monthlies>div+div{padding-left:12px}#config-total{padding:16px}}

/* Keep scrolling prices below the opaque action and header surfaces. */
#detail-dialog .dialog-head{z-index:20}
#detail-dialog .config-footer{position:sticky;bottom:-26px;z-index:10;margin:0 -26px -26px;padding:16px 26px max(18px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e8eaed;isolation:isolate}
#detail-dialog #prepare-inquiry{position:static;box-shadow:none;margin:0}
#detail-dialog .config-footer .config-help{margin:10px 0 0;line-height:1.5}
@media(max-width:760px){@scope (html[data-device="mobile"]){@scope (:root) to (.site-workspace){#detail-dialog .config-footer{bottom:-20px;margin:0 -20px -20px;padding:14px 20px max(16px,env(safe-area-inset-bottom))}}}}
@container siteWorkspace (max-width:760px){#detail-dialog .config-footer{bottom:-20px;margin:0 -20px -20px;padding:14px 20px max(16px,env(safe-area-inset-bottom))}}

/* app-design.css */
/* Shared app visual system. Layout and controls use neutral surfaces; orange marks actions. */
:root{--ink:#20252d;--muted:#747b85;--line:#e7eaee;--orange:#e6532b;--app-bg:#f5f6f8;--radius:20px}
body{background:var(--app-bg);color:var(--ink)}
.top{height:78px;padding:0 32px;gap:30px;border-bottom:1px solid var(--line)}
.official-logo{width:194px;height:37px;border-radius:10px}.platform{background:#f1f3f5;padding:4px}.platform a{padding:10px 18px;font-size:13px}.platform .selected{background:#242a33;color:white}.desktop-saved{font-weight:600}
.preview-note{padding:5px;font-size:10px;background:#edf0f3;color:#707984}
.app-shell{max-width:1500px;grid-template-columns:204px minmax(0,1fr)}
.sidebar{top:78px;height:calc(100dvh - 78px);padding:30px 18px;background:white;border:0}.nav-label{font-size:12px;letter-spacing:0;color:#969da6;margin-bottom:14px}.sidebar nav{gap:6px}.sidebar nav button{height:50px;font-size:14px;border-radius:13px;color:#6d7580}.sidebar nav button.active{background:#242a33;color:white}.sidebar nav button.active .icon{color:#fff}.sidebar i{background:#e9ecf0;color:#525b65}.side-note{margin-top:44px;padding:20px 12px;border:0;border-radius:16px;background:#f5f6f8}.side-note .tiny-label{letter-spacing:0;font-size:12px}.side-note h3{font-size:17px;margin:12px 0}.side-note p{font-size:13px}.side-note button{font-size:12px;font-weight:650}.sidebar-foot{font-size:11px;padding:0 10px}
main{padding:32px 34px 0}.app-intro{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.app-intro h1{font-size:30px;line-height:1.25;margin:9px 0 10px;letter-spacing:-.045em}.app-intro p{font-size:14px;line-height:1.6;color:var(--muted);margin:0}.eyebrow,.tiny-label{font-size:10px;letter-spacing:.1em;color:#89919b}.intro-badge{font-size:12px;padding:9px 12px;border:1px solid #dce1e7;border-radius:30px;white-space:nowrap;color:#66707c;background:white}
.condition-card{margin:0 0 16px;padding:24px;border:0;border-radius:20px;box-shadow:0 3px 16px #25304405}.condition-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.condition-heading>div{display:flex;align-items:center;gap:10px}.section-symbol{display:grid;place-items:center;width:32px;height:32px;background:#f0f2f5;border-radius:10px}.condition-card h2{font-size:18px;margin:0}.condition-heading p{font-size:12px;background:#f4f5f7;padding:7px 10px;border-radius:7px;white-space:nowrap}.inline-conditions{grid-template-columns:1fr 1.2fr;gap:16px 22px;margin-top:20px}.inline-conditions fieldset+fieldset{border:0;padding:0}.inline-conditions legend{font-size:13px;margin-bottom:10px}.inline-segments{background:#f1f3f6;border-radius:12px;padding:4px;gap:4px}.inline-segments span{font-size:13px;padding:12px 4px;border-radius:9px}.inline-segments input:checked+span{background:white;color:#252c35;box-shadow:0 2px 6px #1d2d4014}.inline-segments input:checked+span:after{content:' ·';color:var(--orange);font-weight:900}.inline-conditions .inline-disclosure{font-size:12px;color:#858c95;line-height:1.6}.condition-cta{width:100%;margin-top:16px;justify-content:center;font-size:14px;padding:14px;border-radius:12px;gap:14px}.primary{border-radius:12px;font-size:14px;min-height:46px;background:var(--orange)}
.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}.quick-actions button{display:flex;align-items:center;gap:12px;background:white;border-radius:16px;padding:17px;text-align:left;min-width:0}.quick-actions button>span{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#f1f3f6;flex-shrink:0;color:#333e4e}.quick-actions strong{display:block;font-size:14px}.quick-actions small{display:block;font-size:12px;color:#858d98;margin-top:5px}.quick-actions b{font-size:15px;color:#9aa2ac;margin-left:auto;font-weight:400}
.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;min-height:0;height:206px;padding:26px 30px;margin:0 0 30px;background:#20333b;border:0;border-radius:20px;overflow:hidden;color:white}.hero h2{font-size:24px;line-height:1.4;margin:12px 0;letter-spacing:-.035em}.hero-kicker{font-size:11px;color:#b9c9d0;font-weight:500}.hero-copy>button{padding:0;color:#dfe8eb;font-size:13px;font-weight:600}.hero-copy>button span{margin-left:16px}.hero-art{display:block;height:170px;width:100%;position:relative}.hero-art img{top:0;left:0;width:100%;height:150px;filter:drop-shadow(0 12px 12px #0003)}.hero-art strong{position:absolute;bottom:0;right:8px;color:#aebfc6;font-size:12px;font-weight:500}
.section-head{margin:0 0 16px}.section-head h2{font-size:22px;margin:5px 0}.text-button{font-size:13px;color:#687280}.car-grid{gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.car-card{border:1px solid transparent;border-radius:18px;box-shadow:0 3px 16px #25304404}.car-card:hover{transform:translateY(-2px);border-color:#ccd2da;box-shadow:0 8px 20px #2530440a}.car-visual{height:146px;background:#fff;padding:28px 18px 6px}.car-brand{font-size:11px;top:16px;left:18px}.heart{top:11px;right:12px;background:#f4f5f7;width:32px;height:32px;color:#89919c}.heart .icon{width:19px;height:19px}.heart.on svg{fill:none}.car-copy{padding:12px 18px 16px}.car-title{font-size:19px;letter-spacing:-.035em}.car-caption{font-size:11px;margin:5px 0 10px;color:#9299a2}.dual-prices{background:#f6f7f9;border-radius:12px;padding:12px;margin:12px 0 8px}.dual-prices>div{margin-top:10px;display:flex;flex-wrap:wrap;gap:3px;align-items:baseline}.dual-prices>div:first-child{margin-top:0}.dual-prices>div>span{font-size:12px}.dual-prices strong{font-size:18px;font-weight:700;letter-spacing:-.035em}.dual-prices>div:first-child strong{color:#c54a2a}.dual-prices>small{font-size:11px;line-height:1.45;color:#89919c;margin-top:4px}.price-unit{font-size:11px!important}.price-note{font-size:11px;color:#9299a2;margin:10px 0 12px}.compare-toggle{font-size:12px;padding-top:12px;color:#6e7884}.bottom-grid{margin-top:24px;gap:16px}.editorial,.guide-card{border:0;background:white;border-radius:20px;padding:24px}.editorial{background:#e9edf1}.editorial h2,.guide-card h2{font-size:21px}.editorial p,.guide-card button{font-size:13px}.editorial .tiny-label{color:#687787}
.page-heading{margin:0 0 24px}.page-heading h1{font-size:28px;margin:8px 0 10px}.page-heading p{font-size:14px;margin:0}.search-box{border:0;border-radius:14px;padding:17px 20px;box-shadow:0 2px 9px #23334404}.search-box input{font-size:15px}.origin-tabs{gap:8px;border:0;margin-top:22px}.origin-tabs button{padding:10px 20px;border:0;border-radius:10px;font-size:14px;background:#e9edf1;color:#79828d}.origin-tabs button.active{background:#252c35;color:white}#brand-filters{grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:8px;margin:12px 0 22px}#brand-filters .maker-button{min-height:82px;border:1px solid transparent;border-radius:13px;font-size:12px;gap:8px}#brand-filters .maker-button.active{background:white;border-color:#364352;box-shadow:none}.maker-button img{width:44px;height:28px}.explore-condition-panel{border:0;padding:22px;border-radius:20px}.explore-condition-panel h2{font-size:17px;margin:0 0 5px}.explore-condition-panel>p{margin:0;font-size:12px}.results-heading{font-size:14px;margin:24px 0 14px}.results-heading span{font-size:12px}.condition-strip{background:white;border:1px solid var(--line);padding:18px;border-radius:14px;font-size:14px}.empty{background:white;border:0;padding:48px 24px;border-radius:20px;font-size:14px}.comparison-grid{gap:14px}.compare-column{border:0;border-radius:18px;padding:22px}.compare-column dt{font-size:13px}.compare-column dd{font-size:14px}.draft-card{background:white;border:0;border-radius:18px;padding:24px}.draft-card p,.draft-card>div{font-size:14px}.main-footer{border-color:#e3e7ec;color:#929aa4}.main-footer strong{color:#64717e}.main-footer p{font-size:11px}
#detail-dialog.config-dialog{background:#f6f7f9;border-left:1px solid #e4e8ed}#detail-dialog .dialog-head{background:#f6f7f9;margin:-26px -26px 0;padding:18px 24px;top:-26px;border-bottom:1px solid #e3e7ec;z-index:20}#detail-dialog .dialog-head .eyebrow{font-size:15px;letter-spacing:0;color:#434d59;font-weight:650}#detail-dialog .dialog-head>button{width:32px;height:32px;border-radius:50%;background:#e9edf1;padding:0;font-size:25px;line-height:1;color:#65717e}#detail-dialog .config-title{padding-top:24px}#detail-dialog .config-title h2{font-size:26px;margin:5px 0 18px}#config-total{background:white;border:0;border-radius:18px;min-height:0;padding:20px;margin-bottom:18px}#detail-dialog .config-price strong{font-size:25px}#detail-dialog .panel-monthlies strong{font-size:23px}#detail-dialog .config-price p,#detail-dialog #config-total .config-help{font-size:13px;color:#87909b}#detail-dialog .panel-monthlies{border-top:1px solid #e9edf1;padding-top:16px;gap:16px}.config-tabs{border:0;background:#e9edf1;border-radius:12px;padding:4px;gap:4px;margin:0 0 18px}.config-tabs button{border:0;border-radius:9px;padding:12px 8px}.config-tabs button.active{background:white;color:#26313d;box-shadow:0 2px 5px #24304009}.config-condition{background:#edf0f4;font-weight:600;padding:12px 14px}.config-help{color:#838c98}#config-selects{border:0;border-radius:16px;background:white;margin:16px 0}.config-label{padding:16px 18px}#config-selects select{background-color:white}#config-grade-wrap,#config-trim-wrap{border-color:#edf0f3}.option-list{border:0;background:white;border-radius:16px}.option-list label{padding:16px;border-bottom-color:#edf0f3}#detail-dialog .option-list label{font-size:14px}.option-list input{width:17px;height:17px;flex-shrink:0}.option-list label:has(input:checked){background:#edf1f5}.config-section-heading{display:flex;align-items:center;justify-content:space-between}#detail-dialog .config-footer{background:white;box-shadow:0 -6px 20px #22334405}#detail-dialog .config-footer .config-help{font-size:12px}#detail-dialog #prepare-inquiry{justify-content:center;width:100%;font-size:14px;border-radius:12px}.stock-placeholder{background:white;border-radius:18px}.form-note{font-size:13px}.guide-card button:hover,.text-button:hover{color:var(--ink)}
@container siteWorkspace (max-width:1050px){main{padding:26px 24px 0}.car-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inline-conditions{grid-template-columns:1fr 1.2fr}.quick-actions button{padding:14px;gap:9px}.quick-actions small{display:none}.hero{height:190px}.hero h2{font-size:22px}}
@container siteWorkspace (max-width:760px){.sidebar{display:none}main{grid-column:1/-1}.intro-badge{display:none}.hero{display:grid;grid-template-columns:1.2fr 1fr;min-height:0}.hero-art{display:block}.condition-heading{align-items:start;flex-direction:column;gap:10px}.condition-heading p{margin:0}.quick-actions b{display:none}.quick-actions strong{font-size:13px}.car-grid{gap:12px}.car-copy{padding:12px}.dual-prices{padding:10px}.inline-conditions{grid-template-columns:1fr}.bottom-grid{grid-template-columns:1fr}}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){.top{height:auto;min-height:108px;padding:12px 20px;gap:12px;flex-wrap:wrap}.official-logo{width:166px;height:32px}.platform{order:3;width:100%;justify-content:center;padding:3px}.platform a{flex:1;text-align:center;font-size:12px;padding:9px 4px}.desktop-saved{display:block;font-size:12px}.preview-note{font-size:9px;padding:4px}.app-shell{display:block}main{padding:24px 20px 0}.app-intro{margin-bottom:18px}.app-intro h1{font-size:26px;margin:7px 0 8px}.app-intro p{font-size:13px;line-height:1.55;max-width:290px}.app-intro .eyebrow{font-size:9px}.condition-card{padding:18px;border-radius:18px;margin-bottom:12px}.condition-card h2{font-size:16px}.condition-heading{gap:8px}.section-symbol{width:28px;height:28px}.section-symbol .icon{width:17px;height:17px}.condition-heading p{font-size:11px;padding:0;background:none;color:#838c98}.inline-conditions{grid-template-columns:1fr;gap:14px;margin-top:16px}.inline-segments span{font-size:13px;padding:11px 2px}.inline-conditions legend{font-size:12px;margin-bottom:7px}.inline-conditions .inline-disclosure{font-size:11px;line-height:1.5}.condition-cta{margin-top:12px;padding:12px;min-height:44px;font-size:13px}.quick-actions{gap:8px;margin-bottom:18px}.quick-actions button{padding:14px 5px;flex-direction:column;text-align:center;gap:8px;border-radius:14px}.quick-actions button>span{width:36px;height:36px;border-radius:12px}.quick-actions strong{font-size:12px}.quick-actions small,.quick-actions b{display:none}.hero{height:166px;min-height:0;padding:20px;margin-bottom:26px;border-radius:18px;grid-template-columns:1.2fr 1fr}.hero h2{font-size:17px;margin:10px 0}.hero-kicker{font-size:10px}.hero-copy>button{font-size:12px}.hero-art{height:120px;display:block}.hero-art img{height:110px;width:125%;left:-10%}.hero-art strong{font-size:10px;bottom:0}.section-head h2{font-size:20px}.text-button{font-size:12px}.car-grid{grid-template-columns:1fr;gap:14px}.car-card{display:grid;grid-template-columns:110px minmax(0,1fr);padding:14px;overflow:visible;border-radius:18px}.car-visual{height:120px;padding:25px 0 0;align-self:start;border-radius:14px}.car-brand{top:6px;left:4px;font-size:11px}.heart{left:14px;right:auto;top:136px;width:30px;height:30px}.car-copy{padding:0 0 0 12px;min-width:0}.car-title{font-size:18px;max-width:100%}.car-caption{font-size:10px;margin:4px 0 8px}.dual-prices{padding:10px;margin:8px 0}.dual-prices>div{display:flex;flex-wrap:wrap;gap:3px;margin-top:9px}.dual-prices strong{font-size:18px;margin:0}.dual-prices>div>span{font-size:11px}.dual-prices>small{font-size:10px;line-height:1.45}.price-unit{font-size:10px!important}.price-note{font-size:10px;margin:7px 0 10px}.compare-toggle{font-size:11px;padding-top:10px}.page-heading h1{font-size:25px}.page-heading p{font-size:13px}.search-box{padding:15px;border-radius:13px}.search-box input{font-size:14px}.origin-tabs{margin-top:18px}.origin-tabs button{font-size:13px;padding:9px 18px}#brand-filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:12px 0 18px}#brand-filters .maker-button{font-size:11px;min-height:76px;padding:10px 4px}.maker-button img{width:38px;height:25px}.explore-condition-panel{padding:18px;border-radius:18px}.results-heading{font-size:13px}.results-heading span{font-size:10px}.bottom-grid{gap:14px}.editorial,.guide-card{padding:22px}.editorial h2,.guide-card h2{font-size:20px}.main-footer{padding-bottom:110px}.mobile-nav{position:fixed;display:flex;bottom:max(12px,env(safe-area-inset-bottom));left:16px;right:16px;width:auto;border-radius:23px;border:1px solid #e6e9ee;background:#fffffffa;box-shadow:0 5px 25px #26354418;height:66px;padding:7px;z-index:30}.mobile-nav button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px;color:#8b95a0;border-radius:16px}.mobile-nav button.active{background:#f0f3f6;color:#252e39;font-weight:700}.mobile-nav button.active .icon{color:var(--orange)}.mobile-nav .icon{width:20px;height:20px}.comparison-grid{overflow-x:auto;display:flex}.compare-column{min-width:220px}.condition-strip{font-size:12px}#detail-dialog .dialog-head{margin:-20px -20px 0;top:-20px;padding:16px 20px}#detail-dialog .config-title h2{font-size:24px}#detail-dialog .config-price strong{font-size:24px}#detail-dialog .panel-monthlies strong{font-size:22px}.config-section-heading span{margin-left:8px}#toast{bottom:94px}}}}
@container siteWorkspace (max-width:760px){.top{height:auto;min-height:108px;padding:12px 20px;gap:12px;flex-wrap:wrap}.official-logo{width:166px;height:32px}.platform{order:3;width:100%;justify-content:center;padding:3px}.platform a{flex:1;text-align:center;font-size:12px;padding:9px 4px}.desktop-saved{display:block;font-size:12px}.preview-note{font-size:9px;padding:4px}.app-shell{display:block}main{padding:24px 20px 0}.app-intro{margin-bottom:18px}.app-intro h1{font-size:26px;margin:7px 0 8px}.app-intro p{font-size:13px;line-height:1.55;max-width:290px}.app-intro .eyebrow{font-size:9px}.condition-card{padding:18px;border-radius:18px;margin-bottom:12px}.condition-card h2{font-size:16px}.condition-heading{gap:8px}.section-symbol{width:28px;height:28px}.section-symbol .icon{width:17px;height:17px}.condition-heading p{font-size:11px;padding:0;background:none;color:#838c98}.inline-conditions{grid-template-columns:1fr;gap:14px;margin-top:16px}.inline-segments span{font-size:13px;padding:11px 2px}.inline-conditions legend{font-size:12px;margin-bottom:7px}.inline-conditions .inline-disclosure{font-size:11px;line-height:1.5}.condition-cta{margin-top:12px;padding:12px;min-height:44px;font-size:13px}.quick-actions{gap:8px;margin-bottom:18px}.quick-actions button{padding:14px 5px;flex-direction:column;text-align:center;gap:8px;border-radius:14px}.quick-actions button>span{width:36px;height:36px;border-radius:12px}.quick-actions strong{font-size:12px}.quick-actions small,.quick-actions b{display:none}.hero{height:166px;min-height:0;padding:20px;margin-bottom:26px;border-radius:18px;grid-template-columns:1.2fr 1fr}.hero h2{font-size:17px;margin:10px 0}.hero-kicker{font-size:10px}.hero-copy>button{font-size:12px}.hero-art{height:120px;display:block}.hero-art img{height:110px;width:125%;left:-10%}.hero-art strong{font-size:10px;bottom:0}.section-head h2{font-size:20px}.text-button{font-size:12px}.car-grid{grid-template-columns:1fr;gap:14px}.car-card{display:grid;grid-template-columns:110px minmax(0,1fr);padding:14px;overflow:visible;border-radius:18px}.car-visual{height:120px;padding:25px 0 0;align-self:start;border-radius:14px}.car-brand{top:6px;left:4px;font-size:11px}.heart{left:14px;right:auto;top:136px;width:30px;height:30px}.car-copy{padding:0 0 0 12px;min-width:0}.car-title{font-size:18px;max-width:100%}.car-caption{font-size:10px;margin:4px 0 8px}.dual-prices{padding:10px;margin:8px 0}.dual-prices>div{display:flex;flex-wrap:wrap;gap:3px;margin-top:9px}.dual-prices strong{font-size:18px;margin:0}.dual-prices>div>span{font-size:11px}.dual-prices>small{font-size:10px;line-height:1.45}.price-unit{font-size:10px!important}.price-note{font-size:10px;margin:7px 0 10px}.compare-toggle{font-size:11px;padding-top:10px}.page-heading h1{font-size:25px}.page-heading p{font-size:13px}.search-box{padding:15px;border-radius:13px}.search-box input{font-size:14px}.origin-tabs{margin-top:18px}.origin-tabs button{font-size:13px;padding:9px 18px}#brand-filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:12px 0 18px}#brand-filters .maker-button{font-size:11px;min-height:76px;padding:10px 4px}.maker-button img{width:38px;height:25px}.explore-condition-panel{padding:18px;border-radius:18px}.results-heading{font-size:13px}.results-heading span{font-size:10px}.bottom-grid{gap:14px}.editorial,.guide-card{padding:22px}.editorial h2,.guide-card h2{font-size:20px}.main-footer{padding-bottom:110px}.mobile-nav{position:fixed;display:flex;bottom:max(12px,env(safe-area-inset-bottom));left:16px;right:16px;width:auto;border-radius:23px;border:1px solid #e6e9ee;background:#fffffffa;box-shadow:0 5px 25px #26354418;height:66px;padding:7px;z-index:30}.mobile-nav button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px;color:#8b95a0;border-radius:16px}.mobile-nav button.active{background:#f0f3f6;color:#252e39;font-weight:700}.mobile-nav button.active .icon{color:var(--orange)}.mobile-nav .icon{width:20px;height:20px}.comparison-grid{overflow-x:auto;display:flex}.compare-column{min-width:220px}.condition-strip{font-size:12px}#detail-dialog .dialog-head{margin:-20px -20px 0;top:-20px;padding:16px 20px}#detail-dialog .config-title h2{font-size:24px}#detail-dialog .config-price strong{font-size:24px}#detail-dialog .panel-monthlies strong{font-size:22px}.config-section-heading span{margin-left:8px}#toast{bottom:94px}}
@media(prefers-reduced-motion:reduce){.car-card{transition:none}}

/* Vehicle cards: product first, calm price hierarchy. */
.car-card{overflow:hidden;background:#fff;border-color:#e5e9ee;box-shadow:0 2px 8px #25304405;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.car-card:hover{border-color:#cbd2da;box-shadow:0 10px 26px #2530440d}
.car-visual{height:174px;padding:38px 22px 12px;background:linear-gradient(180deg,#f7f8fa 0%,#fff 100%)}
.car-visual img{transform:scale(1.04);transition:transform .24s ease}
.car-card:hover .car-visual img{transform:scale(1.08)}
.car-tags{position:absolute;top:15px;left:17px;display:flex;gap:6px;z-index:1}
.car-tags i{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:20px;background:#fff;border:1px solid #e2e6eb;color:#69727d;font-size:10px;font-style:normal;font-weight:650;box-shadow:0 2px 5px #27313d08}
.car-tags i+ i{background:#26303b;border-color:#26303b;color:#fff}
.heart{top:13px;right:14px;background:#fff;border:1px solid #e1e6eb;color:#7d8793;box-shadow:0 2px 7px #27313d0a}
.heart.on{background:#26303b;border-color:#26303b;color:#fff}.heart.on svg{fill:none}
.car-copy{padding:17px 18px 16px}
.car-name-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.car-name-row>div{min-width:0}.car-title{font-size:20px;font-weight:750;line-height:1.25;color:#222a34}
.car-caption{margin:6px 0 0;font-size:11px;line-height:1.45;color:#9098a2}
.card-open{flex:none;margin-top:1px;padding:7px 0;font-size:11px;font-weight:650;color:#68727e}.card-open span{margin-left:5px;color:var(--orange)}
.dual-prices{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:17px 0 10px;padding:0;background:#fff;border:1px solid #e7eaee;border-radius:14px;overflow:hidden!important}
.dual-prices .price-row{display:block;margin:0;padding:13px 14px;min-width:0}
.dual-prices .price-row+.price-row{border-left:1px solid #e7eaee}
.dual-prices .price-row>span{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-size:11px;color:#68727d;font-weight:650}
.dual-prices .price-row>span i{width:6px;height:6px;border-radius:50%;background:#384452}
.dual-prices .price-row.rent>span i{background:var(--orange)}
.dual-prices strong,.dual-prices .price-row.rent strong{display:block;color:#252d37;font-size:19px;font-weight:750;line-height:1.3;letter-spacing:-.04em}
.dual-prices .price-row small{display:block;min-height:31px;margin-top:7px;color:#9299a2;font-size:10px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.price-row-arrow{display:none}
.price-note{margin:0 0 12px;font-size:10px;color:#969da6}
.compare-toggle{padding:12px 2px 0;font-size:12px;font-weight:600;color:#626d79}.compare-toggle.on{color:#26303b}.compare-toggle span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#f0f2f5;color:#56616d}.compare-toggle.on span{background:#26303b;color:#fff}

@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 .car-card{display:block;padding:0;overflow:hidden;border-radius:18px}
 .car-visual{height:176px;padding:40px 22px 8px;border-radius:0}
 .car-tags{top:14px;left:15px}.heart{left:auto;right:14px;top:12px}
 .car-copy{padding:16px}.car-title{font-size:20px}.car-caption{font-size:11px}
 .card-open{font-size:11px}
 .dual-prices{padding:0;margin:16px 0 10px}
 .dual-prices .price-row{padding:12px}
 .dual-prices strong,.dual-prices .price-row.rent strong{font-size:18px;margin:0}
 .dual-prices .price-row>span{font-size:11px}.dual-prices .price-row small{font-size:10px;min-height:30px}
 .price-note{font-size:10px;margin:0 0 11px}.compare-toggle{font-size:12px;padding-top:11px}}}
}

@container siteWorkspace (max-width:760px){
 .car-card{display:block;padding:0;overflow:hidden;border-radius:18px}
 .car-visual{height:176px;padding:40px 22px 8px;border-radius:0}
 .car-tags{top:14px;left:15px}.heart{left:auto;right:14px;top:12px}
 .car-copy{padding:16px}.car-title{font-size:20px}.car-caption{font-size:11px}
 .card-open{font-size:11px}
 .dual-prices{padding:0;margin:16px 0 10px}
 .dual-prices .price-row{padding:12px}
 .dual-prices strong,.dual-prices .price-row.rent strong{font-size:18px;margin:0}
 .dual-prices .price-row>span{font-size:11px}.dual-prices .price-row small{font-size:10px;min-height:30px}
 .price-note{font-size:10px;margin:0 0 11px}.compare-toggle{font-size:12px;padding-top:11px}
}

/* Two-tier app header navigation. */
.sidebar{display:none!important}
.app-shell{display:block;max-width:1320px;margin:0 auto}
.app-shell main{padding:32px 34px 0}
.top{max-width:none;padding-left:max(32px,calc((100cqw - 1320px)/2));padding-right:max(32px,calc((100cqw - 1320px)/2))}
.top-nav{position:sticky;top:78px;z-index:19;background:#fff;border-bottom:1px solid #e7eaee;box-shadow:0 5px 18px #27313d05}
.top-nav>div{max-width:1320px;height:68px;margin:auto;display:flex;align-items:center;gap:8px;padding:8px 34px}
.top-nav button{position:relative;display:flex;align-items:center;gap:10px;min-width:160px;height:52px;padding:7px 14px;border-radius:14px;color:#66717d;text-align:left;transition:background .16s ease,color .16s ease}
.top-nav button:hover{background:#f4f6f8;color:#27313c}.top-nav button.active{background:#252d38;color:#fff}
.top-nav .nav-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#f0f2f5;color:#596573;flex:none}.top-nav .nav-icon .icon{width:19px;height:19px}
.top-nav button.active .nav-icon{background:#fff;color:#252d38}.top-nav button>span+span{display:grid;gap:2px}.top-nav strong{font-size:13px}.top-nav small{font-size:11px;color:#98a0a9}.top-nav button.active small{color:#bdc4cc}
.top-nav i{min-width:21px;height:21px;margin-left:auto;display:grid;place-items:center;border-radius:20px;background:#e9edf1;color:#56616d;font-size:11px;font-style:normal}.top-nav button.active i{background:#fff;color:#252d38}
.app-shell,.top,.top-nav,.preview-note{transition:margin-right .28s ease}

/* Readable finishing details for every vehicle card. */
.car-card{position:relative}
.car-card:before{content:'';position:absolute;z-index:2;top:0;left:20px;right:20px;height:2px;background:linear-gradient(90deg,transparent,#dfe4e9 35%,#dfe4e9 65%,transparent);opacity:.75}
.car-visual{background:radial-gradient(ellipse at 50% 76%,#e9edf1 0,#f5f7f9 34%,#fafbfc 64%)}
.car-visual:after{content:'';position:absolute;left:21%;right:21%;bottom:15px;height:12px;border-radius:50%;background:#26313d12;filter:blur(8px)}
.car-visual img{position:relative;z-index:1}
.car-tags i{font-size:12px;height:26px;padding:0 10px}.car-caption{font-size:12px}.card-open{border:1px solid #e1e5ea;border-radius:20px;padding:8px 10px;font-size:12px;background:#fff}.card-open:hover{border-color:#bdc5ce;background:#f7f8fa}
.dual-prices .price-row>span{font-size:12px}.dual-prices .price-row small{font-size:12px;line-height:1.45;min-height:35px}.dual-prices strong,.dual-prices .price-row.rent strong{font-size:20px}.price-unit{font-size:12px!important}.price-note{font-size:12px;line-height:1.5}.compare-toggle{font-size:13px}

@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 .top{position:relative;min-height:106px}.top-nav{top:0;position:sticky}.top-nav>div{height:66px;padding:7px 12px;gap:4px;justify-content:space-between}
 .top-nav button{min-width:0;flex:1;height:52px;padding:5px;justify-content:center;border-radius:13px;gap:6px}.top-nav .nav-icon{width:34px;height:34px}.top-nav button>span+span{display:block}.top-nav strong{display:block;font-size:12px;white-space:nowrap}.top-nav small{display:none}.top-nav i{position:absolute;right:5px;top:5px;min-width:17px;height:17px;font-size:9px}
 .mobile-nav{display:none!important}.main-footer{padding-bottom:34px}.app-shell main{padding:24px 20px 0}
 .car-card:before{left:18px;right:18px}.car-tags i{font-size:12px}.car-caption{font-size:12px}.card-open{font-size:12px;padding:8px 9px}
 .dual-prices .price-row>span{font-size:12px}.dual-prices .price-row small{font-size:12px;min-height:35px}.dual-prices strong,.dual-prices .price-row.rent strong{font-size:19px}.price-note{font-size:12px}.compare-toggle{font-size:13px}}}
}

@container siteWorkspace (max-width:760px){
 .top{position:relative;min-height:106px}.top-nav{top:0;position:sticky}.top-nav>div{height:66px;padding:7px 12px;gap:4px;justify-content:space-between}
 .top-nav button{min-width:0;flex:1;height:52px;padding:5px;justify-content:center;border-radius:13px;gap:6px}.top-nav .nav-icon{width:34px;height:34px}.top-nav button>span+span{display:block}.top-nav strong{display:block;font-size:12px;white-space:nowrap}.top-nav small{display:none}.top-nav i{position:absolute;right:5px;top:5px;min-width:17px;height:17px;font-size:9px}
 .mobile-nav{display:none!important}.main-footer{padding-bottom:34px}.app-shell main{padding:24px 20px 0}
 .car-card:before{left:18px;right:18px}.car-tags i{font-size:12px}.car-caption{font-size:12px}.card-open{font-size:12px;padding:8px 9px}
 .dual-prices .price-row>span{font-size:12px}.dual-prices .price-row small{font-size:12px;min-height:35px}.dual-prices strong,.dual-prices .price-row.rent strong{font-size:19px}.price-note{font-size:12px}.compare-toggle{font-size:13px}
}

/* Quotation surface and product availability badges. */
.car-tags i:nth-child(2){background:#26303b;border-color:#26303b;color:#fff}
.car-tags i:nth-child(3){background:#fff;border-color:#d8dee5;color:#46515d}
.dual-prices{background:#f6f8fa;border-color:#e3e8ed;box-shadow:0 7px 18px #2634420a,0 1px 2px #26344208}
.dual-prices .price-row{background:#f8f9fb}
.dual-prices .price-row.rent{background:#fff}
.dual-prices .price-row+.price-row{border-left-color:#e2e7ec}

/* Custom configuration picker replaces the browser's raw select popup. */
#config-selects{overflow:visible}
#config-selects .config-label{position:relative;z-index:1}
#config-selects .config-label:has(.config-picker.open){z-index:80}
.config-field-label{display:block;font-size:12px;font-weight:650;color:#737d88}
.native-config-select{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;opacity:0!important;pointer-events:none!important}
.config-picker{position:relative;margin-top:8px}
.config-picker-trigger{width:100%;min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:8px 0;color:#27313c;text-align:left;font-size:15px;font-weight:650;line-height:1.5;border:0;border-radius:8px;background:transparent}
.config-picker-trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.config-picker-trigger>i{position:relative;width:28px;height:28px;border-radius:9px;background:#f1f3f6;flex:none}
.config-picker-trigger>i:before,.config-picker-trigger>i:after{content:'';position:absolute;top:13px;width:7px;height:1.5px;border-radius:2px;background:#69747f;transition:transform .15s ease}
.config-picker-trigger>i:before{left:8px;transform:rotate(42deg)}.config-picker-trigger>i:after{right:8px;transform:rotate(-42deg)}
.config-picker.open .config-picker-trigger{color:#111821}
.config-picker.open .config-picker-trigger>i{background:#26303b}.config-picker.open .config-picker-trigger>i:before,.config-picker.open .config-picker-trigger>i:after{background:#fff}.config-picker.open .config-picker-trigger>i:before{transform:rotate(-42deg)}.config-picker.open .config-picker-trigger>i:after{transform:rotate(42deg)}
.config-picker-trigger:focus-visible{outline:2px solid #8f99a5;outline-offset:3px}
.config-picker-trigger:disabled{opacity:.48}
.config-picker-menu{position:absolute;left:-10px;right:-10px;top:calc(100% + 7px);z-index:90;max-height:265px;overflow:auto;padding:7px;background:#fff;border:1px solid #dfe4e9;border-radius:14px;box-shadow:0 18px 42px #1e2b391f,0 3px 10px #1e2b390d;scrollbar-width:thin}
.config-picker.drop-up .config-picker-menu{top:auto;bottom:calc(100% + 7px)}
.config-picker-menu button{width:100%;min-height:45px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:9px;text-align:left;font-size:14px;line-height:1.45;color:#4a5561}
.config-picker-menu button:hover{background:#f3f5f7;color:#202a35}.config-picker-menu button[aria-selected=true]{background:#eef1f4;color:#1e2731;font-weight:700}
.config-picker-menu button i{display:none;font-style:normal;color:var(--orange)}.config-picker-menu button[aria-selected=true] i{display:block}
.config-picker-menu>p{margin:0;padding:14px 12px;color:#8a939d;font-size:13px}

@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 .dual-prices{box-shadow:0 6px 16px #2634420a,0 1px 2px #26344208}
 .config-picker-menu{left:-6px;right:-6px;max-height:235px;border-radius:13px}.config-picker-menu button{font-size:14px;min-height:47px}}}
}

@container siteWorkspace (max-width:760px){
 .dual-prices{box-shadow:0 6px 16px #2634420a,0 1px 2px #26344208}
 .config-picker-menu{left:-6px;right:-6px;max-height:235px;border-radius:13px}.config-picker-menu button{font-size:14px;min-height:47px}
}

/* Keep every header row and the page on one continuous track while the vehicle panel opens. */
@media(min-width:761px){
@scope (:root) to (.site-workspace){
 body{--layout-gutter:max(0px,calc((100vw - 1320px)/2));--panel-layout-gutter:max(0px,calc((100vw - var(--vehicle-panel) - 1320px)/2))}
 .top{margin-right:0!important;padding-left:var(--layout-gutter);padding-right:var(--layout-gutter);transition:padding-left .34s cubic-bezier(.22,.72,.24,1),padding-right .34s cubic-bezier(.22,.72,.24,1)}
 .top-nav{margin-right:0!important}
 .top-nav>div,.app-shell{max-width:none;margin-left:var(--layout-gutter);margin-right:var(--layout-gutter);transition:margin-left .34s cubic-bezier(.22,.72,.24,1),margin-right .34s cubic-bezier(.22,.72,.24,1)}}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 body{--layout-gutter:max(0px,calc((100vw - 1320px)/2));--panel-layout-gutter:max(0px,calc((100vw - var(--vehicle-panel) - 1320px)/2))}
 .top{margin-right:0!important;padding-left:var(--layout-gutter);padding-right:var(--layout-gutter);transition:padding-left .34s cubic-bezier(.22,.72,.24,1),padding-right .34s cubic-bezier(.22,.72,.24,1)}
 .top-nav{margin-right:0!important}
 .top-nav>div,.app-shell{max-width:none;margin-left:var(--layout-gutter);margin-right:var(--layout-gutter);transition:margin-left .34s cubic-bezier(.22,.72,.24,1),margin-right .34s cubic-bezier(.22,.72,.24,1)}}}
@container siteWorkspace (min-width:761px){
 body{--layout-gutter:max(0px,calc((100cqw - 1320px)/2));--panel-layout-gutter:max(0px,calc((100cqw - var(--vehicle-panel) - 1320px)/2))}
 .top{margin-right:0!important;padding-left:var(--layout-gutter);padding-right:var(--layout-gutter);transition:padding-left .34s cubic-bezier(.22,.72,.24,1),padding-right .34s cubic-bezier(.22,.72,.24,1)}
 .top-nav{margin-right:0!important}
 .top-nav>div,.app-shell{max-width:none;margin-left:var(--layout-gutter);margin-right:var(--layout-gutter);transition:margin-left .34s cubic-bezier(.22,.72,.24,1),margin-right .34s cubic-bezier(.22,.72,.24,1)}
}
@media(prefers-reduced-motion:reduce){.app-shell,.top,.top-nav>div{transition:none}}

/* Flat app-style rent and lease comparison. */
.dual-prices{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:17px 0 9px;padding:0;background:#f2f4f6;border:0;border-radius:14px;box-shadow:none;overflow:hidden!important}
.dual-prices .price-row{display:block;position:relative;margin:0;padding:14px 15px 15px;background:transparent!important;border:0;border-radius:0;box-shadow:none}
.dual-prices .price-row+.price-row{border-left:1px solid #dfe3e7}
.dual-prices .price-row:before{display:none}
.dual-prices .price-row>span{display:flex;align-items:center;gap:7px;margin:0 0 7px;color:#68727d;font-size:12px;font-weight:650}
.dual-prices .price-row>span i{width:6px;height:6px;border-radius:50%;background:#4e5966}
.dual-prices .price-row.rent>span i{background:var(--orange)}
.dual-prices strong,.dual-prices .price-row.rent strong{display:block;color:#202832;font-size:21px;font-weight:760;line-height:1.3;letter-spacing:-.04em}
.price-note{margin:0 2px 12px;color:#9299a2;font-size:11px;line-height:1.5}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){.dual-prices{border-radius:13px}.dual-prices .price-row{padding:13px 11px 14px}.dual-prices strong,.dual-prices .price-row.rent strong{font-size:19px}.price-note{font-size:11px}}}}
@container siteWorkspace (max-width:760px){.dual-prices{border-radius:13px}.dual-prices .price-row{padding:13px 11px 14px}.dual-prices strong,.dual-prices .price-row.rent strong{font-size:19px}.price-note{font-size:11px}}

/* Vehicle cards follow the compact touch-card rhythm of the low-credit app. */
.car-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.car-card{display:block;min-width:0;border:0;border-radius:20px;background:#fff;box-shadow:0 3px 14px #2634420a;overflow:hidden}
.car-card:before{display:none}.car-card:hover{transform:translateY(-2px);border-color:transparent;box-shadow:0 9px 24px #26344210}
.card-main{position:relative;display:grid;grid-template-columns:174px minmax(0,1fr);align-items:center;width:100%;min-height:208px;padding:18px 44px 16px 16px;text-align:left}
.card-main .car-visual{grid-column:1;grid-row:1;display:block;width:100%;height:126px;padding:0;background:transparent;border-radius:0}
.card-main .car-visual:after{display:none}.card-main .car-visual img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 9px 8px #26344216)}
.card-main .car-copy{grid-column:2;grid-row:1;display:block;min-width:0;padding:0 0 0 14px}
.card-main .car-tags{position:static;display:flex;gap:5px;margin:0 0 12px}
.card-main .car-tags i{height:24px;padding:0 9px;font-size:11px}
.card-main .car-title{display:block;font-size:22px;font-weight:780;line-height:1.2;color:#202832}
.car-brand-line{display:none}
.card-main .dual-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:20px 0 8px;padding:0;background:transparent;border-radius:0;overflow:visible!important}
.card-main .dual-prices .price-row{display:block;min-width:0;padding:0 13px 0 0;background:transparent!important}
.card-main .dual-prices .price-row+.price-row{padding:0 0 0 13px;border-left:1px solid #e2e6ea}
.card-main .dual-prices .price-row>span{margin:0 0 5px;font-size:11px;color:#737d87}
.card-main .dual-prices strong{font-size:19px;color:#242d37;font-weight:760;white-space:nowrap}
.card-main .price-note{display:block;margin:0;color:#98a0a9;font-size:10px}
.card-chevron{position:absolute;right:17px;bottom:17px;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#f2f4f6;color:#68727d;font-size:20px;font-style:normal;line-height:1}
.car-card>.heart{left:auto;right:14px;top:13px;width:30px;height:30px;background:#f5f6f8;z-index:3}
.car-card>.compare-toggle{height:45px;margin:0;padding:0 16px;border-top:1px solid #edf0f3;font-size:12px}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 .car-grid{grid-template-columns:1fr;gap:11px}
 .car-card{padding:0;border-radius:18px}
 .card-main{grid-template-columns:minmax(0,1fr) 122px;min-height:194px;padding:17px 15px 14px}
 .card-main .car-copy{grid-column:1;grid-row:1;padding:0 4px 0 0}
 .card-main .car-visual{grid-column:2;grid-row:1;height:112px;align-self:center}
 .card-main .car-tags{margin-bottom:11px}.card-main .car-tags i{height:23px;padding:0 8px;font-size:11px}
 .card-main .car-title{font-size:20px}
 .card-main .dual-prices{grid-template-columns:1fr;margin:17px 0 7px}
 .card-main .dual-prices .price-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:5px 0}
 .card-main .dual-prices .price-row+.price-row{padding:6px 0 0;border-left:0;border-top:1px solid #e7eaee}
 .card-main .dual-prices .price-row>span{margin:0;font-size:11px;white-space:nowrap}
 .card-main .dual-prices strong{font-size:17px;text-align:right}
 .card-main .price-note{font-size:10px}.card-chevron{right:14px;bottom:14px}
 .car-card>.heart{right:12px;top:11px}.car-card>.compare-toggle{height:43px;padding:0 15px;font-size:12px}}}
}
@container siteWorkspace (max-width:760px){
 .car-grid{grid-template-columns:1fr;gap:11px}
 .car-card{padding:0;border-radius:18px}
 .card-main{grid-template-columns:minmax(0,1fr) 122px;min-height:194px;padding:17px 15px 14px}
 .card-main .car-copy{grid-column:1;grid-row:1;padding:0 4px 0 0}
 .card-main .car-visual{grid-column:2;grid-row:1;height:112px;align-self:center}
 .card-main .car-tags{margin-bottom:11px}.card-main .car-tags i{height:23px;padding:0 8px;font-size:11px}
 .card-main .car-title{font-size:20px}
 .card-main .dual-prices{grid-template-columns:1fr;margin:17px 0 7px}
 .card-main .dual-prices .price-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:5px 0}
 .card-main .dual-prices .price-row+.price-row{padding:6px 0 0;border-left:0;border-top:1px solid #e7eaee}
 .card-main .dual-prices .price-row>span{margin:0;font-size:11px;white-space:nowrap}
 .card-main .dual-prices strong{font-size:17px;text-align:right}
 .card-main .price-note{font-size:10px}.card-chevron{right:14px;bottom:14px}
 .car-card>.heart{right:12px;top:11px}.car-card>.compare-toggle{height:43px;padding:0 15px;font-size:12px}
}

/*
 * Stable responsive tiers.
 * Keep type at its designed size and give cards more horizontal room instead
 * of continuously compressing their labels and monthly prices.
 */
@media (min-width:761px) and (max-width:1199px){
@scope (:root) to (.site-workspace){
 .car-grid{grid-template-columns:minmax(0,1fr)}
 .card-main{grid-template-columns:190px minmax(0,1fr)}
 .card-main .dual-prices strong{font-size:19px}

 /* On compact PCs the configurator overlays the page so the page never gets
    squeezed into an unreadable half-width layout. Full PCs still shift. */
 body{--vehicle-panel:min(520px,calc(100vw - 48px))}}
}
@container siteWorkspace (min-width:761px) and (max-width:1199px){
 .car-grid{grid-template-columns:minmax(0,1fr)}
 .card-main{grid-template-columns:190px minmax(0,1fr)}
 .card-main .dual-prices strong{font-size:19px}

 /* On compact PCs the configurator overlays the page so the page never gets
    squeezed into an unreadable half-width layout. Full PCs still shift. */
 body{--vehicle-panel:min(520px,calc(100cqw - 48px))}
}

/* Compact desktop header: fixed readable type with tighter spacing. */
@media (min-width:761px) and (max-width:899px){
@scope (:root) to (.site-workspace){
 .top{padding-left:20px;padding-right:20px;gap:16px}
 .official-logo{width:170px;height:34px}
 .platform a{padding:9px 12px;font-size:12px}
 .desktop-saved{font-size:12px;white-space:nowrap}
 .top-nav>div{padding-left:20px;padding-right:20px;gap:5px}
 .top-nav button{min-width:0;flex:1;padding:7px 9px;gap:8px}
 .top-nav .nav-icon{width:34px;height:34px}
 .top-nav strong{font-size:13px;white-space:nowrap}
 .top-nav small{font-size:10px;white-space:nowrap}
 .app-shell main{padding-left:24px;padding-right:24px}}
}
@container siteWorkspace (min-width:761px) and (max-width:899px){
 .top{padding-left:20px;padding-right:20px;gap:16px}
 .official-logo{width:170px;height:34px}
 .platform a{padding:9px 12px;font-size:12px}
 .desktop-saved{font-size:12px;white-space:nowrap}
 .top-nav>div{padding-left:20px;padding-right:20px;gap:5px}
 .top-nav button{min-width:0;flex:1;padding:7px 9px;gap:8px}
 .top-nav .nav-icon{width:34px;height:34px}
 .top-nav strong{font-size:13px;white-space:nowrap}
 .top-nav small{font-size:10px;white-space:nowrap}
 .app-shell main{padding-left:24px;padding-right:24px}
}

/* React to the usable page width after the configurator has taken its space. */
@container siteWorkspace (max-width:1100px){
 .car-grid{grid-template-columns:minmax(0,1fr)}
}

/* Persisted cue for the vehicle whose configurator was opened most recently. */
.car-card.is-last-selected{
 box-shadow:0 0 0 1px #aeb6c0,0 9px 24px #26344210
}
.car-card.is-last-selected:before{
 height:3px;background:linear-gradient(90deg,transparent,#343e49 24%,#343e49 76%,transparent);opacity:1
}
.last-selected-marker{
 position:absolute;z-index:4;top:13px;right:52px;display:inline-flex;align-items:center;height:28px;padding:0 10px;
 border:0;border-radius:999px;background:#26303b;color:#fff;font-size:11px;font-weight:700;line-height:1;white-space:nowrap;
 box-shadow:0 3px 9px #1c27331c
}
.last-selected-marker:before{content:'';width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--orange)}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 .last-selected-marker{top:12px;right:51px;height:27px;padding:0 9px;font-size:10px}}}
}
@container siteWorkspace (max-width:760px){
 .last-selected-marker{top:12px;right:51px;height:27px;padding:0 9px;font-size:10px}
}

/* Shared compact vehicle card: identity and two equal quotes, with no nested panels. */
.car-card{position:relative;display:block;padding:0;border:1px solid transparent;border-radius:18px;background:#fff;box-shadow:0 3px 14px #25304406;overflow:hidden}
.car-card:before,.last-selected-marker{display:none}
.car-card:hover{border-color:#e1e5ea;box-shadow:0 6px 20px #2530440a}
.car-card.is-last-selected{border-color:var(--orange);box-shadow:0 3px 14px #25304408}
.car-card .card-main{display:grid;grid-template-columns:minmax(188px,1fr) 154px;grid-template-rows:auto;gap:12px;align-items:center;box-sizing:border-box;min-height:190px;width:100%;padding:22px 20px;text-align:left}
.car-card .card-main .car-copy{display:block;grid-column:1;grid-row:1;min-width:0;padding:0}
.car-card .card-main .car-tags{position:static;display:flex;margin:0 0 8px}
.car-card .card-main .car-tags .stock-count{display:inline-flex;height:22px;padding:0 7px;background:#29333e;color:#fff;border:0;border-radius:6px;box-shadow:none;font-style:normal;font-size:12px;font-weight:650}
.car-card .card-main .car-title{display:block;margin:0;color:#212832;font-size:20px;font-weight:750;line-height:1.3;letter-spacing:-.04em;word-break:keep-all;overflow-wrap:break-word}
.car-card .card-main .car-brand-line{display:block;margin:5px 0 0;color:#77818b;font-size:13px;line-height:19px;font-weight:500}
.car-card .card-main .car-visual{grid-column:2;grid-row:1;display:flex;align-items:center;width:100%;height:112px;padding:0;background:transparent;align-self:center}
.car-card .card-main .car-visual:after{display:none}
.car-card .card-main .car-visual img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1.1);filter:none;mix-blend-mode:multiply}
.car-card .card-main .dual-prices{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;margin:16px 0 0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible!important}
.car-card .card-main .dual-prices .price-row{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto;gap:8px;align-items:baseline;min-width:0;min-height:26px;height:auto;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent!important;overflow:visible}
.car-card .card-main .dual-prices .price-row:before{display:none}
.car-card .card-main .dual-prices .price-row>.price-mode{display:block;margin:0;padding:0;color:#65717e;font-size:13px;font-weight:600;line-height:26px;white-space:nowrap}
.car-card .card-main .dual-prices .price-row strong{display:block;margin:0;color:var(--orange);font-size:20px;font-weight:750;line-height:26px;letter-spacing:-.045em;text-align:left;white-space:nowrap;font-variant-numeric:tabular-nums}
.car-card .card-main .dual-prices .price-value{display:inline;white-space:nowrap}
.car-card .card-main .dual-prices .price-unit{display:inline!important;min-height:0;max-height:none;margin:0 0 0 3px;padding:0;color:#697480!important;font-size:13px!important;font-weight:500!important;line-height:inherit;letter-spacing:-.04em;overflow:visible}
.car-card .card-main .dual-prices .is-unavailable strong,.car-card .card-main .dual-prices .is-loading strong{color:#7a8490;font-size:14px;font-weight:500;letter-spacing:-.02em}
.car-card>.heart{position:absolute;left:auto;right:10px;top:8px;width:40px;height:40px;background:transparent;border:0;border-radius:50%;box-shadow:none;color:#98a2ad;z-index:3}
.car-card>.heart .icon{width:21px;height:21px}
.car-card>.heart.on{color:var(--orange);background:transparent}
.car-card>.heart.on .icon{fill:currentColor}
.car-card>.compare-toggle{position:absolute;left:auto;right:14px;top:auto;bottom:7px;z-index:3;display:flex;align-items:center;justify-content:center;gap:4px;width:auto;min-width:66px;height:36px;margin:0;padding:0 5px;border:0;border-radius:8px;background:transparent;color:#78838f;font-size:12px;font-weight:500}
.car-card>.compare-toggle span{display:inline;width:auto;height:auto;border:0;border-radius:0;background:transparent;color:inherit;font-size:16px;line-height:1}
.car-card>.compare-toggle.on{color:var(--orange);background:transparent}
.car-card>.compare-toggle:hover,.car-card>.heart:hover{background:#f5f6f8}
.car-card button:focus-visible{outline:2px solid #6f7d8c;outline-offset:-3px}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 .car-grid{grid-template-columns:1fr;gap:12px}
 .car-card .card-main{grid-template-columns:minmax(178px,1fr) 102px;gap:8px;min-height:182px;padding:20px 16px}
 .car-card .card-main .car-title{font-size:18px}
 .car-card .card-main .car-visual{height:94px}
 .car-card .card-main .dual-prices{margin-top:13px}}}
}
@container siteWorkspace (max-width:760px){
 .car-grid{grid-template-columns:1fr;gap:12px}
 .car-card .card-main{grid-template-columns:minmax(178px,1fr) 102px;gap:8px;min-height:182px;padding:20px 16px}
 .car-card .card-main .car-title{font-size:18px}
 .car-card .card-main .car-visual{height:94px}
 .car-card .card-main .dual-prices{margin-top:13px}
}
@container siteWorkspace (max-width:410px){
 .car-card .card-main{grid-template-columns:minmax(178px,1fr) 102px;gap:8px;min-height:182px;padding:20px 16px}
 .car-card .card-main .car-title{font-size:18px}
 .car-card .card-main .car-visual{height:94px}
}
@media(max-width:359px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 .car-card .card-main{grid-template-columns:minmax(0,1fr) 86px;align-items:start}
 .car-card .card-main .car-copy{display:contents}
 .car-card .card-main .car-title,.car-card .card-main .car-brand-line,.car-card .card-main .car-tags{grid-column:1}
 .car-card .card-main .car-visual{grid-column:2;grid-row:1 / 4;height:80px;margin-top:12px}
 .car-card .card-main .dual-prices{grid-column:1 / -1;margin-top:4px}
 .car-card>.compare-toggle{bottom:7px}}}
}
@container siteWorkspace (max-width:359px){
 .car-card .card-main{grid-template-columns:minmax(0,1fr) 86px;align-items:start}
 .car-card .card-main .car-copy{display:contents}
 .car-card .card-main .car-title,.car-card .card-main .car-brand-line,.car-card .card-main .car-tags{grid-column:1}
 .car-card .card-main .car-visual{grid-column:2;grid-row:1 / 4;height:80px;margin-top:12px}
 .car-card .card-main .dual-prices{grid-column:1 / -1;margin-top:4px}
 .car-card>.compare-toggle{bottom:7px}
}

/* Mobile shell: fixed platform switcher with the four app menus at the bottom. */
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 .preview-note{position:relative;z-index:1}
 .top{position:sticky;top:0;z-index:40;min-height:106px;background:#fff;box-shadow:0 4px 16px #2430400a}
 .top-nav{display:none}
 .app-shell main{padding-bottom:106px}
 .mobile-nav{
  position:fixed;display:flex!important;left:18px;right:18px;bottom:max(14px,env(safe-area-inset-bottom));z-index:40;
  width:auto;height:72px;padding:7px;border:1px solid #e5e7eb;border-radius:25px;background:#fffffff5;
  box-shadow:0 10px 30px #1f29371c;backdrop-filter:blur(16px)
 }
 .mobile-nav button{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;
  padding:4px;border-radius:18px;color:#737d89;font-size:10px;font-weight:650;white-space:nowrap
 }
 .mobile-nav button .icon{width:21px;height:21px}
 .mobile-nav button.active{background:transparent;color:var(--orange);font-weight:800}
 .mobile-nav button.active .icon{color:var(--orange)}}}
}
@container siteWorkspace (max-width:760px){
 .preview-note{position:relative;z-index:1}
 .top{position:sticky;top:0;z-index:40;min-height:106px;background:#fff;box-shadow:0 4px 16px #2430400a}
 .top-nav{display:none}
 .app-shell main{padding-bottom:106px}
 .mobile-nav{
  position:fixed;display:flex!important;left:18px;right:18px;bottom:max(14px,env(safe-area-inset-bottom));z-index:40;
  width:auto;height:72px;padding:7px;border:1px solid #e5e7eb;border-radius:25px;background:#fffffff5;
  box-shadow:0 10px 30px #1f29371c;backdrop-filter:blur(16px)
 }
 .mobile-nav button{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;
  padding:4px;border-radius:18px;color:#737d89;font-size:10px;font-weight:650;white-space:nowrap
 }
 .mobile-nav button .icon{width:21px;height:21px}
 .mobile-nav button.active{background:transparent;color:var(--orange);font-weight:800}
 .mobile-nav button.active .icon{color:var(--orange)}
}

/* app-layout.css */
/* Shared application layout. Vehicle-card styling stays in app-design.css. */
:root{--header-height:72px;--nav-height:64px}
body{--vehicle-panel:520px;background:#f5f6f8}
.top{height:var(--header-height);min-height:0;position:sticky;top:0;gap:28px;padding:0 max(28px,calc((100cqw - 1480px)/2));margin:0!important;z-index:40;background:#fff}
.top .official-logo{width:218px;height:32px;border-radius:0}
.top .official-logo img{width:100%;height:100%;object-fit:contain;position:static;transform:none}
.top .platform{margin-left:auto}
.top .platform a{font-size:13px;padding:10px 17px}
.top .desktop-saved{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:13px}
.top .desktop-saved span{margin:0;min-width:24px;text-align:center}
.top-nav{position:sticky;top:var(--header-height);height:var(--nav-height);margin:0!important;background:#fff;border-bottom:1px solid #e9edf1;z-index:39}
.top-nav>div{max-width:1480px;height:100%;margin:0 auto;padding:8px 28px;display:flex;justify-content:center;gap:8px}
.top-nav button{flex:0 1 164px;min-width:0;display:flex;align-items:center;gap:10px;padding:7px 12px;border-radius:13px}
.top-nav .nav-icon{width:30px;height:30px;border-radius:10px;background:transparent}
.top-nav .nav-icon .icon{width:21px;height:21px}
.top-nav strong{font-size:14px}
.top-nav small{display:none}
.top-nav button.active{background:#edf0f3;color:#25303b}
.top-nav button.active .nav-icon{background:#fff;color:var(--orange)}
.app-shell{display:block;max-width:1480px;margin:0 auto!important}
.app-shell #main{padding:32px 28px 0;min-width:0}
.page-heading{margin:0 0 24px}
.page-heading .eyebrow{display:none}
.page-heading h1{font-size:28px;letter-spacing:-.045em;line-height:1.3;margin:0 0 8px}
.page-heading p{font-size:14px;color:#78828e;margin:0;line-height:1.6}
.app-intro{margin:0 0 24px}
.app-intro h1{font-size:32px;margin:9px 0;line-height:1.3}
.app-intro p{font-size:14px;color:#78828e}
.app-intro .eyebrow{font-size:11px;letter-spacing:.1em;color:#78828e}
.home-start{display:block;margin:0 0 36px;padding:24px;border:1px solid #e8ecf0;border-radius:20px;box-shadow:0 4px 18px #24304004}
.home-start .condition-heading{margin-bottom:18px}
.home-start h2{font-size:19px}
.home-start .inline-conditions{grid-template-columns:1fr 1fr;margin:0;gap:16px 28px}
.home-start .condition-cta{max-width:320px;margin-top:15px;min-height:46px}
.home-start .inline-disclosure{margin:0;font-size:12px}
.collection{margin:0 0 34px}
.section-head{margin-bottom:16px}
.section-head h2{font-size:21px;margin:0}
.section-description{margin:7px 0 0;color:#7c8793;font-size:13px;line-height:1.5}
#home-cars,#home-recent-cars,#saved-cars,#recent-cars{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:16px}
.home-help{padding:24px;border-radius:18px;background:#fff;margin-top:12px}
.home-help>div{display:flex;gap:10px;align-items:center;margin-bottom:8px}
.home-help h2{font-size:17px;margin:0}
.home-help button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 0;font-size:14px;color:#5b6774;border-bottom:1px solid #eff1f4;text-align:left}
.home-help button:last-child{border:0}
.home-help b{font-weight:500;color:#919ba5}
.explore-layout{display:grid;grid-template-columns:252px minmax(0,1fr);gap:28px;align-items:start}
.explore-filters{position:sticky;top:156px;max-height:calc(100dvh - 172px);overflow-y:auto;scrollbar-width:thin;background:#fff;border:1px solid #e9edf1;border-radius:18px;padding:16px;min-width:0}
.explore-filters .search-box{margin:0;padding:11px 12px;border:0;border-radius:11px;background:#f3f5f7;gap:9px}
.explore-filters .search-box input{font-size:14px;min-width:0}
.explore-filters .search-box .icon{width:18px;height:18px}
.filter-brands{margin-top:24px}
.filter-heading{font-size:14px;font-weight:650;margin:0 0 12px}
.explore-filters .origin-tabs{display:flex;gap:4px;margin:0 0 12px;padding:4px;background:#f1f3f5;border-radius:11px}
.explore-filters .origin-tabs button{flex:1;border:0;padding:8px 4px;border-radius:8px;font-size:13px;background:transparent;color:#7b8590}
.explore-filters .origin-tabs button.active{background:#fff;color:#25303b;box-shadow:0 1px 5px #2530440a;font-weight:700}
.explore-filters #brand-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0}
.explore-filters #brand-filters .maker-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:68px;padding:7px 2px;border:1px solid transparent;border-radius:11px;background:#fff;font-size:11px;color:#616e7b}
.explore-filters #brand-filters .maker-button.active{background:#f2f4f6;border-color:#c5cdd5;color:#26313e;font-weight:700;box-shadow:none}
.explore-filters #brand-filters img{width:33px;height:22px;object-fit:contain}
.explore-filters .maker-all{height:22px;display:grid;place-items:center;font-size:12px;letter-spacing:.01em;font-weight:700}
.explore-condition-panel{margin:22px 0 0;padding:20px 0 0;border:0;border-top:1px solid #e9edf1;border-radius:0;background:transparent;box-shadow:none}
.filter-condition-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.filter-condition-head h2{font-size:14px;margin:0}
#explore-conditions{font-size:12px;line-height:1.5;margin:6px 0 0;color:#788490}
#toggle-explore-conditions{display:none}
.explore-condition-panel .inline-conditions{grid-template-columns:1fr;gap:18px;margin:18px 0 0}
.explore-condition-panel .inline-conditions fieldset{min-width:0;margin:0}
.inline-conditions legend{font-size:13px;color:#697583}
.explore-condition-panel .inline-segments{gap:2px;padding:3px}
.explore-condition-panel .inline-segments span{font-size:12px;padding:9px 1px;white-space:nowrap}
.explore-condition-panel .inline-disclosure{font-size:11px;line-height:1.65;margin:0;color:#8a939e}
@media(min-width:761px){
@scope (:root) to (.site-workspace){
 .explore-condition-panel fieldset:nth-child(2) .inline-segments{display:grid;grid-template-columns:1fr;gap:3px}
 .explore-condition-panel fieldset:nth-child(2) .inline-segments span{display:block;text-align:left;padding:8px 10px;font-size:13px}}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 .explore-condition-panel fieldset:nth-child(2) .inline-segments{display:grid;grid-template-columns:1fr;gap:3px}
 .explore-condition-panel fieldset:nth-child(2) .inline-segments span{display:block;text-align:left;padding:8px 10px;font-size:13px}}}
@container siteWorkspace (min-width:761px){
 .explore-condition-panel fieldset:nth-child(2) .inline-segments{display:grid;grid-template-columns:1fr;gap:3px}
 .explore-condition-panel fieldset:nth-child(2) .inline-segments span{display:block;text-align:left;padding:8px 10px;font-size:13px}
}
.explore-results{min-width:0}
.explore-results .results-heading{margin:0 0 16px;min-height:26px;font-size:14px}
.explore-results .results-heading p{margin:0}
.explore-results .results-heading span{font-size:12px}
#explore-cars{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:14px}
#explore-cars .card-main{grid-template-columns:minmax(178px,1fr) 112px;gap:8px;padding:20px 16px}
#explore-cars .car-title{font-size:18px}
#explore-cars .car-visual{height:100px}
.catalog-disclosure{font-size:12px;color:#818b97;line-height:1.7;margin:20px 2px 0}
.main-footer{font-size:12px;padding-bottom:28px}
.main-footer p,.main-footer span{font-size:12px}
/* Keep the background interactive and align the PC workspace beside the drawer. */
.top,.top-nav,.app-shell,.preview-note{transition:none}
.panel-scrim{display:none}
/* Drawer uses separate scrolling content and fixed actions. */
#detail-dialog.config-dialog{position:fixed;inset:0 0 0 auto;box-sizing:border-box;margin:0;padding:0;width:520px;height:100dvh;max-height:100dvh;max-width:100vw;border:0;border-left:1px solid #e2e7ed;border-radius:0;background:#f5f6f8;overflow:hidden;scrollbar-gutter:auto;z-index:80;box-shadow:-12px 0 42px #22304016}
#detail-dialog.config-dialog[open]{display:grid;grid-template-rows:60px minmax(0,1fr)}
#detail-dialog.switching-out #detail-content{opacity:0;transform:translateX(-14px)}
#detail-dialog.switching-in #detail-content{animation:vehicle-content-in .22s ease-out}
#detail-dialog #detail-content{transition:opacity .12s ease,transform .12s ease}
@keyframes vehicle-content-in{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
#detail-dialog .dialog-head{position:relative;top:auto;display:flex;align-items:center;justify-content:space-between;margin:0;padding:0 22px;border-bottom:1px solid #e8ecf0;background:#fff;z-index:25}
#detail-dialog .dialog-head .eyebrow{font-size:15px;font-weight:650;color:#303b48;letter-spacing:-.02em}
#detail-dialog .dialog-head>button{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;background:#f2f4f6;border-radius:50%;font-size:27px;color:#687380}
#detail-content{display:flex;flex-direction:column;min-height:0;overflow:hidden}
#detail-dialog .config-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:22px;scrollbar-width:thin;overscroll-behavior:contain;overflow-anchor:none}
#detail-dialog .config-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0;margin:0 0 18px}
#detail-dialog .config-title>div{min-width:0}
#detail-dialog .config-title span{font-size:13px;color:#75818d}
#detail-dialog .config-title h2{font-size:24px;line-height:1.3;margin:7px 0 0;word-break:keep-all;overflow-wrap:anywhere;letter-spacing:-.04em}
#detail-dialog .config-title img{width:140px;height:86px;object-fit:contain;mix-blend-mode:multiply}
#detail-dialog #config-total{min-height:0;background:#fff;padding:20px;margin:0 0 20px;border:1px solid #e9edf1;border-radius:17px}
.quote-placeholder{min-height:178px;color:#7a8592;font-size:13px}
.quote-placeholder p{margin-top:30px}
.quote-heading{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#5e6b79}
.quote-heading>span:last-child{font-size:12px;color:#7d8792}
#detail-dialog .panel-monthlies{display:grid;grid-template-columns:1fr 1fr;padding:0;margin:15px 0 19px;gap:18px;border:0}
#detail-dialog .panel-monthlies>div{min-width:0;display:block}
#detail-dialog .panel-monthlies>div+div{padding-left:18px;border-left:1px solid #e9edf1}
#detail-dialog .panel-monthlies>div>span{font-size:13px;font-weight:500;color:#78838f;line-height:1.5}
#detail-dialog .panel-monthlies strong,#detail-dialog .panel-monthlies>div:first-child strong{display:block;font-size:25px;font-weight:750;color:var(--orange);margin-top:4px;line-height:1.35;letter-spacing:-.04em}
#detail-dialog .panel-monthlies .quote-unavailable strong{font-size:17px;line-height:34px;color:#7b8792;font-weight:550}
#detail-dialog .config-price{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0 0;margin:0;border:0;border-top:1px solid #edf0f3}
#detail-dialog .config-price>span{font-size:13px;color:#5f6c79}
#detail-dialog .config-price>span>small{display:block;font-size:12px;color:#8b95a0;margin-top:3px}
#detail-dialog .config-price strong{font-size:20px;line-height:1.4;font-weight:650;color:#35414f;margin:0;white-space:nowrap}
#detail-dialog .price-unit{color:#7c8793!important;font-size:12px!important;font-weight:500!important}
.quote-notes{margin-top:16px;padding-top:12px;border-top:1px solid #edf0f3}
.quote-notes summary{cursor:pointer;font-size:12px;color:#75818e;line-height:1.6}
.quote-notes summary>span{margin-left:7px;color:#919ba6}
.quote-notes p{font-size:12px;line-height:1.7;color:#798591}
#detail-dialog .config-tabs{display:flex;margin:0 0 24px;padding:4px;gap:4px;background:#e9edf1;border:0;border-radius:12px}
#detail-dialog .config-tabs button{flex:1;padding:11px 5px;font-size:14px;color:#7a8692;border:0;border-radius:9px;background:transparent;min-height:42px}
#detail-dialog .config-tabs button.active{color:#293644;background:#fff;font-weight:650;box-shadow:0 2px 7px #25304407}
.configuration-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.configuration-heading h3{font-size:17px;margin:0}
#detail-dialog .config-condition{display:block;font-size:12px;font-weight:500;color:#7b8793;background:none;margin:0;padding:0;border:0;border-radius:0}
#detail-dialog #config-selects{display:grid;gap:12px;margin:0 0 25px;padding:0;border:0;background:transparent;overflow:visible;border-radius:0}
#detail-dialog #config-selects>div{border:0}
#detail-dialog .config-label{display:block;position:relative;margin:0;padding:0;border:0;background:transparent}
#detail-dialog #config-selects .config-label:focus-within{background:transparent}
#detail-dialog .config-field-label{display:block;color:#6d7b89;font-size:13px;font-weight:550;margin-bottom:7px}
#detail-dialog .config-picker{margin:0}
#detail-dialog .config-picker-trigger{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:52px;padding:13px 15px;text-align:left;border:1px solid #e0e6ec;border-radius:12px;background:#fff;font-size:15px;font-weight:550;color:#344150;box-shadow:0 2px 5px #25304403}
#detail-dialog .config-picker-trigger>span{white-space:normal;word-break:keep-all;overflow-wrap:anywhere;line-height:1.55}
#detail-dialog .config-picker-trigger:focus-visible{outline:2px solid #8b99a8;outline-offset:2px}
#detail-dialog .config-picker.open .config-picker-trigger{border-color:#a8b4c0;background:#fff}
#detail-dialog .config-picker-trigger:disabled{opacity:1;color:#99a2ad;background:#f1f3f5}
#detail-dialog .config-picker-menu{left:0;right:0;max-height:215px;border:1px solid #e0e6ec;border-radius:13px;padding:6px;background:#fff;box-shadow:0 12px 32px #2530441c;z-index:30}
#detail-dialog .config-picker-menu button{min-height:44px;font-size:14px;line-height:1.6;padding:11px 12px;border-radius:8px}
#detail-dialog .config-picker-menu button[aria-selected=true]{background:#f0f3f6;color:#273442}
#detail-dialog .config-section-heading{display:flex;justify-content:space-between;gap:8px;font-size:17px;margin:0 0 13px;line-height:1.5}
#detail-dialog .config-section-heading>span{font-size:12px;color:#8a96a2}
#detail-dialog .option-list{background:#fff;border:1px solid #e7ecf1;border-radius:14px;overflow:hidden}
#detail-dialog .option-list label{display:grid;grid-template-columns:19px minmax(0,1fr) auto;align-items:start;gap:10px;padding:16px 14px;font-size:14px;line-height:1.6;border-bottom:1px solid #edf0f3}
#detail-dialog .option-list label:last-child{border:0}
#detail-dialog .option-list label>span{word-break:keep-all;overflow-wrap:anywhere}
#detail-dialog .option-list input{width:17px;height:17px;margin:3px 0 0;accent-color:var(--orange)}
#detail-dialog .option-list strong{font-size:13px;line-height:1.75;font-weight:550;color:#6b7987;white-space:nowrap}
#detail-dialog .option-list label:has(input:checked){background:#f3f5f7}
#detail-dialog .config-help{font-size:12px;line-height:1.7;color:#83909c;margin:10px 0}
#detail-dialog #config-error{font-size:13px;color:#af4a31;line-height:1.6;min-height:0;margin:0}
#detail-dialog #config-error:not(:empty){margin:16px 0}
#detail-dialog .config-footer{position:relative;flex:0 0 auto;bottom:auto;margin:0;padding:14px 22px max(14px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e3e9ef;z-index:40;box-shadow:0 -6px 20px #25304406}
.config-selection-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;align-items:center;margin-bottom:11px}
.config-selection-summary>span:first-child{grid-column:1;font-size:11px;color:#8c97a2}
.config-selection-summary strong{grid-column:1;font-size:14px;line-height:1.5;font-weight:600;color:#364453;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#config-summary-options{grid-column:2;grid-row:1 / 3;white-space:nowrap;font-size:12px;color:#7e8b97}
#detail-dialog #prepare-inquiry{display:flex;align-items:center;justify-content:space-between;min-height:48px;width:100%;border-radius:12px;padding:12px 17px;font-size:15px}
#detail-dialog .config-footer .config-help{text-align:center;font-size:11px;margin:8px 0 0;color:#929ca7}
#detail-dialog .stock-placeholder{padding:26px 22px;text-align:center;border:1px solid #e7ecf1;border-radius:16px;background:#fff}
#detail-dialog .stock-placeholder h3{font-size:18px}
#detail-dialog .stock-placeholder p{font-size:13px;line-height:1.7;color:#85919d}
@media(min-width:761px) and (max-width:1023px){
@scope (:root) to (.site-workspace){
 .explore-layout{grid-template-columns:220px minmax(0,1fr);gap:18px}
 .explore-filters{padding:13px}
 .top{gap:14px;padding:0 24px}
 .top .official-logo{width:190px;height:28px}
 .top .platform a{padding:9px 11px;font-size:12px}
 #explore-cars .card-main{grid-template-columns:minmax(178px,1fr) 102px}}
}
@container siteWorkspace (min-width:761px) and (max-width:1023px){
 .explore-layout{grid-template-columns:220px minmax(0,1fr);gap:18px}
 .explore-filters{padding:13px}
 .top{gap:14px;padding:0 24px}
 .top .official-logo{width:190px;height:28px}
 .top .platform a{padding:9px 11px;font-size:12px}
 #explore-cars .card-main{grid-template-columns:minmax(178px,1fr) 102px}
}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 :root{--header-height:106px}
 .top{height:auto;min-height:106px;padding:10px 20px 12px;gap:10px;display:flex;flex-wrap:wrap;top:0}
 .top .official-logo{width:174px;height:26px}
 .top .platform{order:3;width:100%;padding:3px}
 .top .platform a{font-size:12px;padding:8px 3px}
 .top .desktop-saved{font-size:12px;gap:4px;padding:0}
 .top .desktop-saved span{min-width:22px;padding:3px}
 .top-nav{display:none}
 .app-shell #main{padding:20px 18px 110px}
 .page-heading{margin-bottom:16px}
 .page-heading h1{font-size:23px;margin:0}
 #explore-view .page-heading p{display:none}
 .app-intro{margin-bottom:20px}
 .app-intro h1{font-size:26px}
 .app-intro p{font-size:13px;max-width:none}
 .app-intro .eyebrow{font-size:10px}
 .home-start{padding:18px;margin-bottom:28px}
 .home-start .condition-heading{display:block;margin-bottom:17px}
 .home-start h2{font-size:17px}
 .home-start #home-conditions{margin-top:10px;padding:0;background:none;font-size:12px}
 .home-start .inline-conditions{grid-template-columns:1fr;gap:16px}
 .home-start .condition-cta{max-width:none;margin-top:16px;font-size:14px}
 .home-start .inline-disclosure{font-size:11px}
 .section-head h2{font-size:19px}
 .section-description{font-size:12px}
 #home-cars,#home-recent-cars,#saved-cars,#recent-cars{grid-template-columns:1fr;gap:12px}
 .collection{margin-bottom:28px}
 .home-help{padding:18px}
 .home-help h2{font-size:15px}
 .home-help button{font-size:13px}
 .explore-layout{display:block}
 .explore-filters{position:static;max-height:none;overflow:visible;background:transparent;border:0;padding:0;border-radius:0}
 .explore-filters .search-box{padding:12px 14px;background:#fff;border:1px solid #eef1f4;border-radius:12px}
 .filter-brands{margin-top:14px}
 .filter-heading{display:none}
 .explore-filters .origin-tabs{width:150px;margin-bottom:10px;padding:3px;background:#e9edf1}
 .explore-filters .origin-tabs button{padding:7px 3px}
 .explore-filters #brand-filters{display:flex;gap:7px;overflow-x:auto;margin:0;padding:0 0 5px;scrollbar-width:none;overscroll-behavior-x:contain}
 .explore-filters #brand-filters .maker-button{flex:0 0 65px;min-height:64px;border-radius:12px;border:1px solid #edf0f4;font-size:11px}
 .explore-filters #brand-filters img{width:32px;height:23px}
 .explore-condition-panel{margin:12px 0 18px;padding:13px 14px;border:1px solid #e9edf1;border-radius:13px;background:#fff}
 .filter-condition-head h2{font-size:12px;color:#8a95a0;font-weight:500}
 #explore-conditions{font-size:13px;margin:3px 0 0;color:#384654;font-weight:600}
 #toggle-explore-conditions{display:flex;align-items:center;gap:7px;min-height:36px;padding:0 6px;font-size:13px;color:#667482}
 #toggle-explore-conditions span{transition:transform .2s}
 #toggle-explore-conditions[aria-expanded=true] span{transform:rotate(180deg)}
 #explore-condition-controls{display:none;margin-top:16px}
 .is-expanded #explore-condition-controls{display:grid;gap:16px}
 .explore-condition-panel .inline-segments span{font-size:13px;padding:10px 2px}
 .explore-results .results-heading{margin-bottom:12px;font-size:13px;min-height:20px}
 .explore-results .results-heading span{font-size:11px}
 #explore-cars{grid-template-columns:1fr;gap:12px}
 #explore-cars .card-main{grid-template-columns:minmax(178px,1fr) 102px}
 .catalog-disclosure{font-size:11px}
 #detail-dialog.config-dialog{width:100%;height:100dvh;max-height:100dvh;padding:0;border:0}
 #detail-dialog.config-dialog[open]{grid-template-rows:56px minmax(0,1fr)}
 #detail-dialog .dialog-head{padding:0 16px}
 #detail-dialog .config-scroll{padding:18px 16px}
 #detail-dialog .config-title img{width:112px;height:74px}
 #detail-dialog .config-title h2{font-size:22px}
 #detail-dialog #config-total{padding:17px}
 #detail-dialog .panel-monthlies{gap:12px}
 #detail-dialog .panel-monthlies>div+div{padding-left:12px}
 #detail-dialog .panel-monthlies strong,#detail-dialog .panel-monthlies>div:first-child strong{font-size:23px}
 #detail-dialog .config-price strong{font-size:19px}
 #detail-dialog .config-picker-trigger{font-size:14px}
 #detail-dialog .config-footer{padding:12px 16px max(12px,env(safe-area-inset-bottom))}
 .mobile-nav{height:68px;left:18px;right:18px}}}
}
@container siteWorkspace (max-width:760px){
 :root{--header-height:106px}
 .top{height:auto;min-height:106px;padding:10px 20px 12px;gap:10px;display:flex;flex-wrap:wrap;top:0}
 .top .official-logo{width:174px;height:26px}
 .top .platform{order:3;width:100%;padding:3px}
 .top .platform a{font-size:12px;padding:8px 3px}
 .top .desktop-saved{font-size:12px;gap:4px;padding:0}
 .top .desktop-saved span{min-width:22px;padding:3px}
 .top-nav{display:none}
 .app-shell #main{padding:20px 18px 110px}
 .page-heading{margin-bottom:16px}
 .page-heading h1{font-size:23px;margin:0}
 #explore-view .page-heading p{display:none}
 .app-intro{margin-bottom:20px}
 .app-intro h1{font-size:26px}
 .app-intro p{font-size:13px;max-width:none}
 .app-intro .eyebrow{font-size:10px}
 .home-start{padding:18px;margin-bottom:28px}
 .home-start .condition-heading{display:block;margin-bottom:17px}
 .home-start h2{font-size:17px}
 .home-start #home-conditions{margin-top:10px;padding:0;background:none;font-size:12px}
 .home-start .inline-conditions{grid-template-columns:1fr;gap:16px}
 .home-start .condition-cta{max-width:none;margin-top:16px;font-size:14px}
 .home-start .inline-disclosure{font-size:11px}
 .section-head h2{font-size:19px}
 .section-description{font-size:12px}
 #home-cars,#home-recent-cars,#saved-cars,#recent-cars{grid-template-columns:1fr;gap:12px}
 .collection{margin-bottom:28px}
 .home-help{padding:18px}
 .home-help h2{font-size:15px}
 .home-help button{font-size:13px}
 .explore-layout{display:block}
 .explore-filters{position:static;max-height:none;overflow:visible;background:transparent;border:0;padding:0;border-radius:0}
 .explore-filters .search-box{padding:12px 14px;background:#fff;border:1px solid #eef1f4;border-radius:12px}
 .filter-brands{margin-top:14px}
 .filter-heading{display:none}
 .explore-filters .origin-tabs{width:150px;margin-bottom:10px;padding:3px;background:#e9edf1}
 .explore-filters .origin-tabs button{padding:7px 3px}
 .explore-filters #brand-filters{display:flex;gap:7px;overflow-x:auto;margin:0;padding:0 0 5px;scrollbar-width:none;overscroll-behavior-x:contain}
 .explore-filters #brand-filters .maker-button{flex:0 0 65px;min-height:64px;border-radius:12px;border:1px solid #edf0f4;font-size:11px}
 .explore-filters #brand-filters img{width:32px;height:23px}
 .explore-condition-panel{margin:12px 0 18px;padding:13px 14px;border:1px solid #e9edf1;border-radius:13px;background:#fff}
 .filter-condition-head h2{font-size:12px;color:#8a95a0;font-weight:500}
 #explore-conditions{font-size:13px;margin:3px 0 0;color:#384654;font-weight:600}
 #toggle-explore-conditions{display:flex;align-items:center;gap:7px;min-height:36px;padding:0 6px;font-size:13px;color:#667482}
 #toggle-explore-conditions span{transition:transform .2s}
 #toggle-explore-conditions[aria-expanded=true] span{transform:rotate(180deg)}
 #explore-condition-controls{display:none;margin-top:16px}
 .is-expanded #explore-condition-controls{display:grid;gap:16px}
 .explore-condition-panel .inline-segments span{font-size:13px;padding:10px 2px}
 .explore-results .results-heading{margin-bottom:12px;font-size:13px;min-height:20px}
 .explore-results .results-heading span{font-size:11px}
 #explore-cars{grid-template-columns:1fr;gap:12px}
 #explore-cars .card-main{grid-template-columns:minmax(178px,1fr) 102px}
 .catalog-disclosure{font-size:11px}
 #detail-dialog.config-dialog{width:100%;height:100dvh;max-height:100dvh;padding:0;border:0}
 #detail-dialog.config-dialog[open]{grid-template-rows:56px minmax(0,1fr)}
 #detail-dialog .dialog-head{padding:0 16px}
 #detail-dialog .config-scroll{padding:18px 16px}
 #detail-dialog .config-title img{width:112px;height:74px}
 #detail-dialog .config-title h2{font-size:22px}
 #detail-dialog #config-total{padding:17px}
 #detail-dialog .panel-monthlies{gap:12px}
 #detail-dialog .panel-monthlies>div+div{padding-left:12px}
 #detail-dialog .panel-monthlies strong,#detail-dialog .panel-monthlies>div:first-child strong{font-size:23px}
 #detail-dialog .config-price strong{font-size:19px}
 #detail-dialog .config-picker-trigger{font-size:14px}
 #detail-dialog .config-footer{padding:12px 16px max(12px,env(safe-area-inset-bottom))}
 .mobile-nav{height:68px;left:18px;right:18px}
}
@media(max-width:359px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 #explore-cars .card-main{grid-template-columns:minmax(0,1fr) 86px}
 #detail-dialog .config-title img{width:92px}
 #detail-dialog .panel-monthlies strong,#detail-dialog .panel-monthlies>div:first-child strong{font-size:20px}
 #detail-dialog .config-price strong{font-size:17px}
 #detail-dialog .option-list label{grid-template-columns:17px minmax(0,1fr);gap:6px 9px}
 #detail-dialog .option-list strong{grid-column:2}
 .quote-notes summary>span{display:block;margin-left:14px}}}
}
@container siteWorkspace (max-width:359px){
 #explore-cars .card-main{grid-template-columns:minmax(0,1fr) 86px}
 #detail-dialog .config-title img{width:92px}
 #detail-dialog .panel-monthlies strong,#detail-dialog .panel-monthlies>div:first-child strong{font-size:20px}
 #detail-dialog .config-price strong{font-size:17px}
 #detail-dialog .option-list label{grid-template-columns:17px minmax(0,1fr);gap:6px 9px}
 #detail-dialog .option-list strong{grid-column:2}
 .quote-notes summary>span{display:block;margin-left:14px}
}
@media(prefers-reduced-motion:reduce){.top,.top-nav,.app-shell,.preview-note,.top-nav>div,#toggle-explore-conditions span,#detail-dialog #detail-content{transition:none}#detail-dialog.switching-in #detail-content{animation:none}}

/* showroom.css */
/* Model showroom: one shared surface, with body-type sections instead of card frames. */
body{background:#fff}
#explore-view .explore-layout{display:block}
#explore-view .explore-filters{position:static;display:grid;grid-template-columns:minmax(240px,1fr) minmax(360px,1fr);gap:22px 32px;max-height:none;overflow:visible;border:0;border-radius:0;padding:0 0 26px;background:transparent}
#explore-view .search-box{grid-column:1;width:min(100%,380px);background:#f3f5f7;min-height:46px}
#explore-view .filter-brands{grid-column:1;grid-row:2;margin:0}
#explore-view .filter-heading{display:none}
#explore-view .origin-tabs{width:154px;margin:0 0 12px}
#explore-view #brand-filters{display:flex;flex-wrap:wrap;gap:6px}
#explore-view #brand-filters .maker-button{flex:0 0 76px;min-height:68px;font-size:12px;border-radius:10px}
#explore-view #brand-filters .maker-button.active{background:#f1f3f5;border-color:transparent}
#explore-view .explore-condition-panel{grid-column:2;grid-row:1 / 3;align-self:start;margin:0;padding:20px 22px;border:0;border-radius:16px;background:#f6f7f8}
#explore-view .filter-condition-head{margin-bottom:18px}
#explore-view .filter-condition-head h2{font-size:14px;color:#394350}
#explore-view #explore-conditions{font-size:13px}
#explore-view #toggle-explore-conditions{display:none}
#explore-view #explore-condition-controls{display:grid;grid-template-columns:1fr;gap:14px;margin:0}
#explore-view .inline-conditions fieldset{display:grid;grid-template-columns:68px minmax(0,1fr);align-items:center;gap:10px}
#explore-view .inline-conditions legend{float:left;font-size:13px;margin:0;padding:0;color:#66717d}
#explore-view .inline-segments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#e9edf0;border-radius:10px;gap:2px;padding:3px}
#explore-view .inline-segments span{display:block;text-align:center;font-size:13px;padding:9px 3px;border-radius:8px}
#explore-view .inline-disclosure{font-size:12px;line-height:1.6;color:#7c8792}
#explore-view .results-heading{margin:0;padding:16px 0;border-top:1px solid #e8ecef;color:#78838e}
#explore-view .results-heading strong{color:#26313d}
.showroom-nav{position:sticky;top:calc(var(--header-height) + var(--nav-height));z-index:30;display:flex;gap:28px;align-items:stretch;min-height:62px;background:#fffffffa;border-bottom:1px solid #e4e9ee;backdrop-filter:blur(12px);overflow-x:auto;scrollbar-width:none}
.showroom-nav[hidden]{display:none}
.showroom-nav button{position:relative;display:flex;align-items:center;gap:8px;flex-shrink:0;padding:18px 2px;border-radius:0;font-size:16px;font-weight:650;color:#858e98;background:none;white-space:nowrap}
.showroom-nav button span{font-size:12px;font-weight:500;color:#939da6}
.showroom-nav button.active{color:#232d38}
.showroom-nav button.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--orange);border-radius:3px}
#explore-cars{display:block}
.showroom-section{padding:36px 0 40px;border-bottom:1px solid #e7ebef;scroll-margin-top:220px}
.showroom-section:last-child{border-bottom:0}
.showroom-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 22px}
.showroom-heading h2{display:flex;align-items:center;gap:10px;font-size:25px;letter-spacing:-.035em;margin:0}
.showroom-heading h2 span{font-size:13px;font-weight:550;color:#9099a3;letter-spacing:0}
.showroom-heading p{font-size:13px;line-height:1.5;color:#818b96;margin:8px 0 0}
.showroom-section-hint{font-size:12px;color:#8b959f}
.showroom-grid,#home-cars,#home-recent-cars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 32px}
:is(#explore-cars,#home-cars,#home-recent-cars) .car-card{position:relative;isolation:isolate;min-width:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;transform:none;container-type:normal;padding:0 0 18px;transition:none}
:is(#explore-cars,#home-cars,#home-recent-cars) .car-card:before,:is(#explore-cars,#home-cars,#home-recent-cars) .car-card:after{display:none}
:is(#explore-cars,#home-cars,#home-recent-cars) .car-card:hover{background:transparent;box-shadow:none;border:0;transform:none}
:is(#explore-cars,#home-cars,#home-recent-cars) .card-main{display:flex;flex-direction:column;align-items:stretch;width:100%;min-height:0;height:auto;gap:0;padding:32px 8px 0;border:0;border-radius:0;background:none;text-align:left;overflow:visible;transform:none}
:is(#explore-cars,#home-cars,#home-recent-cars) .card-main:after{display:none}
:is(#explore-cars,#home-cars,#home-recent-cars) .car-visual{order:-1;display:flex;align-items:center;justify-content:center;width:100%;height:156px;min-width:0;margin:0 0 19px;padding:0;overflow:visible;border:0;border-radius:0;background:none}
:is(#explore-cars,#home-cars,#home-recent-cars) .car-visual img{width:100%;height:100%;max-width:320px;object-fit:contain;transform:none;mix-blend-mode:multiply;filter:none;transition:transform .22s ease}
@media(hover:hover){:is(#explore-cars,#home-cars,#home-recent-cars) .card-main:hover .car-visual img{transform:translateY(-4px)}}
:is(#explore-cars,#home-cars,#home-recent-cars) .car-copy{display:flex;flex-direction:column;min-width:0;padding:0}
:is(#explore-cars,#home-cars,#home-recent-cars) .car-title{display:block;font-size:20px;line-height:1.4;font-weight:700;color:#26313d;letter-spacing:-.04em;margin:0;white-space:normal;word-break:keep-all;overflow-wrap:anywhere;max-width:none}
:is(#explore-cars,#home-cars,#home-recent-cars) .car-brand-line{order:-1;font-size:12px;line-height:1.5;color:#85909c;margin:0 0 5px}
:is(#explore-cars,#home-cars,#home-recent-cars) .car-tags{position:absolute;top:5px;left:8px;display:flex;align-items:center;gap:8px;margin:0;height:26px}
:is(#explore-cars,#home-cars,#home-recent-cars) .stock-count{display:inline-flex;align-items:center;gap:5px;background:#f0f3f5;color:#667381;border:0;border-radius:6px;padding:5px 7px;font-size:11px;font-weight:550;font-style:normal;line-height:1.3}
:is(#explore-cars,#home-cars,#home-recent-cars) .is-last-selected .car-tags:after{content:'최근 선택';font-size:11px;font-weight:550;color:#556372}
:is(#explore-cars,#home-cars,#home-recent-cars) .is-last-selected .car-tags:before{content:'';width:5px;height:5px;order:1;background:var(--orange);border-radius:50%}
:is(#explore-cars,#home-cars,#home-recent-cars) .heart{position:absolute;top:0;right:0;width:36px;height:36px;border:0;border-radius:50%;background:transparent;z-index:3;box-shadow:none;color:#b3bbc3}
:is(#explore-cars,#home-cars,#home-recent-cars) .heart.on{color:var(--orange)}
:is(#explore-cars,#home-cars,#home-recent-cars) .dual-prices{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:17px 0 0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
:is(#explore-cars,#home-cars,#home-recent-cars) .price-row{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:5px;min-width:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
:is(#explore-cars,#home-cars,#home-recent-cars) .price-row+.price-row{padding-left:14px;border-left:1px solid #e8ecef}
:is(#explore-cars,#home-cars,#home-recent-cars) .price-mode{font-size:12px;line-height:1.5;color:#74818f;font-weight:500;background:none;padding:0}
:is(#explore-cars,#home-cars,#home-recent-cars) .price-row strong{display:block;font-size:21px;line-height:1.4;font-weight:700;color:var(--orange);letter-spacing:-.045em;white-space:nowrap}
:is(#explore-cars,#home-cars,#home-recent-cars) .price-row .price-unit{font-size:12px!important;color:#8a949e!important;font-weight:450!important;letter-spacing:-.04em}
:is(#explore-cars,#home-cars,#home-recent-cars) .price-row.is-unavailable strong,:is(#explore-cars,#home-cars,#home-recent-cars) .price-row.is-loading strong{font-size:14px;color:#7f8b96;font-weight:500;line-height:29px;letter-spacing:0}
:is(#explore-cars,#home-cars,#home-recent-cars) .compare-toggle{position:relative;bottom:auto;right:auto;display:flex;align-items:center;justify-content:flex-start;gap:4px;width:max-content;min-height:36px;margin:13px 0 0 8px;padding:0;font-size:12px;color:#8b95a0;border:0;border-radius:0;background:none;box-shadow:none}
:is(#explore-cars,#home-cars,#home-recent-cars) .compare-toggle.on{color:#364657;font-weight:650}
:is(#explore-cars,#home-cars,#home-recent-cars) button:focus-visible{outline:2px solid #667788;outline-offset:4px;border-radius:5px}
#home-view .collection{padding:26px 0 14px;border-top:1px solid #e7ecf0;margin-bottom:22px}
#home-view .collection .section-head{margin-bottom:20px}
@media(min-width:1400px){
@scope (:root) to (.site-workspace){.showroom-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px} .showroom-grid .car-visual{height:145px}}}
@container siteWorkspace (min-width:1400px){.showroom-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px} .showroom-grid .car-visual{height:145px}}
@media(min-width:761px) and (max-width:1020px){
@scope (:root) to (.site-workspace){.showroom-grid,#home-cars,#home-recent-cars{grid-template-columns:repeat(2,minmax(0,1fr))}#explore-view .explore-filters{gap:20px;grid-template-columns:1fr 1.2fr}#explore-view .explore-condition-panel{padding:18px 14px}#explore-view .inline-conditions fieldset{display:block}#explore-view .inline-conditions legend{float:none;margin-bottom:8px}}}
@container siteWorkspace (min-width:761px) and (max-width:1020px){.showroom-grid,#home-cars,#home-recent-cars{grid-template-columns:repeat(2,minmax(0,1fr))}#explore-view .explore-filters{gap:20px;grid-template-columns:1fr 1.2fr}#explore-view .explore-condition-panel{padding:18px 14px}#explore-view .inline-conditions fieldset{display:block}#explore-view .inline-conditions legend{float:none;margin-bottom:8px}}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 #explore-view .page-heading h1{font-size:24px}
 #explore-view .explore-filters{display:flex;flex-direction:column;gap:16px;padding-bottom:18px}
 #explore-view .search-box{width:100%}
 #explore-view #brand-filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
 #explore-view #brand-filters .maker-button{flex-basis:67px;border:0;min-height:62px;font-size:12px}
 #explore-view .explore-condition-panel{width:100%;padding:15px 14px;border-radius:12px}
 #explore-view .filter-condition-head{margin-bottom:14px}
 #explore-view .filter-condition-head>div{display:flex;align-items:center;gap:10px}
 #explore-view #explore-conditions{margin:0;font-size:12px;font-weight:500}
 #explore-view .inline-conditions fieldset{grid-template-columns:55px minmax(0,1fr);gap:7px}
 #explore-view .inline-conditions legend{font-size:12px}
 #explore-view .inline-segments span{font-size:12px;padding:9px 1px}
 #explore-view .inline-disclosure{font-size:11px}
 #explore-view .results-heading{padding:12px 0}
 .showroom-nav{top:var(--header-height);gap:23px;min-height:54px}
 .showroom-nav button{font-size:14px;padding:15px 0;gap:5px}
 .showroom-nav button span{font-size:11px}
 .showroom-section{padding:25px 0 14px}
 .showroom-heading{margin-bottom:8px}
 .showroom-heading h2{font-size:22px}
 .showroom-heading p{font-size:12px;margin-top:5px}
 .showroom-section-hint{display:none}
 .showroom-grid,#home-cars,#home-recent-cars{grid-template-columns:1fr;gap:0}
 :is(#explore-cars,#home-cars,#home-recent-cars) .car-card{padding:0 0 12px;margin:0 0 12px;border-bottom:1px solid #f0f2f4}
 :is(#explore-cars,#home-cars,#home-recent-cars) .car-card:last-child{border-bottom:0;margin-bottom:0}
 :is(#explore-cars,#home-cars,#home-recent-cars) .card-main{display:grid;grid-template-columns:minmax(0,1fr) 116px;align-items:center;gap:6px;padding:46px 0 0}
 :is(#explore-cars,#home-cars,#home-recent-cars) .car-copy{display:flex}
 :is(#explore-cars,#home-cars,#home-recent-cars) .car-visual{order:0;grid-column:2;grid-row:1;width:116px;height:96px;margin:0;align-self:center}
 :is(#explore-cars,#home-cars,#home-recent-cars) .car-title{font-size:18px}
 :is(#explore-cars,#home-cars,#home-recent-cars) .car-brand-line{font-size:12px}
 :is(#explore-cars,#home-cars,#home-recent-cars) .car-tags{top:13px;left:0}
 :is(#explore-cars,#home-cars,#home-recent-cars) .heart{top:8px;right:0}
 :is(#explore-cars,#home-cars,#home-recent-cars) .dual-prices{grid-template-columns:1fr;gap:7px;margin-top:13px}
 :is(#explore-cars,#home-cars,#home-recent-cars) .price-row{display:grid;grid-template-columns:30px minmax(0,1fr);gap:7px;align-items:baseline}
 :is(#explore-cars,#home-cars,#home-recent-cars) .price-row+.price-row{border:0;padding:0}
 :is(#explore-cars,#home-cars,#home-recent-cars) .price-row strong{font-size:19px;line-height:1.45}
 :is(#explore-cars,#home-cars,#home-recent-cars) .price-mode{font-size:12px}
 :is(#explore-cars,#home-cars,#home-recent-cars) .compare-toggle{margin:5px 0 0;min-height:36px}
 #home-view .collection{padding:23px 0 0}
 #home-view .collection .section-head{margin-bottom:12px}}}
}
@container siteWorkspace (max-width:760px){
 #explore-view .page-heading h1{font-size:24px}
 #explore-view .explore-filters{display:flex;flex-direction:column;gap:16px;padding-bottom:18px}
 #explore-view .search-box{width:100%}
 #explore-view #brand-filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
 #explore-view #brand-filters .maker-button{flex-basis:67px;border:0;min-height:62px;font-size:12px}
 #explore-view .explore-condition-panel{width:100%;padding:15px 14px;border-radius:12px}
 #explore-view .filter-condition-head{margin-bottom:14px}
 #explore-view .filter-condition-head>div{display:flex;align-items:center;gap:10px}
 #explore-view #explore-conditions{margin:0;font-size:12px;font-weight:500}
 #explore-view .inline-conditions fieldset{grid-template-columns:55px minmax(0,1fr);gap:7px}
 #explore-view .inline-conditions legend{font-size:12px}
 #explore-view .inline-segments span{font-size:12px;padding:9px 1px}
 #explore-view .inline-disclosure{font-size:11px}
 #explore-view .results-heading{padding:12px 0}
 .showroom-nav{top:var(--header-height);gap:23px;min-height:54px}
 .showroom-nav button{font-size:14px;padding:15px 0;gap:5px}
 .showroom-nav button span{font-size:11px}
 .showroom-section{padding:25px 0 14px}
 .showroom-heading{margin-bottom:8px}
 .showroom-heading h2{font-size:22px}
 .showroom-heading p{font-size:12px;margin-top:5px}
 .showroom-section-hint{display:none}
 .showroom-grid,#home-cars,#home-recent-cars{grid-template-columns:1fr;gap:0}
 :is(#explore-cars,#home-cars,#home-recent-cars) .car-card{padding:0 0 12px;margin:0 0 12px;border-bottom:1px solid #f0f2f4}
 :is(#explore-cars,#home-cars,#home-recent-cars) .car-card:last-child{border-bottom:0;margin-bottom:0}
 :is(#explore-cars,#home-cars,#home-recent-cars) .card-main{display:grid;grid-template-columns:minmax(0,1fr) 116px;align-items:center;gap:6px;padding:46px 0 0}
 :is(#explore-cars,#home-cars,#home-recent-cars) .car-copy{display:flex}
 :is(#explore-cars,#home-cars,#home-recent-cars) .car-visual{order:0;grid-column:2;grid-row:1;width:116px;height:96px;margin:0;align-self:center}
 :is(#explore-cars,#home-cars,#home-recent-cars) .car-title{font-size:18px}
 :is(#explore-cars,#home-cars,#home-recent-cars) .car-brand-line{font-size:12px}
 :is(#explore-cars,#home-cars,#home-recent-cars) .car-tags{top:13px;left:0}
 :is(#explore-cars,#home-cars,#home-recent-cars) .heart{top:8px;right:0}
 :is(#explore-cars,#home-cars,#home-recent-cars) .dual-prices{grid-template-columns:1fr;gap:7px;margin-top:13px}
 :is(#explore-cars,#home-cars,#home-recent-cars) .price-row{display:grid;grid-template-columns:30px minmax(0,1fr);gap:7px;align-items:baseline}
 :is(#explore-cars,#home-cars,#home-recent-cars) .price-row+.price-row{border:0;padding:0}
 :is(#explore-cars,#home-cars,#home-recent-cars) .price-row strong{font-size:19px;line-height:1.45}
 :is(#explore-cars,#home-cars,#home-recent-cars) .price-mode{font-size:12px}
 :is(#explore-cars,#home-cars,#home-recent-cars) .compare-toggle{margin:5px 0 0;min-height:36px}
 #home-view .collection{padding:23px 0 0}
 #home-view .collection .section-head{margin-bottom:12px}
}


@media(max-width:359px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 :is(#explore-cars,#home-cars,#home-recent-cars) .card-main{grid-template-columns:minmax(0,1fr) 94px}
 :is(#explore-cars,#home-cars,#home-recent-cars) .car-visual{width:94px;height:86px}
 :is(#explore-cars,#home-cars,#home-recent-cars) .price-row strong{font-size:18px}
 :is(#explore-cars,#home-cars,#home-recent-cars) .price-row .price-unit{font-size:11px!important}}}
}


@container siteWorkspace (max-width:359px){
 :is(#explore-cars,#home-cars,#home-recent-cars) .card-main{grid-template-columns:minmax(0,1fr) 94px}
 :is(#explore-cars,#home-cars,#home-recent-cars) .car-visual{width:94px;height:86px}
 :is(#explore-cars,#home-cars,#home-recent-cars) .price-row strong{font-size:18px}
 :is(#explore-cars,#home-cars,#home-recent-cars) .price-row .price-unit{font-size:11px!important}
}
@media(prefers-reduced-motion:reduce){:is(#explore-cars,#home-cars,#home-recent-cars) .car-visual img{transition:none}}
/* Use the space left beside the open drawer, not just the browser width. */
@container siteWorkspace (min-width:761px) and (max-width:1449px){.showroom-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container siteWorkspace (min-width:761px) and (max-width:1020px){.showroom-grid,#home-cars,#home-recent-cars{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:761px){
@scope (:root) to (.site-workspace){
 :is(#explore-cars,#home-cars,#home-recent-cars) .dual-prices{gap:8px}
 :is(#explore-cars,#home-cars,#home-recent-cars) .price-row+.price-row{padding-left:8px}
 :is(#explore-cars,#home-cars,#home-recent-cars) .price-row strong{font-size:20px}}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 :is(#explore-cars,#home-cars,#home-recent-cars) .dual-prices{gap:8px}
 :is(#explore-cars,#home-cars,#home-recent-cars) .price-row+.price-row{padding-left:8px}
 :is(#explore-cars,#home-cars,#home-recent-cars) .price-row strong{font-size:20px}}}
@container siteWorkspace (min-width:761px){
 :is(#explore-cars,#home-cars,#home-recent-cars) .dual-prices{gap:8px}
 :is(#explore-cars,#home-cars,#home-recent-cars) .price-row+.price-row{padding-left:8px}
 :is(#explore-cars,#home-cars,#home-recent-cars) .price-row strong{font-size:20px}
}
@media(min-width:1400px){
@scope (:root) to (.site-workspace){.showroom-grid{column-gap:20px}}}
@container siteWorkspace (min-width:1400px){.showroom-grid{column-gap:20px}}
/* Shared sticky controls and softly separated showroom bays. */
#explore-view .explore-filters{display:flex;flex-direction:column;gap:18px;padding-bottom:22px}
#explore-view .page-heading{text-align:center}
#explore-view .page-heading p{margin-left:auto;margin-right:auto}
#explore-view .explore-filters{align-items:center;text-align:center}
#explore-view .explore-filters .search-box{width:min(100%,460px)}
#explore-view .filter-brands{width:100%;text-align:center}
#explore-view .origin-tabs{margin-left:auto;margin-right:auto}
#explore-view #brand-filters{justify-content:center}
.showroom-toolbar{position:sticky;top:calc(var(--header-height) + var(--nav-height));z-index:30;display:flex;align-items:center;gap:24px;background:#fff;border-bottom:1px solid #e4e9ee;min-height:66px}
.showroom-toolbar .showroom-nav{position:static;flex:1;min-width:0;min-height:66px;gap:24px;background:transparent;border:0;backdrop-filter:none}
.showroom-conditions{display:flex;gap:8px;flex-shrink:0;padding:10px 0}
.quote-select{position:relative}
.quote-select summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;padding:11px 12px;border-radius:9px;background:#f2f4f6;min-height:42px;font-size:13px;white-space:nowrap}
.quote-select summary::-webkit-details-marker{display:none}
.quote-select summary>span{font-size:12px;color:#7c8793}
.quote-select summary strong{font-weight:600;color:#34414e}
.quote-select summary i{font-style:normal;color:#85919b}
.quote-select[open] summary{background:#e9edf1}
.quote-select summary:focus-visible{outline:2px solid #7c8997;outline-offset:3px}
.quote-select-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:190px;width:220px;padding:7px;border:1px solid #e6eaee;border-radius:13px;background:#fff;box-shadow:0 10px 30px #26344218;z-index:35}
.quote-select-menu label{display:flex;align-items:center;gap:10px;padding:12px 10px;border-radius:8px;font-size:14px;cursor:pointer;min-height:44px}
.quote-select-menu label:has(input:checked){background:#f0f3f5;font-weight:650}
.quote-select-menu input{accent-color:var(--orange);width:16px;height:16px;margin:0}
.quote-select-menu p{font-size:11px;line-height:1.6;color:#7d8893;padding:8px 10px 2px;margin:4px 0 0;border-top:1px solid #edf0f3}
:is(#explore-cars,#home-cars,#home-recent-cars) .car-card,:is(#explore-cars,#home-cars,#home-recent-cars) .car-card:hover{background:#f7f8fa;border:0;border-radius:14px;padding:8px 10px 12px;box-shadow:none;transition:background .18s ease,box-shadow .18s ease}
:is(#explore-cars,#home-cars,#home-recent-cars) .car-card.is-last-selected{background:#f2f4f6;box-shadow:inset 0 0 0 1px #cfd6dd}
:is(#explore-cars,#home-cars,#home-recent-cars) .car-card.is-last-selected:after{display:block;content:'';position:absolute;left:0;top:28px;width:3px;height:36px;border-radius:0 3px 3px 0;background:var(--orange)}
:is(#explore-cars,#home-cars,#home-recent-cars) .is-last-selected .car-tags:after{content:'마지막 선택';display:inline-flex;align-items:center;height:23px;padding:0 8px;border-radius:6px;background:#fff;color:#465462;font-size:11px;font-weight:650;box-shadow:0 1px 4px #2530440a}
:is(#explore-cars,#home-cars,#home-recent-cars) .is-last-selected .car-tags:before{content:'✓';display:grid;place-items:center;order:1;width:17px;height:17px;border-radius:50%;background:var(--orange);color:#fff;font-size:10px;font-weight:750}
:is(#explore-cars,#home-cars,#home-recent-cars) .car-tags{top:13px;left:18px}
:is(#explore-cars,#home-cars,#home-recent-cars) .heart{top:8px;right:9px}
:is(#explore-cars,#home-cars,#home-recent-cars) .stock-count{background:#eaeef2;color:#637180}
:is(#explore-cars,#home-cars,#home-recent-cars) .price-row+.price-row{border-color:#e1e6eb}
@media(hover:hover){:is(#explore-cars,#home-cars,#home-recent-cars) .car-card:hover{background:#f0f3f6}}
@media(min-width:761px){
@scope (:root) to (.site-workspace){:is(#explore-cars,#home-cars,#home-recent-cars) .price-row .price-unit{font-size:11px!important}}}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){:is(#explore-cars,#home-cars,#home-recent-cars) .price-row .price-unit{font-size:11px!important}}}
@container siteWorkspace (min-width:761px){:is(#explore-cars,#home-cars,#home-recent-cars) .price-row .price-unit{font-size:11px!important}}
@media(max-width:1100px){
@scope (:root) to (.site-workspace){.showroom-toolbar{gap:14px}.showroom-toolbar .showroom-nav{gap:18px}.quote-select summary>span{display:none}}}
@container siteWorkspace (max-width:1100px){.showroom-toolbar{gap:14px}.showroom-toolbar .showroom-nav{gap:18px}.quote-select summary>span{display:none}}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 .showroom-toolbar{top:var(--header-height);display:block;padding-bottom:8px}
 .showroom-toolbar .showroom-nav{min-height:47px;gap:23px}
 .showroom-toolbar .showroom-nav button{padding:12px 0;font-size:14px}
 .showroom-conditions{padding:7px 0 0;gap:8px}
 .quote-select{flex:1;min-width:0}
 .quote-select summary{padding:9px 10px;min-height:38px;gap:6px;font-size:12px}
 .quote-select summary>span{display:inline;font-size:11px}
 .quote-select summary i{margin-left:auto}
 .quote-select-menu{width:210px;min-width:0;max-width:calc(100vw - 36px)}
 .quote-select:first-of-type .quote-select-menu{left:0;right:auto}
 .showroom-grid,#home-cars,#home-recent-cars{gap:16px}
 :is(#explore-cars,#home-cars,#home-recent-cars) .car-card{margin:0;padding:10px 16px 10px;border:0;border-radius:14px}
 :is(#explore-cars,#home-cars,#home-recent-cars) .card-main{display:flex;flex-direction:column;align-items:stretch;padding:30px 0 0;gap:0}
 :is(#explore-cars,#home-cars,#home-recent-cars) .car-visual{order:-1;width:100%;height:160px;margin:0 0 12px;align-self:stretch}
 :is(#explore-cars,#home-cars,#home-recent-cars) .car-visual img{max-width:340px;object-fit:contain}
 :is(#explore-cars,#home-cars,#home-recent-cars) .car-tags{top:14px;left:16px}
 :is(#explore-cars,#home-cars,#home-recent-cars) .car-title{font-size:20px}
 :is(#explore-cars,#home-cars,#home-recent-cars) .dual-prices{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
 :is(#explore-cars,#home-cars,#home-recent-cars) .price-row{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
 :is(#explore-cars,#home-cars,#home-recent-cars) .price-row+.price-row{padding-left:10px;border-left:1px solid #e1e6eb}
 :is(#explore-cars,#home-cars,#home-recent-cars) .price-row strong{font-size:20px}
 :is(#explore-cars,#home-cars,#home-recent-cars) .price-row .price-unit{display:block!important;margin:1px 0 0;font-size:11px!important}
 :is(#explore-cars,#home-cars,#home-recent-cars) .compare-toggle{margin-top:9px}
 .showroom-heading{margin-bottom:18px}}}
}
@container siteWorkspace (max-width:760px){
 .showroom-toolbar{top:var(--header-height);display:block;padding-bottom:8px}
 .showroom-toolbar .showroom-nav{min-height:47px;gap:23px}
 .showroom-toolbar .showroom-nav button{padding:12px 0;font-size:14px}
 .showroom-conditions{padding:7px 0 0;gap:8px}
 .quote-select{flex:1;min-width:0}
 .quote-select summary{padding:9px 10px;min-height:38px;gap:6px;font-size:12px}
 .quote-select summary>span{display:inline;font-size:11px}
 .quote-select summary i{margin-left:auto}
 .quote-select-menu{width:210px;min-width:0;max-width:calc(100cqw - 36px)}
 .quote-select:first-of-type .quote-select-menu{left:0;right:auto}
 .showroom-grid,#home-cars,#home-recent-cars{gap:16px}
 :is(#explore-cars,#home-cars,#home-recent-cars) .car-card{margin:0;padding:10px 16px 10px;border:0;border-radius:14px}
 :is(#explore-cars,#home-cars,#home-recent-cars) .card-main{display:flex;flex-direction:column;align-items:stretch;padding:30px 0 0;gap:0}
 :is(#explore-cars,#home-cars,#home-recent-cars) .car-visual{order:-1;width:100%;height:160px;margin:0 0 12px;align-self:stretch}
 :is(#explore-cars,#home-cars,#home-recent-cars) .car-visual img{max-width:340px;object-fit:contain}
 :is(#explore-cars,#home-cars,#home-recent-cars) .car-tags{top:14px;left:16px}
 :is(#explore-cars,#home-cars,#home-recent-cars) .car-title{font-size:20px}
 :is(#explore-cars,#home-cars,#home-recent-cars) .dual-prices{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
 :is(#explore-cars,#home-cars,#home-recent-cars) .price-row{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
 :is(#explore-cars,#home-cars,#home-recent-cars) .price-row+.price-row{padding-left:10px;border-left:1px solid #e1e6eb}
 :is(#explore-cars,#home-cars,#home-recent-cars) .price-row strong{font-size:20px}
 :is(#explore-cars,#home-cars,#home-recent-cars) .price-row .price-unit{display:block!important;margin:1px 0 0;font-size:11px!important}
 :is(#explore-cars,#home-cars,#home-recent-cars) .compare-toggle{margin-top:9px}
 .showroom-heading{margin-bottom:18px}
}
@media(max-width:359px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){.quote-select summary{padding:9px 7px;gap:4px}.quote-select summary>span{font-size:10px}:is(#explore-cars,#home-cars,#home-recent-cars) .car-visual{height:150px}:is(#explore-cars,#home-cars,#home-recent-cars) .price-row strong{font-size:19px}}}}
@container siteWorkspace (max-width:359px){.quote-select summary{padding:9px 7px;gap:4px}.quote-select summary>span{font-size:10px}:is(#explore-cars,#home-cars,#home-recent-cars) .car-visual{height:150px}:is(#explore-cars,#home-cars,#home-recent-cars) .price-row strong{font-size:19px}}
@media(prefers-reduced-motion:reduce){:is(#explore-cars,#home-cars,#home-recent-cars) .car-card{transition:none}}

/* Mobile explore cards: compact app-style rows inspired by the low-credit showroom. */
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 #explore-cars.showroom-groups{padding-left:12px;padding-right:12px;background:#f6f7f9}
 #explore-cars .showroom-list-surface{background:#f6f7f9}
 #explore-cars .showroom-grid{gap:10px}
 #explore-cars .car-card,#explore-cars .car-card:hover{min-height:178px;margin:0;padding:0;overflow:hidden;border:1px solid #edf0f3;border-radius:18px;background:#fff;box-shadow:0 4px 14px rgba(29,42,55,.055)}
 #explore-cars .car-card.is-last-selected{background:#fff;box-shadow:inset 0 0 0 1px #d5dce3,0 4px 14px rgba(29,42,55,.055)}
 #explore-cars .car-card.is-last-selected:after{top:43px;height:38px}
 #explore-cars .card-main{display:grid;grid-template-columns:minmax(0,1fr) 132px;align-items:center;gap:5px;min-height:178px;padding:43px 13px 36px 16px}
 #explore-cars .car-copy{grid-column:1;grid-row:1;display:block;min-width:0;padding:0}
 #explore-cars .car-tags{top:14px;left:16px;gap:5px;margin:0}
 #explore-cars .car-tags i{height:23px;padding:0 8px;border-radius:7px;font-size:10px;font-weight:750}
 #explore-cars .stock-count{background:#edf1f4;color:#64717e}
 #explore-cars .car-title{display:block;overflow:hidden;margin:0;color:#1f2832;font-size:18px;font-weight:800;line-height:1.25;letter-spacing:-.045em;text-overflow:ellipsis;white-space:nowrap}
 #explore-cars .car-brand-line{display:block;margin:4px 0 0;color:#89949f;font-size:11px;line-height:1.3}
 #explore-cars .car-visual{order:0;grid-column:2;grid-row:1;width:132px;height:100px;margin:2px 0 0;padding:0;align-self:center}
 #explore-cars .car-visual img{width:100%;height:100%;max-width:none;object-fit:contain;filter:drop-shadow(0 7px 6px rgba(31,43,55,.1))}
 #explore-cars .car-visual .car-caption{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#a0a9b3;font-size:10px}
 #explore-cars .dual-prices{display:grid;grid-template-columns:1fr;gap:2px;margin:12px 0 0;padding:0;background:transparent}
 #explore-cars .price-row{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:baseline;gap:5px;min-width:0;padding:0;border:0}
 #explore-cars .price-row+.price-row{margin-top:4px;padding:4px 0 0;border:0;border-top:1px solid #eef1f3}
 #explore-cars .price-row .price-mode{margin:0;color:#77838e;font-size:10px;font-weight:650;white-space:nowrap}
 #explore-cars .price-row strong{display:block;overflow:hidden;color:#2d3945;font-size:17px;font-weight:790;line-height:1.25;letter-spacing:-.045em;text-overflow:ellipsis;white-space:nowrap}
 #explore-cars .price-row.rent strong{color:var(--orange)}
 #explore-cars .price-row .price-unit{display:none!important}
 #explore-cars .heart{top:8px;right:9px;left:auto;width:34px;height:34px;background:transparent}
 #explore-cars .heart .icon{width:19px;height:19px}
 #explore-cars .compare-toggle{left:15px;right:auto;bottom:6px;min-width:0;min-height:29px;height:29px;margin:0;padding:0 4px;color:#7c8792;font-size:11px}
 #explore-cars .compare-toggle span{font-size:14px}
 #explore-cars .showroom-heading{padding-left:2px;padding-right:2px}}}
}
@container siteWorkspace (max-width:760px){
 #explore-cars.showroom-groups{padding-left:12px;padding-right:12px;background:#f6f7f9}
 #explore-cars .showroom-list-surface{background:#f6f7f9}
 #explore-cars .showroom-grid{gap:10px}
 #explore-cars .car-card,#explore-cars .car-card:hover{min-height:178px;margin:0;padding:0;overflow:hidden;border:1px solid #edf0f3;border-radius:18px;background:#fff;box-shadow:0 4px 14px rgba(29,42,55,.055)}
 #explore-cars .car-card.is-last-selected{background:#fff;box-shadow:inset 0 0 0 1px #d5dce3,0 4px 14px rgba(29,42,55,.055)}
 #explore-cars .car-card.is-last-selected:after{top:43px;height:38px}
 #explore-cars .card-main{display:grid;grid-template-columns:minmax(0,1fr) 132px;align-items:center;gap:5px;min-height:178px;padding:43px 13px 36px 16px}
 #explore-cars .car-copy{grid-column:1;grid-row:1;display:block;min-width:0;padding:0}
 #explore-cars .car-tags{top:14px;left:16px;gap:5px;margin:0}
 #explore-cars .car-tags i{height:23px;padding:0 8px;border-radius:7px;font-size:10px;font-weight:750}
 #explore-cars .stock-count{background:#edf1f4;color:#64717e}
 #explore-cars .car-title{display:block;overflow:hidden;margin:0;color:#1f2832;font-size:18px;font-weight:800;line-height:1.25;letter-spacing:-.045em;text-overflow:ellipsis;white-space:nowrap}
 #explore-cars .car-brand-line{display:block;margin:4px 0 0;color:#89949f;font-size:11px;line-height:1.3}
 #explore-cars .car-visual{order:0;grid-column:2;grid-row:1;width:132px;height:100px;margin:2px 0 0;padding:0;align-self:center}
 #explore-cars .car-visual img{width:100%;height:100%;max-width:none;object-fit:contain;filter:drop-shadow(0 7px 6px rgba(31,43,55,.1))}
 #explore-cars .car-visual .car-caption{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#a0a9b3;font-size:10px}
 #explore-cars .dual-prices{display:grid;grid-template-columns:1fr;gap:2px;margin:12px 0 0;padding:0;background:transparent}
 #explore-cars .price-row{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:baseline;gap:5px;min-width:0;padding:0;border:0}
 #explore-cars .price-row+.price-row{margin-top:4px;padding:4px 0 0;border:0;border-top:1px solid #eef1f3}
 #explore-cars .price-row .price-mode{margin:0;color:#77838e;font-size:10px;font-weight:650;white-space:nowrap}
 #explore-cars .price-row strong{display:block;overflow:hidden;color:#2d3945;font-size:17px;font-weight:790;line-height:1.25;letter-spacing:-.045em;text-overflow:ellipsis;white-space:nowrap}
 #explore-cars .price-row.rent strong{color:var(--orange)}
 #explore-cars .price-row .price-unit{display:none!important}
 #explore-cars .heart{top:8px;right:9px;left:auto;width:34px;height:34px;background:transparent}
 #explore-cars .heart .icon{width:19px;height:19px}
 #explore-cars .compare-toggle{left:15px;right:auto;bottom:6px;min-width:0;min-height:29px;height:29px;margin:0;padding:0 4px;color:#7c8792;font-size:11px}
 #explore-cars .compare-toggle span{font-size:14px}
 #explore-cars .showroom-heading{padding-left:2px;padding-right:2px}
}
@media(max-width:380px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 #explore-cars .card-main{grid-template-columns:minmax(0,1fr) 112px;padding-left:14px;padding-right:10px}
 #explore-cars .car-visual{width:112px;height:92px}
 #explore-cars .car-title{font-size:17px}
 #explore-cars .price-row strong{font-size:16px}}}
}
@container siteWorkspace (max-width:380px){
 #explore-cars .card-main{grid-template-columns:minmax(0,1fr) 112px;padding-left:14px;padding-right:10px}
 #explore-cars .car-visual{width:112px;height:92px}
 #explore-cars .car-title{font-size:17px}
 #explore-cars .price-row strong{font-size:16px}
}

/* Mobile card actions sit together; leave a little more air below the stock badge. */
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 #explore-cars .card-main{padding-top:49px;padding-bottom:30px}
 #explore-cars .car-card.is-last-selected:after{top:49px}
 #explore-cars .compare-toggle{
  left:auto;
  right:45px;
  top:8px;
  bottom:auto;
  height:34px;
  min-height:34px;
  padding:0 4px;
 }}}
}
@container siteWorkspace (max-width:760px){
 #explore-cars .card-main{padding-top:49px;padding-bottom:30px}
 #explore-cars .car-card.is-last-selected:after{top:49px}
 #explore-cars .compare-toggle{
  left:auto;
  right:45px;
  top:8px;
  bottom:auto;
  height:34px;
  min-height:34px;
  padding:0 4px;
 }
}
/* Keep long import-car amounts readable in the four-column layout, too. */
:is(#explore-cars,#home-cars,#home-recent-cars) .price-row .price-unit{display:block!important;margin:2px 0 0;font-size:11px!important;line-height:1.4}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){:is(#explore-cars,#home-cars,#home-recent-cars) .car-card:hover{padding:10px 16px 10px}}}}
@container siteWorkspace (max-width:760px){:is(#explore-cars,#home-cars,#home-recent-cars) .car-card:hover{padding:10px 16px 10px}}

/* Compact mobile showroom cards without shrinking readable text or touch targets. */
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 #explore-cars .car-card,#explore-cars .car-card:hover{padding:10px 14px}
 #explore-cars .card-main{display:grid;grid-template-columns:minmax(0,1fr) 136px;align-items:center;gap:10px;min-height:184px;padding:27px 0 5px}
 #explore-cars .car-copy{grid-column:1;grid-row:1;min-width:0;padding:0}
 #explore-cars .car-visual{order:0;grid-column:2;grid-row:1;width:136px;height:116px;margin:0;align-self:center}
 #explore-cars .car-visual img{max-width:190px}
 #explore-cars .car-tags{top:12px;left:14px}
 #explore-cars .car-title{font-size:18px;line-height:1.25}
 #explore-cars .car-brand-line{margin-bottom:3px;font-size:10px}
 #explore-cars .dual-prices{grid-template-columns:1fr;gap:3px;margin-top:10px}
 #explore-cars .price-row{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:baseline;gap:5px}
 #explore-cars .price-row+.price-row{padding:5px 0 0;border-left:0;border-top:1px solid #e5e9ed}
 #explore-cars .price-row strong{overflow:hidden;font-size:17px;text-overflow:ellipsis;white-space:nowrap}
 #explore-cars .price-row .price-unit{font-size:10px!important}
 #explore-cars .compare-toggle{min-height:30px;margin-top:5px;padding-top:7px}}}
}
@container siteWorkspace (max-width:760px){
 #explore-cars .car-card,#explore-cars .car-card:hover{padding:10px 14px}
 #explore-cars .card-main{display:grid;grid-template-columns:minmax(0,1fr) 136px;align-items:center;gap:10px;min-height:184px;padding:27px 0 5px}
 #explore-cars .car-copy{grid-column:1;grid-row:1;min-width:0;padding:0}
 #explore-cars .car-visual{order:0;grid-column:2;grid-row:1;width:136px;height:116px;margin:0;align-self:center}
 #explore-cars .car-visual img{max-width:190px}
 #explore-cars .car-tags{top:12px;left:14px}
 #explore-cars .car-title{font-size:18px;line-height:1.25}
 #explore-cars .car-brand-line{margin-bottom:3px;font-size:10px}
 #explore-cars .dual-prices{grid-template-columns:1fr;gap:3px;margin-top:10px}
 #explore-cars .price-row{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:baseline;gap:5px}
 #explore-cars .price-row+.price-row{padding:5px 0 0;border-left:0;border-top:1px solid #e5e9ed}
 #explore-cars .price-row strong{overflow:hidden;font-size:17px;text-overflow:ellipsis;white-space:nowrap}
 #explore-cars .price-row .price-unit{font-size:10px!important}
 #explore-cars .compare-toggle{min-height:30px;margin-top:5px;padding-top:7px}
}

/* Low-credit app contrast: a quiet list canvas with crisp, bright vehicles. */
#explore-cars.showroom-groups{
 position:relative;
 isolation:isolate;
 background:transparent;
 margin:0 -22px;
 padding:0 22px 28px;
 border-radius:0 0 20px 20px;
}
.showroom-list-surface{
 position:absolute;
 z-index:0;
 inset:0;
 border-radius:inherit;
 background:#fafafa;
 transform-origin:top left;
 will-change:transform;
 pointer-events:none;
}
#explore-cars.showroom-groups>:not(.showroom-list-surface){position:relative;z-index:1}
#explore-cars .showroom-section{border-bottom-color:#e9ecef}
#explore-cars .car-card,
#explore-cars .car-card:hover{
 background:#fff;
 box-shadow:0 4px 14px rgba(15,23,42,.04);
}
#explore-cars .car-card.is-last-selected{
 background:#fff;
 box-shadow:inset 0 0 0 1px #d4dbe2,0 4px 14px rgba(15,23,42,.04);
}
@media(hover:hover){#explore-cars .car-card:hover{box-shadow:0 8px 22px rgba(15,23,42,.075)}}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 #explore-cars.showroom-groups{margin:0 -18px;padding:0 18px 22px;border-radius:0}}}
}
@container siteWorkspace (max-width:760px){
 #explore-cars.showroom-groups{margin:0 -18px;padding:0 18px 22px;border-radius:0}
}

/* Brand-color search stage: sampled from the official orange logo background. */
#explore-view .explore-hero{
 --hero-orange:#df5536;
 position:relative;
 isolation:isolate;
 overflow:visible;
 margin:-32px 0 0;
 padding:0 40px;
 color:#fff;
 background:transparent;
 border-radius:20px 20px 0 0;
 text-align:left;
 box-shadow:none;
}
.explore-hero-surface{
 position:absolute;
 z-index:0;
 inset:0;
 border-radius:inherit;
 background:linear-gradient(135deg,#e15b3b 0%,var(--hero-orange) 58%,#d94a2d 100%);
 transform-origin:top left;
 will-change:transform;
 pointer-events:none;
}
#explore-view .explore-hero::before{
 content:none;
 position:absolute;
 z-index:-1;
 top:-164px;
 right:max(4cqw,42px);
 width:230px;
 height:350px;
 border:30px solid rgba(255,255,255,.085);
 border-radius:50%;
 transform:rotate(14deg);
}
#explore-view .explore-hero::after{
 content:none;
 position:absolute;
 z-index:-1;
 left:max(3cqw,28px);
 bottom:-82px;
 width:150px;
 height:150px;
 border-radius:50%;
 background:rgba(83,28,18,.055);
}
#explore-view .explore-hero .page-heading{margin:0;text-align:left}
#explore-view .explore-hero .page-heading h1{color:#fff;letter-spacing:-.045em}
#explore-view .explore-hero .page-heading p{color:rgba(255,255,255,.9);max-width:none;margin:10px 0 0;font-size:14px;line-height:1.65}
#explore-view .explore-hero .search-box{
 position:relative;
 bottom:auto;
 width:min(100%,460px);
 min-height:56px;
 margin:22px 0 0;
 padding:0 18px;
 border:1px solid rgba(255,255,255,.72);
 border-radius:13px;
 background:#fff;
 color:#df5536;
 box-shadow:0 6px 18px rgba(91,32,19,.12);
}
#explore-view .explore-hero .search-box:focus-within{
 border-color:#fff;
 box-shadow:0 13px 28px rgba(91,32,19,.2),0 0 0 4px rgba(255,255,255,.2);
}
#explore-view .explore-hero .search-box input{font-size:15px;color:#27323d}
#explore-view .explore-hero .search-box input::placeholder{color:#8b949e}
#explore-view .explore-filters{padding:20px 24px 23px;border:1px solid #e9ecef;border-top:0;border-radius:0 0 20px 20px;margin-bottom:14px;background:#fff}
.explore-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px;max-width:1240px;min-height:280px;margin:auto}
.explore-hero-copy{position:relative;z-index:2;padding:30px 0;min-width:0}
.showroom-kicker{display:block;font-size:11px;font-weight:650;letter-spacing:.18em;color:rgba(255,255,255,.8);margin-bottom:14px}
.hero-linebreak{display:none}
.hero-search-hint{flex-shrink:0;font-size:12px;color:#8b949e;border-left:1px solid #e8ebee;padding-left:14px}
.explore-hero-cars{position:relative;display:flex;align-items:center;justify-content:center;height:250px;min-width:0;opacity:1;transition:opacity 380ms cubic-bezier(.22,.74,.22,1),visibility 0s;will-change:transform,opacity;pointer-events:none}
.showroom-car-art{display:block;width:340px;max-width:100%;height:240px;overflow:visible}
.showroom-car-ride{transform-box:fill-box;transform-origin:50% 85%;animation:showroom-ride 2.8s ease-in-out infinite}
.showroom-car-wheel{transform-origin:0 0;animation:showroom-wheel 3.6s linear infinite}
.showroom-car-shadow{transform-box:fill-box;transform-origin:center;animation:showroom-shadow 2.8s ease-in-out infinite}
.showroom-speed{animation:showroom-speed 2.8s ease-in-out infinite}
@keyframes showroom-ride{0%,100%{transform:translateY(0) rotate(0)}35%{transform:translateY(-1.3px) rotate(-.35deg)}70%{transform:translateY(.4px) rotate(.2deg)}}
@keyframes showroom-wheel{to{transform:rotate(360deg)}}
@keyframes showroom-shadow{0%,100%{transform:scaleX(1)}35%{transform:scaleX(.97)}}
@keyframes showroom-speed{0%,100%{opacity:.28}50%{opacity:.46}}
@media(min-width:761px){
@scope (:root) to (.site-workspace){
 #explore-view{max-width:1320px;margin-left:auto;margin-right:auto}
 #explore-view .explore-hero{margin-top:0}}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 #explore-view{max-width:1320px;margin-left:auto;margin-right:auto}
 #explore-view .explore-hero{margin-top:0}}}
@container siteWorkspace (min-width:761px){
 #explore-view{max-width:1320px;margin-left:auto;margin-right:auto}
 #explore-view .explore-hero{margin-top:0}
}
@container siteWorkspace (max-width:1050px){
 #explore-view .explore-hero{padding-left:28px;padding-right:28px}
 .explore-hero-inner{grid-template-columns:1.1fr 1fr;gap:4px}
 .hero-linebreak{display:block}
 .hero-search-hint{display:none}
}

@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 #explore-view .explore-hero{
  margin:-20px -18px 0;
  padding:0 20px;
  border-radius:0;
  box-shadow:none;
 }
 #explore-view .explore-hero::before{top:-120px;right:-28px;width:150px;height:240px;border-width:22px}
 #explore-view .explore-hero::after{left:-42px;bottom:-76px;width:132px;height:132px}
 .explore-hero-inner{display:block;min-height:0}
 .explore-hero-copy{padding:26px 0 24px}
 .hero-search-hint{display:none}
 .explore-hero-cars{position:absolute;display:block;right:-6px;top:25px;width:110px;height:95px;z-index:3}
 .showroom-car-art{width:110px;height:95px}
 #explore-view .explore-hero .page-heading h1{max-width:calc(100% - 106px);word-break:keep-all;line-height:1.35}
 #explore-view .explore-hero .page-heading p{padding-top:7px}
 .hero-linebreak{display:block}
 .showroom-kicker{font-size:10px;margin-bottom:10px;letter-spacing:.15em}
 #explore-view .explore-hero .page-heading h1{font-size:24px}
 #explore-view .explore-hero .page-heading p{display:block;max-width:330px;margin:8px 0 0;font-size:13px;line-height:1.6;word-break:keep-all}
 #explore-view .explore-hero .search-box{bottom:auto;min-height:52px;margin:18px 0 0;padding:0 15px;border-radius:12px}
 #explore-view .explore-hero .search-box input{font-size:14px}
 #explore-view .explore-filters{padding:17px 18px 8px;margin:0 -18px 12px;border-width:0 0 1px;border-radius:0 0 20px 20px}
 #explore-view #brand-filters{justify-content:flex-start}}}
}

@container siteWorkspace (max-width:760px){
 #explore-view .explore-hero{
  margin:-20px -18px 0;
  padding:0 20px;
  border-radius:0;
  box-shadow:none;
 }
 #explore-view .explore-hero::before{top:-120px;right:-28px;width:150px;height:240px;border-width:22px}
 #explore-view .explore-hero::after{left:-42px;bottom:-76px;width:132px;height:132px}
 .explore-hero-inner{display:block;min-height:0}
 .explore-hero-copy{padding:26px 0 24px}
 .hero-search-hint{display:none}
 .explore-hero-cars{position:absolute;display:block;right:-6px;top:25px;width:110px;height:95px;z-index:3}
 .showroom-car-art{width:110px;height:95px}
 #explore-view .explore-hero .page-heading h1{max-width:calc(100% - 106px);word-break:keep-all;line-height:1.35}
 #explore-view .explore-hero .page-heading p{padding-top:7px}
 .hero-linebreak{display:block}
 .showroom-kicker{font-size:10px;margin-bottom:10px;letter-spacing:.15em}
 #explore-view .explore-hero .page-heading h1{font-size:24px}
 #explore-view .explore-hero .page-heading p{display:block;max-width:330px;margin:8px 0 0;font-size:13px;line-height:1.6;word-break:keep-all}
 #explore-view .explore-hero .search-box{bottom:auto;min-height:52px;margin:18px 0 0;padding:0 15px;border-radius:12px}
 #explore-view .explore-hero .search-box input{font-size:14px}
 #explore-view .explore-filters{padding:17px 18px 8px;margin:0 -18px 12px;border-width:0 0 1px;border-radius:0 0 20px 20px}
 #explore-view #brand-filters{justify-content:flex-start}
}
@media(prefers-reduced-motion:reduce){.explore-hero-cars{transition:none}}
@media(prefers-reduced-motion:reduce){.showroom-car-ride,.showroom-car-wheel,.showroom-car-shadow,.showroom-speed{animation:none}}
/* Comparison showroom */
#compare-view{max-width:1440px;margin:0 auto}
.compare-page-heading{display:flex;flex-direction:column;align-items:flex-start;position:relative;margin-bottom:20px}
.compare-page-heading h1{margin:9px 0 7px;letter-spacing:-.045em}
.compare-condition-strip{position:sticky;top:154px;z-index:12;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:14px;padding:13px 16px;border:1px solid #e6eaed;border-radius:15px;background:rgba(255,255,255,.94);box-shadow:0 5px 18px rgba(34,46,59,.045);backdrop-filter:blur(14px)}
.compare-condition-strip>span{justify-self:start;padding:7px 11px;border-radius:9px;background:#f3f5f7;color:#566370;font-size:12px;font-weight:650}
.compare-condition-strip>span+span{margin-left:-4px}
.compare-condition-strip strong{font-size:12px;color:#34414d}
.compare-overview{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:18px 0 12px;padding:0 2px}
.compare-overview>div{display:flex;align-items:baseline;gap:9px}
.compare-overview>div>span{font-size:12px;color:#7a8691}
.compare-overview strong{font-size:23px;color:#293642;letter-spacing:-.04em}
.compare-overview strong i{font-size:12px;font-style:normal;color:#9aa3ab;margin-left:2px}
.compare-overview>button{display:flex;align-items:center;gap:7px;min-height:38px;padding:8px 13px;border:1px solid #e1e6ea;border-radius:11px;background:#fff;color:#44515d;font-size:12px;font-weight:650}
.compare-overview>button span{display:grid;place-items:center;width:20px;height:20px;border-radius:7px;background:#f0f2f4;color:#df5536;font-size:15px}
.comparison-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0;padding:3px 2px 8px}
.compare-column{position:relative;display:flex;flex-direction:column;min-width:0;padding:12px;border:1px solid #e7ebee;border-radius:18px;background:#fff;box-shadow:0 4px 16px rgba(31,43,55,.045);overflow:hidden}
.compare-column:before{content:'';position:absolute;left:0;top:22px;width:3px;height:27px;border-radius:0 4px 4px 0;background:#df5536}
.compare-card-top{display:flex;align-items:center;justify-content:space-between;min-height:28px}
.compare-card-top>span{font-size:10px;font-weight:750;color:#a0a8b0;letter-spacing:.08em}
.compare-column .remove{float:none;display:grid;place-items:center;width:28px;height:28px;padding:0;border-radius:50%;background:#f3f5f6;color:#7e8993;font-size:18px;line-height:1}
.compare-visual{height:114px;margin:0 -3px 6px;border-radius:14px;background:linear-gradient(145deg,#f7f8f9,#f1f3f5)}
.compare-column .compare-visual img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 10px 7px rgba(38,48,58,.09))}
.compare-identity{min-height:58px;padding:5px 1px 10px}
.compare-identity small{display:block;margin-bottom:4px;font-size:10px;color:#89949e}
.compare-column .compare-identity h2{margin:0;font-size:17px;line-height:1.3;color:#283540;letter-spacing:-.045em;word-break:keep-all}
.compare-prices{display:grid;gap:4px;padding:5px;border-radius:13px;background:#f3f5f7}
.compare-prices>div{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;min-height:38px;padding:7px 8px;border-radius:9px;background:#fff}
.compare-prices span{font-size:10px;color:#7d8994;white-space:nowrap}
.compare-prices strong{min-width:0;font-size:13px;color:#2d3a46;text-align:right;letter-spacing:-.035em;white-space:nowrap}
.compare-column dl{display:grid;gap:0;margin:12px 0 0}
.compare-column dl>div{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:39px;border-bottom:1px solid #edf0f2}
.compare-column dt,.compare-column dd{margin:0;padding:0;border:0}
.compare-column dt{font-size:10px;color:#89949e}
.compare-column dd{font-size:11px;font-weight:650;color:#495661;text-align:right;white-space:nowrap}
.compare-configure{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:40px;margin-top:auto;padding:10px 3px 2px;color:#394651;font-size:11px;font-weight:700}
.compare-configure span{color:#df5536;font-size:16px}
.compare-add-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:454px;border:1px dashed #d7dde2;border-radius:18px;background:rgba(255,255,255,.55);color:#64717d}
.compare-add-card>span{display:grid;place-items:center;width:43px;height:43px;margin-bottom:12px;border-radius:14px;background:#fff;color:#df5536;font-size:25px;box-shadow:0 4px 13px rgba(31,43,55,.05)}
.compare-add-card strong{font-size:13px;color:#43505c}
.compare-add-card small{margin-top:5px;font-size:10px;color:#96a0a9}
.compare-note{display:flex;align-items:center;gap:10px;margin:14px 2px 0;padding:13px 15px;border-radius:13px;background:#f2f4f6;color:#707c87}
.compare-note>span{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:#fff;color:#df5536;font:700 11px serif}
.compare-note p{margin:0;font-size:11px;line-height:1.55}
@media(max-width:1280px){
@scope (:root) to (.site-workspace){.comparison-grid{grid-auto-flow:column;grid-auto-columns:minmax(220px,24vw);grid-template-columns:none;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;padding-bottom:14px}.compare-column,.compare-add-card{scroll-snap-align:start}.compare-condition-strip{top:146px}}}
@container siteWorkspace (max-width:1280px){.comparison-grid{grid-auto-flow:column;grid-auto-columns:minmax(220px,24cqw);grid-template-columns:none;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;padding-bottom:14px}.compare-column,.compare-add-card{scroll-snap-align:start}.compare-condition-strip{top:146px}}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){#compare-view{margin:0 -20px}.compare-page-heading{margin:2px 20px 17px}.compare-condition-strip{top:108px;margin:0 16px 12px;grid-template-columns:1fr auto;padding:10px 11px;border-radius:14px}.compare-condition-strip>span{font-size:10px;padding:6px 8px}.compare-condition-strip>span+span{display:none}.compare-condition-strip strong{font-size:10px}.compare-overview{margin:15px 20px 9px}.comparison-grid{grid-auto-columns:min(82vw,315px);gap:10px;padding:3px 20px 15px;scroll-padding-left:20px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.comparison-grid::-webkit-scrollbar{display:none}.compare-column{padding:13px;border-radius:19px}.compare-visual{height:132px}.compare-column .compare-identity h2{font-size:18px}.compare-prices strong{font-size:14px}.compare-column dl>div{min-height:42px}.compare-column dt{font-size:11px}.compare-column dd{font-size:12px}.compare-add-card{min-height:486px}.compare-note{margin:0 20px 14px}.compare-note p{font-size:10px}}}}
@container siteWorkspace (max-width:760px){#compare-view{margin:0 -20px}.compare-page-heading{margin:2px 20px 17px}.compare-condition-strip{top:108px;margin:0 16px 12px;grid-template-columns:1fr auto;padding:10px 11px;border-radius:14px}.compare-condition-strip>span{font-size:10px;padding:6px 8px}.compare-condition-strip>span+span{display:none}.compare-condition-strip strong{font-size:10px}.compare-overview{margin:15px 20px 9px}.comparison-grid{grid-auto-columns:min(82cqw,315px);gap:10px;padding:3px 20px 15px;scroll-padding-left:20px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.comparison-grid::-webkit-scrollbar{display:none}.compare-column{padding:13px;border-radius:19px}.compare-visual{height:132px}.compare-column .compare-identity h2{font-size:18px}.compare-prices strong{font-size:14px}.compare-column dl>div{min-height:42px}.compare-column dt{font-size:11px}.compare-column dd{font-size:12px}.compare-add-card{min-height:486px}.compare-note{margin:0 20px 14px}.compare-note p{font-size:10px}}

/* My Garage */
#saved-view{max-width:1440px;margin:0 auto}
.garage-hero{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(390px,1.15fr) minmax(230px,.72fr);align-items:stretch;gap:12px;margin-bottom:16px;padding:22px;border:1px solid #e8ecef;border-radius:22px;background:linear-gradient(135deg,#f7f8f9 0%,#f2f4f6 100%);box-shadow:0 8px 26px rgba(35,47,59,.045)}
.garage-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:4px 7px}.garage-hero-copy .eyebrow{margin-bottom:8px;color:#df5536;font-size:10px;font-weight:800;letter-spacing:.16em}.garage-hero-copy h1{margin:0;color:#26333f;font-size:30px;line-height:1.2;letter-spacing:-.055em}.garage-hero-copy p{margin:8px 0 0;color:#7b8792;font-size:13px;line-height:1.55;word-break:keep-all}
.garage-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:6px;border-radius:17px;background:#fff;box-shadow:0 3px 13px rgba(31,43,55,.045)}.garage-stats button{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;min-width:0;padding:12px 13px;border-radius:12px;color:#84909b;text-align:left;transition:background .18s ease,color .18s ease}.garage-stats button+button:before{content:'';position:absolute;left:-4px;top:20%;width:1px;height:60%;background:#edf0f2}.garage-stats button.active{background:#f3f5f6;color:#34414d}.garage-stats button span{font-size:11px;white-space:nowrap}.garage-stats button strong{font-size:24px;line-height:1;color:#303d49;letter-spacing:-.04em}.garage-stats button.active strong{color:#df5536}
.garage-condition{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;padding:16px 17px;border:1px solid #e5e9ec;border-radius:17px;background:#fff;text-align:left;box-shadow:0 3px 13px rgba(31,43,55,.035)}.garage-condition>span{font-size:10px;font-weight:700;color:#929ca5}.garage-condition strong{display:block;width:100%;margin:6px 0 3px;overflow:hidden;color:#35424e;font-size:13px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.garage-condition small{font-size:10px;color:#df5536}
.garage-tabs{position:sticky;top:154px;z-index:13;display:flex;align-items:center;gap:4px;width:max-content;margin:0 auto 20px;padding:5px;border:1px solid rgba(227,232,235,.9);border-radius:14px;background:rgba(255,255,255,.92);box-shadow:0 5px 18px rgba(35,47,59,.055);backdrop-filter:blur(14px)}.garage-tabs button{display:flex;align-items:center;gap:7px;min-height:38px;padding:8px 15px;border-radius:10px;color:#77838e;font-size:12px;font-weight:650;transition:background .18s ease,color .18s ease}.garage-tabs button i{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:7px;background:#f1f3f5;color:#8c96a0;font-size:10px;font-style:normal}.garage-tabs button.active{background:#34414d;color:#fff}.garage-tabs button.active i{background:rgba(255,255,255,.14);color:#fff}
.garage-panel-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 2px 16px}.garage-panel-heading h2{margin:0;color:#2d3a46;font-size:22px;letter-spacing:-.045em}.garage-panel-heading p{margin:6px 0 0;color:#87929c;font-size:12px}.garage-panel-heading>button{min-height:36px;padding:7px 11px;color:#56636f;font-size:11px;font-weight:650}.garage-saved-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#saved-cars .car-card,#recent-cars .car-card{position:relative;min-width:0;padding:10px 16px 13px;border:1px solid #e8ecef;border-radius:18px;background:#fff;box-shadow:0 4px 16px rgba(31,43,55,.045);overflow:hidden}#saved-cars .card-main,#recent-cars .card-main{display:flex;flex-direction:column;padding-top:31px}#saved-cars .car-visual,#recent-cars .car-visual{order:-1;display:flex;align-items:center;justify-content:center;width:100%;height:158px;margin-bottom:12px;background:linear-gradient(145deg,#fafbfb,#f4f6f7);border-radius:14px}#saved-cars .car-visual img,#recent-cars .car-visual img{width:100%;height:100%;max-width:310px;object-fit:contain;mix-blend-mode:multiply}#saved-cars .car-title,#recent-cars .car-title{font-size:19px;color:#2c3945}#saved-cars .car-brand-line,#recent-cars .car-brand-line{margin:0 0 4px;color:#8b959f;font-size:11px}#saved-cars .car-tags,#recent-cars .car-tags{position:absolute;top:14px;left:16px}#saved-cars .heart,#recent-cars .heart{position:absolute;z-index:2;top:9px;right:10px;width:34px;height:34px;border-radius:50%;color:#aab2ba}#saved-cars .heart.on,#recent-cars .heart.on{color:#df5536}#saved-cars .dual-prices,#recent-cars .dual-prices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}#saved-cars .price-row,#recent-cars .price-row{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}#saved-cars .price-row+.price-row,#recent-cars .price-row+.price-row{padding-left:10px;border-left:1px solid #e5e9ec}#saved-cars .price-mode,#recent-cars .price-mode{font-size:11px;color:#7d8994}#saved-cars .price-row strong,#recent-cars .price-row strong{font-size:19px;color:#df5536;white-space:nowrap}#saved-cars .price-unit,#recent-cars .price-unit{display:block!important;margin-top:1px;font-size:10px!important;color:#929ba4!important}#saved-cars .compare-toggle,#recent-cars .compare-toggle{min-height:34px;margin-top:9px;color:#7c8791;font-size:11px}
.garage-recent-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(270px,310px);grid-template-columns:none;gap:13px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 2px 13px;scrollbar-width:thin}.garage-recent-grid .car-card{scroll-snap-align:start}
.garage-draft-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.draft-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 18px;padding:19px 20px;border:1px solid #e6eaed;border-radius:18px;background:#fff;box-shadow:0 4px 16px rgba(31,43,55,.045);overflow:hidden}.draft-card:before{content:'';position:absolute;left:0;top:23px;width:3px;height:35px;border-radius:0 3px 3px 0;background:#df5536}.draft-card-head{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.draft-card-head span{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border-radius:7px;background:#f2f4f6;color:#697681;font-size:10px;font-weight:700}.draft-card-head button{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f4f5f6;color:#89939d;font-size:17px}.draft-car small{display:block;margin-bottom:4px;color:#929ba4;font-size:10px}.draft-car h3{margin:0;color:#2b3844;font-size:20px;letter-spacing:-.04em}.draft-trim,.draft-options{grid-column:1/-1;margin:12px 0 0;color:#63707c;font-size:11px;line-height:1.55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draft-options{margin-top:4px;color:#929ba4}.draft-condition{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;padding-top:13px;border-top:1px solid #edf0f2}.draft-condition span{padding:6px 9px;border-radius:8px;background:#f3f5f6;color:#56636f;font-size:10px;font-weight:650}.draft-continue{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;min-height:40px;margin-top:12px;padding:8px 2px 0;color:#3f4c58;font-size:11px;font-weight:750}.draft-continue span{color:#df5536;font-size:17px}
.garage-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;padding:30px;border:1px dashed #d9dfe4;border-radius:18px;background:#fafbfb;text-align:center}.garage-empty>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#fff;color:#df5536;font-size:24px;box-shadow:0 4px 13px rgba(31,43,55,.05)}.garage-empty h3{margin:13px 0 5px;color:#45525e;font-size:15px}.garage-empty p{margin:0;color:#929ba4;font-size:11px}.garage-empty button{margin-top:13px;padding:8px 11px;color:#df5536;font-size:11px;font-weight:700}
@media(max-width:1100px){
@scope (:root) to (.site-workspace){.garage-hero{grid-template-columns:.8fr 1.2fr}.garage-condition{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px}.garage-condition strong{width:auto;margin:0}.garage-condition small{margin-left:auto}.garage-saved-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}}
@container siteWorkspace (max-width:1100px){.garage-hero{grid-template-columns:.8fr 1.2fr}.garage-condition{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px}.garage-condition strong{width:auto;margin:0}.garage-condition small{margin-left:auto}.garage-saved-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){#saved-view{margin:0 -20px}.garage-hero{display:block;margin:0 16px 14px;padding:17px;border-radius:19px}.garage-hero-copy{padding:1px 2px 15px}.garage-hero-copy h1{font-size:25px}.garage-hero-copy p{font-size:12px}.garage-stats{gap:3px;padding:5px}.garage-stats button{padding:10px 8px}.garage-stats button span{font-size:10px}.garage-stats button strong{font-size:21px}.garage-condition{display:flex;margin-top:8px;padding:12px 13px;border-radius:13px;gap:3px}.garage-condition>span{display:none}.garage-condition strong{max-width:65%;font-size:11px}.garage-condition small{font-size:9px}.garage-tabs{top:108px;width:calc(100% - 32px);justify-content:center;margin-bottom:17px}.garage-tabs button{flex:1;justify-content:center;padding:7px 6px;font-size:11px}.garage-panel{padding:0 16px}.garage-panel-heading{align-items:center;margin:0 2px 12px}.garage-panel-heading h2{font-size:19px}.garage-panel-heading p{font-size:11px;line-height:1.45}.garage-panel-heading>button{display:none}.garage-saved-grid{grid-template-columns:1fr;gap:12px}#saved-cars .car-card,#recent-cars .car-card{padding:10px 15px 12px;border-radius:17px}#saved-cars .car-visual,#recent-cars .car-visual{height:158px}#saved-cars .car-title,#recent-cars .car-title{font-size:19px}.garage-recent-grid{grid-auto-columns:min(82vw,320px);gap:10px;margin:0 -16px;padding:2px 16px 14px;scroll-padding-left:16px;scroll-snap-type:x mandatory}.garage-draft-grid{grid-template-columns:1fr}.draft-card{padding:17px}.garage-empty{min-height:260px;padding:24px 15px}}}}
@container siteWorkspace (max-width:760px){#saved-view{margin:0 -20px}.garage-hero{display:block;margin:0 16px 14px;padding:17px;border-radius:19px}.garage-hero-copy{padding:1px 2px 15px}.garage-hero-copy h1{font-size:25px}.garage-hero-copy p{font-size:12px}.garage-stats{gap:3px;padding:5px}.garage-stats button{padding:10px 8px}.garage-stats button span{font-size:10px}.garage-stats button strong{font-size:21px}.garage-condition{display:flex;margin-top:8px;padding:12px 13px;border-radius:13px;gap:3px}.garage-condition>span{display:none}.garage-condition strong{max-width:65%;font-size:11px}.garage-condition small{font-size:9px}.garage-tabs{top:108px;width:calc(100% - 32px);justify-content:center;margin-bottom:17px}.garage-tabs button{flex:1;justify-content:center;padding:7px 6px;font-size:11px}.garage-panel{padding:0 16px}.garage-panel-heading{align-items:center;margin:0 2px 12px}.garage-panel-heading h2{font-size:19px}.garage-panel-heading p{font-size:11px;line-height:1.45}.garage-panel-heading>button{display:none}.garage-saved-grid{grid-template-columns:1fr;gap:12px}#saved-cars .car-card,#recent-cars .car-card{padding:10px 15px 12px;border-radius:17px}#saved-cars .car-visual,#recent-cars .car-visual{height:158px}#saved-cars .car-title,#recent-cars .car-title{font-size:19px}.garage-recent-grid{grid-auto-columns:min(82cqw,320px);gap:10px;margin:0 -16px;padding:2px 16px 14px;scroll-padding-left:16px;scroll-snap-type:x mandatory}.garage-draft-grid{grid-template-columns:1fr}.draft-card{padding:17px}.garage-empty{min-height:260px;padding:24px 15px}}

@media(min-width:761px){
@scope (:root) to (.site-workspace){
 .garage-saved-grid{grid-template-columns:repeat(auto-fill,292px);justify-content:start}
 .garage-saved-grid>.car-card{width:292px}
 .garage-recent-grid{grid-auto-columns:292px}
 .garage-recent-grid>.car-card{width:292px}}
}

@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 .garage-saved-grid{grid-template-columns:repeat(auto-fill,292px);justify-content:start}
 .garage-saved-grid>.car-card{width:292px}
 .garage-recent-grid{grid-auto-columns:292px}
 .garage-recent-grid>.car-card{width:292px}}}

@container siteWorkspace (min-width:761px){
 .garage-saved-grid{grid-template-columns:repeat(auto-fill,292px);justify-content:start}
 .garage-saved-grid>.car-card{width:292px}
 .garage-recent-grid{grid-auto-columns:292px}
 .garage-recent-grid>.car-card{width:292px}
}

/* The My Garage summary itself is the tab bar. */
.garage-hero{border-color:#263342;background:linear-gradient(135deg,#2d3a49 0%,#222e3b 100%);box-shadow:0 12px 30px rgba(29,40,52,.13)}
.garage-hero-copy h1{color:#fff}.garage-hero-copy p{color:#bcc6cf}.garage-hero-copy .eyebrow{color:#f06a48}
.garage-stats{grid-template-columns:repeat(3,minmax(0,1fr));background:rgba(255,255,255,.075);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.garage-stats button{color:#b9c3cc}.garage-stats button+button:before{background:rgba(255,255,255,.12)}.garage-stats button strong{color:#fff}.garage-stats button.active{background:#fff;color:#53606c;box-shadow:0 7px 18px rgba(10,18,27,.16)}.garage-stats button.active strong{color:#e75534}
.garage-condition{border-color:#fff;background:#fff;box-shadow:0 7px 18px rgba(10,18,27,.14)}.garage-condition>span{color:#8d98a3}.garage-condition strong{color:#2e3a46}.garage-condition small{color:#e45a38}
.garage-panels{margin-top:22px}
#garage-compare-panel .compare-condition-strip{top:154px}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){.garage-stats button{padding:10px 5px}.garage-stats button span{font-size:9px}.garage-stats button strong{font-size:20px}.garage-panels{margin-top:17px}#garage-compare-panel .compare-condition-strip{top:108px;margin-left:0;margin-right:0}}}}
@container siteWorkspace (max-width:760px){.garage-stats button{padding:10px 5px}.garage-stats button span{font-size:9px}.garage-stats button strong{font-size:20px}.garage-panels{margin-top:17px}#garage-compare-panel .compare-condition-strip{top:108px;margin-left:0;margin-right:0}}

/* Final mobile explore card override. */
/* Mobile explore cards: compact app-style rows inspired by the low-credit showroom. */
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 #explore-cars.showroom-groups{padding-left:12px;padding-right:12px;background:#f6f7f9}
 #explore-cars .showroom-list-surface{background:#f6f7f9}
 #explore-cars .showroom-grid{gap:10px}
 #explore-cars .car-card,#explore-cars .car-card:hover{min-height:178px;margin:0;padding:0;overflow:hidden;border:1px solid #edf0f3;border-radius:18px;background:#fff;box-shadow:0 4px 14px rgba(29,42,55,.055)}
 #explore-cars .car-card.is-last-selected{background:#fff;box-shadow:inset 0 0 0 1px #d5dce3,0 4px 14px rgba(29,42,55,.055)}
 #explore-cars .car-card.is-last-selected:after{top:43px;height:38px}
 #explore-cars .card-main{display:grid;grid-template-columns:minmax(0,1fr) 132px;align-items:center;gap:5px;min-height:178px;padding:43px 13px 36px 16px}
 #explore-cars .car-copy{grid-column:1;grid-row:1;display:block;min-width:0;padding:0}
 #explore-cars .car-tags{top:14px;left:16px;gap:5px;margin:0}
 #explore-cars .car-tags i{height:23px;padding:0 8px;border-radius:7px;font-size:10px;font-weight:750}
 #explore-cars .stock-count{background:#edf1f4;color:#64717e}
 #explore-cars .car-title{display:block;overflow:hidden;margin:0;color:#1f2832;font-size:18px;font-weight:800;line-height:1.25;letter-spacing:-.045em;text-overflow:ellipsis;white-space:nowrap}
 #explore-cars .car-brand-line{display:block;margin:4px 0 0;color:#89949f;font-size:11px;line-height:1.3}
 #explore-cars .car-visual{order:0;grid-column:2;grid-row:1;width:132px;height:100px;margin:2px 0 0;padding:0;align-self:center}
 #explore-cars .car-visual img{width:100%;height:100%;max-width:none;object-fit:contain;filter:drop-shadow(0 7px 6px rgba(31,43,55,.1))}
 #explore-cars .car-visual .car-caption{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#a0a9b3;font-size:10px}
 #explore-cars .dual-prices{display:grid;grid-template-columns:1fr;gap:2px;margin:12px 0 0;padding:0;background:transparent}
 #explore-cars .price-row{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:baseline;gap:5px;min-width:0;padding:0;border:0}
 #explore-cars .price-row+.price-row{margin-top:4px;padding:4px 0 0;border:0;border-top:1px solid #eef1f3}
 #explore-cars .price-row .price-mode{margin:0;color:#77838e;font-size:10px;font-weight:650;white-space:nowrap}
 #explore-cars .price-row strong{display:block;overflow:hidden;color:#2d3945;font-size:17px;font-weight:790;line-height:1.25;letter-spacing:-.045em;text-overflow:ellipsis;white-space:nowrap}
 #explore-cars .price-row.rent strong{color:var(--orange)}
 #explore-cars .price-row .price-unit{display:none!important}
 #explore-cars .heart{top:8px;right:9px;left:auto;width:34px;height:34px;background:transparent}
 #explore-cars .heart .icon{width:19px;height:19px}
 #explore-cars .compare-toggle{left:15px;right:auto;bottom:6px;min-width:0;min-height:29px;height:29px;margin:0;padding:0 4px;color:#7c8792;font-size:11px}
 #explore-cars .compare-toggle span{font-size:14px}
 #explore-cars .showroom-heading{padding-left:2px;padding-right:2px}}}
}
@container siteWorkspace (max-width:760px){
 #explore-cars.showroom-groups{padding-left:12px;padding-right:12px;background:#f6f7f9}
 #explore-cars .showroom-list-surface{background:#f6f7f9}
 #explore-cars .showroom-grid{gap:10px}
 #explore-cars .car-card,#explore-cars .car-card:hover{min-height:178px;margin:0;padding:0;overflow:hidden;border:1px solid #edf0f3;border-radius:18px;background:#fff;box-shadow:0 4px 14px rgba(29,42,55,.055)}
 #explore-cars .car-card.is-last-selected{background:#fff;box-shadow:inset 0 0 0 1px #d5dce3,0 4px 14px rgba(29,42,55,.055)}
 #explore-cars .car-card.is-last-selected:after{top:43px;height:38px}
 #explore-cars .card-main{display:grid;grid-template-columns:minmax(0,1fr) 132px;align-items:center;gap:5px;min-height:178px;padding:43px 13px 36px 16px}
 #explore-cars .car-copy{grid-column:1;grid-row:1;display:block;min-width:0;padding:0}
 #explore-cars .car-tags{top:14px;left:16px;gap:5px;margin:0}
 #explore-cars .car-tags i{height:23px;padding:0 8px;border-radius:7px;font-size:10px;font-weight:750}
 #explore-cars .stock-count{background:#edf1f4;color:#64717e}
 #explore-cars .car-title{display:block;overflow:hidden;margin:0;color:#1f2832;font-size:18px;font-weight:800;line-height:1.25;letter-spacing:-.045em;text-overflow:ellipsis;white-space:nowrap}
 #explore-cars .car-brand-line{display:block;margin:4px 0 0;color:#89949f;font-size:11px;line-height:1.3}
 #explore-cars .car-visual{order:0;grid-column:2;grid-row:1;width:132px;height:100px;margin:2px 0 0;padding:0;align-self:center}
 #explore-cars .car-visual img{width:100%;height:100%;max-width:none;object-fit:contain;filter:drop-shadow(0 7px 6px rgba(31,43,55,.1))}
 #explore-cars .car-visual .car-caption{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#a0a9b3;font-size:10px}
 #explore-cars .dual-prices{display:grid;grid-template-columns:1fr;gap:2px;margin:12px 0 0;padding:0;background:transparent}
 #explore-cars .price-row{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:baseline;gap:5px;min-width:0;padding:0;border:0}
 #explore-cars .price-row+.price-row{margin-top:4px;padding:4px 0 0;border:0;border-top:1px solid #eef1f3}
 #explore-cars .price-row .price-mode{margin:0;color:#77838e;font-size:10px;font-weight:650;white-space:nowrap}
 #explore-cars .price-row strong{display:block;overflow:hidden;color:#2d3945;font-size:17px;font-weight:790;line-height:1.25;letter-spacing:-.045em;text-overflow:ellipsis;white-space:nowrap}
 #explore-cars .price-row.rent strong{color:var(--orange)}
 #explore-cars .price-row .price-unit{display:none!important}
 #explore-cars .heart{top:8px;right:9px;left:auto;width:34px;height:34px;background:transparent}
 #explore-cars .heart .icon{width:19px;height:19px}
 #explore-cars .compare-toggle{left:15px;right:auto;bottom:6px;min-width:0;min-height:29px;height:29px;margin:0;padding:0 4px;color:#7c8792;font-size:11px}
 #explore-cars .compare-toggle span{font-size:14px}
 #explore-cars .showroom-heading{padding-left:2px;padding-right:2px}
}
@media(max-width:380px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 #explore-cars .card-main{grid-template-columns:minmax(0,1fr) 112px;padding-left:14px;padding-right:10px}
 #explore-cars .car-visual{width:112px;height:92px}
 #explore-cars .car-title{font-size:17px}
 #explore-cars .price-row strong{font-size:16px}}}
}
@container siteWorkspace (max-width:380px){
 #explore-cars .card-main{grid-template-columns:minmax(0,1fr) 112px;padding-left:14px;padding-right:10px}
 #explore-cars .car-visual{width:112px;height:92px}
 #explore-cars .car-title{font-size:17px}
 #explore-cars .price-row strong{font-size:16px}
}


/* Definitive mobile explore card action and spacing layout. */
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 #explore-cars .car-card,#explore-cars .car-card:hover{min-height:174px;padding:0}
 #explore-cars .card-main{
  grid-template-columns:minmax(0,1fr) 146px;
  gap:2px;
  min-height:174px;
  padding:51px 10px 13px 16px;
 }
 #explore-cars .car-tags{top:13px;left:16px}
 #explore-cars .car-card.is-last-selected:after{top:51px;height:36px}
 #explore-cars .car-visual{
  grid-column:2;
  grid-row:1;
  width:146px;
  height:114px;
  margin:0;
 }
 #explore-cars .car-title{font-size:18px}
 #explore-cars .dual-prices{margin-top:10px}
 #explore-cars .heart{
  position:absolute;
  top:7px;
  right:8px;
  left:auto;
  bottom:auto;
  width:36px;
  height:36px;
  margin:0;
  z-index:5;
 }
 #explore-cars .compare-toggle{
  position:absolute;
  top:7px;
  right:45px;
  bottom:auto;
  left:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:3px;
  width:auto;
  min-width:58px;
  height:36px;
  min-height:36px;
  margin:0;
  padding:0 5px;
  z-index:5;
  border:0;
  background:transparent;
  color:#727e89;
  font-size:11px;
  line-height:1;
 }
 #explore-cars .compare-toggle span{font-size:14px;line-height:1}}}
}
@container siteWorkspace (max-width:760px){
 #explore-cars .car-card,#explore-cars .car-card:hover{min-height:174px;padding:0}
 #explore-cars .card-main{
  grid-template-columns:minmax(0,1fr) 146px;
  gap:2px;
  min-height:174px;
  padding:51px 10px 13px 16px;
 }
 #explore-cars .car-tags{top:13px;left:16px}
 #explore-cars .car-card.is-last-selected:after{top:51px;height:36px}
 #explore-cars .car-visual{
  grid-column:2;
  grid-row:1;
  width:146px;
  height:114px;
  margin:0;
 }
 #explore-cars .car-title{font-size:18px}
 #explore-cars .dual-prices{margin-top:10px}
 #explore-cars .heart{
  position:absolute;
  top:7px;
  right:8px;
  left:auto;
  bottom:auto;
  width:36px;
  height:36px;
  margin:0;
  z-index:5;
 }
 #explore-cars .compare-toggle{
  position:absolute;
  top:7px;
  right:45px;
  bottom:auto;
  left:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:3px;
  width:auto;
  min-width:58px;
  height:36px;
  min-height:36px;
  margin:0;
  padding:0 5px;
  z-index:5;
  border:0;
  background:transparent;
  color:#727e89;
  font-size:11px;
  line-height:1;
 }
 #explore-cars .compare-toggle span{font-size:14px;line-height:1}
}
@media(max-width:380px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 #explore-cars .card-main{grid-template-columns:minmax(0,1fr) 126px;padding:51px 8px 13px 14px}
 #explore-cars .car-visual{width:126px;height:106px}}}
}
@container siteWorkspace (max-width:380px){
 #explore-cars .card-main{grid-template-columns:minmax(0,1fr) 126px;padding:51px 8px 13px 14px}
 #explore-cars .car-visual{width:126px;height:106px}
}

/* Mobile sticky showroom controls and top-down manufacturer sheet. */
.mobile-brand-trigger,.mobile-brand-sheet{display:none}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 .showroom-toolbar{
  position:sticky;
  top:var(--header-height);
  z-index:34;
  display:block;
  margin-left:-2px;
  margin-right:-2px;
  padding:0 2px 8px;
  background:rgba(255,255,255,.97);
  border-bottom:1px solid #e5e9ed;
  box-shadow:0 7px 18px rgba(31,43,55,.035);
  backdrop-filter:blur(14px);
 }
 .showroom-toolbar .showroom-nav{min-height:47px;gap:22px;padding:0 2px;overflow-x:auto}
 .showroom-toolbar .showroom-nav button{padding:12px 0;font-size:14px}
 .showroom-conditions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:7px 0 0}
 .showroom-toolbar.is-stuck .showroom-conditions{grid-template-columns:minmax(0,.9fr) repeat(2,minmax(0,1fr))}
 .mobile-brand-trigger{
  display:none;
  align-items:center;
  min-width:0;
  min-height:38px;
  padding:7px 9px;
  border:1px solid #e1e6ea;
  border-radius:11px;
  background:#f5f7f8;
  color:#4d5a66;
  text-align:left;
 }
 .showroom-toolbar.is-stuck .mobile-brand-trigger{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:5px}
 .mobile-brand-trigger span{grid-column:1;grid-row:1;color:#8b96a0;font-size:8px;font-weight:650;white-space:nowrap}
 .mobile-brand-trigger strong{grid-column:1;grid-row:2;overflow:hidden;font-size:11px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
 .mobile-brand-trigger i{grid-column:2;grid-row:1/3;align-self:center;color:#8c97a1;font-size:12px;font-style:normal}
 .showroom-toolbar.is-stuck .quote-select summary{padding:7px 8px}
 .showroom-toolbar.is-stuck .quote-select summary>span{font-size:8px}
 .showroom-toolbar.is-stuck .quote-select summary strong{font-size:11px}
 .mobile-brand-sheet{display:block;position:fixed;z-index:80;inset:0;pointer-events:none;visibility:hidden}
 .mobile-brand-backdrop{position:absolute;inset:0;border:0;background:rgba(25,34,43,.28);opacity:0;transition:opacity .24s ease}
 .mobile-brand-panel{
  position:absolute;
  top:var(--header-height);
  left:0;
  right:0;
  max-height:62vh;
  padding:18px 18px 22px;
  overflow-y:auto;
  border-radius:0 0 24px 24px;
  background:#fff;
  box-shadow:0 18px 38px rgba(22,31,40,.18);
  transform:translateY(calc(-100% - var(--header-height)));
  transition:transform .3s cubic-bezier(.22,.72,.24,1);
 }
 .mobile-brand-sheet.open{pointer-events:auto;visibility:visible}
 .mobile-brand-sheet.open .mobile-brand-backdrop{opacity:1}
 .mobile-brand-sheet.open .mobile-brand-panel{transform:translateY(0)}
 .mobile-brand-panel>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
 .mobile-brand-panel>header small{display:block;margin-bottom:4px;color:var(--orange);font-size:9px;font-weight:800;letter-spacing:.14em}
 .mobile-brand-panel>header h2{margin:0;color:#25313d;font-size:21px;letter-spacing:-.045em}
 .mobile-brand-panel>header>button{min-width:58px;height:36px;padding:0 12px;border-radius:10px;background:#273440;color:#fff;font-size:12px;font-weight:700}
 .mobile-brand-origins{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:13px;padding:4px;border-radius:13px;background:#f0f3f5}
 .mobile-brand-origins button{min-height:38px;border-radius:10px;color:#7a8691;font-size:12px;font-weight:650}
 .mobile-brand-origins button.active{background:#fff;color:#25313d;box-shadow:0 3px 10px rgba(31,43,55,.07)}
 .mobile-brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
 .mobile-brand-grid .maker-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:70px;padding:8px 4px;border:1px solid #edf0f2;border-radius:13px;background:#f8f9fa;color:#65717c;font-size:10px}
 .mobile-brand-grid .maker-button img{width:38px;height:24px;object-fit:contain}
 .mobile-brand-grid .maker-button .maker-all{display:grid;place-items:center;width:36px;height:24px;color:#73808c;font-size:10px;font-weight:800}
 .mobile-brand-grid .maker-button.active{border-color:#f0a18d;background:#fff4f1;color:#d95031;box-shadow:inset 0 0 0 1px rgba(223,85,54,.08)}
 body.mobile-brand-open{overflow:hidden}}}
}
@container siteWorkspace (max-width:760px){
 .showroom-toolbar{
  position:sticky;
  top:var(--header-height);
  z-index:34;
  display:block;
  margin-left:-2px;
  margin-right:-2px;
  padding:0 2px 8px;
  background:rgba(255,255,255,.97);
  border-bottom:1px solid #e5e9ed;
  box-shadow:0 7px 18px rgba(31,43,55,.035);
  backdrop-filter:blur(14px);
 }
 .showroom-toolbar .showroom-nav{min-height:47px;gap:22px;padding:0 2px;overflow-x:auto}
 .showroom-toolbar .showroom-nav button{padding:12px 0;font-size:14px}
 .showroom-conditions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:7px 0 0}
 .showroom-toolbar.is-stuck .showroom-conditions{grid-template-columns:minmax(0,.9fr) repeat(2,minmax(0,1fr))}
 .mobile-brand-trigger{
  display:none;
  align-items:center;
  min-width:0;
  min-height:38px;
  padding:7px 9px;
  border:1px solid #e1e6ea;
  border-radius:11px;
  background:#f5f7f8;
  color:#4d5a66;
  text-align:left;
 }
 .showroom-toolbar.is-stuck .mobile-brand-trigger{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:5px}
 .mobile-brand-trigger span{grid-column:1;grid-row:1;color:#8b96a0;font-size:8px;font-weight:650;white-space:nowrap}
 .mobile-brand-trigger strong{grid-column:1;grid-row:2;overflow:hidden;font-size:11px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
 .mobile-brand-trigger i{grid-column:2;grid-row:1/3;align-self:center;color:#8c97a1;font-size:12px;font-style:normal}
 .showroom-toolbar.is-stuck .quote-select summary{padding:7px 8px}
 .showroom-toolbar.is-stuck .quote-select summary>span{font-size:8px}
 .showroom-toolbar.is-stuck .quote-select summary strong{font-size:11px}
 .mobile-brand-sheet{display:block;position:fixed;z-index:80;inset:0;pointer-events:none;visibility:hidden}
 .mobile-brand-backdrop{position:absolute;inset:0;border:0;background:rgba(25,34,43,.28);opacity:0;transition:opacity .24s ease}
 .mobile-brand-panel{
  position:absolute;
  top:var(--header-height);
  left:0;
  right:0;
  max-height:62vh;
  padding:18px 18px 22px;
  overflow-y:auto;
  border-radius:0 0 24px 24px;
  background:#fff;
  box-shadow:0 18px 38px rgba(22,31,40,.18);
  transform:translateY(calc(-100% - var(--header-height)));
  transition:transform .3s cubic-bezier(.22,.72,.24,1);
 }
 .mobile-brand-sheet.open{pointer-events:auto;visibility:visible}
 .mobile-brand-sheet.open .mobile-brand-backdrop{opacity:1}
 .mobile-brand-sheet.open .mobile-brand-panel{transform:translateY(0)}
 .mobile-brand-panel>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
 .mobile-brand-panel>header small{display:block;margin-bottom:4px;color:var(--orange);font-size:9px;font-weight:800;letter-spacing:.14em}
 .mobile-brand-panel>header h2{margin:0;color:#25313d;font-size:21px;letter-spacing:-.045em}
 .mobile-brand-panel>header>button{min-width:58px;height:36px;padding:0 12px;border-radius:10px;background:#273440;color:#fff;font-size:12px;font-weight:700}
 .mobile-brand-origins{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:13px;padding:4px;border-radius:13px;background:#f0f3f5}
 .mobile-brand-origins button{min-height:38px;border-radius:10px;color:#7a8691;font-size:12px;font-weight:650}
 .mobile-brand-origins button.active{background:#fff;color:#25313d;box-shadow:0 3px 10px rgba(31,43,55,.07)}
 .mobile-brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
 .mobile-brand-grid .maker-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:70px;padding:8px 4px;border:1px solid #edf0f2;border-radius:13px;background:#f8f9fa;color:#65717c;font-size:10px}
 .mobile-brand-grid .maker-button img{width:38px;height:24px;object-fit:contain}
 .mobile-brand-grid .maker-button .maker-all{display:grid;place-items:center;width:36px;height:24px;color:#73808c;font-size:10px;font-weight:800}
 .mobile-brand-grid .maker-button.active{border-color:#f0a18d;background:#fff4f1;color:#d95031;box-shadow:inset 0 0 0 1px rgba(223,85,54,.08)}
 body.mobile-brand-open{overflow:hidden}
}

/* Guaranteed mobile fixed state after the showroom toolbar reaches the header. */
.showroom-toolbar-anchor{display:none}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 .showroom-toolbar-anchor{display:block;height:0}
 .showroom-toolbar.is-stuck{
  position:fixed!important;
  top:var(--mobile-toolbar-top,var(--header-height))!important;
  left:18px!important;
  right:18px!important;
  width:auto!important;
  margin:0!important;
  z-index:46!important;
  border-radius:0 0 14px 14px;
  box-shadow:0 10px 24px rgba(27,39,51,.11);
 }}}
}
@container siteWorkspace (max-width:760px){
 .showroom-toolbar-anchor{display:block;height:0}
 .showroom-toolbar.is-stuck{
  position:fixed!important;
  top:var(--mobile-toolbar-top,var(--header-height))!important;
  left:18px!important;
  right:18px!important;
  width:auto!important;
  margin:0!important;
  z-index:46!important;
  border-radius:0 0 14px 14px;
  box-shadow:0 10px 24px rgba(27,39,51,.11);
 }
}

/* Keep the mobile showroom toolbar visually identical when it becomes fixed. */
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 .showroom-toolbar.is-stuck{
  border-radius:0!important;
  box-shadow:0 7px 18px rgba(31,43,55,.035)!important;
  transition:none!important;
 }
 .showroom-toolbar.is-stuck .showroom-nav{
  padding-right:92px;
 }
 .showroom-toolbar.is-stuck .showroom-conditions{
  grid-template-columns:repeat(2,minmax(0,1fr));
 }
 .showroom-toolbar.is-stuck .mobile-brand-trigger{
  position:absolute;
  top:5px;
  right:2px;
  display:grid;
  width:84px;
  height:38px;
  min-height:38px;
  padding:6px 8px;
  z-index:2;
  border-color:#e1e6ea;
  background:#f5f7f8;
  animation:mobile-brand-trigger-in .18s ease both;
 }}}
}
@container siteWorkspace (max-width:760px){
 .showroom-toolbar.is-stuck{
  border-radius:0!important;
  box-shadow:0 7px 18px rgba(31,43,55,.035)!important;
  transition:none!important;
 }
 .showroom-toolbar.is-stuck .showroom-nav{
  padding-right:92px;
 }
 .showroom-toolbar.is-stuck .showroom-conditions{
  grid-template-columns:repeat(2,minmax(0,1fr));
 }
 .showroom-toolbar.is-stuck .mobile-brand-trigger{
  position:absolute;
  top:5px;
  right:2px;
  display:grid;
  width:84px;
  height:38px;
  min-height:38px;
  padding:6px 8px;
  z-index:2;
  border-color:#e1e6ea;
  background:#f5f7f8;
  animation:mobile-brand-trigger-in .18s ease both;
 }
}
@keyframes mobile-brand-trigger-in{from{opacity:0}to{opacity:1}}

/* Full-bleed fixed toolbar surface; keep only its contents inside the mobile gutter. */
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 .showroom-toolbar.is-stuck{
  left:0!important;
  right:0!important;
  width:100%!important;
  padding-left:18px!important;
  padding-right:18px!important;
  box-sizing:border-box!important;
  background:#fff!important;
 }
 .showroom-toolbar.is-stuck .mobile-brand-trigger{right:20px}}}
}
@container siteWorkspace (max-width:760px){
 .showroom-toolbar.is-stuck{
  left:0!important;
  right:0!important;
  width:100%!important;
  padding-left:18px!important;
  padding-right:18px!important;
  box-sizing:border-box!important;
  background:#fff!important;
 }
 .showroom-toolbar.is-stuck .mobile-brand-trigger{right:20px}
}

/* Preserve condition typography when the mobile toolbar becomes fixed. */
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 .showroom-toolbar.is-stuck .quote-select summary{
  min-height:38px;
  padding:9px 10px;
  gap:6px;
  font-size:12px;
 }
 .showroom-toolbar.is-stuck .quote-select summary>span{font-size:11px}
 .showroom-toolbar.is-stuck .quote-select summary strong{font-size:12px}}}
}
@container siteWorkspace (max-width:760px){
 .showroom-toolbar.is-stuck .quote-select summary{
  min-height:38px;
  padding:9px 10px;
  gap:6px;
  font-size:12px;
 }
 .showroom-toolbar.is-stuck .quote-select summary>span{font-size:11px}
 .showroom-toolbar.is-stuck .quote-select summary strong{font-size:12px}
}
@media(max-width:359px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 .showroom-toolbar.is-stuck .quote-select summary{padding-left:7px;padding-right:7px;gap:4px}
 .showroom-toolbar.is-stuck .quote-select summary>span{font-size:10px}}}
}
@container siteWorkspace (max-width:359px){
 .showroom-toolbar.is-stuck .quote-select summary{padding-left:7px;padding-right:7px;gap:4px}
 .showroom-toolbar.is-stuck .quote-select summary>span{font-size:10px}
}

/* Mobile showroom: keep the sticky filters compact without the manufacturer shortcut. */
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 .showroom-toolbar.is-stuck .mobile-brand-trigger{display:none!important}
 .showroom-toolbar.is-stuck .showroom-nav{padding-right:2px!important}}}
}
@container siteWorkspace (max-width:760px){
 .showroom-toolbar.is-stuck .mobile-brand-trigger{display:none!important}
 .showroom-toolbar.is-stuck .showroom-nav{padding-right:2px!important}
}

/* Selected vehicle: wrap the complete card instead of showing a short side tab. */
:is(#explore-cars,#home-cars,#home-recent-cars,#saved-cars,#recent-cars) .car-card.is-last-selected:after{
 display:block;
 content:'';
 position:absolute;
 inset:0;
 width:auto;
 height:auto;
 border:2px solid var(--orange);
 border-radius:inherit;
 background:transparent;
 box-sizing:border-box;
 pointer-events:none;
 z-index:4;
}

/* configurator-refresh.css */
/* Bright configuration workspace, distinct from the showroom canvas. */
:is(#explore-cars,#home-cars,#home-recent-cars) .is-last-selected .car-tags:after{content:'✓  마지막 선택';background:#303944;color:#fff;box-shadow:none;padding:0 9px}
:is(#explore-cars,#home-cars,#home-recent-cars) .is-last-selected .car-tags:before{display:none}
#detail-dialog.config-dialog,#detail-dialog .dialog-head{background:#fff}
#detail-dialog #config-total{background:#f5f6f8;border-color:transparent;box-shadow:none}
#detail-dialog .panel-monthlies strong,#detail-dialog .panel-monthlies>div:first-child strong{color:#293542}
#detail-dialog .config-picker-trigger,#detail-dialog .option-list{background:#f6f7f8;box-shadow:none;border-color:#eceff2}
#detail-dialog .config-picker.open .config-picker-trigger{background:#f1f3f5}
#detail-dialog .config-tabs{background:#f0f2f4}
#detail-dialog .config-title{margin-bottom:0;padding-bottom:0}
.config-car-stage{position:relative;height:185px;margin:4px 0 18px;isolation:isolate}
.config-car-stage img{position:absolute;inset:0 0 24px;width:100%;height:calc(100% - 24px);object-fit:contain}
.config-car-stage p{position:absolute;bottom:0;left:0;right:0;text-align:center;margin:0;font-size:12px;color:#89939d}
#config-colors{margin:0 0 22px}
.color-section+.color-section{margin-top:15px;padding-top:14px;border-top:1px solid #eef0f3}
.color-heading{display:flex;align-items:baseline;gap:12px;line-height:1.5;font-size:13px}
.color-heading>span{color:#85909b;flex-shrink:0}
.color-heading strong{font-size:13px;font-weight:600;color:#35414d;word-break:keep-all}
.color-choices{display:flex;flex-wrap:wrap;gap:9px;margin:11px 0 8px}
.color-choices button{display:grid;place-items:center;width:36px;height:36px;padding:3px;border:1px solid #e1e5e9;border-radius:50%;background:#fff}
.color-choices img{width:28px;height:28px;border-radius:50%;object-fit:cover}
.color-choices button[aria-pressed=true]{border:2px solid #303944;padding:2px;box-shadow:0 0 0 2px #fff,0 0 0 3px #d7dde3}
.color-choices button:focus-visible{outline:2px solid #e65325;outline-offset:3px}
.color-cost{font-size:12px;color:#89939d;margin:0}
.inquiry-active #detail-content>.config-scroll,.inquiry-active #detail-content>.config-footer{display:none!important}
#detail-dialog.inquiry-active #detail-content{display:block;overflow-y:auto;overscroll-behavior:contain}
#inquiry-screen{padding:22px;min-width:0}
.inquiry-back{padding:8px 0;color:#687582;background:none;font-size:13px;margin-bottom:14px}
#inquiry-screen h2{font-size:23px;letter-spacing:-.04em;margin:0 0 9px}
.inquiry-intro{font-size:14px;color:#83909a;margin:0 0 23px}
.inquiry-summary{padding:18px;border-radius:14px;background:#f5f6f8;margin-bottom:25px}
.inquiry-summary>strong{font-size:18px;color:#303b47}
.inquiry-summary p{font-size:13px;line-height:1.7;color:#75818c;margin:7px 0}
.inquiry-summary>span{font-size:13px;color:#3f4d5a;display:block;margin-top:12px}
#inquiry-form fieldset{margin:0 0 24px;padding:0;border:0}
#inquiry-form legend{font-size:15px;font-weight:650;margin-bottom:12px}
#inquiry-form legend small{font-size:12px;color:#8b949e;font-weight:400;margin-left:8px}
.inquiry-products{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.inquiry-products label{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;gap:8px;padding:16px 14px;border:1px solid #e4e8ec;border-radius:13px;background:#fff;cursor:pointer;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}
.inquiry-products label:has(:checked){background:#f2f4f6;border-color:#cfd6dd;box-shadow:0 3px 12px rgba(15,23,42,.045)}
.inquiry-products label:has(:checked)::before{content:'';position:absolute;left:0;top:12px;width:3px;height:34px;border-radius:0 3px 3px 0;background:var(--orange)}
.inquiry-products label:has(input:focus-visible){border-color:#c3cbd3;box-shadow:0 0 0 3px rgba(223,85,54,.13)}
.inquiry-products input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.inquiry-products span{font-size:14px;color:#65727f}
.inquiry-products strong{font-size:20px;color:#303b47;letter-spacing:-.04em}
.inquiry-products small{font-size:11px;color:#87929d}
.inquiry-field{display:block;font-size:14px;font-weight:600;margin:17px 0}
.inquiry-field input{display:block;width:100%;box-sizing:border-box;margin-top:9px;border:1px solid #e2e7eb;background:#f8f9fa;border-radius:11px;min-height:48px;padding:12px;font:inherit;font-weight:400}
.inquiry-field input:focus{outline:2px solid #748493;outline-offset:1px}
.inquiry-consent{font-size:13px;line-height:1.7;margin-top:23px}
.inquiry-consent label{display:flex;align-items:center;gap:8px}
.inquiry-consent input{width:17px;height:17px;accent-color:#34414f}
.inquiry-consent details{color:#83909a;margin:8px 0 0 25px;font-size:12px}
.inquiry-consent p{line-height:1.8}
.inquiry-local{font-size:12px;color:#87929d;line-height:1.6;margin:20px 0 10px}
#inquiry-error{color:#ad432d;font-size:13px;line-height:1.6}
#inquiry-form>.primary{width:100%;display:flex;justify-content:space-between;margin-top:14px}
.inquiry-success{padding:60px 0;text-align:center}
.inquiry-success>span{display:grid;place-items:center;width:58px;height:58px;background:#edf1f4;color:#34414f;font-size:27px;border-radius:50%;margin:0 auto 25px}
.inquiry-success p{font-size:14px;line-height:1.8;color:#83909a;margin:20px 0}
.inquiry-success>strong{font-size:15px;color:#465460}
@media(max-width:760px){
@scope (html[data-device="mobile"]){.config-car-stage{height:172px}#inquiry-screen{padding:20px}.inquiry-products strong{font-size:19px}}}

/* Consultation step: a single-product, professional estimate sheet. */
#inquiry-screen{padding:24px 22px 42px;background:#f5f7f8}
.inquiry-title{margin:2px 0 20px}
#inquiry-screen .inquiry-title h2{margin:0;color:#202c38;font-size:25px}
.inquiry-title p{margin:8px 0 0;color:#7e8a95;font-size:13px;line-height:1.6}
.inquiry-quote{overflow:hidden;margin-bottom:18px;border:1px solid #e0e5e9;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(31,45,58,.07)}
.inquiry-quote-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 19px;border-bottom:1px solid #edf0f2}
.inquiry-quote-head div{display:grid;gap:4px;min-width:0}.inquiry-quote-head small{color:#8a959f;font-size:11px}.inquiry-quote-head strong{overflow:hidden;color:#263440;font-size:20px;letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap}.inquiry-quote-head div>span{color:#7b8792;font-size:12px;font-weight:550;white-space:nowrap}
.inquiry-quote-head-logo{display:block;width:min(46%,230px);height:34px;object-fit:cover;object-position:center center;filter:grayscale(1);opacity:.3}
.inquiry-quote-price{display:block;padding:13px 19px 12px;border-bottom:3px solid #d9dee2;background:#fff;color:#263440}
.inquiry-quote-price-copy{display:flex;align-items:center;justify-content:flex-end;text-align:right}
.inquiry-quote-monthly{display:grid;justify-items:end;gap:3px}
.inquiry-quote-monthly-main{display:flex;align-items:baseline;justify-content:flex-end;gap:10px}
.inquiry-quote-price small{color:#687581;font-size:12px;font-weight:700;white-space:nowrap}
.inquiry-quote-price strong{color:#eb5834;font-size:28px;letter-spacing:-.045em;white-space:nowrap}
.inquiry-quote-residual{color:#87929c;font-size:11px;white-space:nowrap}.inquiry-quote-residual b{margin-left:5px;color:#596672;font-size:12px;font-weight:700}
.inquiry-quote-basis{color:#65727e;font-size:11px;font-weight:600;white-space:nowrap}
.inquiry-quote-section{padding:18px 19px;border-top:1px solid #edf0f2}
.inquiry-quote-section h3{display:flex;align-items:center;justify-content:flex-start;gap:7px;margin:0 0 14px;color:#263440;font-size:14px;letter-spacing:-.02em}.inquiry-quote-section h3:before{content:'';width:3px;height:14px;border-radius:2px;background:#eb5834}
.inquiry-quote-section h3 em{margin-left:auto;color:#ef5834;font-size:11px;font-style:normal}
.inquiry-quote-section dl{display:grid;gap:0;margin:0}
.inquiry-quote-section dl>div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;align-items:center;min-height:31px}
.inquiry-quote-section dt{color:#8a959f;font-size:12px}.inquiry-quote-section dd{margin:0;color:#35424e;font-size:13px;font-weight:650;line-height:1.5;text-align:right;word-break:keep-all}
.inquiry-quote-section ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.inquiry-quote-section li{display:flex;justify-content:space-between;gap:12px;color:#596672;font-size:12px;line-height:1.5}.inquiry-quote-section li span{flex:0 0 auto;color:#8b959e}
.inquiry-option-summary{display:flex;align-items:center;justify-content:space-between;min-height:32px;margin-top:5px;padding-top:5px;border-top:1px solid #f0f2f4;color:#8a959f;font-size:12px}.inquiry-option-summary em{color:#35424e;font-size:13px;font-style:normal;font-weight:650}.inquiry-option-list{margin-top:5px!important;padding:9px 11px!important;border-radius:10px;background:#f7f8f9}
#inquiry-form{padding:20px 19px;border:1px solid #e0e5e9;border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(31,45,58,.045)}
.inquiry-customer-head{margin-bottom:17px}.inquiry-customer-head h3{margin:0;color:#2b3844;font-size:16px}.inquiry-customer-head p{margin:6px 0 0;color:#8a959f;font-size:12px}
.inquiry-member-event{display:flex;width:100%;align-items:center;gap:13px;margin:-3px 0 20px;padding:14px;border:0;border-radius:14px;background:#f4f5f6;text-align:left;cursor:pointer;box-shadow:inset 0 0 0 1px #e7eaed,0 8px 20px rgba(38,52,64,.045);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.inquiry-member-event:hover{background:#f0f2f3;box-shadow:inset 0 0 0 1px #dfe4e8,0 10px 24px rgba(38,52,64,.075);transform:translateY(-1px)}.inquiry-member-event:focus-visible{outline:2px solid #e65325;outline-offset:3px}
.inquiry-kakao-mark{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:14px;background:#fee500;color:#2d2724;box-shadow:0 6px 14px rgba(66,61,42,.12)}
.inquiry-kakao-mark svg{width:24px;height:24px;fill:currentColor;stroke:none}
.inquiry-member-event div{display:grid;flex:1;gap:3px;min-width:0}.inquiry-member-event small{color:#7b8792;font-size:11px;font-weight:750}.inquiry-member-event strong{color:#263440;font-size:14px;letter-spacing:-.025em}.inquiry-member-event p{margin:0;color:#7b8792;font-size:11px;line-height:1.45}.inquiry-member-arrow{flex:0 0 auto;color:#7b8792;font-size:18px}
#inquiry-form .inquiry-field{margin:14px 0}.inquiry-local{display:none}
.inquiry-phone-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch;margin-top:9px}.inquiry-phone-row input{margin-top:0!important}.inquiry-phone-row button{min-width:104px;padding:0 12px;border-radius:11px;background:#303b47;color:#fff;font-size:12px;font-weight:700;white-space:nowrap}.inquiry-phone-row button:disabled{opacity:.48}.inquiry-sms-code[hidden]{display:none}.inquiry-sms-status{min-height:17px;margin:-6px 0 4px;color:#b34d35;font-size:11px;line-height:1.5}.inquiry-sms-status.is-ok{color:#28765b}
@media(max-width:760px){
@scope (html[data-device="mobile"]){#inquiry-screen{padding:18px 16px 38px}.inquiry-back{margin-bottom:10px}#inquiry-screen .inquiry-title h2{font-size:22px}.inquiry-quote-head,.inquiry-quote-price,.inquiry-quote-section{padding-left:16px;padding-right:16px}.inquiry-quote-head-logo{width:42%;height:27px}.inquiry-quote-head div>span{font-size:11px}.inquiry-quote-price{padding-top:11px;padding-bottom:10px}.inquiry-quote-price-copy{justify-content:flex-end}.inquiry-quote-monthly{gap:2px}.inquiry-quote-monthly-main{gap:7px}.inquiry-quote-price strong{font-size:23px}.inquiry-quote-basis,.inquiry-quote-residual{font-size:11px}.inquiry-quote-residual b{margin-left:4px;font-size:12px}#inquiry-form{padding:18px 16px}.inquiry-member-event{padding:13px 12px}.inquiry-member-event strong{font-size:13px}.inquiry-member-event p{font-size:11px}.inquiry-phone-row button{min-width:96px;padding:0 9px}.inquiry-quote-section dl>div{grid-template-columns:82px minmax(0,1fr)}}}

/* Small, functional app details without introducing another accent color. */
.panel-icon{width:18px;height:18px;flex:0 0 18px;vertical-align:middle}
#panel-conditions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 12px}
#panel-conditions .quote-select{min-width:0}
#panel-conditions summary{display:grid;grid-template-columns:22px minmax(0,1fr) 12px;gap:3px 8px;padding:12px;background:#f5f6f8;border:1px solid #e5e9ed;border-radius:12px}
#panel-conditions summary>.panel-icon{grid-column:1;grid-row:1 / 3;color:#647483}
#panel-conditions summary>span{display:block;grid-column:2;grid-row:1;font-size:11px;color:#7b8793}
#panel-conditions summary>strong{grid-column:2;grid-row:2;font-size:14px}
#panel-conditions summary>i{grid-column:3;grid-row:1 / 3;align-self:center}
#panel-conditions .quote-select-menu{left:0;right:auto;width:220px;max-width:calc(100vw - 48px)}
#panel-conditions .quote-select:last-child .quote-select-menu{left:auto;right:0}
#detail-dialog .quote-term-badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#627383}
#detail-dialog .quote-term-badge .panel-icon{width:15px;height:15px;flex-basis:15px}
#detail-dialog .quote-product-label{display:flex;align-items:center;gap:7px;color:#5e6c79}
#detail-dialog .quote-product-label .panel-icon{width:17px;height:17px;flex-basis:17px}
#detail-dialog .panel-monthlies>div+div{border-left:1px solid #d8dfe6;padding-left:16px}
#detail-dialog .config-price{border-top-color:#d8dfe6;padding-top:17px}
#detail-dialog .quote-notes{border-top:0;padding-top:0;margin-top:14px}
#detail-dialog .quote-notes summary{display:flex;align-items:center;justify-content:space-between;gap:8px}
#detail-dialog .option-list label{border-bottom-color:#dfe5ea}
#detail-dialog .config-field-label{display:flex;align-items:center;gap:7px}
#detail-dialog .config-field-label:before{content:'';width:4px;height:4px;border-radius:50%;background:#8594a2}
.color-section+.color-section{border-top-color:#dfe5ea}
.config-car-stage.is-interior img{inset:0 auto 24px 50%;transform:translateX(-50%);width:auto;max-width:100%;height:calc(100% - 24px);border-radius:14px;object-fit:contain}
.color-choices:has([data-color-kind=interior]) button{width:45px;height:36px;border-radius:10px}
.color-choices:has([data-color-kind=interior]) img{width:37px;height:28px;border-radius:7px}

/* Quote flow: vehicle summary → monthly quote → contract conditions → detailed configuration. */
#detail-dialog .config-scroll{background:#f5f6f8}
#detail-dialog .config-title{padding:2px 2px 0}
#detail-dialog .config-title h2{margin-bottom:0}
#detail-dialog .config-car-stage{height:190px;margin:0 0 8px}
.config-selection-card,.config-purchase-card{padding:18px;border:1px solid #e8ebef;border-radius:17px;background:#fff;box-shadow:0 3px 14px rgba(22,31,42,.035)}
.config-selection-card{margin-bottom:14px}
.selection-card-heading,.purchase-card-heading,.config-vehicle-price{display:flex;align-items:center;justify-content:space-between;gap:14px}
.selection-card-heading{padding-bottom:15px;border-bottom:1px solid #edf0f3}
.selection-card-heading span,.purchase-card-heading span{font-size:13px;font-weight:700;color:#46525f}
.selection-card-heading strong{font-size:15px;color:#273441;text-align:right;word-break:keep-all}
.config-selection-card #config-colors{margin:16px 0 0}
.config-selection-card .color-section+.color-section{margin-top:13px;padding-top:13px}
.config-selection-card .color-choices{margin:9px 0 6px}
.config-vehicle-price{margin:16px 0 0;padding:16px 0 0;border-top:1px solid #edf0f3}
.config-vehicle-price>span{font-size:13px;color:#5f6c79}
.config-vehicle-price small{display:block;margin-top:3px;font-size:11px;color:#929ba4}
.config-vehicle-price strong{font-size:22px;line-height:1.3;color:#283542;letter-spacing:-.04em;white-space:nowrap}
#detail-dialog #config-total{margin:0 0 14px;padding:19px;border:0;border-radius:17px;background:linear-gradient(145deg,#303944 0%,#202b37 100%);color:#fff;box-shadow:0 8px 22px rgba(31,43,55,.14)}
#detail-dialog #config-total .quote-heading{color:rgba(255,255,255,.82)}
#detail-dialog #config-total .quote-term-badge,#detail-dialog #config-total .quote-product-label{color:rgba(255,255,255,.7)}
#detail-dialog #config-total .panel-monthlies{margin:16px 0 8px}
#detail-dialog #config-total .panel-monthlies strong,#detail-dialog #config-total .panel-monthlies>div:first-child strong{color:#fff;font-size:25px}
#detail-dialog #config-total .panel-monthlies>div+div{border-left-color:rgba(255,255,255,.18)}
#detail-dialog #config-total .quote-notes{border-top:1px solid rgba(255,255,255,.14);margin-top:15px;padding-top:13px;color:rgba(255,255,255,.7)}
#detail-dialog #config-total .quote-notes summary,#detail-dialog #config-total .quote-notes summary span{color:rgba(255,255,255,.72)}
#detail-dialog #config-total .quote-notes p{color:rgba(255,255,255,.68)}
.config-purchase-card{margin-bottom:14px}
.purchase-card-heading{margin-bottom:14px}
.purchase-card-heading small{font-size:11px;color:#9099a3}
.config-purchase-card #panel-conditions{margin:0}
.config-purchase-card #panel-conditions summary{background:#f4f6f8;border-color:#edf0f2}
#detail-dialog .config-tabs{margin-top:0}
@media(max-width:760px){
@scope (html[data-device="mobile"]){#detail-dialog .config-car-stage{height:176px}.config-selection-card,.config-purchase-card{padding:16px}.config-vehicle-price strong{font-size:20px}}}

/* All contract choices stay visible, like a native quote app. */
.config-purchase-card #panel-conditions{display:block}
.purchase-condition-row{margin:0 0 17px;padding:0;border:0}
.purchase-condition-row:last-child{margin-bottom:0}
.purchase-condition-row legend{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0 0 9px;padding:0;font-size:12px;font-weight:600;color:#687581}
.purchase-condition-row legend small{font-size:11px;font-weight:500;color:#8d97a1}
.purchase-segments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;border-radius:12px;background:#f3f5f7}
.purchase-segments.is-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.purchase-segments label{position:relative;min-width:0;cursor:pointer}
.purchase-segments input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.purchase-segments span{display:grid;place-items:center;min-height:42px;padding:8px 5px;border:1px solid transparent;border-radius:9px;color:#7a8590;font-size:13px;font-weight:550;transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease}
.purchase-segments input:checked+span{background:#fff;border-color:#d4dbe2;color:#2f3b47;font-weight:700;box-shadow:0 2px 7px rgba(28,39,52,.055)}
.purchase-segments input:checked+span:after{content:'';position:absolute;bottom:5px;width:14px;height:2px;border-radius:2px;background:var(--orange)}
.purchase-segments input:focus-visible+span{outline:2px solid rgba(223,85,54,.35);outline-offset:1px}

/* Four configuration shortcuts live inside the selected-vehicle card. */
.config-quick-pickers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:14px 0 3px;padding:5px;border:1px solid #e8ecef;border-radius:15px;background:#f5f6f8}
.config-quick-pickers button{position:relative;display:grid;grid-template-rows:26px auto;place-items:center;min-width:0;height:56px;padding:5px 2px 4px;border:0;border-radius:11px;background:transparent;color:#53616e;box-shadow:none}
.config-quick-pickers button+button:before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:1px;background:#e0e5e9}
.config-quick-pickers button:hover{background:#fff}
.config-quick-pickers button:active{background:#fff;transform:scale(.97)}
.config-quick-pickers button:disabled{opacity:.38}
.config-quick-pickers svg{width:19px;height:19px;padding:3px;box-sizing:content-box;border-radius:9px;background:#fff;color:#df5536;box-shadow:0 1px 4px rgba(31,43,55,.055)}
.config-quick-pickers small{font-size:10px;font-weight:650;line-height:1;color:#66727e}
.config-quick-pickers button>i{position:absolute;right:5px;top:4px;display:grid;place-items:center;min-width:16px;height:16px;padding:0 4px;border-radius:9px;background:#df5536;color:#fff;font-size:9px;font-style:normal}
#detail-dialog .config-picker.open{position:relative;z-index:23}
#detail-dialog .config-picker.open:before{content:'';position:fixed;inset:60px 0 0 auto;width:min(520px,100vw);z-index:21;background:rgba(24,32,41,.25);backdrop-filter:blur(1px)}
#detail-dialog .config-picker.open .config-picker-menu,.config-options-sheet:not([hidden]){display:block;position:fixed;left:auto;right:0;top:60px;bottom:auto;width:min(520px,100vw);max-width:none;max-height:min(68dvh,650px);padding:10px 18px 20px;overflow-y:auto;border:0;border-radius:0 0 20px 20px;background:#fff;box-shadow:0 18px 48px rgba(22,31,42,.2);z-index:24;animation:config-sheet-down .3s cubic-bezier(.22,.74,.22,1)}
#detail-dialog:has(.config-options-sheet:not([hidden])):after{content:'';position:fixed;inset:60px 0 0 auto;width:min(520px,100vw);z-index:21;background:rgba(24,32,41,.25);backdrop-filter:blur(1px)}
#detail-dialog .config-picker-menu .config-sheet-head,.config-options-sheet .config-sheet-head{position:sticky;top:-10px;z-index:2;display:flex;align-items:center;justify-content:space-between;margin:0 -4px 8px;padding:16px 4px 13px;border-bottom:1px solid #edf0f3;background:#fff}
.config-sheet-head>div{display:grid;gap:3px}
.config-sheet-head small{font-size:10px;color:#909aa4}
.config-sheet-head strong{font-size:18px;color:#273441}
#detail-dialog .config-sheet-head button{display:inline-grid;place-items:center;flex:0 0 auto;width:auto;min-width:54px;min-height:34px;height:34px;margin:0;padding:0 13px;border:0;border-radius:10px;background:#273441;color:#fff;font-size:12px;font-weight:700;line-height:1}
#detail-dialog .config-picker-menu>[role=option]{min-height:52px;margin:3px 0;padding:13px 12px;border:1px solid transparent;border-radius:11px;background:#fff}
#detail-dialog .config-picker-menu>[role=option]:hover{background:#f5f7f8}
#detail-dialog .config-picker-menu>[role=option][aria-selected=true]{border-color:#d7dde3;background:#f2f4f6;color:#2d3945}
#detail-dialog .config-picker-menu>[role=option][aria-selected=true] i{color:#df5536}
.config-options-sheet #config-option-choices{display:block}
.config-options-sheet [data-option-choice]{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;margin:3px 0;padding:13px 12px;border:1px solid transparent;border-radius:11px;background:#fff;color:#34414d;text-align:left}
.config-options-sheet [data-option-choice] span{display:grid;gap:3px;font-size:13px;font-weight:500;line-height:1.35}
.config-options-sheet [data-option-choice] small{font-size:11px;font-weight:500;color:#7c8792}
.config-options-sheet [data-option-choice] i{opacity:0;color:#df5536;font-style:normal;text-align:center}
.config-options-sheet [data-option-choice]:hover{background:#f5f7f8}
.config-options-sheet [data-option-choice][aria-selected=true]{border-color:#d7dde3;background:#f2f4f6;color:#2d3945}
.config-options-sheet [data-option-choice][aria-selected=true] span{font-weight:700}
.config-options-sheet [data-option-choice][aria-selected=true] i{opacity:1}
.config-empty-options{padding:28px 8px;color:#7b8792;text-align:center;font-size:13px}
.config-data-host{position:absolute;width:0;height:0;overflow:visible;pointer-events:none}
.config-data-host .config-label{position:static}
.config-data-host .config-field-label,.config-data-host .native-config-select,.config-data-host .config-picker-trigger,.config-data-host #config-options{display:none!important}
.config-data-host .config-picker{position:static;pointer-events:auto}
@keyframes config-sheet-down{from{transform:translateY(-100%)}to{transform:translateY(0)}}
@media(max-width:760px){
@scope (html[data-device="mobile"]){#detail-dialog .config-picker.open:before,#detail-dialog:has(.config-options-sheet:not([hidden])):after{inset:56px 0 0 auto}#detail-dialog .config-picker.open .config-picker-menu,.config-options-sheet:not([hidden]){top:56px}}}
@media(max-width:420px){
@scope (html[data-device="mobile"]){.config-quick-pickers{padding:4px}.config-quick-pickers button{height:52px}.config-quick-pickers small{font-size:9px}.config-quick-pickers svg{width:18px;height:18px}}}

/* Desktop custom configurator: compact summary first, one focused choice sheet at a time. */
.config-desktop-summary{display:none}
html[data-device="desktop"] #detail-dialog .config-desktop-summary{display:grid;gap:15px;margin-top:2px}
html[data-device="desktop"] #detail-dialog .config-summary-group{overflow:hidden;border:1px solid #e4e9ed;border-radius:14px;background:#f7f8f9}
html[data-device="desktop"] #detail-dialog .config-summary-group h3{margin:0;padding:12px 14px 8px;color:#7a8792;font-size:12px;font-weight:700;line-height:1.2}
html[data-device="desktop"] #detail-dialog .config-summary-row{display:grid;grid-template-columns:112px minmax(0,1fr) 18px;align-items:center;gap:9px;width:100%;min-height:52px;margin:0;padding:10px 12px 10px 14px;border:0;border-top:1px solid #e7ebee;border-radius:0;background:#fff;color:#53616d;text-align:left;box-shadow:none}
html[data-device="desktop"] #detail-dialog .config-summary-row:hover{background:#fbfcfc}
html[data-device="desktop"] #detail-dialog .config-summary-row:active{background:#f4f6f7}
html[data-device="desktop"] #detail-dialog .config-summary-row>span{font-size:12px;font-weight:600;white-space:nowrap}
html[data-device="desktop"] #detail-dialog .config-summary-row>strong{overflow:hidden;color:#273541;font-size:13px;font-weight:700;line-height:1.35;text-align:right;text-overflow:ellipsis;white-space:nowrap}
html[data-device="desktop"] #detail-dialog .config-summary-row>i{color:#9aa5ae;font-size:21px;font-style:normal;font-weight:400;line-height:1;text-align:right}
html[data-device="desktop"] #detail-dialog .config-data-host{position:absolute!important;width:0!important;height:0!important;overflow:visible!important;pointer-events:none!important}
html[data-device="desktop"] #detail-dialog .config-data-host .config-label{position:static!important;margin:0!important;padding:0!important;border:0!important}
html[data-device="desktop"] #detail-dialog .config-data-host .config-field-label{display:none!important}
html[data-device="desktop"] #detail-dialog .config-data-host .config-picker{position:static!important;width:0!important;height:0!important;pointer-events:auto!important}
html[data-device="desktop"] #detail-dialog .config-picker-inline .config-picker-menu{display:none!important}
html[data-device="desktop"] #detail-dialog .config-picker-inline.open .config-picker-menu{display:block!important;position:fixed!important;left:auto!important;right:var(--config-sheet-right,0)!important;top:var(--config-sheet-top,60px)!important;box-sizing:border-box;width:var(--config-sheet-width,100%)!important;max-width:520px!important;max-height:var(--config-sheet-max-height,calc(100dvh - 132px))!important;margin:0!important;padding:10px 14px 18px!important;overflow-y:auto!important;border:1px solid #e1e6ea!important;border-radius:0 0 14px 14px!important;background:#fff!important;box-shadow:0 14px 34px rgba(22,31,42,.16)!important;animation:config-row-unfold .28s cubic-bezier(.22,.74,.22,1)!important}
html[data-device="desktop"] #detail-dialog .config-picker-inline.open .config-picker-menu>[role=option]{display:flex;min-height:52px;margin:4px 0;padding:13px 12px;border:1px solid transparent;border-radius:11px;background:#fff;color:#34414d;font-size:13px;font-weight:600}
html[data-device="desktop"] #detail-dialog .config-picker-inline.open .config-picker-menu>[role=option]:hover{background:#f5f7f8}
html[data-device="desktop"] #detail-dialog .config-picker-inline.open .config-picker-menu>[role=option][aria-selected=true]{border-color:#d7dde3;background:#f2f4f6;color:#273541}
html[data-device="desktop"] #detail-dialog .config-options-inline[hidden]{display:none!important}
html[data-device="desktop"] #detail-dialog .config-options-inline:not([hidden]){display:block!important;position:fixed!important;left:auto!important;right:var(--config-sheet-right,0)!important;top:var(--config-sheet-top,60px)!important;box-sizing:border-box;width:var(--config-sheet-width,100%)!important;max-width:520px!important;max-height:var(--config-sheet-max-height,calc(100dvh - 132px))!important;margin:0!important;padding:10px 14px 18px!important;overflow-y:auto!important;border:1px solid #e1e6ea!important;border-radius:0 0 14px 14px!important;background:#fff!important;box-shadow:0 14px 34px rgba(22,31,42,.16)!important;z-index:24;animation:config-row-unfold .28s cubic-bezier(.22,.74,.22,1)!important}
html[data-device="desktop"] #detail-dialog .config-options-inline:not([hidden]) #config-option-choices{display:grid;grid-template-columns:1fr;gap:4px}
html[data-device="desktop"] #detail-dialog .config-options-inline:not([hidden]) [data-option-choice]{min-height:52px;margin:0;padding:12px;border:1px solid transparent;border-radius:11px;background:#fff}
html[data-device="desktop"] #detail-dialog .config-options-inline:not([hidden]) [data-option-choice]:hover{background:#f5f7f8}
html[data-device="desktop"] #detail-dialog .config-options-inline:not([hidden]) [data-option-choice][aria-selected=true]{border-color:#d7dde3;background:#f2f4f6}
html[data-device="desktop"] #detail-dialog .config-options-inline:not([hidden]) .config-inline-heading{margin:0 0 8px;padding:0 4px}
html[data-device="desktop"] #detail-dialog .config-selection-card #config-colors{position:absolute!important;width:0!important;height:0!important;margin:0!important;padding:0!important;overflow:visible!important;border:0!important}
html[data-device="desktop"] #detail-dialog .config-selection-card .color-section{display:none!important}
html[data-device="desktop"] #detail-dialog .config-selection-card .color-section.open{display:block!important;position:fixed!important;left:auto!important;right:var(--config-sheet-right,0)!important;top:var(--config-sheet-top,60px)!important;z-index:24;box-sizing:border-box;width:var(--config-sheet-width,100%)!important;max-width:520px!important;max-height:var(--config-sheet-max-height,calc(100dvh - 132px))!important;margin:0!important;padding:10px 14px 18px!important;overflow-y:auto!important;border:1px solid #e1e6ea!important;border-radius:0 0 14px 14px!important;background:#fff!important;box-shadow:0 14px 34px rgba(22,31,42,.16)!important;animation:config-row-unfold .28s cubic-bezier(.22,.74,.22,1)!important}
html[data-device="desktop"] #detail-dialog .color-section.open .config-color-sheet-head{display:flex}
html[data-device="desktop"] #detail-dialog .color-section.open .color-heading{margin:2px 4px 12px}
html[data-device="desktop"] #detail-dialog .color-section.open .color-heading>span{display:none}
html[data-device="desktop"] #detail-dialog .color-section.open .color-heading strong{font-size:13px}
html[data-device="desktop"] #detail-dialog .color-section.open .color-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
html[data-device="desktop"] #detail-dialog .color-section.open .color-choices button{width:100%;height:54px;margin:0;border-radius:12px}
html[data-device="desktop"] #detail-dialog .color-section.open .color-cost{margin:12px 4px 0;font-size:12px}
html[data-device="desktop"] #detail-dialog .config-color-sheet-head{display:none}
html[data-device="desktop"] #detail-dialog .config-picker.open:before,
html[data-device="desktop"] #detail-dialog:has(.config-picker.open):after,
html[data-device="desktop"] #detail-dialog:has(.config-options-inline:not([hidden])):after,
html[data-device="desktop"] #detail-dialog:has(.color-section.open):after{display:none!important}
html[data-device="desktop"] #detail-dialog .config-vehicle-price{margin-top:15px;padding:15px 2px 1px;border-top:1px solid #e7ebee}
html[data-device="desktop"] #detail-dialog .config-vehicle-price>span{font-size:12px}
html[data-device="desktop"] #detail-dialog .config-vehicle-price>strong{font-size:18px}
html[data-device="desktop"] #detail-dialog .config-selection-card .selection-card-heading{border-bottom:0!important}

/* Configurator v2: every vehicle choice stays visible in the page. */
#detail-dialog .config-title{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}
#detail-dialog .config-title>strong{padding-bottom:3px;color:#687684;font-size:13px;font-weight:700;white-space:nowrap}
#detail-dialog .config-data-host{position:static;width:auto;height:auto;overflow:visible;pointer-events:auto}
#detail-dialog .config-data-host .config-label{display:block;position:static;margin:0;padding:15px 0;border-bottom:1px solid #edf0f3}
#detail-dialog .config-data-host .config-field-label{display:flex!important;margin:0 0 10px;color:#566370;font-size:12px;font-weight:700}
#detail-dialog .config-data-host .native-config-select,#detail-dialog .config-data-host .config-picker-trigger,#detail-dialog .config-data-host #config-options{display:none!important}
#detail-dialog .config-data-host .config-picker{position:static;width:auto;height:auto;pointer-events:auto}
#detail-dialog .config-picker-inline .config-picker-menu{position:static!important;display:grid!important;grid-template-columns:1fr;gap:6px;width:100%!important;max-width:none!important;max-height:none!important;margin:0;padding:0!important;overflow:visible;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;animation:none!important}
#detail-dialog .config-picker-inline .config-picker-menu>[role=option]{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;margin:0;padding:11px 13px;border:1px solid #e4e8ec;border-radius:11px;background:#f7f8f9;color:#5f6c78;font-size:12px;font-weight:600;text-align:left;white-space:normal}
#detail-dialog .config-picker-inline .config-picker-menu>[role=option] i{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;margin-left:12px;border-radius:50%;background:#fff;color:transparent;font-size:10px;font-style:normal;box-shadow:inset 0 0 0 1px #dce2e7}
#detail-dialog .config-picker-inline .config-picker-menu>[role=option][aria-selected=true]{border-color:#cbd3da;background:#eef1f4;color:#293643;box-shadow:none}
#detail-dialog .config-picker-inline .config-picker-menu>[role=option][aria-selected=true] i{background:var(--orange);color:#fff;box-shadow:none}
#detail-dialog .config-picker-inline.is-disabled{opacity:.55}
#detail-dialog .config-options-inline{display:block;position:static;width:auto;max-width:none;max-height:none;margin:0;padding:15px 0;border:0;border-radius:0;background:transparent;box-shadow:none;animation:none}
#detail-dialog:has(.config-options-inline):after{display:none!important}
#detail-dialog .config-inline-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px;color:#566370;font-size:12px;font-weight:700}
#detail-dialog .config-inline-heading small{color:#8b96a0;font-size:11px;font-weight:550}
#detail-dialog .config-options-inline #config-option-choices{display:grid;grid-template-columns:1fr;gap:6px;overflow:visible}
#detail-dialog .config-options-inline [data-option-choice]{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:46px;margin:0;padding:10px 13px;border:1px solid #e4e8ec;border-radius:11px;background:#f7f8f9}
#detail-dialog .config-options-inline [data-option-choice] span{display:flex;align-items:center;gap:7px;white-space:normal;font-size:12px}
#detail-dialog .config-options-inline [data-option-choice] small{font-size:10px}
#detail-dialog .config-options-inline [data-option-choice] i{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;margin-left:12px;border-radius:50%;background:#fff;color:transparent;font-size:10px;box-shadow:inset 0 0 0 1px #dce2e7}
#detail-dialog .config-options-inline [data-option-choice][aria-selected=true]{border-color:#cbd3da;background:#eef1f4;color:#293643}
#detail-dialog .config-options-inline [data-option-choice][aria-selected=true] i{background:var(--orange);color:#fff;box-shadow:none}
#detail-dialog .config-options-inline .config-empty-options{padding:8px 0;text-align:left}
#detail-dialog .config-selection-card #config-colors{margin:0;padding-top:15px;border-top:1px solid #edf0f3}
#detail-dialog .config-selection-card .color-section:first-child:before{content:'외장';display:block;margin-bottom:10px;color:#566370;font-size:12px;font-weight:700}
#detail-dialog .config-selection-card .color-section+.color-section:before{content:'내장';display:block;margin-bottom:10px;color:#566370;font-size:12px;font-weight:700}
#detail-dialog .config-selection-card .color-heading>span{display:none}
#detail-dialog .config-footer .config-selection-summary{display:flex;align-items:center;gap:8px;margin:0 0 10px}
#detail-dialog .config-footer .config-selection-summary>span:first-child{color:#85919d;font-size:11px}
#detail-dialog .config-footer .config-selection-summary strong{overflow:hidden;max-width:48%;color:#33404d;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
#detail-dialog .config-footer .config-selection-summary>span:last-child{margin-left:auto;color:#7b8792;font-size:11px}
#detail-dialog #prepare-inquiry{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;padding:12px 16px 12px 18px;text-align:left}
#detail-dialog .config-footer-cta{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:750;white-space:nowrap}
#detail-dialog .config-footer-cta i{font-size:20px;font-style:normal}
#detail-dialog .config-footer-quote{display:grid;justify-items:end;gap:1px;padding-left:14px;border-left:1px solid rgba(255,255,255,.3);color:#fff}
#detail-dialog .config-footer-quote small{font-size:10px;font-weight:600;opacity:.78}
#detail-dialog .config-footer-quote strong{font-size:18px;line-height:1.25;white-space:nowrap}
#detail-dialog .config-footer-quote em{font-size:9px;font-style:normal;opacity:.78;white-space:nowrap}
@media(max-width:420px){
@scope (html[data-device="mobile"]){#detail-dialog #prepare-inquiry{gap:9px;padding-left:14px;padding-right:12px}.config-footer-cta{font-size:13px!important}.config-footer-quote{padding-left:9px!important}.config-footer-quote strong{font-size:16px!important}}}

/* Keep the changing vehicle image visible while the user configures colors. */
#detail-dialog .config-car-stage{position:sticky;top:34px;z-index:9;height:158px;margin:0 0 8px;background:#f5f6f8;box-shadow:0 8px 12px -14px rgba(24,35,46,.45)}
#detail-dialog .config-car-stage img{inset:0 0 22px;height:calc(100% - 22px)}
#detail-dialog .config-car-stage p{font-size:11px}
#detail-dialog .config-car-stage.is-interior img{inset:0 auto 22px 50%;height:calc(100% - 22px)}

/* Compact sticky action: selection and quote live inside the orange surface. */
#detail-dialog .config-footer{padding-top:10px;padding-bottom:max(10px,env(safe-area-inset-bottom))}
#detail-dialog #prepare-inquiry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;min-height:64px;padding:9px 14px 9px 16px}
#detail-dialog .config-footer-left{display:grid;gap:5px;min-width:0}
#detail-dialog .config-footer .config-selection-summary{display:flex;align-items:center;gap:6px;min-width:0;margin:0;color:rgba(255,255,255,.78)}
#detail-dialog .config-footer .config-selection-summary small{flex:0 0 auto;font-size:9px;font-weight:550}
#detail-dialog .config-footer .config-selection-summary strong{overflow:hidden;max-width:48%;color:#fff;font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
#detail-dialog .config-footer .config-selection-summary em{overflow:hidden;color:rgba(255,255,255,.78);font-size:9px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
#detail-dialog .config-footer-cta{font-size:13px;line-height:1.15}
#detail-dialog .config-footer-quote{padding-left:12px}
#detail-dialog .config-footer-quote strong{font-size:17px}
#detail-dialog .config-footer-quote em{font-size:8px}
@media(max-width:760px){
@scope (html[data-device="mobile"]){#detail-dialog .config-car-stage{top:30px;height:148px}#detail-dialog #prepare-inquiry{min-height:62px}}}
@media(max-width:390px){
@scope (html[data-device="mobile"]){#detail-dialog #prepare-inquiry{gap:7px;padding-left:12px;padding-right:10px}.config-footer .config-selection-summary small{display:none}.config-footer-quote{padding-left:8px!important}.config-footer-quote strong{font-size:15px!important}}}

/* Pin the complete vehicle identity block, not the photo alone. */
#detail-dialog .config-sticky-vehicle{position:sticky;top:-18px;z-index:9;margin:0 -2px 8px;padding:2px 2px 0;background:#f5f6f8;box-shadow:0 10px 14px -16px rgba(24,35,46,.55)}
#detail-dialog .config-sticky-vehicle .config-title{position:relative;margin:0;padding:2px 0 0}
#detail-dialog .config-sticky-vehicle .config-car-stage{position:relative;top:auto;z-index:auto;margin:0;height:148px;background:transparent;box-shadow:none}
@media(max-width:760px){
@scope (html[data-device="mobile"]){#detail-dialog .config-sticky-vehicle{top:-14px}#detail-dialog .config-sticky-vehicle .config-car-stage{height:140px}}}

/* Stable pinned vehicle summary: fixed to the configurator instead of recalculating on scroll. */
#detail-dialog .config-sticky-space{display:block;height:205px}
#detail-dialog .config-sticky-vehicle{position:fixed;top:60px;right:0;left:auto;width:min(520px,100vw);z-index:18;margin:0;padding:10px 26px 12px;background:#f5f6f8;box-sizing:border-box;box-shadow:0 8px 16px -14px rgba(24,35,46,.55);transform:none}
#detail-dialog .config-sticky-vehicle .config-title{padding-top:0}
#detail-dialog .config-sticky-vehicle .config-car-stage{height:145px;margin:0;padding-bottom:8px}
#detail-dialog .config-sticky-vehicle .config-car-stage img{inset:0 0 30px;height:calc(100% - 30px)}
#detail-dialog .config-sticky-vehicle .config-car-stage p{bottom:7px;color:#768492;font-size:11px;font-weight:550;white-space:nowrap}
#detail-dialog .config-sticky-vehicle .config-car-stage.is-interior img{inset:0 auto 30px 50%;height:calc(100% - 30px)}
@media(max-width:760px){
@scope (html[data-device="mobile"]){#detail-dialog .config-sticky-space{height:198px}#detail-dialog .config-sticky-vehicle{top:56px;width:100vw;padding:8px 20px 12px}#detail-dialog .config-sticky-vehicle .config-car-stage{height:138px}}}

/* Align the pinned identity copy with the text gutter used by the cards below. */
#detail-dialog .config-sticky-vehicle{padding-left:44px;padding-right:44px}
@media(max-width:760px){
@scope (html[data-device="mobile"]){#detail-dialog .config-sticky-vehicle{padding-left:48px;padding-right:48px}}}

/* Leave the native scroll track visible above the pinned vehicle summary. */
#detail-dialog .config-sticky-vehicle{right:10px;width:min(510px,calc(100vw - 10px))}
@media(max-width:760px){
@scope (html[data-device="mobile"]){#detail-dialog .config-sticky-vehicle{right:10px;width:calc(100vw - 10px)}}}

/* Floating app-style consultation card without a full-width white footer slab. */
#detail-dialog .config-footer{margin-left:-10px;margin-right:-10px;padding:8px 16px max(10px,env(safe-area-inset-bottom));border-top:0;background:transparent!important;box-shadow:none!important;pointer-events:none}
#detail-dialog #prepare-inquiry{border-radius:16px;box-shadow:0 8px 24px rgba(183,62,31,.22);pointer-events:auto}
@media(max-width:760px){
@scope (html[data-device="mobile"]){#detail-dialog .config-footer{margin-left:-8px;margin-right:-8px;padding-left:12px;padding-right:12px}}}

/* True floating action card: page content remains visible behind it. */
#detail-dialog .config-scroll{padding-bottom:92px}
#detail-dialog .config-footer{position:fixed;right:10px;bottom:0;left:auto;width:min(510px,calc(100vw - 10px));margin:0;padding:8px 24px max(10px,env(safe-area-inset-bottom));box-sizing:border-box;background:transparent!important;pointer-events:none}
#detail-dialog #prepare-inquiry{width:100%;min-height:68px;padding:10px 14px 10px 16px;border-radius:15px;box-shadow:0 8px 24px rgba(183,62,31,.22);pointer-events:auto}
#detail-dialog .config-footer-left{gap:6px}
#detail-dialog .config-footer .config-selection-summary{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 8px;align-items:center}
#detail-dialog .config-footer .config-selection-summary small{font-size:11px;font-weight:650;color:rgba(255,255,255,.82)}
#detail-dialog .config-selection-values{display:flex;align-items:center;gap:7px;min-width:0}
#detail-dialog .config-footer .config-selection-values strong{overflow:hidden;max-width:105px;color:#fff;font-size:12px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
#detail-dialog .config-footer .config-selection-values em{overflow:hidden;color:rgba(255,255,255,.84);font-size:11px;font-style:normal;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
#detail-dialog .config-footer-cta{font-size:13px}
#detail-dialog .config-footer-quote{display:grid;gap:4px;justify-items:end;padding-left:13px}
#detail-dialog .config-footer-quote>em{font-size:11px;font-weight:650;opacity:.9}
#detail-dialog .config-footer-monthly{display:flex;align-items:baseline;justify-content:flex-end;gap:6px;white-space:nowrap}
#detail-dialog .config-footer-monthly small{font-size:11px;font-weight:700;opacity:.86}
#detail-dialog .config-footer-monthly strong{font-size:18px;line-height:1.15}
@media(max-width:760px){
@scope (html[data-device="mobile"]){#detail-dialog .config-footer{right:10px;width:calc(100vw - 10px);padding-left:20px;padding-right:20px}}}
@media(max-width:390px){
@scope (html[data-device="mobile"]){#detail-dialog .config-footer{padding-left:14px;padding-right:14px}#detail-dialog .config-footer .config-selection-summary small{display:block}.config-selection-values{gap:5px!important}.config-footer .config-selection-values strong{max-width:78px!important}.config-footer-monthly{gap:4px!important}.config-footer-monthly strong{font-size:16px!important}}}

/* Center the floating card and make the selected trim/options the leading copy. */
@media(max-width:760px){
@scope (html[data-device="mobile"]){#detail-dialog .config-footer{right:-5px}}}
#detail-dialog .config-footer .config-selection-summary{display:block}
#detail-dialog .config-selection-values{justify-content:flex-start;gap:8px}
#detail-dialog .config-footer .config-selection-values strong{max-width:120px;font-size:12px}
#detail-dialog .config-footer .config-selection-values em{font-size:11px}

/* Consistent rhythm, dividers and availability counts for every configuration group. */
#detail-dialog .config-selection-card .selection-card-heading{padding-bottom:12px}
#detail-dialog .config-selection-card #config-selects{margin:0!important;padding:0!important;border:0!important;background:transparent!important}
#detail-dialog .config-data-host .config-label{margin:0;padding:13px 0 14px;border-top:1px solid #edf0f3;border-bottom:0}
#detail-dialog .config-data-host .config-field-label{align-items:center;justify-content:space-between;margin-bottom:9px}
#detail-dialog .config-field-label small{color:#8b96a0;font-size:11px;font-weight:550}
#detail-dialog .config-options-inline{margin:0;padding:13px 0 14px;border-top:1px solid #edf0f3}
#detail-dialog .config-inline-heading{margin-bottom:9px}
#detail-dialog .config-selection-card #config-colors{padding-top:0;border-top:0}
#detail-dialog .config-selection-card .color-section{margin:0;padding:13px 0 14px;border-top:1px solid #edf0f3}
#detail-dialog .config-selection-card .color-section+.color-section{margin-top:0;padding-top:13px}
#detail-dialog .config-selection-card .color-section:first-child:before,#detail-dialog .config-selection-card .color-section+.color-section:before{display:none}
#detail-dialog .config-selection-card .color-heading>span{display:inline;color:#566370;font-size:12px;font-weight:700}
#detail-dialog .color-heading{justify-content:flex-start;gap:8px;margin-bottom:8px}
#detail-dialog .color-heading small{margin-left:auto;color:#8b96a0;font-size:11px;font-weight:550}

/* Match the floating action card to the exact edges of the white selection card. */
#detail-dialog .config-footer{padding-left:26px;padding-right:26px}
@media(max-width:760px){
@scope (html[data-device="mobile"]){#detail-dialog .config-footer{padding-left:16px;padding-right:31px}}}

/* Configuration labels stay left aligned; counts stay on the right. */

/* Detail modes: custom build and confirmed master inventory. */
#detail-dialog .config-title{align-items:flex-start}
#detail-dialog .config-title>div:first-child{min-width:0}
#detail-dialog .config-title-tools{display:grid;justify-items:end;gap:9px;flex:0 0 auto;width:max-content}
#detail-dialog .config-brand-year{display:flex;align-items:center;gap:7px;color:#687684;font-size:11px;white-space:nowrap}
#detail-dialog .config-brand-year b,#detail-dialog .config-brand-year strong{font:inherit;font-weight:700}
#detail-dialog .config-brand-year strong:before{content:'·';margin-right:7px;color:#a2abb3}
#detail-dialog .config-stock-badge{display:flex;align-items:center;justify-content:flex-end;justify-self:stretch;gap:5px;width:100%;margin-top:7px;color:#73808c;font-size:10px;font-weight:650;white-space:nowrap}
#detail-dialog .config-stock-badge i{width:7px;height:7px;border-radius:50%;background:#ee5735;box-shadow:0 0 0 4px rgba(238,87,53,.12)}
#detail-dialog .config-stock-badge strong{color:#ee5735;font-size:11px}
#detail-dialog .config-mode-switch{display:flex;gap:3px;padding:3px;border-radius:11px;background:#e9edf0}
#detail-dialog .config-mode-switch button{height:30px;padding:0 11px;border:0;border-radius:8px;background:transparent;color:#73808c;font-size:10px;font-weight:750;white-space:nowrap}
#detail-dialog .config-mode-switch button[aria-pressed=true]{background:#fff;color:#273441;box-shadow:0 2px 7px rgba(24,35,46,.09)}
#detail-dialog .config-sticky-space{height:225px}
#detail-dialog .config-sticky-space{transition:height .3s cubic-bezier(.22,.74,.22,1)}
#detail-dialog .config-view-stage{position:relative;display:grid;box-sizing:border-box;margin-top:-32px;padding-top:32px;overflow:hidden}
#detail-dialog .config-view-panel{grid-area:1/1;width:100%;min-width:0;align-self:start;will-change:transform,opacity}
#detail-dialog .config-view-panel[hidden]{display:none!important}
#detail-dialog.is-stock-mode .config-footer{display:none}
#detail-dialog.is-stock-mode .config-scroll{padding-bottom:104px}
#detail-dialog .config-sticky-vehicle>.inventory-condition-card{display:none}
#detail-dialog.is-stock-mode .config-sticky-vehicle>.inventory-condition-card{display:block}
#detail-dialog.is-mode-switching .inventory-condition-card{animation:inventory-condition-in .25s ease-out both}
#detail-dialog.is-mode-switching:not(.is-stock-mode) .config-footer{animation:config-footer-in .25s ease-out both}
#detail-dialog.is-stock-mode .config-sticky-space{height:225px}
@keyframes inventory-condition-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes config-footer-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.inventory-condition-card{position:fixed;right:36px;bottom:max(10px,env(safe-area-inset-bottom));z-index:30;box-sizing:border-box;width:min(458px,calc(100vw - 52px));min-height:68px;margin:0;padding:13px 15px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:#273746;box-shadow:0 8px 24px rgba(20,32,43,.24)}
.inventory-list-card{margin:-32px 0 12px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.inventory-condition-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.inventory-condition-heading>div{display:grid;gap:4px}
.inventory-condition-heading span{color:#b8c4ce;font-size:10px;font-weight:650}
.inventory-condition-heading strong{color:#fff;font-size:13px}
.inventory-condition-heading button{display:grid;place-items:center;align-self:center;height:34px;margin-top:2px;padding:0 12px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.1);color:#fff;font-size:11px;font-weight:750;line-height:1}
#inventory-panel-conditions{margin-top:14px;padding-top:10px;border-top:1px solid rgba(255,255,255,.13)}
.inventory-condition-card .purchase-condition-row legend{color:#c6d0d8}
.inventory-condition-card .purchase-condition-row legend small{color:#9eabb6}
.inventory-condition-card .purchase-segments{background:rgba(255,255,255,.08)}
.inventory-condition-card .purchase-segments span{color:#c3cdd5}
.inventory-condition-card .purchase-segments input:checked+span{border-color:rgba(255,255,255,.2);background:#fff;color:#273746;box-shadow:0 3px 10px rgba(10,20,29,.18)}
.inventory-list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;height:32px;margin-bottom:0;padding:0}
.inventory-list-heading>div{display:flex;align-items:baseline;gap:7px}
.inventory-list-heading span{color:#34414d;font-size:13px;font-weight:750}
.inventory-list-heading strong{color:#ee5735;font-size:14px}
.inventory-list-heading small{color:#7d8994;font-size:11px}
#detail-dialog .inventory-list-heading .inventory-list-stock-badge{flex:0 0 auto;justify-content:flex-start;justify-self:auto;width:auto;margin:0;color:#73808c;font-size:11px}#detail-dialog .inventory-list-heading .inventory-list-stock-badge strong{color:#ee5735;font-size:13px}
#detail-dialog .inventory-list-heading .inventory-list-stock-badge i{box-shadow:none}
#inventory-list{display:grid;min-width:0;gap:9px}
.inventory-card{box-sizing:border-box;width:100%;min-width:0;padding:13px 14px;border:1px solid #e1e6ea;border-radius:14px;background:#fff;box-shadow:0 5px 14px rgba(35,48,60,.045);overflow:hidden}
.inventory-card-heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:8px;margin-bottom:5px}
.inventory-card-heading>strong{align-self:start;flex:0 0 auto;margin-top:0;padding:5px 8px;border-radius:999px;background:#eceff1;color:#2f3942;font-size:11px;line-height:1}
.inventory-card h3{align-self:start;min-width:0;margin:0;padding-top:6px;color:#283541;font-size:13px;line-height:1.4;transform:none}
.inventory-card-number{display:block;width:27px;height:27px;border-radius:50%;background:#e7ecef;color:#34434f;font-size:12px;font-weight:900;line-height:27px;text-align:center;font-variant-numeric:tabular-nums;box-shadow:inset 0 0 0 1px rgba(66,82,95,.06)}
.inventory-spec-block{min-width:0;margin-top:9px;padding:10px 9px 8px;border:0;border-radius:0;background:transparent}
.inventory-spec-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:18px;min-width:0;margin:0;padding:0;border:0}
.inventory-color-line{display:grid;gap:4px;min-width:0;color:#6f7d89;font-size:11px}
.inventory-color-line span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inventory-color-line b,.inventory-option-preview b{color:#4d5a66;font-weight:750}
.inventory-option-preview{display:grid;align-content:center;justify-items:start;gap:4px;width:100%;min-width:0;min-height:34px;margin:0;padding:0 0 0 4px;border:0;border-radius:0;background:transparent;color:#4d5a66;text-align:left}
.inventory-option-preview span{overflow:hidden;max-width:100%;font-size:11px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}
.inventory-option-preview strong{display:flex;align-items:center;gap:5px;overflow:hidden;max-width:100%;color:#ee5735;font-size:11px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.inventory-option-preview strong b{color:#7d8994;font-size:9px;font-weight:400}.inventory-option-preview strong em{font-style:normal;font-weight:800}.inventory-option-view{display:inline-grid;place-items:center;height:18px;padding:0 6px;border:1px solid #dfe4e8;border-radius:6px;background:#fff;color:#5d6c78;font-size:9px;font-style:normal;font-weight:750}
.inventory-option-preview.is-empty{cursor:default}
.inventory-vehicle-price{display:flex;align-items:center;justify-content:flex-start;gap:7px;min-height:25px;margin-top:8px;padding:8px 1px 0;border-top:1px solid #e7ebee;color:#77838e;font-size:10px}
.inventory-vehicle-price span{font-weight:650}.inventory-vehicle-price strong{color:#34414d;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}
.inventory-prices{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));box-sizing:border-box;width:100%;min-width:0;margin:7px 0 0;padding:10px 0;border-radius:11px;background:#f5f7f8}.inventory-prices:after{content:'';position:absolute;top:12px;bottom:12px;left:50%;width:1px;background:#dfe4e8}
.inventory-prices>div{display:grid;justify-items:center;align-content:center;gap:3px;min-width:0;min-height:64px;padding:0 12px;background:transparent;text-align:center}
.inventory-prices>div+div{border:0}
.inventory-prices span{color:#65737f;font-size:11px;font-weight:700;white-space:nowrap}
.inventory-prices strong{color:#2d3945;font-size:clamp(16px,3.6vw,19px);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.04em;white-space:nowrap}
.inventory-prices>div:first-child strong{color:#ee5735}
.inventory-price-row button{display:inline-flex;align-items:center;gap:5px;height:23px;padding:0;border:0;background:transparent;color:#526371;font-size:11px;font-weight:750;white-space:nowrap;box-shadow:none;transition:color .18s ease,transform .18s ease}.inventory-price-row button i{font-size:13px;font-style:normal}.inventory-price-row button:hover{background:transparent;color:#273846}.inventory-price-row button:active{transform:translateY(1px)}
.inventory-empty{padding:30px 8px;color:#87929d;font-size:12px;text-align:center}
#detail-dialog .inventory-options-modal{width:min(420px,calc(100vw - 38px));max-height:70dvh;margin:auto;padding:0;border:0;border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(15,23,31,.28)}
#detail-dialog .inventory-options-modal[open]{animation:inventory-modal-in .26s cubic-bezier(.22,.74,.22,1) both}
#detail-dialog .inventory-options-modal::backdrop{background:rgba(22,30,38,.4);backdrop-filter:blur(2px);animation:inventory-backdrop-in .22s ease-out both}
@keyframes inventory-modal-in{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes inventory-backdrop-in{from{opacity:0}to{opacity:1}}
.inventory-options-modal>div{padding:19px}
.inventory-options-modal>div>div{display:flex;align-items:center;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid #edf0f3}
.inventory-modal-head small{color:#8b96a0;font-size:9px}.inventory-modal-head h3{margin:3px 0 0;color:#283541;font-size:17px}
.inventory-modal-head+button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:#eef1f4;color:#6f7c88;font-size:22px}
#inventory-options-all{display:grid;gap:7px;max-height:48dvh;margin:14px 0 0;padding:0;overflow:auto;list-style:none}
#inventory-options-all li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border-radius:9px;background:#f5f7f8;color:#46535f;font-size:12px}
#inventory-options-all li span{min-width:0;overflow-wrap:anywhere}#inventory-options-all li strong{flex:0 0 auto;color:#34414d;font-size:12px;font-weight:750;font-variant-numeric:tabular-nums}
.inventory-options-total{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:13px 14px;border:0;border-radius:11px;background:#273746;color:#c8d1d9;font-size:11px;font-weight:650;box-shadow:0 6px 16px rgba(25,39,52,.12)}.inventory-options-total strong{color:#fff;font-size:15px;font-weight:850;text-align:right}
@media(max-width:760px){
@scope (html[data-device="mobile"]){#detail-dialog .inventory-options-modal{width:calc(100vw - 20px);max-width:none;margin:auto 10px 10px;border-radius:18px 18px 15px 15px}#detail-dialog .inventory-options-modal[open]{animation-name:inventory-modal-mobile-in}@keyframes inventory-modal-mobile-in{from{opacity:0;transform:translateY(42px)}to{opacity:1;transform:translateY(0)}}}}
@media(prefers-reduced-motion:reduce){#detail-dialog .inventory-options-modal[open],#detail-dialog .inventory-options-modal::backdrop{animation:none}}
@media(max-width:760px){
@scope (html[data-device="mobile"]){#detail-dialog.is-stock-mode .config-sticky-space{height:225px}.inventory-condition-card{right:26px;width:calc(100vw - 57px)}}}
@media(min-width:761px){#detail-dialog .config-sticky-space,#detail-dialog.is-stock-mode .config-sticky-space{height:229px}#detail-dialog .config-sticky-vehicle{border-left:1px solid #e3e7ec}}
@scope (html[data-device="desktop"]){#detail-dialog .config-sticky-space,#detail-dialog.is-stock-mode .config-sticky-space{height:229px}#detail-dialog .config-sticky-vehicle{border-left:1px solid #e3e7ec}}
@media(max-width:560px){
@scope (html[data-device="mobile"]){.inventory-card{padding:12px}.inventory-card-heading{align-items:start}.inventory-card h3{overflow-wrap:anywhere}.inventory-spec-block{padding-left:10px;padding-right:10px}.inventory-spec-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.inventory-prices{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 0}.inventory-prices>div{min-height:62px;padding:0 8px}.inventory-prices>div+div{border:0}.inventory-prices>div+div:before{display:none}.inventory-price-row button{height:22px;padding:0}}}
@media(max-width:380px){
@scope (html[data-device="mobile"]){.inventory-prices strong{font-size:15px}}}
@media(max-width:420px){
@scope (html[data-device="mobile"]){#detail-dialog .config-sticky-vehicle{padding-left:28px;padding-right:28px}.inventory-condition-card{padding-left:14px;padding-right:14px}.config-mode-switch button{padding:0 8px!important}.config-stock-badge{margin-top:5px!important}}}
#detail-dialog .config-field-label:before{display:none!important}
#detail-dialog .config-data-host .config-field-label{display:grid!important;grid-template-columns:minmax(0,1fr) auto;justify-content:normal;text-align:left}
#detail-dialog .config-data-host .config-field-label small{justify-self:end}

/* Compact PC drawers use 440px: every fixed surface must follow that adaptive width. */
@media(min-width:761px){
 #detail-dialog .config-sticky-vehicle,
 #detail-dialog .config-footer{
  box-sizing:border-box!important;
  right:10px!important;
  width:calc(var(--adaptive-panel) - 10px)!important;
  max-width:calc(100vw - 10px)!important;
 }
 #detail-dialog .inventory-condition-card{
  box-sizing:border-box!important;
  right:36px!important;
  width:calc(var(--adaptive-panel) - 62px)!important;
  max-width:calc(100vw - 52px)!important;
 }
}
@scope (html[data-device="desktop"]){
 #detail-dialog .config-sticky-vehicle,
 #detail-dialog .config-footer{
  box-sizing:border-box!important;
  right:10px!important;
  width:calc(var(--adaptive-panel) - 10px)!important;
  max-width:calc(100vw - 10px)!important;
 }
 #detail-dialog .inventory-condition-card{
  box-sizing:border-box!important;
  right:36px!important;
  width:calc(var(--adaptive-panel) - 62px)!important;
  max-width:calc(100vw - 52px)!important;
 }}

/* Dependent configuration rows settle in together after an upper choice changes. */
#detail-dialog .config-dependent-region{transform:none;transform-origin:50% 0}
#detail-dialog .config-dependent-region.is-updating{pointer-events:none}
#detail-dialog .config-dependent-region.is-revealing{animation:config-dependent-reveal .48s cubic-bezier(.22,.72,.18,1) both;will-change:clip-path,opacity}
@keyframes config-dependent-reveal{0%{opacity:0;clip-path:inset(0 0 100% 0 round 12px)}45%{opacity:.82}100%{opacity:1;clip-path:inset(0 0 0 0 round 12px)}}
@media(prefers-reduced-motion:reduce){#detail-dialog .config-dependent-region{transition:none!important;animation:none!important}}

/* Purchase choices use the selected surface alone, without an orange underline. */
#detail-dialog .purchase-segments input:checked+span:after{display:none!important}

/* Sheet headings belong to the desktop drill-down flow; mobile keeps its existing inline flow. */
html[data-device="mobile"] #detail-dialog .config-options-inline>.config-sheet-head,
html[data-device="mobile"] #detail-dialog .config-color-sheet-head{display:none!important}

@keyframes config-row-unfold{from{clip-path:inset(0 0 100% 0);opacity:.45}to{clip-path:inset(0 0 0 0);opacity:1}}
html[data-device="desktop"] #detail-dialog .config-summary-row{transition:background-color .18s ease,box-shadow .18s ease}
html[data-device="desktop"] #detail-dialog .config-summary-row[aria-expanded="true"]{background:#eef2f5;box-shadow:inset 3px 0 #ef5633}
html[data-device="desktop"] #detail-dialog .config-summary-row>i{transition:transform .2s ease;transform-origin:center}
html[data-device="desktop"] #detail-dialog .config-summary-row[aria-expanded="true"]>i{transform:rotate(90deg);color:#ef5633}
@media(prefers-reduced-motion:reduce){html[data-device="desktop"] #detail-dialog .config-picker-inline.open .config-picker-menu,html[data-device="desktop"] #detail-dialog .config-options-inline:not([hidden]),html[data-device="desktop"] #detail-dialog .config-selection-card .color-section.open{animation:none!important}}/* Join the expanded group's last row to its sheet; share all sheet headers. */
html[data-device="desktop"] #detail-dialog .config-summary-group:has(>.config-summary-row:last-child[aria-expanded="true"]){border-bottom-left-radius:0;border-bottom-right-radius:0}
html[data-device="desktop"] #detail-dialog .config-sheet-head{position:sticky;top:-10px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 -4px 8px;padding:16px 4px 13px;border-bottom:1px solid #edf0f3;background:#fff}
html[data-device="desktop"] #detail-dialog .config-sheet-head>div{min-width:0;display:grid;gap:3px}
html[data-device="desktop"] #detail-dialog .config-sheet-head>[data-apply-config-sheet]{margin-left:auto;flex-shrink:0;align-self:center}

/* fixed-layout.css */
/* Hybrid layout: stable typography with an adaptive workspace. */
@media (min-width:761px){
 @scope (:root) to (.site-workspace){
 html,body{min-width:0;overflow-x:hidden}
 body{--adaptive-panel:520px}
 .preview-note,.top,.top-nav{width:100%!important;min-width:0}
 .top{padding-left:max(28px,calc((100vw - 1280px)/2 + 28px))!important;padding-right:max(28px,calc((100vw - 1280px)/2 + 28px))!important}
 .top-nav>div,.app-shell{box-sizing:border-box;width:min(1280px,100%)!important;min-width:0;max-width:1280px!important}
 .top-nav>div{margin-left:auto!important;margin-right:auto!important}
 .app-shell{margin-left:max(0px,calc((100vw - 1280px)/2))!important;margin-right:0!important}
 .app-shell{container-type:inline-size}
 .app-shell #main{width:100%;min-width:0}
 .top,.top-nav,.preview-note,.app-shell{transition:width .36s cubic-bezier(.22,.72,.24,1),margin .36s cubic-bezier(.22,.72,.24,1),padding .36s cubic-bezier(.22,.72,.24,1),transform .36s cubic-bezier(.22,.72,.24,1)!important}
 .top-nav>div{transition:width .36s cubic-bezier(.22,.72,.24,1),padding .36s cubic-bezier(.22,.72,.24,1)!important}
 #saved-view,.garage-hero,.garage-panels{transition:width .36s cubic-bezier(.22,.72,.24,1),margin .36s cubic-bezier(.22,.72,.24,1),padding .36s cubic-bezier(.22,.72,.24,1),gap .36s cubic-bezier(.22,.72,.24,1),transform .36s cubic-bezier(.22,.72,.24,1);will-change:width,margin,transform}
 #detail-dialog.config-dialog{position:fixed!important;inset:0 0 0 auto!important;width:var(--adaptive-panel)!important;min-width:var(--adaptive-panel);max-width:var(--adaptive-panel)!important;height:100dvh;transform:none}
 }
}
@scope (html[data-device="desktop"]){
 @scope (:root) to (.site-workspace){
 html,body{min-width:0;overflow-x:hidden}
 body{--adaptive-panel:520px}
 .preview-note,.top,.top-nav{width:100%!important;min-width:0}
 .top{padding-left:max(28px,calc((100vw - 1280px)/2 + 28px))!important;padding-right:max(28px,calc((100vw - 1280px)/2 + 28px))!important}
 .top-nav>div,.app-shell{box-sizing:border-box;width:min(1280px,100%)!important;min-width:0;max-width:1280px!important}
 .top-nav>div{margin-left:auto!important;margin-right:auto!important}
 .app-shell{margin-left:max(0px,calc((100vw - 1280px)/2))!important;margin-right:0!important}
 .app-shell{container-type:inline-size}
 .app-shell #main{width:100%;min-width:0}
 .top,.top-nav,.preview-note,.app-shell{transition:width .36s cubic-bezier(.22,.72,.24,1),margin .36s cubic-bezier(.22,.72,.24,1),padding .36s cubic-bezier(.22,.72,.24,1),transform .36s cubic-bezier(.22,.72,.24,1)!important}
 .top-nav>div{transition:width .36s cubic-bezier(.22,.72,.24,1),padding .36s cubic-bezier(.22,.72,.24,1)!important}
 #saved-view,.garage-hero,.garage-panels{transition:width .36s cubic-bezier(.22,.72,.24,1),margin .36s cubic-bezier(.22,.72,.24,1),padding .36s cubic-bezier(.22,.72,.24,1),gap .36s cubic-bezier(.22,.72,.24,1),transform .36s cubic-bezier(.22,.72,.24,1);will-change:width,margin,transform}
 #detail-dialog.config-dialog{position:fixed!important;inset:0 0 0 auto!important;width:var(--adaptive-panel)!important;min-width:var(--adaptive-panel);max-width:var(--adaptive-panel)!important;height:100dvh;transform:none}
 }
}
@container siteWorkspace (min-width:761px){
 html,body{min-width:0;overflow-x:hidden}
 body{--adaptive-panel:520px}
 .preview-note,.top,.top-nav{width:100%!important;min-width:0}
 .top{padding-left:max(28px,calc((100cqw - 1280px)/2 + 28px))!important;padding-right:max(28px,calc((100cqw - 1280px)/2 + 28px))!important}
 .top-nav>div,.app-shell{box-sizing:border-box;width:min(1280px,100%)!important;min-width:0;max-width:1280px!important}
 .top-nav>div{margin-left:auto!important;margin-right:auto!important}
 .app-shell{margin-left:max(0px,calc((100cqw - 1280px)/2))!important;margin-right:0!important}
 .app-shell{container-type:inline-size}
 .app-shell #main{width:100%;min-width:0}
 .top,.top-nav,.preview-note,.app-shell{transition:width .36s cubic-bezier(.22,.72,.24,1),margin .36s cubic-bezier(.22,.72,.24,1),padding .36s cubic-bezier(.22,.72,.24,1),transform .36s cubic-bezier(.22,.72,.24,1)!important}
 .top-nav>div{transition:width .36s cubic-bezier(.22,.72,.24,1),padding .36s cubic-bezier(.22,.72,.24,1)!important}
 #saved-view,.garage-hero,.garage-panels{transition:width .36s cubic-bezier(.22,.72,.24,1),margin .36s cubic-bezier(.22,.72,.24,1),padding .36s cubic-bezier(.22,.72,.24,1),gap .36s cubic-bezier(.22,.72,.24,1),transform .36s cubic-bezier(.22,.72,.24,1);will-change:width,margin,transform}
 #detail-dialog.config-dialog{position:fixed!important;inset:0 0 0 auto!important;width:var(--adaptive-panel)!important;min-width:var(--adaptive-panel);max-width:var(--adaptive-panel)!important;height:100dvh;transform:none}
}
/* When the drawer sits entirely outside the centered 1280px workspace, keep that workspace still. */
/* Compact PC: spacing and columns adapt, typography remains stable. */
@media (min-width:761px) and (max-width:1279px){
 @scope (:root) to (.site-workspace){
 .top{padding-left:24px!important;padding-right:24px!important}
 .top-nav>div{padding-left:16px;padding-right:16px}
 .app-shell #main{padding-left:22px;padding-right:22px}
 }
}
@container siteWorkspace (min-width:761px) and (max-width:1279px){
 .top{padding-left:24px!important;padding-right:24px!important}
 .top-nav>div{padding-left:16px;padding-right:16px}
 .app-shell #main{padding-left:22px;padding-right:22px}
}
/* Tablet-sized desktop window: compact drawer plus a single usable workspace column. */
@media (min-width:761px) and (max-width:960px){
 @scope (:root) to (.site-workspace){
 body{--adaptive-panel:440px}
 .top .official-logo{width:180px}
 .top-nav button{padding-left:6px;padding-right:6px}
 .showroom-grid,#home-cars,#home-recent-cars,.garage-saved-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #detail-dialog .config-picker.open .config-picker-menu,.config-options-sheet:not([hidden]){width:var(--adaptive-panel)}
 }
}
@container siteWorkspace (min-width:761px) and (max-width:960px){
 body{--adaptive-panel:440px}
 .top .official-logo{width:180px}
 .top-nav button{padding-left:6px;padding-right:6px}
 .showroom-grid,#home-cars,#home-recent-cars,.garage-saved-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #detail-dialog .config-picker.open .config-picker-menu,.config-options-sheet:not([hidden]){width:var(--adaptive-panel)}
}
@media (max-width:760px){
 @scope (html[data-device="mobile"]){
 @scope (:root) to (.site-workspace){
 html,body{min-width:0;max-width:100%;overflow-x:hidden}
 .app-shell{width:auto!important;min-width:0;max-width:none!important}
 #detail-dialog.config-dialog{width:100%!important;min-width:0;max-width:100%!important}
 }
 }
}
@container siteWorkspace (max-width:760px){
 html,body{min-width:0;max-width:100%;overflow-x:hidden}
 .app-shell{width:auto!important;min-width:0;max-width:none!important}
 #detail-dialog.config-dialog{width:100%!important;min-width:0;max-width:100%!important}
}
@media (prefers-reduced-motion:reduce){
 .top,.top-nav,.preview-note,.app-shell,.top-nav>div{transition:none!important}
}

/* home-refresh.css */
#home-view{max-width:1280px;margin:0 auto}
.home-hero-v2{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);min-height:430px;margin:0 0 18px;padding:54px 58px 46px;overflow:hidden;border-radius:28px;background:linear-gradient(135deg,#e95635 0%,#e44d2c 62%,#d94327 100%);box-shadow:0 18px 42px rgba(138,49,28,.16);color:#fff}
.home-hero-v2:before{content:'';position:absolute;right:-115px;top:-180px;width:470px;height:470px;border:70px solid rgba(255,255,255,.08);border-radius:50%;z-index:-1}.home-hero-v2:after{content:'';position:absolute;left:44%;bottom:-190px;width:350px;height:350px;border-radius:50%;background:rgba(89,25,14,.1);filter:blur(2px);z-index:-1}
.home-hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;min-width:0}.home-kicker{display:flex;align-items:center;gap:8px;margin-bottom:18px;font-size:11px;font-weight:750;letter-spacing:.16em;color:rgba(255,255,255,.84)}.home-kicker i{width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.13)}
.home-hero-copy h1{margin:0;font-size:46px;line-height:1.16;letter-spacing:-.065em}.home-hero-copy h1 strong{color:#222c36;font-weight:850}.home-hero-copy>p{margin:19px 0 28px;font-size:15px;line-height:1.7;color:rgba(255,255,255,.86);word-break:keep-all}
.home-hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(100%,590px)}.home-hero-actions button{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:2px 11px;min-height:82px;padding:14px 15px;border-radius:17px;text-align:left;transition:transform .2s ease,box-shadow .2s ease}.home-hero-actions button>span{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:12px}.home-hero-actions .icon{width:19px;height:19px}.home-hero-actions b{font-size:14px}.home-hero-actions small{font-size:10px;white-space:nowrap}.home-hero-actions i{grid-column:3;grid-row:1/3;font-style:normal;font-size:19px}.home-action-primary{background:#222e3b;color:#fff;box-shadow:0 10px 22px rgba(55,18,9,.2)}.home-action-primary>span{background:rgba(255,255,255,.1);color:#fff}.home-action-primary small{color:#aeb8c1}.home-action-secondary{background:#fff;color:#2d3945;box-shadow:0 10px 22px rgba(93,28,14,.13)}.home-action-secondary>span{background:#f2f4f6;color:#e65434}.home-action-secondary small{color:#89949f}@media(hover:hover){.home-hero-actions button:hover{transform:translateY(-3px)}}
.home-hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;z-index:1}.home-hero-art .showroom-car-art{width:470px;max-width:115%;height:300px;filter:drop-shadow(0 24px 22px rgba(64,20,11,.24))}.home-hero-art>span{position:absolute;right:8px;bottom:21px;font-size:9px;font-weight:750;letter-spacing:.18em;color:rgba(255,255,255,.66)}
.home-signal{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0 0 62px;padding:8px;border:1px solid #e8ecef;border-radius:19px;background:#e8ecef;box-shadow:0 7px 22px rgba(35,47,59,.045)}.home-signal>div{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;gap:2px 13px;min-height:78px;padding:14px 22px;background:#fff}.home-signal>div:first-child{border-radius:12px 0 0 12px}.home-signal>div:last-child{border-radius:0 12px 12px 0}.home-signal span{grid-row:1/3;display:grid;place-items:center;min-width:76px;height:26px;padding:0 9px;border-radius:8px;background:#f1f3f5;color:#df5636;font-size:9px;font-weight:800;letter-spacing:.08em}.home-signal strong{align-self:end;font-size:16px;color:#2e3b47}.home-signal small{align-self:start;font-size:11px;color:#8b96a0}
.home-ranking,.home-recent{margin-bottom:64px}.home-section-label{display:block;margin:0 0 9px;color:#e15737;font-size:10px;font-weight:800;letter-spacing:.15em}.home-ranking .section-head,.home-recent .section-head{align-items:flex-end;margin-bottom:22px}.home-ranking .section-head h2,.home-recent .section-head h2{font-size:28px;letter-spacing:-.05em}.home-section-side{display:flex;align-items:center;gap:16px}.home-section-side>span{padding:8px 11px;border-radius:9px;background:#f1f3f5;color:#687480;font-size:11px;font-weight:650}
.home-help-v2{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:12px;margin:0 0 38px;padding:20px;border-radius:22px;background:#273442;color:#fff}.home-help-title{padding:10px 12px}.home-help-title h2{margin:0 0 7px;font-size:23px;letter-spacing:-.045em}.home-help-title p{margin:0;color:#acb7c1;font-size:12px;line-height:1.55}.home-help-v2 button{display:grid;grid-template-columns:42px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:2px 11px;padding:15px;border-radius:15px;background:rgba(255,255,255,.08);color:#fff;text-align:left}.home-help-v2 button>span{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(255,255,255,.09);color:#f16b4b}.home-help-v2 button .icon{width:20px;height:20px}.home-help-v2 button strong{font-size:13px}.home-help-v2 button small{color:#aab5be;font-size:10px}.home-help-v2 button i{grid-column:3;grid-row:1/3;font-style:normal;color:#f16b4b}
@container siteWorkspace (max-width:980px){.home-hero-v2{grid-template-columns:1fr;min-height:410px;padding-right:40%}.home-hero-art{position:absolute;right:-70px;bottom:32px;width:48%}.home-hero-art .showroom-car-art{width:390px}.home-hero-actions{grid-template-columns:1fr;max-width:310px}.home-signal{grid-template-columns:1fr}.home-signal>div,.home-signal>div:first-child,.home-signal>div:last-child{border-radius:12px}.home-help-v2{grid-template-columns:1fr 1fr}.home-help-title{grid-column:1/-1}}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){#home-view{margin:0 -2px}.home-hero-v2{display:block;min-height:515px;margin:0 -2px 14px;padding:28px 21px 23px;border-radius:22px}.home-hero-copy h1{font-size:34px}.home-hero-copy>p{margin:14px 0 18px;font-size:13px}.home-hero-actions{position:absolute;left:18px;right:18px;bottom:18px;grid-template-columns:1fr 1fr;width:auto;max-width:none;z-index:3}.home-hero-actions button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:105px;padding:13px;gap:7px}.home-hero-actions button>span{width:34px;height:34px}.home-hero-actions button small{white-space:normal;line-height:1.35}.home-hero-actions button i{position:absolute;right:13px;top:14px}.home-hero-art{position:absolute;right:-27px;bottom:119px;width:82%;height:190px;justify-content:flex-end}.home-hero-art .showroom-car-art{width:305px;height:190px;max-width:none}.home-hero-art>span{display:none}.home-signal{grid-template-columns:repeat(3,1fr);margin-bottom:42px;padding:5px;border-radius:16px}.home-signal>div{display:flex;flex-direction:column;justify-content:center;gap:5px;min-height:92px;padding:9px 4px;text-align:center}.home-signal span{min-width:0;height:21px;font-size:7px}.home-signal strong{font-size:13px}.home-signal small{font-size:9px;line-height:1.35}.home-ranking,.home-recent{margin-bottom:46px}.home-ranking .section-head,.home-recent .section-head{align-items:flex-end}.home-ranking .section-head h2,.home-recent .section-head h2{font-size:23px}.home-section-side>span{display:none}.home-help-v2{grid-template-columns:1fr;padding:15px;border-radius:19px}.home-help-title{grid-column:auto;padding:7px}.home-help-title h2{font-size:20px}.home-help-v2 button{min-height:72px}}}}
@container siteWorkspace (max-width:760px){#home-view{margin:0 -2px}.home-hero-v2{display:block;min-height:515px;margin:0 -2px 14px;padding:28px 21px 23px;border-radius:22px}.home-hero-copy h1{font-size:34px}.home-hero-copy>p{margin:14px 0 18px;font-size:13px}.home-hero-actions{position:absolute;left:18px;right:18px;bottom:18px;grid-template-columns:1fr 1fr;width:auto;max-width:none;z-index:3}.home-hero-actions button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:105px;padding:13px;gap:7px}.home-hero-actions button>span{width:34px;height:34px}.home-hero-actions button small{white-space:normal;line-height:1.35}.home-hero-actions button i{position:absolute;right:13px;top:14px}.home-hero-art{position:absolute;right:-27px;bottom:119px;width:82%;height:190px;justify-content:flex-end}.home-hero-art .showroom-car-art{width:305px;height:190px;max-width:none}.home-hero-art>span{display:none}.home-signal{grid-template-columns:repeat(3,1fr);margin-bottom:42px;padding:5px;border-radius:16px}.home-signal>div{display:flex;flex-direction:column;justify-content:center;gap:5px;min-height:92px;padding:9px 4px;text-align:center}.home-signal span{min-width:0;height:21px;font-size:7px}.home-signal strong{font-size:13px}.home-signal small{font-size:9px;line-height:1.35}.home-ranking,.home-recent{margin-bottom:46px}.home-ranking .section-head,.home-recent .section-head{align-items:flex-end}.home-ranking .section-head h2,.home-recent .section-head h2{font-size:23px}.home-section-side>span{display:none}.home-help-v2{grid-template-columns:1fr;padding:15px;border-radius:19px}.home-help-title{grid-column:auto;padding:7px}.home-help-title h2{font-size:20px}.home-help-v2 button{min-height:72px}}
@media(prefers-reduced-motion:reduce){.home-hero-actions button{transition:none}}
.home-shorts{margin:0 0 64px}.home-shorts .section-head{align-items:flex-end;margin-bottom:20px}.home-shorts .section-head h2{font-size:28px;letter-spacing:-.05em}.home-shorts-track{display:grid;grid-auto-flow:column;grid-auto-columns:210px;gap:14px;overflow-x:auto;padding:2px 2px 14px;scroll-snap-type:x proximity;scrollbar-width:thin}.home-short-card{position:relative;display:block;min-height:365px;padding:0;overflow:hidden;border-radius:19px;background:#222e3b;color:#fff;text-align:left;scroll-snap-align:start;box-shadow:0 9px 24px rgba(31,43,55,.1)}.home-short-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .28s ease}.home-short-card:after{content:'';position:absolute;inset:32% 0 0;background:linear-gradient(180deg,transparent,rgba(12,18,24,.9))}.home-short-play{position:absolute;top:15px;right:15px;z-index:2;display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:rgba(255,255,255,.92);color:#e65333;font-size:14px;box-shadow:0 5px 14px rgba(0,0,0,.15)}.home-short-copy{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:19px}.home-short-copy small{display:block;margin-bottom:7px;color:#f16a49;font-size:9px;font-weight:800;letter-spacing:.12em}.home-short-copy strong{display:-webkit-box;overflow:hidden;font-size:15px;line-height:1.45;letter-spacing:-.035em;-webkit-line-clamp:3;-webkit-box-orient:vertical}@media(hover:hover){.home-short-card:hover img{transform:scale(1.035)}}
.home-video-dialog{width:min(430px,calc(100% - 28px));max-width:none;padding:0;border:0;border-radius:24px;background:#111820;overflow:hidden;box-shadow:0 25px 80px rgba(16,23,31,.38)}.home-video-dialog::backdrop{background:rgba(20,28,37,.68);backdrop-filter:blur(7px)}.home-video-dialog-inner{position:relative;width:100%;aspect-ratio:9/16;background:#111820}.home-video-dialog iframe{display:block;width:100%;height:100%;border:0}.home-video-close{position:absolute;right:12px;top:12px;z-index:2;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.92);color:#34404b;font-size:24px;box-shadow:0 5px 16px rgba(0,0,0,.18)}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){.home-shorts{margin-bottom:46px}.home-shorts .section-head{align-items:flex-end}.home-shorts .section-head h2{font-size:23px}.home-shorts-track{grid-auto-columns:min(61vw,230px);margin:0 -18px;padding:2px 18px 14px;scroll-padding-left:18px;scroll-snap-type:x mandatory}.home-short-card{min-height:380px}}}}
@container siteWorkspace (max-width:760px){.home-shorts{margin-bottom:46px}.home-shorts .section-head{align-items:flex-end}.home-shorts .section-head h2{font-size:23px}.home-shorts-track{grid-auto-columns:min(61cqw,230px);margin:0 -18px;padding:2px 18px 14px;scroll-padding-left:18px;scroll-snap-type:x mandatory}.home-short-card{min-height:380px}}
.home-media-board{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:16px;align-items:stretch}.home-media-board .home-shorts-track{grid-template-columns:repeat(3,minmax(150px,1fr));grid-auto-flow:row;grid-auto-columns:auto;gap:12px;min-width:0;overflow-x:auto;padding:2px}.home-feature-video{min-width:0}.home-wide-card{display:flex;flex-direction:column;width:100%;height:100%;min-height:365px;padding:0;overflow:hidden;border:1px solid #e4e9ed;border-radius:19px;background:#f5f7f8;text-align:left}.home-wide-visual{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background:#202c38}.home-wide-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(19,27,35,.35))}.home-wide-visual img{width:100%;height:100%;object-fit:cover;transition:transform .28s ease}.home-wide-visual i{position:absolute;left:50%;top:50%;z-index:2;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,.93);color:#e65333;font-size:17px;font-style:normal;transform:translate(-50%,-50%);box-shadow:0 8px 22px rgba(17,25,33,.2)}.home-wide-copy{display:grid;grid-template-columns:1fr auto;gap:8px 16px;padding:19px 21px}.home-wide-copy small{grid-column:1/-1;color:#e15838;font-size:9px;font-weight:800;letter-spacing:.13em}.home-wide-copy strong{font-size:17px;line-height:1.45;color:#2d3945;letter-spacing:-.04em}.home-wide-copy em{align-self:end;color:#7f8a95;font-size:10px;font-style:normal;white-space:nowrap}@media(hover:hover){.home-wide-card:hover .home-wide-visual img{transform:scale(1.025)}}
@container siteWorkspace (max-width:980px){.home-media-board{grid-template-columns:1fr}.home-feature-video{order:-1}.home-wide-card{min-height:0}.home-media-board .home-shorts-track{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:190px;padding-bottom:12px}}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){.home-media-board{gap:17px}.home-media-board .home-shorts-track{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(61vw,230px);margin:0 -18px;padding:2px 18px 14px;scroll-padding-left:18px}.home-wide-copy{display:block;padding:16px}.home-wide-copy strong{display:block;margin-top:7px;font-size:15px}.home-wide-copy em{display:block;margin-top:10px}}}}
@container siteWorkspace (max-width:760px){.home-media-board{gap:17px}.home-media-board .home-shorts-track{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(61cqw,230px);margin:0 -18px;padding:2px 18px 14px;scroll-padding-left:18px}.home-wide-copy{display:block;padding:16px}.home-wide-copy strong{display:block;margin-top:7px;font-size:15px}.home-wide-copy em{display:block;margin-top:10px}}
@media(min-width:981px){
@scope (:root) to (.site-workspace){.home-media-board .home-shorts-track[data-count="2"]{grid-template-columns:repeat(2,minmax(170px,195px));justify-content:center}.home-media-board .home-shorts-track[data-count="1"]{grid-template-columns:minmax(180px,210px);justify-content:center}}}
@container siteWorkspace (min-width:981px){.home-media-board .home-shorts-track[data-count="2"]{grid-template-columns:repeat(2,minmax(170px,195px));justify-content:center}.home-media-board .home-shorts-track[data-count="1"]{grid-template-columns:minmax(180px,210px);justify-content:center}}
@media(min-width:981px){
@scope (:root) to (.site-workspace){.home-media-board{grid-template-columns:max-content minmax(360px,535px);justify-content:center;gap:12px}.home-media-board .home-shorts-track{grid-template-columns:repeat(3,190px);justify-content:start}.home-media-board .home-shorts-track[data-count="2"]{grid-template-columns:repeat(2,195px);justify-content:start}.home-media-board .home-shorts-track[data-count="1"]{grid-template-columns:210px;justify-content:start}.home-feature-video{width:535px;max-width:100%}}}
@container siteWorkspace (min-width:981px){.home-media-board{grid-template-columns:max-content minmax(360px,535px);justify-content:center;gap:12px}.home-media-board .home-shorts-track{grid-template-columns:repeat(3,190px);justify-content:start}.home-media-board .home-shorts-track[data-count="2"]{grid-template-columns:repeat(2,195px);justify-content:start}.home-media-board .home-shorts-track[data-count="1"]{grid-template-columns:210px;justify-content:start}.home-feature-video{width:535px;max-width:100%}}

/* Premium home campaign */
.home-hero-v2{display:block;min-height:500px;padding:62px 58px 48px;background-image:linear-gradient(90deg,rgba(111,27,8,.22) 0%,rgba(111,27,8,.1) 32%,rgba(111,27,8,0) 58%),url('home-hero-ultrawide-v6.png');background-size:cover;background-position:center;box-shadow:0 22px 52px rgba(129,48,27,.18)}
.home-hero-v2:before{right:auto;left:-120px;top:-210px;border-color:rgba(239,84,45,.1)}.home-hero-v2:after{left:29%;bottom:-250px;background:rgba(239,84,45,.12);filter:blur(18px)}
.home-hero-copy{max-width:620px;min-height:390px;text-shadow:0 2px 15px rgba(92,26,10,.16)}.home-hero-copy h1{font-size:50px}.home-hero-copy h1 strong{color:#fff}.home-hero-copy>p{color:rgba(255,255,255,.9)}
.home-signal{grid-template-columns:repeat(4,1fr)}

.home-ranking{margin-left:calc(50% - 50cqw);margin-right:calc(50% - 50cqw);padding:58px max(24px,calc((100cqw - 1280px)/2));background:#fafafa}
.home-ranking>.section-head{max-width:1280px;margin-left:auto;margin-right:auto}.home-popular-groups{display:flex!important;flex-direction:column;gap:42px;max-width:1280px;margin:0 auto}
.home-popular-group{min-width:0}.home-popular-group>header{display:grid;grid-template-columns:minmax(160px,.7fr) minmax(240px,1fr) auto;align-items:end;gap:18px;margin:0 0 16px;padding:0 2px}.home-popular-group>header div>span{display:block;margin-bottom:4px;color:#e95635;font-size:10px;font-weight:800;letter-spacing:.12em}.home-popular-group>header h3{margin:0;color:#26323e;font-size:22px;letter-spacing:-.045em}.home-popular-group>header p{margin:0;color:#7c8792;font-size:12px}.home-popular-group>header button{color:#56626e;font-size:11px;font-weight:700;white-space:nowrap}
.home-popular-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(272px,292px);gap:16px;overflow-x:auto;overscroll-behavior-inline:contain;padding:2px 2px 16px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#c6cdd4 transparent}.home-popular-row>.car-card{height:100%;scroll-snap-align:start;background:#fff!important;box-shadow:none!important}.home-popular-row>.car-card:hover{background:#fff!important;box-shadow:none!important}

@container siteWorkspace (max-width:980px){.home-hero-v2{min-height:470px;padding-right:42%}.home-signal{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){.home-hero-v2{min-height:535px;padding:28px 21px 23px;background-image:linear-gradient(180deg,rgba(104,26,8,.18) 0%,rgba(104,26,8,.05) 56%,rgba(104,26,8,.14) 100%),url('home-hero-ultrawide-v6.png');background-position:61% center}.home-hero-copy{min-height:0}.home-hero-copy h1{font-size:35px}.home-signal{grid-template-columns:repeat(2,1fr);gap:1px}.home-signal>div{min-height:88px}.home-ranking{margin-left:-18px;margin-right:-18px;padding:42px 18px}.home-popular-groups{gap:34px}.home-popular-group>header{grid-template-columns:1fr auto;gap:5px 12px}.home-popular-group>header p{grid-column:1/-1;grid-row:2}.home-popular-group>header button{grid-column:2;grid-row:1}.home-popular-row{grid-auto-columns:min(82vw,292px);margin:0 -18px;padding:2px 18px 14px;scroll-padding-left:18px;scroll-snap-type:x mandatory}.home-popular-row .car-card{margin:0!important;padding:10px 16px 12px!important;border-bottom:0!important}.home-popular-row .card-main{display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:30px 0 0!important}.home-popular-row .car-visual{order:-1!important;width:100%!important;height:156px!important;margin:0 0 12px!important}.home-popular-row .dual-prices{grid-template-columns:1fr 1fr!important;gap:10px!important}.home-popular-row .price-row{display:flex!important;flex-direction:column!important;align-items:flex-start!important}.home-popular-row .price-row+.price-row{padding-left:10px!important;border-left:1px solid #e1e6eb!important}}}}
@container siteWorkspace (max-width:760px){.home-hero-v2{min-height:535px;padding:28px 21px 23px;background-image:linear-gradient(180deg,rgba(104,26,8,.18) 0%,rgba(104,26,8,.05) 56%,rgba(104,26,8,.14) 100%),url('home-hero-ultrawide-v6.png');background-position:61% center}.home-hero-copy{min-height:0}.home-hero-copy h1{font-size:35px}.home-signal{grid-template-columns:repeat(2,1fr);gap:1px}.home-signal>div{min-height:88px}.home-ranking{margin-left:-18px;margin-right:-18px;padding:42px 18px}.home-popular-groups{gap:34px}.home-popular-group>header{grid-template-columns:1fr auto;gap:5px 12px}.home-popular-group>header p{grid-column:1/-1;grid-row:2}.home-popular-group>header button{grid-column:2;grid-row:1}.home-popular-row{grid-auto-columns:min(82cqw,292px);margin:0 -18px;padding:2px 18px 14px;scroll-padding-left:18px;scroll-snap-type:x mandatory}.home-popular-row .car-card{margin:0!important;padding:10px 16px 12px!important;border-bottom:0!important}.home-popular-row .card-main{display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:30px 0 0!important}.home-popular-row .car-visual{order:-1!important;width:100%!important;height:156px!important;margin:0 0 12px!important}.home-popular-row .dual-prices{grid-template-columns:1fr 1fr!important;gap:10px!important}.home-popular-row .price-row{display:flex!important;flex-direction:column!important;align-items:flex-start!important}.home-popular-row .price-row+.price-row{padding-left:10px!important;border-left:1px solid #e1e6eb!important}}



.home-popular-stage{position:relative;min-width:0}.home-popular-stage:before,.home-popular-stage:after{content:'';position:absolute;z-index:4;top:0;bottom:16px;width:18px;pointer-events:none;background:#fafafa;opacity:1;transition:box-shadow .18s ease}.home-popular-stage:before{left:0;box-shadow:none}.home-popular-stage:after{right:0;box-shadow:-11px 0 22px -9px rgba(31,43,55,.42)}.home-popular-stage.has-left-overflow:before{box-shadow:11px 0 22px -9px rgba(31,43,55,.42)}.home-popular-stage.is-at-end:after{box-shadow:none}.home-popular-row{scrollbar-width:none}.home-popular-row::-webkit-scrollbar{display:none}.home-row-arrow{position:absolute;top:calc((100% - 16px)/2);z-index:5;display:flex;align-items:center;justify-content:center;width:44px;height:52px;padding:0;border:0;background:transparent;color:#3f4b56;font-size:0;line-height:0;box-shadow:none;transition:color .16s ease,transform .16s ease}.home-row-arrow:before{content:'';display:block;flex:0 0 19px;width:19px;height:19px;background:currentColor;-webkit-mask:center/19px 19px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m9 5 7 7-7 7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask:center/19px 19px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m9 5 7 7-7 7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.home-row-arrow.prev{left:0;transform:translate(-50%,-50%)}.home-row-arrow.prev:before{transform:rotate(180deg)}.home-row-arrow.next{right:0;transform:translate(50%,-50%)}@media(hover:hover){.home-row-arrow:hover{color:#ee5735}.home-row-arrow.prev:hover{transform:translate(-50%,-50%) scale(1.12)}.home-row-arrow.next:hover{transform:translate(50%,-50%) scale(1.12)}}@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){.home-popular-stage:before,.home-popular-stage:after{bottom:14px;width:14px}.home-row-arrow{top:calc((100% - 14px)/2);width:40px;height:48px}.home-row-arrow:before{flex-basis:18px;width:18px;height:18px;-webkit-mask-size:18px 18px;mask-size:18px 18px}}}}@container siteWorkspace (max-width:760px){.home-popular-stage:before,.home-popular-stage:after{bottom:14px;width:14px}.home-row-arrow{top:calc((100% - 14px)/2);width:40px;height:48px}.home-row-arrow:before{flex-basis:18px;width:18px;height:18px;-webkit-mask-size:18px 18px;mask-size:18px 18px}}

/* Full-width compact campaign and app feature bar */
.home-hero-v2{width:100cqw;min-height:410px;margin-left:calc(50% - 50cqw);margin-right:calc(50% - 50cqw);margin-bottom:18px;padding:42px max(58px,calc((100cqw - 1160px)/2));border-radius:0;background-position:center 54%}
.home-hero-copy{min-height:326px;max-width:590px}
.home-hero-copy h1{font-size:46px}
.home-signal{gap:1px;padding:7px;border-radius:18px;background:#e8ecef}
.home-signal>div{grid-template-columns:46px minmax(0,1fr);gap:2px 14px;min-height:80px;padding:13px 18px}
.home-signal .home-signal-icon{grid-row:1/3;display:grid;place-items:center;width:42px;min-width:42px;height:42px;padding:0;border:1px solid #e5e9ed;border-radius:13px;background:#f5f7f8;color:#df5636;letter-spacing:0}
.home-signal .home-signal-icon .icon{width:21px;height:21px;stroke-width:1.7}
.home-signal strong{font-size:15px}.home-signal small{font-size:11px}
@media(max-width:980px){
@scope (:root) to (.site-workspace){.home-hero-v2{width:100vw;min-height:400px;padding:38px 40% 34px 34px}.home-hero-copy{min-height:328px}.home-hero-copy h1{font-size:40px}}}
@container siteWorkspace (max-width:980px){.home-hero-v2{width:100cqw;min-height:400px;padding:38px 40% 34px 34px}.home-hero-copy{min-height:328px}.home-hero-copy h1{font-size:40px}}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){.home-hero-v2{width:100vw;min-height:455px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:25px 19px 20px;background-position:62% center}.home-hero-copy{min-height:0}.home-hero-copy h1{font-size:32px}.home-signal{padding:5px}.home-signal>div{display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;min-height:76px;padding:10px 8px;text-align:left}.home-signal .home-signal-icon{grid-row:1/3;width:34px;min-width:34px;height:34px;border-radius:11px}.home-signal .home-signal-icon .icon{width:18px;height:18px}.home-signal strong{font-size:12px}.home-signal small{font-size:9px}}}}
@container siteWorkspace (max-width:760px){.home-hero-v2{width:100cqw;min-height:455px;margin-left:calc(50% - 50cqw);margin-right:calc(50% - 50cqw);padding:25px 19px 20px;background-position:62% center}.home-hero-copy{min-height:0}.home-hero-copy h1{font-size:32px}.home-signal{padding:5px}.home-signal>div{display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;min-height:76px;padding:10px 8px;text-align:left}.home-signal .home-signal-icon{grid-row:1/3;width:34px;min-width:34px;height:34px;border-radius:11px}.home-signal .home-signal-icon .icon{width:18px;height:18px}.home-signal strong{font-size:12px}.home-signal small{font-size:9px}}

/* Fixed panoramic artwork: scale the whole banner without reframing the car */
@media(min-width:761px){
@scope (:root) to (.site-workspace){
 body{--workspace-left-shift:min(calc(var(--adaptive-panel)/2),max(0px,calc((100vw - 1280px)/2)))}
 .home-hero-v2{aspect-ratio:3.25/1;height:auto;min-height:0;padding:26px max(42px,calc((100vw - 1160px)/2));background-color:#ed5533;background-size:100% 100%,auto 100%;background-position:center,right center;background-repeat:no-repeat}
 .home-hero-copy{min-height:0;height:100%;justify-content:center;max-width:min(48vw,590px)}
 .home-hero-copy h1{font-size:clamp(30px,3.65vw,46px)}
 .home-kicker{margin-bottom:clamp(8px,1.2vw,16px);font-size:clamp(8px,.82vw,11px)}
 .home-hero-copy>p{margin:clamp(9px,1.2vw,17px) 0 clamp(12px,1.7vw,23px);font-size:clamp(11px,1.18vw,15px);line-height:1.58}
 .home-hero-actions{max-width:min(47vw,590px)}
 .home-hero-actions button{min-height:clamp(62px,6.4vw,78px);padding:clamp(9px,1vw,14px)}}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 body{--workspace-left-shift:min(calc(var(--adaptive-panel)/2),max(0px,calc((100vw - 1280px)/2)))}
 .home-hero-v2{aspect-ratio:3.25/1;height:auto;min-height:0;padding:26px max(42px,calc((100vw - 1160px)/2));background-color:#ed5533;background-size:100% 100%,auto 100%;background-position:center,right center;background-repeat:no-repeat}
 .home-hero-copy{min-height:0;height:100%;justify-content:center;max-width:min(48vw,590px)}
 .home-hero-copy h1{font-size:clamp(30px,3.65vw,46px)}
 .home-kicker{margin-bottom:clamp(8px,1.2vw,16px);font-size:clamp(8px,.82vw,11px)}
 .home-hero-copy>p{margin:clamp(9px,1.2vw,17px) 0 clamp(12px,1.7vw,23px);font-size:clamp(11px,1.18vw,15px);line-height:1.58}
 .home-hero-actions{max-width:min(47vw,590px)}
 .home-hero-actions button{min-height:clamp(62px,6.4vw,78px);padding:clamp(9px,1vw,14px)}}}
@container siteWorkspace (min-width:761px){
 body{--workspace-left-shift:min(calc(var(--adaptive-panel)/2),max(0px,calc((100cqw - 1280px)/2)))}
 .home-hero-v2{aspect-ratio:3.25/1;height:auto;min-height:0;padding:26px max(42px,calc((100cqw - 1160px)/2));background-color:#ed5533;background-size:100% 100%,auto 100%;background-position:center,right center;background-repeat:no-repeat}
 .home-hero-copy{min-height:0;height:100%;justify-content:center;max-width:min(48cqw,590px)}
 .home-hero-copy h1{font-size:clamp(30px,3.65cqw,46px)}
 .home-kicker{margin-bottom:clamp(8px,1.2cqw,16px);font-size:clamp(8px,.82cqw,11px)}
 .home-hero-copy>p{margin:clamp(9px,1.2cqw,17px) 0 clamp(12px,1.7cqw,23px);font-size:clamp(11px,1.18cqw,15px);line-height:1.58}
 .home-hero-actions{max-width:min(47cqw,590px)}
 .home-hero-actions button{min-height:clamp(62px,6.4cqw,78px);padding:clamp(9px,1cqw,14px)}
}

/* PC banner is a fixed 1920px stage; narrower windows only clip its sides. */
@media(min-width:761px){
@scope (:root) to (.site-workspace){
 .home-hero-v2{left:50%;width:2560px;height:390px;min-height:390px;aspect-ratio:auto;margin-left:0;margin-right:0;padding:26px 700px;transform:translateX(-50%);background-color:#ed5533;background-size:100% 100%,2560px auto;background-position:center,center;background-repeat:no-repeat;transition:transform .36s cubic-bezier(.22,.72,.24,1)}
 .home-hero-copy{width:590px;max-width:590px;height:338px;min-height:338px}
 .home-hero-copy h1{font-size:46px}.home-kicker{margin-bottom:16px;font-size:11px}.home-hero-copy>p{margin:17px 0 23px;font-size:15px}.home-hero-actions{width:590px;max-width:590px}.home-hero-actions button{min-height:78px;padding:14px 15px}}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 .home-hero-v2{left:50%;width:2560px;height:390px;min-height:390px;aspect-ratio:auto;margin-left:0;margin-right:0;padding:26px 700px;transform:translateX(-50%);background-color:#ed5533;background-size:100% 100%,2560px auto;background-position:center,center;background-repeat:no-repeat;transition:transform .36s cubic-bezier(.22,.72,.24,1)}
 .home-hero-copy{width:590px;max-width:590px;height:338px;min-height:338px}
 .home-hero-copy h1{font-size:46px}.home-kicker{margin-bottom:16px;font-size:11px}.home-hero-copy>p{margin:17px 0 23px;font-size:15px}.home-hero-actions{width:590px;max-width:590px}.home-hero-actions button{min-height:78px;padding:14px 15px}}}
@container siteWorkspace (min-width:761px){
 .home-hero-v2{left:50%;width:2560px;height:390px;min-height:390px;aspect-ratio:auto;margin-left:0;margin-right:0;padding:26px 700px;transform:translateX(-50%);background-color:#ed5533;background-size:100% 100%,2560px auto;background-position:center,center;background-repeat:no-repeat;transition:transform .36s cubic-bezier(.22,.72,.24,1)}
 .home-hero-copy{width:590px;max-width:590px;height:338px;min-height:338px}
 .home-hero-copy h1{font-size:46px}.home-kicker{margin-bottom:16px;font-size:11px}.home-hero-copy>p{margin:17px 0 23px;font-size:15px}.home-hero-actions{width:590px;max-width:590px}.home-hero-actions button{min-height:78px;padding:14px 15px}
}

/* Final fixed hero canvases */
@media(min-width:761px){
@scope (:root) to (.site-workspace){
 .home-hero-v2{left:50%;width:3440px;height:420px;min-height:420px;padding:34px 1140px;transform:translateX(-50%);background-size:100% 100%,3440px auto;background-position:center,center}
 .home-hero-copy{width:590px;max-width:590px;height:352px;min-height:352px}}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 .home-hero-v2{left:50%;width:3440px;height:420px;min-height:420px;padding:34px 1140px;transform:translateX(-50%);background-size:100% 100%,3440px auto;background-position:center,center}
 .home-hero-copy{width:590px;max-width:590px;height:352px;min-height:352px}}}
@container siteWorkspace (min-width:761px){
 .home-hero-v2{left:50%;width:3440px;height:420px;min-height:420px;padding:34px 1140px;transform:translateX(-50%);background-size:100% 100%,3440px auto;background-position:center,center}
 .home-hero-copy{width:590px;max-width:590px;height:352px;min-height:352px}
}

/* Mobile garage: one compact horizontal card rhythm for every tab. */
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 #garage-saved-panel .garage-saved-grid,
 #garage-recent-panel .garage-recent-grid{
  display:grid!important;
  grid-template-columns:none!important;
  grid-auto-flow:column!important;
  grid-auto-columns:min(58vw,230px)!important;
  gap:10px!important;
  width:auto!important;
  margin:0 -16px!important;
  padding:2px 16px 15px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-padding-left:16px!important;
  scroll-snap-type:x mandatory!important;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
 }
 #garage-saved-panel .garage-saved-grid::-webkit-scrollbar,
 #garage-recent-panel .garage-recent-grid::-webkit-scrollbar,
 #garage-compare-panel .comparison-grid::-webkit-scrollbar{display:none}
 #garage-saved-panel .garage-saved-grid>.car-card,
 #garage-recent-panel .garage-recent-grid>.car-card{
  box-sizing:border-box!important;
  width:auto!important;
  min-width:0!important;
  scroll-snap-align:start!important;
 }
 #saved-cars .car-visual,#recent-cars .car-visual{
  height:105px!important;
  margin-bottom:9px!important;
 }
 #saved-cars .car-visual img,#recent-cars .car-visual img{max-width:195px!important}
 #saved-cars .car-title,#recent-cars .car-title{font-size:16px!important}
 #saved-cars .dual-prices,#recent-cars .dual-prices{gap:7px!important;margin-top:12px!important}
 #saved-cars .price-row strong,#recent-cars .price-row strong{font-size:16px!important}
 #garage-compare-panel .comparison-grid{
  display:grid!important;
  grid-template-columns:none!important;
  grid-auto-flow:column!important;
  grid-auto-columns:min(58vw,230px)!important;
  gap:10px!important;
  margin:0 -16px!important;
  padding:3px 16px 15px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-padding-left:16px!important;
  scroll-snap-type:x mandatory!important;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
 }
 #garage-compare-panel .compare-column,
 #garage-compare-panel .compare-add-card{
  box-sizing:border-box!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  flex:none!important;
  scroll-snap-align:start!important;
 }
 #garage-compare-panel .compare-visual{height:96px!important}
 #garage-compare-panel .compare-column .compare-identity h2{font-size:16px!important}
 #garage-compare-panel .compare-add-card{min-height:430px!important}
 #garage-compare-panel .compare-column{
  padding:11px!important;
  border:1px solid #edf0f2!important;
  border-radius:20px!important;
  box-shadow:0 5px 18px rgba(31,43,55,.045)!important;
 }
 #garage-compare-panel .compare-column:before{display:none!important}
 #garage-compare-panel .compare-card-top{min-height:25px!important;padding:0 1px!important}
 #garage-compare-panel .compare-card-top>span{
  color:#a3abb3!important;
  font-size:9px!important;
  letter-spacing:.06em!important;
 }
 #garage-compare-panel .compare-column .remove{
  width:25px!important;
  height:25px!important;
  background:transparent!important;
  color:#a1a9b1!important;
  font-size:17px!important;
 }
 #garage-compare-panel .compare-visual{
  margin:0 0 4px!important;
  border-radius:13px!important;
  background:#f7f8f9!important;
 }
 #garage-compare-panel .compare-column .compare-visual img{filter:drop-shadow(0 7px 5px rgba(38,48,58,.07))!important}
 #garage-compare-panel .compare-identity{min-height:0!important;padding:7px 2px 10px!important}
 #garage-compare-panel .compare-identity small{margin-bottom:3px!important;font-size:9px!important}
 #garage-compare-panel .compare-prices{
  grid-template-columns:1fr!important;
  gap:4px!important;
  padding:4px!important;
  border-radius:12px!important;
  background:#f2f4f6!important;
 }
 #garage-compare-panel .compare-prices>div{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  min-height:37px!important;
  padding:7px 8px!important;
  border-radius:9px!important;
  background:#fff!important;
 }
 #garage-compare-panel .compare-prices>div>span{display:block!important;font-size:9px!important;white-space:nowrap!important}
 #garage-compare-panel .compare-prices strong{
  display:block!important;
  margin:0!important;
  overflow:hidden!important;
  color:#e75534!important;
  font-size:13px!important;
  text-align:right!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
 }
 #garage-compare-panel .compare-prices strong span{
  display:inline-block!important;
  margin:0!important;
  padding:0!important;
  font:inherit!important;
  color:inherit!important;
  white-space:inherit!important;
 }
 #garage-compare-panel .compare-column dl{
  grid-template-columns:1fr!important;
  gap:0!important;
  margin:9px 0 10px!important;
 }
 #garage-compare-panel .compare-column dl>div{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  min-height:34px!important;
  padding:0 2px!important;
  border:0!important;
  border-bottom:1px solid #edf0f2!important;
  border-radius:0!important;
  background:transparent!important;
 }
 #garage-compare-panel .compare-column dl>div:last-child{border-bottom:0!important}
 #garage-compare-panel .compare-column dt{font-size:9px!important}
 #garage-compare-panel .compare-column dd{
  max-width:100%!important;
  overflow:hidden!important;
  color:#394652!important;
  font-size:10px!important;
  text-align:right!important;
  text-overflow:ellipsis!important;
 }
 #garage-compare-panel .compare-configure{
  justify-content:center!important;
  min-height:38px!important;
  margin-top:0!important;
  padding:9px 11px!important;
  border-radius:11px!important;
  background:#2d3a47!important;
  color:#fff!important;
  font-size:11px!important;
 }
 #garage-compare-panel .compare-configure span{margin-left:10px;color:#fff!important}}}
}
@container siteWorkspace (max-width:760px){
 #garage-saved-panel .garage-saved-grid,
 #garage-recent-panel .garage-recent-grid{
  display:grid!important;
  grid-template-columns:none!important;
  grid-auto-flow:column!important;
  grid-auto-columns:min(58cqw,230px)!important;
  gap:10px!important;
  width:auto!important;
  margin:0 -16px!important;
  padding:2px 16px 15px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-padding-left:16px!important;
  scroll-snap-type:x mandatory!important;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
 }
 #garage-saved-panel .garage-saved-grid::-webkit-scrollbar,
 #garage-recent-panel .garage-recent-grid::-webkit-scrollbar,
 #garage-compare-panel .comparison-grid::-webkit-scrollbar{display:none}
 #garage-saved-panel .garage-saved-grid>.car-card,
 #garage-recent-panel .garage-recent-grid>.car-card{
  box-sizing:border-box!important;
  width:auto!important;
  min-width:0!important;
  scroll-snap-align:start!important;
 }
 #saved-cars .car-visual,#recent-cars .car-visual{
  height:105px!important;
  margin-bottom:9px!important;
 }
 #saved-cars .car-visual img,#recent-cars .car-visual img{max-width:195px!important}
 #saved-cars .car-title,#recent-cars .car-title{font-size:16px!important}
 #saved-cars .dual-prices,#recent-cars .dual-prices{gap:7px!important;margin-top:12px!important}
 #saved-cars .price-row strong,#recent-cars .price-row strong{font-size:16px!important}
 #garage-compare-panel .comparison-grid{
  display:grid!important;
  grid-template-columns:none!important;
  grid-auto-flow:column!important;
  grid-auto-columns:min(58cqw,230px)!important;
  gap:10px!important;
  margin:0 -16px!important;
  padding:3px 16px 15px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-padding-left:16px!important;
  scroll-snap-type:x mandatory!important;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
 }
 #garage-compare-panel .compare-column,
 #garage-compare-panel .compare-add-card{
  box-sizing:border-box!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  flex:none!important;
  scroll-snap-align:start!important;
 }
 #garage-compare-panel .compare-visual{height:96px!important}
 #garage-compare-panel .compare-column .compare-identity h2{font-size:16px!important}
 #garage-compare-panel .compare-add-card{min-height:430px!important}
 #garage-compare-panel .compare-column{
  padding:11px!important;
  border:1px solid #edf0f2!important;
  border-radius:20px!important;
  box-shadow:0 5px 18px rgba(31,43,55,.045)!important;
 }
 #garage-compare-panel .compare-column:before{display:none!important}
 #garage-compare-panel .compare-card-top{min-height:25px!important;padding:0 1px!important}
 #garage-compare-panel .compare-card-top>span{
  color:#a3abb3!important;
  font-size:9px!important;
  letter-spacing:.06em!important;
 }
 #garage-compare-panel .compare-column .remove{
  width:25px!important;
  height:25px!important;
  background:transparent!important;
  color:#a1a9b1!important;
  font-size:17px!important;
 }
 #garage-compare-panel .compare-visual{
  margin:0 0 4px!important;
  border-radius:13px!important;
  background:#f7f8f9!important;
 }
 #garage-compare-panel .compare-column .compare-visual img{filter:drop-shadow(0 7px 5px rgba(38,48,58,.07))!important}
 #garage-compare-panel .compare-identity{min-height:0!important;padding:7px 2px 10px!important}
 #garage-compare-panel .compare-identity small{margin-bottom:3px!important;font-size:9px!important}
 #garage-compare-panel .compare-prices{
  grid-template-columns:1fr!important;
  gap:4px!important;
  padding:4px!important;
  border-radius:12px!important;
  background:#f2f4f6!important;
 }
 #garage-compare-panel .compare-prices>div{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  min-height:37px!important;
  padding:7px 8px!important;
  border-radius:9px!important;
  background:#fff!important;
 }
 #garage-compare-panel .compare-prices>div>span{display:block!important;font-size:9px!important;white-space:nowrap!important}
 #garage-compare-panel .compare-prices strong{
  display:block!important;
  margin:0!important;
  overflow:hidden!important;
  color:#e75534!important;
  font-size:13px!important;
  text-align:right!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
 }
 #garage-compare-panel .compare-prices strong span{
  display:inline-block!important;
  margin:0!important;
  padding:0!important;
  font:inherit!important;
  color:inherit!important;
  white-space:inherit!important;
 }
 #garage-compare-panel .compare-column dl{
  grid-template-columns:1fr!important;
  gap:0!important;
  margin:9px 0 10px!important;
 }
 #garage-compare-panel .compare-column dl>div{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  min-height:34px!important;
  padding:0 2px!important;
  border:0!important;
  border-bottom:1px solid #edf0f2!important;
  border-radius:0!important;
  background:transparent!important;
 }
 #garage-compare-panel .compare-column dl>div:last-child{border-bottom:0!important}
 #garage-compare-panel .compare-column dt{font-size:9px!important}
 #garage-compare-panel .compare-column dd{
  max-width:100%!important;
  overflow:hidden!important;
  color:#394652!important;
  font-size:10px!important;
  text-align:right!important;
  text-overflow:ellipsis!important;
 }
 #garage-compare-panel .compare-configure{
  justify-content:center!important;
  min-height:38px!important;
  margin-top:0!important;
  padding:9px 11px!important;
  border-radius:11px!important;
  background:#2d3a47!important;
  color:#fff!important;
  font-size:11px!important;
 }
 #garage-compare-panel .compare-configure span{margin-left:10px;color:#fff!important}
}

/* Match the low-credit site's mobile bottom navigation. */
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 .mobile-nav{
  position:fixed!important;
  z-index:50!important;
  left:50%!important;
  right:auto!important;
  bottom:calc(12px + env(safe-area-inset-bottom))!important;
  transform:translateX(-50%)!important;
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  align-items:stretch!important;
  width:min(calc(100% - 36px),404px)!important;
  max-width:404px!important;
  height:70px!important;
  padding:0 4px!important;
  overflow:visible!important;
  border:0!important;
  border-radius:30px!important;
  background:#fff!important;
  box-shadow:0 8px 30px rgba(17,24,39,.10),0 2px 8px rgba(17,24,39,.05)!important;
 }
 .mobile-nav>button,.mobile-consult-wrap>button{
  appearance:none;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:24px!important;
  background:transparent!important;
  color:#6b7280!important;
  font-size:11px!important;
  font-weight:600!important;
  line-height:1!important;
  transition:color .18s ease,transform .16s ease!important;
 }
 .mobile-nav>button .icon,.mobile-consult-wrap>button .icon{
  width:22px!important;
  height:22px!important;
  flex:0 0 22px!important;
  fill:currentColor!important;
  stroke:none;
 }
 .mobile-nav>button:nth-child(3) .icon{fill:none!important;stroke:currentColor!important;stroke-width:1.7!important}
 .mobile-nav>button.active{color:#f15a22!important;font-weight:700!important}
 .mobile-nav>button:active,.mobile-consult-wrap>button:active{transform:scale(.95)!important}
 .mobile-consult-wrap{position:relative;display:flex;align-items:stretch;min-width:0}
 .mobile-consult-pop{
  position:absolute;
  z-index:2;
  left:50%;
  bottom:calc(100% + 14px);
  transform:translateX(-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  visibility:hidden;
  pointer-events:none;
  transition:visibility 0s linear .2s;
 }
 .mobile-nav.is-consult-open .mobile-consult-pop{visibility:visible;pointer-events:auto;transition:visibility 0s}
 .mobile-consult-fab{
  position:relative;
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
  border-radius:50%;
  color:inherit;
  text-decoration:none;
  box-shadow:0 10px 24px rgba(17,24,39,.16),0 2px 6px rgba(17,24,39,.06);
  opacity:0;
  transform:translateY(14px) scale(.86);
  transition:transform .24s cubic-bezier(.22,1,.36,1),opacity .18s ease;
 }
 .mobile-nav.is-consult-open .mobile-consult-fab{opacity:1;transform:none}
 .mobile-nav.is-consult-open .mobile-consult-fab:first-child{transition-delay:70ms}
 .mobile-consult-fab svg{display:block;width:22px;height:22px;fill:currentColor}
 .mobile-consult-fab span{
  position:absolute;
  right:calc(100% + 8px);
  top:50%;
  transform:translateY(-50%);
  padding:6px 10px;
  border-radius:10px;
  background:#fff;
  color:#111;
  font-size:12px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
  box-shadow:0 6px 18px rgba(17,24,39,.12);
 }
 .mobile-consult-kakao{background:#fee500;color:#191919}
 .mobile-consult-tel{background:#f15a22;color:#fff;box-shadow:0 10px 24px rgba(241,90,34,.32),0 2px 6px rgba(241,90,34,.16)}
 .mobile-nav.is-consult-open .mobile-consult-wrap>button{color:#f15a22!important}
 .mobile-consult-scrim{
  position:fixed;
  z-index:45;
  inset:0;
  background:rgba(17,17,17,.22);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .18s ease,visibility 0s linear .18s;
 }
 .mobile-consult-scrim.is-on{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .18s ease,visibility 0s}}}
}
@container siteWorkspace (max-width:760px){
 .mobile-nav{
  position:fixed!important;
  z-index:50!important;
  left:50%!important;
  right:auto!important;
  bottom:calc(12px + env(safe-area-inset-bottom))!important;
  transform:translateX(-50%)!important;
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  align-items:stretch!important;
  width:min(calc(100% - 36px),404px)!important;
  max-width:404px!important;
  height:70px!important;
  padding:0 4px!important;
  overflow:visible!important;
  border:0!important;
  border-radius:30px!important;
  background:#fff!important;
  box-shadow:0 8px 30px rgba(17,24,39,.10),0 2px 8px rgba(17,24,39,.05)!important;
 }
 .mobile-nav>button,.mobile-consult-wrap>button{
  appearance:none;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:24px!important;
  background:transparent!important;
  color:#6b7280!important;
  font-size:11px!important;
  font-weight:600!important;
  line-height:1!important;
  transition:color .18s ease,transform .16s ease!important;
 }
 .mobile-nav>button .icon,.mobile-consult-wrap>button .icon{
  width:22px!important;
  height:22px!important;
  flex:0 0 22px!important;
  fill:currentColor!important;
  stroke:none;
 }
 .mobile-nav>button:nth-child(3) .icon{fill:none!important;stroke:currentColor!important;stroke-width:1.7!important}
 .mobile-nav>button.active{color:#f15a22!important;font-weight:700!important}
 .mobile-nav>button:active,.mobile-consult-wrap>button:active{transform:scale(.95)!important}
 .mobile-consult-wrap{position:relative;display:flex;align-items:stretch;min-width:0}
 .mobile-consult-pop{
  position:absolute;
  z-index:2;
  left:50%;
  bottom:calc(100% + 14px);
  transform:translateX(-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  visibility:hidden;
  pointer-events:none;
  transition:visibility 0s linear .2s;
 }
 .mobile-nav.is-consult-open .mobile-consult-pop{visibility:visible;pointer-events:auto;transition:visibility 0s}
 .mobile-consult-fab{
  position:relative;
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
  border-radius:50%;
  color:inherit;
  text-decoration:none;
  box-shadow:0 10px 24px rgba(17,24,39,.16),0 2px 6px rgba(17,24,39,.06);
  opacity:0;
  transform:translateY(14px) scale(.86);
  transition:transform .24s cubic-bezier(.22,1,.36,1),opacity .18s ease;
 }
 .mobile-nav.is-consult-open .mobile-consult-fab{opacity:1;transform:none}
 .mobile-nav.is-consult-open .mobile-consult-fab:first-child{transition-delay:70ms}
 .mobile-consult-fab svg{display:block;width:22px;height:22px;fill:currentColor}
 .mobile-consult-fab span{
  position:absolute;
  right:calc(100% + 8px);
  top:50%;
  transform:translateY(-50%);
  padding:6px 10px;
  border-radius:10px;
  background:#fff;
  color:#111;
  font-size:12px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
  box-shadow:0 6px 18px rgba(17,24,39,.12);
 }
 .mobile-consult-kakao{background:#fee500;color:#191919}
 .mobile-consult-tel{background:#f15a22;color:#fff;box-shadow:0 10px 24px rgba(241,90,34,.32),0 2px 6px rgba(241,90,34,.16)}
 .mobile-nav.is-consult-open .mobile-consult-wrap>button{color:#f15a22!important}
 .mobile-consult-scrim{
  position:fixed;
  z-index:45;
  inset:0;
  background:rgba(17,17,17,.22);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .18s ease,visibility 0s linear .18s;
 }
 .mobile-consult-scrim.is-on{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .18s ease,visibility 0s}
}

@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 #home-view{overflow:visible}
 .home-hero-v2{left:50%;display:block;width:100vw;height:480px;min-height:480px;max-height:480px;margin:0 0 14px;padding:24px 18px 18px;border-radius:0;transform:translateX(-50%);background-color:#ed5533;background-image:linear-gradient(180deg,rgba(107,27,8,.16) 0%,rgba(107,27,8,.03) 55%,rgba(107,27,8,.12) 100%),url('home-hero-ultrawide-v6.png');background-size:100% 100%,auto 480px;background-position:center,66% center;background-repeat:no-repeat;overflow:hidden}
 .home-hero-copy{display:block;width:100%;max-width:none;height:auto;min-height:0;text-shadow:0 2px 12px rgba(92,26,10,.16)}
 .home-kicker{margin:0 0 11px;font-size:9px}.home-hero-copy h1{margin:0;font-size:31px;line-height:1.12}.home-hero-copy>p{width:255px;margin:12px 0 0;font-size:12px;line-height:1.55}
 .home-hero-actions{position:absolute;left:16px;right:16px;bottom:16px;display:grid;grid-template-columns:1fr 1fr;gap:8px;width:auto;max-width:none}
 .home-hero-actions button{display:grid;grid-template-columns:32px minmax(0,1fr) auto;grid-template-rows:auto auto;min-width:0;min-height:82px;padding:11px 10px;gap:1px 8px;border-radius:15px}
 .home-hero-actions button>span{grid-row:1/3;width:32px;height:32px;border-radius:10px}.home-hero-actions b{font-size:12px;white-space:nowrap}.home-hero-actions small{display:block;overflow:hidden;font-size:9px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.home-hero-actions button i{position:static;grid-column:3;grid-row:1/3;align-self:center;font-size:16px}
 .home-signal{grid-template-columns:1fr 1fr;margin-top:0}}}
}

@container siteWorkspace (max-width:760px){
 #home-view{overflow:visible}
 .home-hero-v2{left:50%;display:block;width:100cqw;height:480px;min-height:480px;max-height:480px;margin:0 0 14px;padding:24px 18px 18px;border-radius:0;transform:translateX(-50%);background-color:#ed5533;background-image:linear-gradient(180deg,rgba(107,27,8,.16) 0%,rgba(107,27,8,.03) 55%,rgba(107,27,8,.12) 100%),url('home-hero-ultrawide-v6.png');background-size:100% 100%,auto 480px;background-position:center,66% center;background-repeat:no-repeat;overflow:hidden}
 .home-hero-copy{display:block;width:100%;max-width:none;height:auto;min-height:0;text-shadow:0 2px 12px rgba(92,26,10,.16)}
 .home-kicker{margin:0 0 11px;font-size:9px}.home-hero-copy h1{margin:0;font-size:31px;line-height:1.12}.home-hero-copy>p{width:255px;margin:12px 0 0;font-size:12px;line-height:1.55}
 .home-hero-actions{position:absolute;left:16px;right:16px;bottom:16px;display:grid;grid-template-columns:1fr 1fr;gap:8px;width:auto;max-width:none}
 .home-hero-actions button{display:grid;grid-template-columns:32px minmax(0,1fr) auto;grid-template-rows:auto auto;min-width:0;min-height:82px;padding:11px 10px;gap:1px 8px;border-radius:15px}
 .home-hero-actions button>span{grid-row:1/3;width:32px;height:32px;border-radius:10px}.home-hero-actions b{font-size:12px;white-space:nowrap}.home-hero-actions small{display:block;overflow:hidden;font-size:9px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.home-hero-actions button i{position:static;grid-column:3;grid-row:1/3;align-self:center;font-size:16px}
 .home-signal{grid-template-columns:1fr 1fr;margin-top:0}
}

/* Separate high-resolution studio and vehicle layers. */
@media(min-width:761px){
@scope (:root) to (.site-workspace){
 .home-hero-v2{background-color:#ed5533;background-image:linear-gradient(90deg,rgba(111,27,8,.18) 0%,rgba(111,27,8,.07) 28%,rgba(111,27,8,0) 52%),url('home-car-cutout-v7.png'),url('home-studio-v7.png');background-size:100% 100%,450px auto,3440px 420px;background-position:center,calc(50% + 390px) 55%,center;background-repeat:no-repeat}}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 .home-hero-v2{background-color:#ed5533;background-image:linear-gradient(90deg,rgba(111,27,8,.18) 0%,rgba(111,27,8,.07) 28%,rgba(111,27,8,0) 52%),url('home-car-cutout-v7.png'),url('home-studio-v7.png');background-size:100% 100%,450px auto,3440px 420px;background-position:center,calc(50% + 390px) 55%,center;background-repeat:no-repeat}}}
@container siteWorkspace (min-width:761px){
 .home-hero-v2{background-color:#ed5533;background-image:linear-gradient(90deg,rgba(111,27,8,.18) 0%,rgba(111,27,8,.07) 28%,rgba(111,27,8,0) 52%),url('home-car-cutout-v7.png'),url('home-studio-v7.png');background-size:100% 100%,450px auto,3440px 420px;background-position:center,calc(50% + 390px) 55%,center;background-repeat:no-repeat}
}

/* Preserve the native 9:16 Shorts frame and remove sub-pixel edge seams. */
.home-media-board .home-shorts-track{align-items:start}
.home-short-card{width:100%;height:auto!important;min-height:0!important;aspect-ratio:9/16;border:0!important;background:transparent!important;box-shadow:none!important;clip-path:inset(0 round 19px);isolation:isolate}
.home-short-card img{inset:0;width:100%;height:100%;max-width:none;transform:scale(1.008)}
.home-short-card:after{border-radius:19px}
@media(hover:hover){.home-short-card:hover img{transform:scale(1.035)}}
@media(min-width:981px){
@scope (:root) to (.site-workspace){
 .home-media-board .home-shorts-track{grid-template-columns:repeat(3,217px)}
 .home-media-board .home-shorts-track[data-count="2"]{grid-template-columns:repeat(2,227px)}
 .home-media-board .home-shorts-track[data-count="1"]{grid-template-columns:227px}}
}
@container siteWorkspace (min-width:981px){
 .home-media-board .home-shorts-track{grid-template-columns:repeat(3,217px)}
 .home-media-board .home-shorts-track[data-count="2"]{grid-template-columns:repeat(2,227px)}
 .home-media-board .home-shorts-track[data-count="1"]{grid-template-columns:227px}
}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){.home-short-card{aspect-ratio:9/16;clip-path:inset(0 round 19px)}}}}
@container siteWorkspace (max-width:760px){.home-short-card{aspect-ratio:9/16;clip-path:inset(0 round 19px)}}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 .home-hero-v2{background-image:linear-gradient(180deg,rgba(107,27,8,.14) 0%,rgba(107,27,8,.02) 58%,rgba(107,27,8,.12) 100%),url('home-car-cutout-v7.png'),url('home-studio-v7.png');background-size:100% 100%,260px auto,auto 480px;background-position:center,78% 59%,center;background-repeat:no-repeat}}}
}
@container siteWorkspace (max-width:760px){
 .home-hero-v2{background-image:linear-gradient(180deg,rgba(107,27,8,.14) 0%,rgba(107,27,8,.02) 58%,rgba(107,27,8,.12) 100%),url('home-car-cutout-v7.png'),url('home-studio-v7.png');background-size:100% 100%,260px auto,auto 480px;background-position:center,78% 59%,center;background-repeat:no-repeat}
}

/* User-supplied final home banner */
@media (min-width: 761px) {
@scope (:root) to (.site-workspace){
 .home-hero-v2{background-color:#eb5834;background-image:linear-gradient(90deg,rgba(22,29,38,.16) 0%,rgba(22,29,38,.04) 27%,transparent 48%),url('home-hero-user-v10-optimized.jpg');background-size:100% 100%,auto 420px;background-position:center,40% center;background-repeat:no-repeat}}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 .home-hero-v2{background-color:#eb5834;background-image:linear-gradient(90deg,rgba(22,29,38,.16) 0%,rgba(22,29,38,.04) 27%,transparent 48%),url('home-hero-user-v10-optimized.jpg');background-size:100% 100%,auto 420px;background-position:center,40% center;background-repeat:no-repeat}}}
@container siteWorkspace (min-width: 761px) {
 .home-hero-v2{background-color:#eb5834;background-image:linear-gradient(90deg,rgba(22,29,38,.16) 0%,rgba(22,29,38,.04) 27%,transparent 48%),url('home-hero-user-v10-optimized.jpg');background-size:100% 100%,auto 420px;background-position:center,40% center;background-repeat:no-repeat}
}
@media (max-width: 760px) {
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 .home-hero-v2{background-color:#eb5834;background-image:linear-gradient(180deg,rgba(24,30,38,.16) 0%,rgba(24,30,38,0) 48%,rgba(24,30,38,.12) 100%),url('home-hero-user-v10-optimized.jpg');background-size:100% 100%,auto 480px;background-position:center,76.5% center;background-repeat:no-repeat}}}
}
@container siteWorkspace (max-width: 760px) {
 .home-hero-v2{background-color:#eb5834;background-image:linear-gradient(180deg,rgba(24,30,38,.16) 0%,rgba(24,30,38,0) 48%,rgba(24,30,38,.12) 100%),url('home-hero-user-v10-optimized.jpg');background-size:100% 100%,auto 480px;background-position:center,76.5% center;background-repeat:no-repeat}
}

/* Compact fixed mobile banner and orderly service shortcuts */
@media (max-width: 760px) {
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 .home-hero-v2{height:330px;min-height:330px;max-height:330px;padding:20px 16px 14px;background-size:100% 100%,auto 330px;background-position:center,77% center}
 .home-kicker{margin-bottom:8px;font-size:8px}
 .home-hero-copy h1{max-width:235px;font-size:27px;line-height:1.1}
 .home-hero-copy>p{width:225px;margin-top:9px;font-size:10px;line-height:1.45}
 .home-hero-actions{left:14px;right:14px;bottom:13px;gap:7px}
 .home-hero-actions button{grid-template-columns:28px minmax(0,1fr) 12px;min-height:64px;padding:9px 9px;gap:1px 7px;border-radius:13px}
 .home-hero-actions button>span{width:28px;height:28px;border-radius:9px}
 .home-hero-actions .icon{width:16px;height:16px}
 .home-hero-actions b{font-size:11px}
 .home-hero-actions small{font-size:8px}
 .home-hero-actions button i{font-size:14px}
 .home-signal{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0 0 38px;padding:5px;border-radius:15px}
 .home-signal>div,.home-signal>div:first-child,.home-signal>div:last-child{display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:1px 8px;min-height:72px;padding:9px 10px;border-radius:10px;text-align:left}
 .home-signal .home-signal-icon{grid-row:1/3;width:34px;min-width:34px;height:34px;margin:0;border-radius:11px}
 .home-signal strong{align-self:end;overflow:hidden;font-size:12px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
 .home-signal small{align-self:start;overflow:hidden;font-size:9px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}}}
}
@container siteWorkspace (max-width: 760px) {
 .home-hero-v2{height:330px;min-height:330px;max-height:330px;padding:20px 16px 14px;background-size:100% 100%,auto 330px;background-position:center,77% center}
 .home-kicker{margin-bottom:8px;font-size:8px}
 .home-hero-copy h1{max-width:235px;font-size:27px;line-height:1.1}
 .home-hero-copy>p{width:225px;margin-top:9px;font-size:10px;line-height:1.45}
 .home-hero-actions{left:14px;right:14px;bottom:13px;gap:7px}
 .home-hero-actions button{grid-template-columns:28px minmax(0,1fr) 12px;min-height:64px;padding:9px 9px;gap:1px 7px;border-radius:13px}
 .home-hero-actions button>span{width:28px;height:28px;border-radius:9px}
 .home-hero-actions .icon{width:16px;height:16px}
 .home-hero-actions b{font-size:11px}
 .home-hero-actions small{font-size:8px}
 .home-hero-actions button i{font-size:14px}
 .home-signal{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0 0 38px;padding:5px;border-radius:15px}
 .home-signal>div,.home-signal>div:first-child,.home-signal>div:last-child{display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:1px 8px;min-height:72px;padding:9px 10px;border-radius:10px;text-align:left}
 .home-signal .home-signal-icon{grid-row:1/3;width:34px;min-width:34px;height:34px;margin:0;border-radius:11px}
 .home-signal strong{align-self:end;overflow:hidden;font-size:12px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
 .home-signal small{align-self:start;overflow:hidden;font-size:9px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
}

/* Mobile hero: compact panoramic crop with app-style action dock */
@media (max-width: 760px) {
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 .home-hero-v2{height:286px;min-height:286px;max-height:286px;padding:17px 16px 12px;background-size:100% 100%,auto 270px;background-position:center,77% center}
 .home-kicker{margin-bottom:7px;font-size:7.5px}
 .home-hero-copy h1{max-width:215px;font-size:24px;line-height:1.08}
 .home-hero-copy>p{width:205px;margin-top:8px;font-size:9px;line-height:1.42}
 .home-hero-actions{left:14px;right:14px;bottom:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:5px;border:1px solid rgba(255,255,255,.44);border-radius:17px;background:rgba(255,255,255,.9);box-shadow:0 9px 25px rgba(112,39,21,.18);backdrop-filter:blur(10px)}
 .home-hero-actions button{display:grid;grid-template-columns:32px minmax(0,1fr) 12px;grid-template-rows:1fr;align-items:center;min-height:48px;padding:6px 8px;gap:7px;border-radius:12px;box-shadow:none;text-align:left}
 .home-hero-actions button>span{grid-column:1;grid-row:1;width:32px;height:32px;border-radius:10px}
 .home-hero-actions .icon{width:17px;height:17px}
 .home-hero-actions b{grid-column:2;grid-row:1;overflow:hidden;font-size:11px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
 .home-hero-actions small{display:none}
 .home-hero-actions button i{position:static;grid-column:3;grid-row:1;align-self:center;font-size:13px}
 .home-action-primary{background:#263340}
 .home-action-secondary{background:#f3f5f6}}}
}
@container siteWorkspace (max-width: 760px) {
 .home-hero-v2{height:286px;min-height:286px;max-height:286px;padding:17px 16px 12px;background-size:100% 100%,auto 270px;background-position:center,77% center}
 .home-kicker{margin-bottom:7px;font-size:7.5px}
 .home-hero-copy h1{max-width:215px;font-size:24px;line-height:1.08}
 .home-hero-copy>p{width:205px;margin-top:8px;font-size:9px;line-height:1.42}
 .home-hero-actions{left:14px;right:14px;bottom:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:5px;border:1px solid rgba(255,255,255,.44);border-radius:17px;background:rgba(255,255,255,.9);box-shadow:0 9px 25px rgba(112,39,21,.18);backdrop-filter:blur(10px)}
 .home-hero-actions button{display:grid;grid-template-columns:32px minmax(0,1fr) 12px;grid-template-rows:1fr;align-items:center;min-height:48px;padding:6px 8px;gap:7px;border-radius:12px;box-shadow:none;text-align:left}
 .home-hero-actions button>span{grid-column:1;grid-row:1;width:32px;height:32px;border-radius:10px}
 .home-hero-actions .icon{width:17px;height:17px}
 .home-hero-actions b{grid-column:2;grid-row:1;overflow:hidden;font-size:11px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
 .home-hero-actions small{display:none}
 .home-hero-actions button i{position:static;grid-column:3;grid-row:1;align-self:center;font-size:13px}
 .home-action-primary{background:#263340}
 .home-action-secondary{background:#f3f5f6}
}

/* Mobile: move the two main actions below the banner in place of service cards */
@media (max-width: 760px) {
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 .home-hero-v2{margin-bottom:82px;overflow:visible}
 .home-hero-copy{position:static}
 .home-hero-v2:before,.home-hero-v2:after{display:none}
 .home-hero-actions{top:calc(100% + 10px);bottom:auto;left:14px;right:14px;height:62px;padding:5px;border:1px solid #e4e8eb;border-radius:17px;background:#fff;box-shadow:0 7px 22px rgba(35,47,59,.09);backdrop-filter:none}
 .home-hero-actions button{min-height:50px}
 .home-action-primary{background:#263340;color:#fff}
 .home-action-secondary{background:#f3f5f6;color:#2d3945}
 .home-signal{display:none!important}}}
}
@container siteWorkspace (max-width: 760px) {
 .home-hero-v2{margin-bottom:82px;overflow:visible}
 .home-hero-copy{position:static}
 .home-hero-v2:before,.home-hero-v2:after{display:none}
 .home-hero-actions{top:calc(100% + 10px);bottom:auto;left:14px;right:14px;height:62px;padding:5px;border:1px solid #e4e8eb;border-radius:17px;background:#fff;box-shadow:0 7px 22px rgba(35,47,59,.09);backdrop-filter:none}
 .home-hero-actions button{min-height:50px}
 .home-action-primary{background:#263340;color:#fff}
 .home-action-secondary{background:#f3f5f6;color:#2d3945}
 .home-signal{display:none!important}
}

@media (max-width: 760px) {
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 .home-hero-v2{height:270px;min-height:270px;max-height:270px;background-size:100% 100%,auto 270px}}}
}

@container siteWorkspace (max-width: 760px) {
 .home-hero-v2{height:270px;min-height:270px;max-height:270px;background-size:100% 100%,auto 270px}
}

/* Service summary cards removed across desktop and mobile. */
.home-signal{display:none!important}

/* Tighter desktop hero and seamless two-tier header. */
@media (min-width: 761px) {
@scope (:root) to (.site-workspace){
 .top,.top-nav{border-bottom:0!important;box-shadow:none!important}
 body:has(#home-view:not([hidden])) .app-shell main{padding-top:0!important}
 .home-hero-v2{height:360px;min-height:360px;max-height:360px;padding:24px 1140px;background-size:100% 100%,auto 360px}
 .home-hero-copy{height:312px;min-height:312px}}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 .top,.top-nav{border-bottom:0!important;box-shadow:none!important}
 body:has(#home-view:not([hidden])) .app-shell main{padding-top:0!important}
 .home-hero-v2{height:360px;min-height:360px;max-height:360px;padding:24px 1140px;background-size:100% 100%,auto 360px}
 .home-hero-copy{height:312px;min-height:312px}}}
@container siteWorkspace (min-width: 761px) {
 .top,.top-nav{border-bottom:0!important;box-shadow:none!important}
 body:has(#home-view:not([hidden])) .app-shell main{padding-top:0!important}
 .home-hero-v2{height:360px;min-height:360px;max-height:360px;padding:24px 1140px;background-size:100% 100%,auto 360px}
 .home-hero-copy{height:312px;min-height:312px}
}

/* Desktop single-row header: logo / navigation / platform switch. */
@media (min-width: 761px) {
@scope (:root) to (.site-workspace){
 :root{--header-height:78px;--nav-height:0px}
 .top{position:sticky!important;top:0!important;height:78px;min-height:78px;padding-left:max(28px,calc((100vw - 1280px)/2));padding-right:max(28px,calc((100vw - 1280px)/2));background:#fff;z-index:42}
 .top .brand,.top .platform{position:relative;z-index:44}
 .top .platform{margin-left:auto}
 .top-nav{position:sticky!important;top:0!important;height:78px;margin-top:-78px!important;background:transparent!important;pointer-events:none;z-index:43}
 .top-nav>div{height:78px;padding:8px 330px;pointer-events:none}
 .top-nav button{flex:1 1 0;min-width:112px;max-width:154px;pointer-events:auto}}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 :root{--header-height:78px;--nav-height:0px}
 .top{position:sticky!important;top:0!important;height:78px;min-height:78px;padding-left:max(28px,calc((100vw - 1280px)/2));padding-right:max(28px,calc((100vw - 1280px)/2));background:#fff;z-index:42}
 .top .brand,.top .platform{position:relative;z-index:44}
 .top .platform{margin-left:auto}
 .top-nav{position:sticky!important;top:0!important;height:78px;margin-top:-78px!important;background:transparent!important;pointer-events:none;z-index:43}
 .top-nav>div{height:78px;padding:8px 330px;pointer-events:none}
 .top-nav button{flex:1 1 0;min-width:112px;max-width:154px;pointer-events:auto}}}
@container siteWorkspace (min-width: 761px) {
 :root{--header-height:78px;--nav-height:0px}
 .top{position:sticky!important;top:0!important;height:78px;min-height:78px;padding-left:max(28px,calc((100cqw - 1280px)/2));padding-right:max(28px,calc((100cqw - 1280px)/2));background:#fff;z-index:42}
 .top .brand,.top .platform{position:relative;z-index:44}
 .top .platform{margin-left:auto}
 .top-nav{position:sticky!important;top:0!important;height:78px;margin-top:-78px!important;background:transparent!important;pointer-events:none;z-index:43}
 .top-nav>div{height:78px;padding:8px 330px;pointer-events:none}
 .top-nav button{flex:1 1 0;min-width:112px;max-width:154px;pointer-events:auto}
}
@media (min-width:761px) and (max-width:1180px) {
@scope (:root) to (.site-workspace){
 .official-logo{width:180px}
 .platform a{padding-left:14px;padding-right:14px}
 .top-nav>div{padding-left:240px;padding-right:250px}
 .top-nav button{min-width:92px;padding-left:7px;padding-right:7px}
 .top-nav small{display:none}}
}
@container siteWorkspace (min-width:761px) and (max-width:1180px) {
 .official-logo{width:180px}
 .platform a{padding-left:14px;padding-right:14px}
 .top-nav>div{padding-left:240px;padding-right:250px}
 .top-nav button{min-width:92px;padding-left:7px;padding-right:7px}
 .top-nav small{display:none}
}

@media (min-width: 761px) {
@scope (:root) to (.site-workspace){
 .showroom-toolbar{position:sticky!important;top:78px!important;z-index:38}
 .showroom-toolbar .showroom-nav{position:static!important}}
}

@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 .showroom-toolbar{position:sticky!important;top:78px!important;z-index:38}
 .showroom-toolbar .showroom-nav{position:static!important}}}

@container siteWorkspace (min-width: 761px) {
 .showroom-toolbar{position:sticky!important;top:78px!important;z-index:38}
 .showroom-toolbar .showroom-nav{position:static!important}
}

/* Fixed desktop header across every page. */
@media (min-width: 761px) {
@scope (:root) to (.site-workspace){
 body{padding-top:78px}
 html,body{overflow-x:clip!important;overflow-y:visible!important}
 .preview-note{display:none}
 .top{position:fixed!important;inset:0 0 auto 0!important;width:100%!important;margin:0!important}
 .top-nav{position:fixed!important;inset:0 0 auto 0!important;width:100%!important;margin:0!important;transform:none}}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 body{padding-top:78px}
 html,body{overflow-x:clip!important;overflow-y:visible!important}
 .preview-note{display:none}
 .top{position:fixed!important;inset:0 0 auto 0!important;width:100%!important;margin:0!important}
 .top-nav{position:fixed!important;inset:0 0 auto 0!important;width:100%!important;margin:0!important;transform:none}}}
@container siteWorkspace (min-width: 761px) {
 body{padding-top:78px}
 html,body{overflow-x:clip!important;overflow-y:visible!important}
 .preview-note{display:none}
 .top{position:fixed!important;inset:0 0 auto 0!important;width:100%!important;margin:0!important}
 .top-nav{position:fixed!important;inset:0 0 auto 0!important;width:100%!important;margin:0!important;transform:none}
}

/* Airier desktop header with a quiet divider. */
@media (min-width: 761px) {
@scope (:root) to (.site-workspace){
 :root{--header-height:92px;--nav-height:0px}
 body{padding-top:92px}
 .top{height:92px;min-height:92px;border-bottom:1px solid #eceff2!important}
 .top-nav{height:92px;border-bottom:1px solid #eceff2!important}
 .top-nav>div{height:92px;padding-top:15px;padding-bottom:15px}
 .showroom-toolbar{top:92px!important}}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 :root{--header-height:92px;--nav-height:0px}
 body{padding-top:92px}
 .top{height:92px;min-height:92px;border-bottom:1px solid #eceff2!important}
 .top-nav{height:92px;border-bottom:1px solid #eceff2!important}
 .top-nav>div{height:92px;padding-top:15px;padding-bottom:15px}
 .showroom-toolbar{top:92px!important}}}
@container siteWorkspace (min-width: 761px) {
 :root{--header-height:92px;--nav-height:0px}
 body{padding-top:92px}
 .top{height:92px;min-height:92px;border-bottom:1px solid #eceff2!important}
 .top-nav{height:92px;border-bottom:1px solid #eceff2!important}
 .top-nav>div{height:92px;padding-top:15px;padding-bottom:15px}
 .showroom-toolbar{top:92px!important}
}

/* Keep the full-bleed popular section aligned with the home content column. */
@media (min-width:761px){
@scope (:root) to (.site-workspace){
 .home-ranking{padding-left:max(24px,calc((100vw - 1224px)/2));padding-right:max(24px,calc((100vw - 1224px)/2))}
 .home-ranking>.section-head,.home-popular-groups{max-width:1224px}
 .home-popular-group>header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:18px}
 .home-popular-group>header p{justify-self:start}
 .home-popular-row{padding-left:18px;padding-right:18px;scroll-padding-inline:18px}}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 .home-ranking{padding-left:max(24px,calc((100vw - 1224px)/2));padding-right:max(24px,calc((100vw - 1224px)/2))}
 .home-ranking>.section-head,.home-popular-groups{max-width:1224px}
 .home-popular-group>header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:18px}
 .home-popular-group>header p{justify-self:start}
 .home-popular-row{padding-left:18px;padding-right:18px;scroll-padding-inline:18px}}}
@container siteWorkspace (min-width:761px){
 .home-ranking{padding-left:max(24px,calc((100cqw - 1224px)/2));padding-right:max(24px,calc((100cqw - 1224px)/2))}
 .home-ranking>.section-head,.home-popular-groups{max-width:1224px}
 .home-popular-group>header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:18px}
 .home-popular-group>header p{justify-self:start}
 .home-popular-row{padding-left:18px;padding-right:18px;scroll-padding-inline:18px}
}

@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){.home-popular-row{padding-left:14px;padding-right:14px;scroll-padding-inline:14px}}}}

@container siteWorkspace (max-width:760px){.home-popular-row{padding-left:14px;padding-right:14px;scroll-padding-inline:14px}}

/* Recent vehicles use the same compact showroom card rhythm as the popular rows. */
.home-recent{margin-left:calc(50% - 50cqw);margin-right:calc(50% - 50cqw);padding:54px max(24px,calc((100cqw - 1224px)/2));background:#fafafa}
.home-recent>.section-head,#home-recent-cars{width:100%;max-width:1224px;margin-left:auto;margin-right:auto}
#home-recent-cars{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:292px;justify-content:start;gap:16px;overflow-x:auto;padding:2px 0 14px;scroll-snap-type:x proximity;scrollbar-width:none}
#home-recent-cars::-webkit-scrollbar{display:none}
#home-recent-cars>.car-card{width:292px;height:100%;margin:0!important;padding:8px 10px 12px!important;border:0!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important;scroll-snap-align:start}
#home-recent-cars .card-main{display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:32px 8px 0!important}
#home-recent-cars .car-visual{order:-1!important;width:100%!important;height:156px!important;margin:0 0 19px!important}

@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 .home-recent{margin-left:-18px;margin-right:-18px;padding:42px 18px}
 .home-recent>.section-head{padding:0}
 #home-recent-cars{grid-auto-columns:min(82vw,292px);margin:0 -18px;padding:2px 18px 14px;scroll-padding-left:18px;scroll-snap-type:x mandatory}
 #home-recent-cars>.car-card{width:auto;padding:10px 16px 12px!important;border-bottom:0!important}
 #home-recent-cars .card-main{padding:30px 0 0!important}
 #home-recent-cars .car-visual{height:156px!important;margin:0 0 12px!important}
 #home-recent-cars .dual-prices{grid-template-columns:1fr 1fr!important;gap:10px!important}
 #home-recent-cars .price-row{display:flex!important;flex-direction:column!important;align-items:flex-start!important}
 #home-recent-cars .price-row+.price-row{padding-left:10px!important;border-left:1px solid #e1e6eb!important}}}
}

@container siteWorkspace (max-width:760px){
 .home-recent{margin-left:-18px;margin-right:-18px;padding:42px 18px}
 .home-recent>.section-head{padding:0}
 #home-recent-cars{grid-auto-columns:min(82cqw,292px);margin:0 -18px;padding:2px 18px 14px;scroll-padding-left:18px;scroll-snap-type:x mandatory}
 #home-recent-cars>.car-card{width:auto;padding:10px 16px 12px!important;border-bottom:0!important}
 #home-recent-cars .card-main{padding:30px 0 0!important}
 #home-recent-cars .car-visual{height:156px!important;margin:0 0 12px!important}
 #home-recent-cars .dual-prices{grid-template-columns:1fr 1fr!important;gap:10px!important}
 #home-recent-cars .price-row{display:flex!important;flex-direction:column!important;align-items:flex-start!important}
 #home-recent-cars .price-row+.price-row{padding-left:10px!important;border-left:1px solid #e1e6eb!important}
}

/* Current visible inventory, calculated on every page request. */
.home-live-stock{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.home-live-stock>span{font:inherit;letter-spacing:inherit}
.home-live-stock>strong{font-size:14px;line-height:1;font-weight:800;letter-spacing:-.02em;color:#fff;font-variant-numeric:tabular-nums}
.home-live-stock>b{font-size:10px;line-height:1;font-weight:700;letter-spacing:0;color:rgba(255,255,255,.78)}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){.home-live-stock{gap:4px}.home-live-stock>strong{font-size:12px}.home-live-stock>b{font-size:9px}}}}
@container siteWorkspace (max-width:760px){.home-live-stock{gap:4px}.home-live-stock>strong{font-size:12px}.home-live-stock>b{font-size:9px}}

/* A restrained, one-time stagger when each page's vehicle cards first enter view. */
.card-enter-ready{opacity:0;transform:translate3d(0,16px,0) scale(.985)}
.card-enter-ready.card-enter-run{will-change:opacity,transform;animation:hicarz-card-arrive .48s cubic-bezier(.22,.72,.24,1) var(--card-enter-delay,0ms) forwards}
@keyframes hicarz-card-arrive{0%{opacity:0;transform:translate3d(0,16px,0) scale(.985)}65%{opacity:1}100%{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){.card-enter-ready{transform:translate3d(0,11px,0) scale(.99)}.card-enter-ready.card-enter-run{animation-duration:.42s}}}}
@container siteWorkspace (max-width:760px){.card-enter-ready{transform:translate3d(0,11px,0) scale(.99)}.card-enter-ready.card-enter-run{animation-duration:.42s}}
@media(prefers-reduced-motion:reduce){.card-enter-ready,.card-enter-ready.card-enter-run{opacity:1;transform:none;animation:none;will-change:auto}}

/* Mobile home alignment: one gutter, fixed hero crop, horizontal media and showroom rows. */
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 #home-view{width:100%;margin:0!important;overflow:hidden!important}
 #home-view .home-hero-v2{left:auto;width:calc(100% + 36px);margin-left:-18px;margin-right:-18px;padding:18px 24px 12px;transform:none}
 #home-view .home-hero-copy{width:100%;padding:0}
 #home-view .home-kicker{margin-bottom:8px}
 #home-view .home-hero-copy h1{max-width:220px}
 #home-view .home-hero-copy>p{max-width:210px}
 #home-view .home-hero-actions{left:18px;right:18px}

 #home-view .home-shorts{width:100%;margin:0 0 46px}
 #home-view .home-shorts .section-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:7px 10px;width:100%;margin-bottom:18px}
 #home-view .home-shorts .section-head>div{min-width:0}
 #home-view .home-shorts .section-head h2{overflow:hidden;font-size:22px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
 #home-view .home-shorts .section-description{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #home-view .home-shorts .text-button{align-self:end;white-space:nowrap}
 #home-view .home-media-board{display:flex;flex-direction:column;gap:18px;width:100%;min-width:0}
 #home-view .home-media-board .home-shorts-track{order:1;box-sizing:border-box;width:calc(100% + 36px);margin:0 -18px;padding:2px 18px 14px;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(68vw,300px);justify-content:start;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-padding-inline:18px;scroll-snap-type:x mandatory}
 #home-view .home-media-board .home-feature-video{order:2;width:100%;min-width:0}
 #home-view .home-wide-card{width:100%;min-width:0}
 #home-view .home-wide-copy strong{overflow-wrap:anywhere;word-break:keep-all}

 #home-view .home-ranking{box-sizing:border-box;width:calc(100% + 36px);margin:0 -18px 46px!important;padding:40px 18px 44px!important;overflow:hidden}
 #home-view .home-ranking>.section-head,#home-view .home-popular-groups{box-sizing:border-box;width:100%;max-width:none;margin-left:0;margin-right:0}
 #home-view .home-ranking>.section-head{padding:0!important}
 #home-view .home-popular-groups{gap:34px}
 #home-view .home-popular-group{width:100%;min-width:0}
 #home-view .home-popular-group>header{width:100%;padding:0 1px}
 #home-view .home-popular-group>header h3,#home-view .home-popular-group>header p{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #home-view .home-popular-stage{width:100%;min-width:0}
 #home-view .home-popular-row{box-sizing:border-box;width:calc(100% + 36px);margin:0 -18px;padding:2px 18px 14px;grid-auto-columns:min(calc(100vw - 52px),292px);scroll-padding-inline:18px;overflow-x:auto;overflow-y:hidden}
 #home-view .home-popular-row>.car-card{box-sizing:border-box;width:100%;max-width:100%;overflow:hidden!important}
 #home-view .home-popular-row .card-main{min-width:0}
 #home-view .home-popular-row .car-title{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #home-view .home-popular-row .dual-prices,#home-view .home-popular-row .price-row{min-width:0}
 #home-view .home-popular-row .price-row strong{max-width:100%;font-size:18px;white-space:nowrap}

 #home-view .home-recent{box-sizing:border-box;width:calc(100% + 36px);margin-left:-18px;margin-right:-18px;padding:40px 18px!important;overflow:hidden}
 #home-view #home-recent-cars{box-sizing:border-box;width:calc(100% + 36px);margin:0 -18px;padding-left:18px;padding-right:18px;grid-auto-columns:min(calc(100vw - 52px),292px);scroll-padding-inline:18px}
 #home-view #home-recent-cars>.car-card{box-sizing:border-box;width:100%;max-width:100%;overflow:hidden!important}}}
}
@container siteWorkspace (max-width:760px){
 #home-view{width:100%;margin:0!important;overflow:hidden!important}
 #home-view .home-hero-v2{left:auto;width:calc(100% + 36px);margin-left:-18px;margin-right:-18px;padding:18px 24px 12px;transform:none}
 #home-view .home-hero-copy{width:100%;padding:0}
 #home-view .home-kicker{margin-bottom:8px}
 #home-view .home-hero-copy h1{max-width:220px}
 #home-view .home-hero-copy>p{max-width:210px}
 #home-view .home-hero-actions{left:18px;right:18px}

 #home-view .home-shorts{width:100%;margin:0 0 46px}
 #home-view .home-shorts .section-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:7px 10px;width:100%;margin-bottom:18px}
 #home-view .home-shorts .section-head>div{min-width:0}
 #home-view .home-shorts .section-head h2{overflow:hidden;font-size:22px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
 #home-view .home-shorts .section-description{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #home-view .home-shorts .text-button{align-self:end;white-space:nowrap}
 #home-view .home-media-board{display:flex;flex-direction:column;gap:18px;width:100%;min-width:0}
 #home-view .home-media-board .home-shorts-track{order:1;box-sizing:border-box;width:calc(100% + 36px);margin:0 -18px;padding:2px 18px 14px;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(68cqw,300px);justify-content:start;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-padding-inline:18px;scroll-snap-type:x mandatory}
 #home-view .home-media-board .home-feature-video{order:2;width:100%;min-width:0}
 #home-view .home-wide-card{width:100%;min-width:0}
 #home-view .home-wide-copy strong{overflow-wrap:anywhere;word-break:keep-all}

 #home-view .home-ranking{box-sizing:border-box;width:calc(100% + 36px);margin:0 -18px 46px!important;padding:40px 18px 44px!important;overflow:hidden}
 #home-view .home-ranking>.section-head,#home-view .home-popular-groups{box-sizing:border-box;width:100%;max-width:none;margin-left:0;margin-right:0}
 #home-view .home-ranking>.section-head{padding:0!important}
 #home-view .home-popular-groups{gap:34px}
 #home-view .home-popular-group{width:100%;min-width:0}
 #home-view .home-popular-group>header{width:100%;padding:0 1px}
 #home-view .home-popular-group>header h3,#home-view .home-popular-group>header p{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #home-view .home-popular-stage{width:100%;min-width:0}
 #home-view .home-popular-row{box-sizing:border-box;width:calc(100% + 36px);margin:0 -18px;padding:2px 18px 14px;grid-auto-columns:min(calc(100cqw - 52px),292px);scroll-padding-inline:18px;overflow-x:auto;overflow-y:hidden}
 #home-view .home-popular-row>.car-card{box-sizing:border-box;width:100%;max-width:100%;overflow:hidden!important}
 #home-view .home-popular-row .card-main{min-width:0}
 #home-view .home-popular-row .car-title{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #home-view .home-popular-row .dual-prices,#home-view .home-popular-row .price-row{min-width:0}
 #home-view .home-popular-row .price-row strong{max-width:100%;font-size:18px;white-space:nowrap}

 #home-view .home-recent{box-sizing:border-box;width:calc(100% + 36px);margin-left:-18px;margin-right:-18px;padding:40px 18px!important;overflow:hidden}
 #home-view #home-recent-cars{box-sizing:border-box;width:calc(100% + 36px);margin:0 -18px;padding-left:18px;padding-right:18px;grid-auto-columns:min(calc(100cqw - 52px),292px);scroll-padding-inline:18px}
 #home-view #home-recent-cars>.car-card{box-sizing:border-box;width:100%;max-width:100%;overflow:hidden!important}
}

/* Mobile home v2: shorter full-bleed campaign, one continuous media rail. */
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 body:has(#home-view:not([hidden])) .app-shell main{overflow-x:hidden}
 #home-view{overflow:visible!important}
 #home-view .home-hero-v2{left:auto;width:calc(100% + 36px);height:230px;min-height:230px;max-height:230px;margin-left:-18px;margin-right:-18px;padding:16px 30px 10px;background-size:100% 100%,auto 230px;background-position:center,77% center}
 #home-view .home-hero-copy{padding:0}
 #home-view .home-kicker{margin-bottom:6px}
 #home-view .home-hero-copy h1{max-width:190px;font-size:22px;line-height:1.08}
 #home-view .home-hero-copy>p{max-width:185px;margin-top:7px;font-size:8px;line-height:1.4}
 #home-view .home-hero-actions{top:calc(100% + 10px);left:18px;right:18px;height:54px;gap:8px;padding:0;border:0;background:transparent;box-shadow:none}
 #home-view .home-hero-actions button{min-height:54px;border:1px solid #e5e9ed;box-shadow:0 5px 15px rgba(35,47,59,.07)}
 #home-view .home-action-primary{border-color:#263340}
 #home-view .home-action-secondary{background:#fff;color:#2d3945}

 #home-view .home-media-board{display:flex;flex-flow:row nowrap;align-items:flex-start;gap:10px;box-sizing:border-box;width:calc(100% + 36px);margin:0 -18px;padding:2px 18px 14px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-padding-inline:18px;scroll-snap-type:x mandatory;scrollbar-width:none}
 #home-view .home-media-board::-webkit-scrollbar{display:none}
 #home-view .home-media-board .home-shorts-track{display:contents}
 #home-view .home-short-card{flex:0 0 clamp(128px,29vw,160px);width:auto;scroll-snap-align:start}
 #home-view .home-short-play{top:10px;right:10px;width:34px;height:34px}
 #home-view .home-short-copy{padding:14px}
 #home-view .home-short-copy strong{font-size:13px;line-height:1.42;-webkit-line-clamp:3}
 #home-view .home-media-board .home-feature-video{order:initial;flex:0 0 min(72vw,320px);width:auto;min-width:0;scroll-snap-align:start}
 #home-view .home-wide-card{height:clamp(228px,51.56vw,284.5px);min-height:0;overflow:hidden}
 #home-view .home-wide-visual{flex:0 0 auto}
 #home-view .home-wide-copy{padding:14px}
 #home-view .home-wide-copy strong{display:-webkit-box;overflow:hidden;font-size:13px;line-height:1.42;-webkit-line-clamp:2;-webkit-box-orient:vertical}
 #home-view .home-wide-copy em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

 #home-view .home-ranking{width:calc(100% + 36px);margin-left:-18px!important;margin-right:-18px!important;background:#fafafa}
 #home-view .home-row-arrow{display:none!important}
 #home-view .home-popular-stage:before,#home-view .home-popular-stage:after{width:18px}
 #home-view .home-popular-stage:before{left:-18px}
 #home-view .home-popular-stage:after{right:-18px}}}
}
@container siteWorkspace (max-width:760px){
 body:has(#home-view:not([hidden])) .app-shell main{overflow-x:hidden}
 #home-view{overflow:visible!important}
 #home-view .home-hero-v2{left:auto;width:calc(100% + 36px);height:230px;min-height:230px;max-height:230px;margin-left:-18px;margin-right:-18px;padding:16px 30px 10px;background-size:100% 100%,auto 230px;background-position:center,77% center}
 #home-view .home-hero-copy{padding:0}
 #home-view .home-kicker{margin-bottom:6px}
 #home-view .home-hero-copy h1{max-width:190px;font-size:22px;line-height:1.08}
 #home-view .home-hero-copy>p{max-width:185px;margin-top:7px;font-size:8px;line-height:1.4}
 #home-view .home-hero-actions{top:calc(100% + 10px);left:18px;right:18px;height:54px;gap:8px;padding:0;border:0;background:transparent;box-shadow:none}
 #home-view .home-hero-actions button{min-height:54px;border:1px solid #e5e9ed;box-shadow:0 5px 15px rgba(35,47,59,.07)}
 #home-view .home-action-primary{border-color:#263340}
 #home-view .home-action-secondary{background:#fff;color:#2d3945}

 #home-view .home-media-board{display:flex;flex-flow:row nowrap;align-items:flex-start;gap:10px;box-sizing:border-box;width:calc(100% + 36px);margin:0 -18px;padding:2px 18px 14px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-padding-inline:18px;scroll-snap-type:x mandatory;scrollbar-width:none}
 #home-view .home-media-board::-webkit-scrollbar{display:none}
 #home-view .home-media-board .home-shorts-track{display:contents}
 #home-view .home-short-card{flex:0 0 clamp(128px,29cqw,160px);width:auto;scroll-snap-align:start}
 #home-view .home-short-play{top:10px;right:10px;width:34px;height:34px}
 #home-view .home-short-copy{padding:14px}
 #home-view .home-short-copy strong{font-size:13px;line-height:1.42;-webkit-line-clamp:3}
 #home-view .home-media-board .home-feature-video{order:initial;flex:0 0 min(72cqw,320px);width:auto;min-width:0;scroll-snap-align:start}
 #home-view .home-wide-card{height:clamp(228px,51.56cqw,284.5px);min-height:0;overflow:hidden}
 #home-view .home-wide-visual{flex:0 0 auto}
 #home-view .home-wide-copy{padding:14px}
 #home-view .home-wide-copy strong{display:-webkit-box;overflow:hidden;font-size:13px;line-height:1.42;-webkit-line-clamp:2;-webkit-box-orient:vertical}
 #home-view .home-wide-copy em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

 #home-view .home-ranking{width:calc(100% + 36px);margin-left:-18px!important;margin-right:-18px!important;background:#fafafa}
 #home-view .home-row-arrow{display:none!important}
 #home-view .home-popular-stage:before,#home-view .home-popular-stage:after{width:18px}
 #home-view .home-popular-stage:before{left:-18px}
 #home-view .home-popular-stage:after{right:-18px}
}

/* Home starts directly below the fixed mobile header. */
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 body:has(#home-view:not([hidden])) .app-shell main{padding-top:0!important}}}
}
@container siteWorkspace (max-width:760px){
 body:has(#home-view:not([hidden])) .app-shell main{padding-top:0!important}
}

/* Keep the desktop header inside the workspace left by the detail panel. */
@media(min-width:761px){
@scope (:root) to (.site-workspace){
 .top .brand,.top .platform{transition:opacity .24s ease,transform .36s cubic-bezier(.22,.72,.24,1),visibility 0s!important}
 .top-nav button,.top-nav button *{white-space:nowrap!important}}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 .top .brand,.top .platform{transition:opacity .24s ease,transform .36s cubic-bezier(.22,.72,.24,1),visibility 0s!important}
 .top-nav button,.top-nav button *{white-space:nowrap!important}}}
@container siteWorkspace (min-width:761px){
 .top .brand,.top .platform{transition:opacity .24s ease,transform .36s cubic-bezier(.22,.72,.24,1),visibility 0s!important}
 .top-nav button,.top-nav button *{white-space:nowrap!important}
}

/* Remove the outer header groups before they can collide with the main menu. */

/* The white header canvas stays continuous while the panel and menus animate. */

/* On home, the hero and media keep their desktop geometry and are simply covered by the drawer. */

/* One collision rule for every desktop layer: move only by actual drawer overlap. */
@media(min-width:761px){
@scope (:root) to (.site-workspace){
 body{--workspace-overlap-shift:max(0px,min(calc((2320px - 100vw)/2),calc((100vw - 1280px)/2)))}}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 body{--workspace-overlap-shift:max(0px,min(calc((2320px - 100vw)/2),calc((100vw - 1280px)/2)))}}}
@container siteWorkspace (min-width:761px){
 body{--workspace-overlap-shift:max(0px,min(calc((2320px - 100cqw)/2),calc((100cqw - 1280px)/2)))}
}

/* Compact desktop: once the workspace reaches the left wall, protect its inner content. */

/* Narrow desktop workspace: reflow lists, keep every heading inside the left wall. */

/* Final desktop split: fixed upper canvas, responsive vehicle-list canvas only. */
@media(min-width:761px){
@scope (:root) to (.site-workspace){
 body{--desktop-canvas-left:max(0px,calc((100vw - 1280px)/2));--list-canvas-width:min(1224px,calc(100vw - var(--adaptive-panel) - var(--desktop-canvas-left) - 48px))}}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 body{--desktop-canvas-left:max(0px,calc((100vw - 1280px)/2));--list-canvas-width:min(1224px,calc(100vw - var(--adaptive-panel) - var(--desktop-canvas-left) - 48px))}}}
@container siteWorkspace (min-width:761px){
 body{--desktop-canvas-left:max(0px,calc((100cqw - 1280px)/2));--list-canvas-width:min(1224px,calc(100cqw - var(--adaptive-panel) - var(--desktop-canvas-left) - 48px))}
}

/* The desktop header uses the same fixed 1280px canvas before and after opening details. */
@media(min-width:761px){
@scope (:root) to (.site-workspace){
 .top,.top-nav{left:var(--desktop-canvas-left)!important;right:auto!important;width:1280px!important;min-width:1280px!important;max-width:1280px!important;margin:0!important}
 .top{padding-left:28px!important;padding-right:28px!important}
 .top-nav>div{width:1280px!important;min-width:1280px!important;max-width:1280px!important;margin:0!important;padding-left:330px!important;padding-right:330px!important}}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 .top,.top-nav{left:var(--desktop-canvas-left)!important;right:auto!important;width:1280px!important;min-width:1280px!important;max-width:1280px!important;margin:0!important}
 .top{padding-left:28px!important;padding-right:28px!important}
 .top-nav>div{width:1280px!important;min-width:1280px!important;max-width:1280px!important;margin:0!important;padding-left:330px!important;padding-right:330px!important}}}
@container siteWorkspace (min-width:761px){
 .top,.top-nav{left:var(--desktop-canvas-left)!important;right:auto!important;width:1280px!important;min-width:1280px!important;max-width:1280px!important;margin:0!important}
 .top{padding-left:28px!important;padding-right:28px!important}
 .top-nav>div{width:1280px!important;min-width:1280px!important;max-width:1280px!important;margin:0!important;padding-left:330px!important;padding-right:330px!important}
}

/* Full-width desktop header surface behind the fixed 1280px header content. */
@media(min-width:761px){
@scope (:root) to (.site-workspace){
 body:after{content:'';position:fixed;z-index:41;inset:0 0 auto 0;height:92px;background:#fff;border-bottom:1px solid #eceff2;pointer-events:none}}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 body:after{content:'';position:fixed;z-index:41;inset:0 0 auto 0;height:92px;background:#fff;border-bottom:1px solid #eceff2;pointer-events:none}}}
@container siteWorkspace (min-width:761px){
 body:after{content:'';position:fixed;z-index:41;inset:0 0 auto 0;height:92px;background:#fff;border-bottom:1px solid #eceff2;pointer-events:none}
}

/* Keep the showroom surface full while cards retain their normal desktop width. */

/* Final PC collision model: titles stop at the left wall; fixed canvases clip on the right. */
@media(min-width:761px){
@scope (:root) to (.site-workspace){
 body{
  --home-working-width:100vw;
  --home-title-left:max(24px,calc((var(--home-working-width) - 1224px)/2));
  --home-hero-title-left:max(24px,calc((var(--home-working-width) - 1160px)/2));
  --home-title-left-base:max(24px,calc((100vw - 1224px)/2));
  --home-hero-left-base:max(24px,calc((100vw - 1160px)/2));
 }
 body:has(#home-view:not([hidden])) #home-view .home-hero-v2{
  left:50%!important;
  width:3440px!important;
  min-width:3440px!important;
  padding-left:1140px!important;
  padding-right:1140px!important;
  transform:translateX(calc(-50% + var(--home-hero-title-left) - var(--home-hero-left-base)))!important;
 }
 #home-view .home-hero-copy{width:590px!important;min-width:590px!important;max-width:590px!important}
 #home-view .home-hero-actions{
  position:static!important;
  display:grid!important;
  grid-template-columns:290px 290px!important;
  width:590px!important;
  min-width:590px!important;
  max-width:590px!important;
  gap:10px!important;
 }
 #home-view .home-hero-actions button{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  width:290px!important;
  min-width:290px!important;
  max-width:290px!important;
  min-height:78px!important;
  padding:14px 15px!important;
 }
 #home-view .home-hero-actions button>span{grid-column:1!important;grid-row:1/3!important;width:38px!important;height:38px!important}
 #home-view .home-hero-actions b{grid-column:2!important;grid-row:1!important;font-size:14px!important;white-space:nowrap!important}
 #home-view .home-hero-actions small{display:block!important;grid-column:2!important;grid-row:2!important;font-size:10px!important;white-space:nowrap!important}
 #home-view .home-hero-actions button i{position:static!important;grid-column:3!important;grid-row:1/3!important;align-self:center!important;font-size:19px!important}
 #home-view .home-shorts{
  width:1224px!important;
  min-width:1224px!important;
  max-width:1224px!important;
  transform:translateX(calc(var(--home-title-left) - var(--home-title-left-base)))!important;
 }
 #home-view .home-media-board{
  display:grid!important;
  width:1224px!important;
  min-width:1224px!important;
  max-width:1224px!important;
  grid-template-columns:max-content 535px!important;
  justify-content:center!important;
  gap:12px!important;
 }
 #home-view .home-media-board .home-shorts-track{
  grid-template-columns:repeat(3,217px)!important;
  grid-auto-flow:row!important;
  grid-auto-columns:auto!important;
  min-width:0!important;
  overflow:hidden!important;
 }
 #home-view .home-media-board .home-shorts-track[data-count="2"]{grid-template-columns:repeat(2,227px)!important}
 #home-view .home-media-board .home-shorts-track[data-count="1"]{grid-template-columns:227px!important}
 #home-view .home-feature-video{order:initial!important;width:535px!important;min-width:535px!important;max-width:535px!important}}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 body{
  --home-working-width:100vw;
  --home-title-left:max(24px,calc((var(--home-working-width) - 1224px)/2));
  --home-hero-title-left:max(24px,calc((var(--home-working-width) - 1160px)/2));
  --home-title-left-base:max(24px,calc((100vw - 1224px)/2));
  --home-hero-left-base:max(24px,calc((100vw - 1160px)/2));
 }
 body:has(#home-view:not([hidden])) #home-view .home-hero-v2{
  left:50%!important;
  width:3440px!important;
  min-width:3440px!important;
  padding-left:1140px!important;
  padding-right:1140px!important;
  transform:translateX(calc(-50% + var(--home-hero-title-left) - var(--home-hero-left-base)))!important;
 }
 #home-view .home-hero-copy{width:590px!important;min-width:590px!important;max-width:590px!important}
 #home-view .home-hero-actions{
  position:static!important;
  display:grid!important;
  grid-template-columns:290px 290px!important;
  width:590px!important;
  min-width:590px!important;
  max-width:590px!important;
  gap:10px!important;
 }
 #home-view .home-hero-actions button{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  width:290px!important;
  min-width:290px!important;
  max-width:290px!important;
  min-height:78px!important;
  padding:14px 15px!important;
 }
 #home-view .home-hero-actions button>span{grid-column:1!important;grid-row:1/3!important;width:38px!important;height:38px!important}
 #home-view .home-hero-actions b{grid-column:2!important;grid-row:1!important;font-size:14px!important;white-space:nowrap!important}
 #home-view .home-hero-actions small{display:block!important;grid-column:2!important;grid-row:2!important;font-size:10px!important;white-space:nowrap!important}
 #home-view .home-hero-actions button i{position:static!important;grid-column:3!important;grid-row:1/3!important;align-self:center!important;font-size:19px!important}
 #home-view .home-shorts{
  width:1224px!important;
  min-width:1224px!important;
  max-width:1224px!important;
  transform:translateX(calc(var(--home-title-left) - var(--home-title-left-base)))!important;
 }
 #home-view .home-media-board{
  display:grid!important;
  width:1224px!important;
  min-width:1224px!important;
  max-width:1224px!important;
  grid-template-columns:max-content 535px!important;
  justify-content:center!important;
  gap:12px!important;
 }
 #home-view .home-media-board .home-shorts-track{
  grid-template-columns:repeat(3,217px)!important;
  grid-auto-flow:row!important;
  grid-auto-columns:auto!important;
  min-width:0!important;
  overflow:hidden!important;
 }
 #home-view .home-media-board .home-shorts-track[data-count="2"]{grid-template-columns:repeat(2,227px)!important}
 #home-view .home-media-board .home-shorts-track[data-count="1"]{grid-template-columns:227px!important}
 #home-view .home-feature-video{order:initial!important;width:535px!important;min-width:535px!important;max-width:535px!important}}}
@container siteWorkspace (min-width:761px){
 body{
  --home-working-width:100cqw;
  --home-title-left:max(24px,calc((var(--home-working-width) - 1224px)/2));
  --home-hero-title-left:max(24px,calc((var(--home-working-width) - 1160px)/2));
  --home-title-left-base:max(24px,calc((100cqw - 1224px)/2));
  --home-hero-left-base:max(24px,calc((100cqw - 1160px)/2));
 }
 body:has(#home-view:not([hidden])) #home-view .home-hero-v2{
  left:50%!important;
  width:3440px!important;
  min-width:3440px!important;
  padding-left:1140px!important;
  padding-right:1140px!important;
  transform:translateX(calc(-50% + var(--home-hero-title-left) - var(--home-hero-left-base)))!important;
 }
 #home-view .home-hero-copy{width:590px!important;min-width:590px!important;max-width:590px!important}
 #home-view .home-hero-actions{
  position:static!important;
  display:grid!important;
  grid-template-columns:290px 290px!important;
  width:590px!important;
  min-width:590px!important;
  max-width:590px!important;
  gap:10px!important;
 }
 #home-view .home-hero-actions button{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  width:290px!important;
  min-width:290px!important;
  max-width:290px!important;
  min-height:78px!important;
  padding:14px 15px!important;
 }
 #home-view .home-hero-actions button>span{grid-column:1!important;grid-row:1/3!important;width:38px!important;height:38px!important}
 #home-view .home-hero-actions b{grid-column:2!important;grid-row:1!important;font-size:14px!important;white-space:nowrap!important}
 #home-view .home-hero-actions small{display:block!important;grid-column:2!important;grid-row:2!important;font-size:10px!important;white-space:nowrap!important}
 #home-view .home-hero-actions button i{position:static!important;grid-column:3!important;grid-row:1/3!important;align-self:center!important;font-size:19px!important}
 #home-view .home-shorts{
  width:1224px!important;
  min-width:1224px!important;
  max-width:1224px!important;
  transform:translateX(calc(var(--home-title-left) - var(--home-title-left-base)))!important;
 }
 #home-view .home-media-board{
  display:grid!important;
  width:1224px!important;
  min-width:1224px!important;
  max-width:1224px!important;
  grid-template-columns:max-content 535px!important;
  justify-content:center!important;
  gap:12px!important;
 }
 #home-view .home-media-board .home-shorts-track{
  grid-template-columns:repeat(3,217px)!important;
  grid-auto-flow:row!important;
  grid-auto-columns:auto!important;
  min-width:0!important;
  overflow:hidden!important;
 }
 #home-view .home-media-board .home-shorts-track[data-count="2"]{grid-template-columns:repeat(2,227px)!important}
 #home-view .home-media-board .home-shorts-track[data-count="1"]{grid-template-columns:227px!important}
 #home-view .home-feature-video{order:initial!important;width:535px!important;min-width:535px!important;max-width:535px!important}
}

/* Use the drawer-reduced width only while it actually overlaps the desktop canvas. */

/* A compact PC keeps the same card size and wraps only the vehicle list. */
@media(min-width:761px) and (max-width:1279px){
@scope (:root) to (.site-workspace){
 body:has(#home-view:not([hidden])) #home-view .home-ranking{
  box-sizing:border-box!important;
  width:100vw!important;
  max-width:none!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  padding:46px 0!important;
  overflow:hidden!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-ranking>.section-head,
 body:has(#home-view:not([hidden])) #home-view .home-popular-groups{
  box-sizing:border-box!important;
  width:calc(var(--home-working-width) - var(--home-title-left) - 24px)!important;
  max-width:1224px!important;
  margin-left:var(--home-title-left)!important;
  margin-right:0!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-popular-stage{box-sizing:border-box!important;width:calc(100% - 18px)!important;margin-left:18px!important}
 body:has(#home-view:not([hidden])) #home-view .home-popular-row{
  display:grid!important;
  grid-auto-flow:row!important;
  grid-template-columns:repeat(auto-fill,272px)!important;
  width:100%!important;
  margin:0!important;
  padding:2px 0 14px!important;
  gap:16px!important;
  overflow:visible!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-popular-row>.car-card{width:272px!important;min-width:272px!important;max-width:272px!important}
 body:has(#home-view:not([hidden])) #home-view .home-row-arrow,
 body:has(#home-view:not([hidden])) #home-view .home-popular-stage:before,
 body:has(#home-view:not([hidden])) #home-view .home-popular-stage:after{display:none!important}}
}
@container siteWorkspace (min-width:761px) and (max-width:1279px){
 body:has(#home-view:not([hidden])) #home-view .home-ranking{
  box-sizing:border-box!important;
  width:100cqw!important;
  max-width:none!important;
  margin-left:calc(50% - 50cqw)!important;
  margin-right:calc(50% - 50cqw)!important;
  padding:46px 0!important;
  overflow:hidden!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-ranking>.section-head,
 body:has(#home-view:not([hidden])) #home-view .home-popular-groups{
  box-sizing:border-box!important;
  width:calc(var(--home-working-width) - var(--home-title-left) - 24px)!important;
  max-width:1224px!important;
  margin-left:var(--home-title-left)!important;
  margin-right:0!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-popular-stage{box-sizing:border-box!important;width:calc(100% - 18px)!important;margin-left:18px!important}
 body:has(#home-view:not([hidden])) #home-view .home-popular-row{
  display:grid!important;
  grid-auto-flow:row!important;
  grid-template-columns:repeat(auto-fill,272px)!important;
  width:100%!important;
  margin:0!important;
  padding:2px 0 14px!important;
  gap:16px!important;
  overflow:visible!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-popular-row>.car-card{width:272px!important;min-width:272px!important;max-width:272px!important}
 body:has(#home-view:not([hidden])) #home-view .home-row-arrow,
 body:has(#home-view:not([hidden])) #home-view .home-popular-stage:before,
 body:has(#home-view:not([hidden])) #home-view .home-popular-stage:after{display:none!important}
}

/* Final desktop alignment: every fixed-size home block stops at the left wall. */
@media(min-width:761px){
@scope (:root) to (.site-workspace){
 body{
  --header-canvas-left:max(0px,calc((100vw - 1280px)/2));
  --home-media-pack-width:1001px;
  --home-media-pack-offset:clamp(0px,calc((var(--home-working-width) - var(--home-media-pack-width))/2 - var(--home-title-left)),111.5px);
 }
 .top,.top-nav{
  left:var(--header-canvas-left)!important;right:auto!important;
  width:1280px!important;min-width:1280px!important;max-width:1280px!important;
  transform:none!important;transition:left .36s cubic-bezier(.22,.61,.36,1)!important;
 }
 .top{padding-left:28px!important;padding-right:28px!important}
 .top-nav>div{
  width:1280px!important;min-width:1280px!important;max-width:1280px!important;margin:0!important;
  padding-left:330px!important;padding-right:330px!important;
  transition:padding .36s cubic-bezier(.22,.61,.36,1)!important;
 }
 .top .brand,.top .platform{
  opacity:1;visibility:visible;transform:translateX(0);
  transition:opacity .22s ease,transform .36s cubic-bezier(.22,.61,.36,1),visibility 0s linear!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-hero-v2{
  left:50%!important;
  transform:translateX(calc(-50% + var(--home-hero-title-left) - ((100vw - 1160px)/2)))!important;
 }
 #home-view .home-media-board{
  justify-content:start!important;box-sizing:border-box!important;
  padding-left:var(--home-media-pack-offset)!important;
  transition:padding-left .36s cubic-bezier(.22,.61,.36,1)!important;
 }}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 body{
  --header-canvas-left:max(0px,calc((100vw - 1280px)/2));
  --home-media-pack-width:1001px;
  --home-media-pack-offset:clamp(0px,calc((var(--home-working-width) - var(--home-media-pack-width))/2 - var(--home-title-left)),111.5px);
 }
 .top,.top-nav{
  left:var(--header-canvas-left)!important;right:auto!important;
  width:1280px!important;min-width:1280px!important;max-width:1280px!important;
  transform:none!important;transition:left .36s cubic-bezier(.22,.61,.36,1)!important;
 }
 .top{padding-left:28px!important;padding-right:28px!important}
 .top-nav>div{
  width:1280px!important;min-width:1280px!important;max-width:1280px!important;margin:0!important;
  padding-left:330px!important;padding-right:330px!important;
  transition:padding .36s cubic-bezier(.22,.61,.36,1)!important;
 }
 .top .brand,.top .platform{
  opacity:1;visibility:visible;transform:translateX(0);
  transition:opacity .22s ease,transform .36s cubic-bezier(.22,.61,.36,1),visibility 0s linear!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-hero-v2{
  left:50%!important;
  transform:translateX(calc(-50% + var(--home-hero-title-left) - ((100vw - 1160px)/2)))!important;
 }
 #home-view .home-media-board{
  justify-content:start!important;box-sizing:border-box!important;
  padding-left:var(--home-media-pack-offset)!important;
  transition:padding-left .36s cubic-bezier(.22,.61,.36,1)!important;
 }}}
@container siteWorkspace (min-width:761px){
 body{
  --header-canvas-left:max(0px,calc((100cqw - 1280px)/2));
  --home-media-pack-width:1001px;
  --home-media-pack-offset:clamp(0px,calc((var(--home-working-width) - var(--home-media-pack-width))/2 - var(--home-title-left)),111.5px);
 }
 .top,.top-nav{
  left:var(--header-canvas-left)!important;right:auto!important;
  width:1280px!important;min-width:1280px!important;max-width:1280px!important;
  transform:none!important;transition:left .36s cubic-bezier(.22,.61,.36,1)!important;
 }
 .top{padding-left:28px!important;padding-right:28px!important}
 .top-nav>div{
  width:1280px!important;min-width:1280px!important;max-width:1280px!important;margin:0!important;
  padding-left:330px!important;padding-right:330px!important;
  transition:padding .36s cubic-bezier(.22,.61,.36,1)!important;
 }
 .top .brand,.top .platform{
  opacity:1;visibility:visible;transform:translateX(0);
  transition:opacity .22s ease,transform .36s cubic-bezier(.22,.61,.36,1),visibility 0s linear!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-hero-v2{
  left:50%!important;
  transform:translateX(calc(-50% + var(--home-hero-title-left) - ((100cqw - 1160px)/2)))!important;
 }
 #home-view .home-media-board{
  justify-content:start!important;box-sizing:border-box!important;
  padding-left:var(--home-media-pack-offset)!important;
  transition:padding-left .36s cubic-bezier(.22,.61,.36,1)!important;
 }
}

/* Once the side elements would collide, keep the four menus and move them to the wall. */

/* A very wide screen has enough room for the drawer without moving the centered header. */

/* Explicit hero offsets avoid nested responsive calculations at compact PC widths. */

/* Mobile home: only the logo row remains after the original header scrolls away. */
.mobile-home-logo-bar{display:none}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 body:has(#home-view:not([hidden])) .top{position:relative!important;top:auto!important}
 .mobile-home-logo-bar{
  position:fixed;
  z-index:65;
  top:0;
  left:0;
  right:0;
  display:flex;
  align-items:center;
  height:60px;
  padding:13px 20px;
  border-bottom:1px solid #eceff2;
  background:rgba(255,255,255,.98);
  box-shadow:0 5px 16px rgba(31,43,55,.045);
  opacity:0;
  visibility:hidden;
  transform:translateY(-100%);
  pointer-events:none;
  transition:opacity .2s ease,transform .26s cubic-bezier(.22,.72,.24,1),visibility 0s linear .26s;
 }
 .mobile-home-logo-bar .official-logo{width:166px;height:32px}
 .mobile-home-logo-bar .official-logo img{display:block;width:100%;height:100%;object-fit:contain}
 body.mobile-home-logo-stuck .mobile-home-logo-bar{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
  pointer-events:auto;
  transition:opacity .2s ease,transform .26s cubic-bezier(.22,.72,.24,1),visibility 0s;
 }

 /* Match only the showroom colors; retain every home card's existing layout. */
 #home-view .home-ranking{background:#f6f7f9!important}
 #home-view .home-popular-row>.car-card,
 #home-view .home-popular-row>.car-card:hover{background:#fff!important}
 #home-view .home-popular-stage:before,
 #home-view .home-popular-stage:after{background:#f6f7f9!important}}}
}
@container siteWorkspace (max-width:760px){
 body:has(#home-view:not([hidden])) .top{position:relative!important;top:auto!important}
 .mobile-home-logo-bar{
  position:fixed;
  z-index:65;
  top:0;
  left:0;
  right:0;
  display:flex;
  align-items:center;
  height:60px;
  padding:13px 20px;
  border-bottom:1px solid #eceff2;
  background:rgba(255,255,255,.98);
  box-shadow:0 5px 16px rgba(31,43,55,.045);
  opacity:0;
  visibility:hidden;
  transform:translateY(-100%);
  pointer-events:none;
  transition:opacity .2s ease,transform .26s cubic-bezier(.22,.72,.24,1),visibility 0s linear .26s;
 }
 .mobile-home-logo-bar .official-logo{width:166px;height:32px}
 .mobile-home-logo-bar .official-logo img{display:block;width:100%;height:100%;object-fit:contain}
 body.mobile-home-logo-stuck .mobile-home-logo-bar{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
  pointer-events:auto;
  transition:opacity .2s ease,transform .26s cubic-bezier(.22,.72,.24,1),visibility 0s;
 }

 /* Match only the showroom colors; retain every home card's existing layout. */
 #home-view .home-ranking{background:#f6f7f9!important}
 #home-view .home-popular-row>.car-card,
 #home-view .home-popular-row>.car-card:hover{background:#fff!important}
 #home-view .home-popular-stage:before,
 #home-view .home-popular-stage:after{background:#f6f7f9!important}
}

/* Structurally split header: the mobile home logo row is fixed; the site switch scrolls. */
.top-brand-row{display:contents}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 body:has(#home-view:not([hidden])) .top{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:54px 20px 13px!important;
  background:#fff!important;
 }
 body:has(#home-view:not([hidden])) .top-brand-row{
  position:fixed;
  z-index:65;
  top:0;
  left:0;
  right:0;
  display:flex;
  align-items:center;
  height:60px;
  padding:13px 20px;
  border-bottom:1px solid #eceff2;
  background:rgba(255,255,255,.98);
  box-shadow:0 5px 16px rgba(31,43,55,.045);
  transition:border-color .28s ease,box-shadow .28s ease;
 }
 body:has(#home-view:not([hidden])) .top-brand-row:after{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
  background-image:url('brand/mobile-scroll-header-exact.png?v=2');
  background-repeat:no-repeat;
  background-position:left top;
  background-size:760px 60px;
  opacity:0;
  transition:opacity .28s ease;
 }
 body:has(#home-view:not([hidden])) .top-brand-row .brand{position:relative;z-index:1;display:flex;align-items:center;height:34px}
 body:has(#home-view:not([hidden])) .top-brand-row .official-logo{
  position:relative;
  display:block;
  width:166px;
  height:32px;
 }
 body:has(#home-view:not([hidden])) .top-brand-row .official-logo img{
  position:absolute!important;
  inset:0;
  width:100%!important;
  height:100%!important;
  object-fit:contain;
  object-position:left center;
 }
 body.mobile-home-header-scrolled:has(#home-view:not([hidden])) .top-brand-row{
  border-bottom-color:rgba(255,255,255,.16);
  box-shadow:0 7px 20px rgba(153,46,24,.2);
 }
 body.mobile-home-header-scrolled:has(#home-view:not([hidden])) .top-brand-row:after{opacity:1}
 body:has(#home-view:not([hidden])) .top .platform{
  display:flex!important;
  width:100%!important;
  margin:0!important;
 }}}
}
@container siteWorkspace (max-width:760px){
 body:has(#home-view:not([hidden])) .top{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:54px 20px 13px!important;
  background:#fff!important;
 }
 body:has(#home-view:not([hidden])) .top-brand-row{
  position:fixed;
  z-index:65;
  top:0;
  left:0;
  right:0;
  display:flex;
  align-items:center;
  height:60px;
  padding:13px 20px;
  border-bottom:1px solid #eceff2;
  background:rgba(255,255,255,.98);
  box-shadow:0 5px 16px rgba(31,43,55,.045);
  transition:border-color .28s ease,box-shadow .28s ease;
 }
 body:has(#home-view:not([hidden])) .top-brand-row:after{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
  background-image:url('brand/mobile-scroll-header-exact.png?v=2');
  background-repeat:no-repeat;
  background-position:left top;
  background-size:760px 60px;
  opacity:0;
  transition:opacity .28s ease;
 }
 body:has(#home-view:not([hidden])) .top-brand-row .brand{position:relative;z-index:1;display:flex;align-items:center;height:34px}
 body:has(#home-view:not([hidden])) .top-brand-row .official-logo{
  position:relative;
  display:block;
  width:166px;
  height:32px;
 }
 body:has(#home-view:not([hidden])) .top-brand-row .official-logo img{
  position:absolute!important;
  inset:0;
  width:100%!important;
  height:100%!important;
  object-fit:contain;
  object-position:left center;
 }
 body.mobile-home-header-scrolled:has(#home-view:not([hidden])) .top-brand-row{
  border-bottom-color:rgba(255,255,255,.16);
  box-shadow:0 7px 20px rgba(153,46,24,.2);
 }
 body.mobile-home-header-scrolled:has(#home-view:not([hidden])) .top-brand-row:after{opacity:1}
 body:has(#home-view:not([hidden])) .top .platform{
  display:flex!important;
  width:100%!important;
  margin:0!important;
 }
}

/* My Garage: favorites only, with compact stacked rent/lease rows */
.garage-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 #garage-saved-panel #saved-cars .dual-prices{display:grid!important;grid-template-columns:1fr!important;gap:0!important;padding:4px!important;background:#f2f4f6!important;border-radius:13px!important}
 #garage-saved-panel #saved-cars .price-row{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-height:38px!important;padding:7px 8px!important;border:0!important;border-radius:9px!important;background:#fff!important}
 #garage-saved-panel #saved-cars .price-row+.price-row{padding-left:8px!important;border-left:0!important;border-top:4px solid #f2f4f6!important}
 #garage-saved-panel #saved-cars .price-row strong{font-size:16px!important;text-align:right!important;white-space:nowrap!important}}}
}
@container siteWorkspace (max-width:760px){
 #garage-saved-panel #saved-cars .dual-prices{display:grid!important;grid-template-columns:1fr!important;gap:0!important;padding:4px!important;background:#f2f4f6!important;border-radius:13px!important}
 #garage-saved-panel #saved-cars .price-row{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-height:38px!important;padding:7px 8px!important;border:0!important;border-radius:9px!important;background:#fff!important}
 #garage-saved-panel #saved-cars .price-row+.price-row{padding-left:8px!important;border-left:0!important;border-top:4px solid #f2f4f6!important}
 #garage-saved-panel #saved-cars .price-row strong{font-size:16px!important;text-align:right!important;white-space:nowrap!important}
}

/* My Garage cards: home-card rhythm in a denser horizontal rail. */
#saved-cars.garage-saved-grid,#recent-cars.garage-recent-grid{
 display:grid!important;
 grid-template-columns:none!important;
 grid-auto-flow:column!important;
 grid-auto-columns:250px!important;
 justify-content:start!important;
 gap:12px!important;
 overflow-x:auto!important;
 overflow-y:hidden!important;
 scroll-snap-type:x proximity!important;
 scrollbar-width:none!important;
}
#saved-cars.garage-saved-grid::-webkit-scrollbar,#recent-cars.garage-recent-grid::-webkit-scrollbar{display:none}
#saved-cars>.car-card,#recent-cars>.car-card{
 box-sizing:border-box!important;
 width:250px!important;
 min-width:250px!important;
 padding:9px 13px 12px!important;
 border:0!important;
 border-radius:15px!important;
 background:#fff!important;
 box-shadow:none!important;
 scroll-snap-align:start!important;
}
#saved-cars .card-main,#recent-cars .card-main{padding-top:30px!important}
#saved-cars .car-visual,#recent-cars .car-visual{
 height:136px!important;
 margin-bottom:12px!important;
 border-radius:0!important;
 background:transparent!important;
}
#saved-cars .car-visual img,#recent-cars .car-visual img{max-width:225px!important}
#saved-cars .car-title,#recent-cars .car-title{font-size:17px!important}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 .garage-panel{overflow:hidden}
 #saved-cars.garage-saved-grid,#recent-cars.garage-recent-grid{
  grid-auto-columns:clamp(178px,42vw,196px)!important;
  gap:9px!important;
  width:calc(100% + 32px)!important;
  margin-left:-16px!important;
  margin-right:-16px!important;
  padding:2px 16px 14px!important;
  scroll-padding-left:16px!important;
  scroll-snap-type:x mandatory!important;
 }
 #saved-cars>.car-card,#recent-cars>.car-card{
  width:100%!important;
  min-width:0!important;
  padding:8px 11px 11px!important;
 }
 #saved-cars .card-main,#recent-cars .card-main{padding-top:28px!important}
 #saved-cars .car-visual,#recent-cars .car-visual{height:104px!important;margin-bottom:9px!important}
 #saved-cars .car-visual img,#recent-cars .car-visual img{max-width:176px!important}
 #saved-cars .car-title,#recent-cars .car-title{font-size:16px!important}
 #saved-cars .car-brand-line,#recent-cars .car-brand-line{font-size:10px!important}
 #saved-cars .heart,#recent-cars .heart{top:7px!important;right:7px!important;width:30px!important;height:30px!important}
 #saved-cars .car-tags,#recent-cars .car-tags{top:11px!important;left:11px!important}
 #saved-cars .stock-count,#recent-cars .stock-count{font-size:9px!important}
 #garage-saved-panel #saved-cars .dual-prices,#garage-recent-panel #recent-cars .dual-prices{margin-top:11px!important;padding:3px!important;border-radius:11px!important}
 #garage-saved-panel #saved-cars .price-row,#garage-recent-panel #recent-cars .price-row{min-height:34px!important;padding:6px!important;border-radius:8px!important}
 #garage-saved-panel #saved-cars .price-row+.price-row,#garage-recent-panel #recent-cars .price-row+.price-row{padding-left:6px!important;border-left:0!important;border-top:3px solid #f2f4f6!important}
 #garage-saved-panel #saved-cars .price-mode,#garage-recent-panel #recent-cars .price-mode{font-size:9px!important}
 #garage-saved-panel #saved-cars .price-row strong,#garage-recent-panel #recent-cars .price-row strong{font-size:14px!important}}}
}
@container siteWorkspace (max-width:760px){
 .garage-panel{overflow:hidden}
 #saved-cars.garage-saved-grid,#recent-cars.garage-recent-grid{
  grid-auto-columns:clamp(178px,42cqw,196px)!important;
  gap:9px!important;
  width:calc(100% + 32px)!important;
  margin-left:-16px!important;
  margin-right:-16px!important;
  padding:2px 16px 14px!important;
  scroll-padding-left:16px!important;
  scroll-snap-type:x mandatory!important;
 }
 #saved-cars>.car-card,#recent-cars>.car-card{
  width:100%!important;
  min-width:0!important;
  padding:8px 11px 11px!important;
 }
 #saved-cars .card-main,#recent-cars .card-main{padding-top:28px!important}
 #saved-cars .car-visual,#recent-cars .car-visual{height:104px!important;margin-bottom:9px!important}
 #saved-cars .car-visual img,#recent-cars .car-visual img{max-width:176px!important}
 #saved-cars .car-title,#recent-cars .car-title{font-size:16px!important}
 #saved-cars .car-brand-line,#recent-cars .car-brand-line{font-size:10px!important}
 #saved-cars .heart,#recent-cars .heart{top:7px!important;right:7px!important;width:30px!important;height:30px!important}
 #saved-cars .car-tags,#recent-cars .car-tags{top:11px!important;left:11px!important}
 #saved-cars .stock-count,#recent-cars .stock-count{font-size:9px!important}
 #garage-saved-panel #saved-cars .dual-prices,#garage-recent-panel #recent-cars .dual-prices{margin-top:11px!important;padding:3px!important;border-radius:11px!important}
 #garage-saved-panel #saved-cars .price-row,#garage-recent-panel #recent-cars .price-row{min-height:34px!important;padding:6px!important;border-radius:8px!important}
 #garage-saved-panel #saved-cars .price-row+.price-row,#garage-recent-panel #recent-cars .price-row+.price-row{padding-left:6px!important;border-left:0!important;border-top:3px solid #f2f4f6!important}
 #garage-saved-panel #saved-cars .price-mode,#garage-recent-panel #recent-cars .price-mode{font-size:9px!important}
 #garage-saved-panel #saved-cars .price-row strong,#garage-recent-panel #recent-cars .price-row strong{font-size:14px!important}
}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 #saved-cars.garage-saved-grid,#recent-cars.garage-recent-grid{
  grid-auto-columns:clamp(168px,38vw,182px)!important;
  padding-top:10px!important;
  padding-bottom:14px!important;
  border-radius:18px!important;
 background:#f6f7f9!important;
 }}}
}
@container siteWorkspace (max-width:760px){
 #saved-cars.garage-saved-grid,#recent-cars.garage-recent-grid{
  grid-auto-columns:clamp(168px,38cqw,182px)!important;
  padding-top:10px!important;
  padding-bottom:14px!important;
  border-radius:18px!important;
 background:#f6f7f9!important;
 }
}

/* Keep favorite and recent cards identical; only stack the two price modes. */
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 #garage-saved-panel #saved-cars .dual-prices,
 #garage-recent-panel #recent-cars .dual-prices{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  margin-top:11px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
 }
 #garage-saved-panel #saved-cars .price-row,
 #garage-recent-panel #recent-cars .price-row{
  display:flex!important;
  flex-direction:row!important;
  align-items:baseline!important;
  justify-content:space-between!important;
  gap:7px!important;
  min-height:34px!important;
  padding:7px 2px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
 }
 #garage-saved-panel #saved-cars .price-row+.price-row,
 #garage-recent-panel #recent-cars .price-row+.price-row{
  padding-left:2px!important;
  border-left:0!important;
  border-top:1px solid #edf0f2!important;
 }
 #garage-saved-panel #saved-cars .price-row strong,
 #garage-recent-panel #recent-cars .price-row strong{
  margin-left:auto!important;
  text-align:right!important;
  white-space:nowrap!important;
 }}}
}
@container siteWorkspace (max-width:760px){
 #garage-saved-panel #saved-cars .dual-prices,
 #garage-recent-panel #recent-cars .dual-prices{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  margin-top:11px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
 }
 #garage-saved-panel #saved-cars .price-row,
 #garage-recent-panel #recent-cars .price-row{
  display:flex!important;
  flex-direction:row!important;
  align-items:baseline!important;
  justify-content:space-between!important;
  gap:7px!important;
  min-height:34px!important;
  padding:7px 2px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
 }
 #garage-saved-panel #saved-cars .price-row+.price-row,
 #garage-recent-panel #recent-cars .price-row+.price-row{
  padding-left:2px!important;
  border-left:0!important;
  border-top:1px solid #edf0f2!important;
 }
 #garage-saved-panel #saved-cars .price-row strong,
 #garage-recent-panel #recent-cars .price-row strong{
  margin-left:auto!important;
  text-align:right!important;
  white-space:nowrap!important;
 }
}

/* My Garage mobile card copy stays left-aligned and keeps the price unit inline. */
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 #saved-cars .card-main,#recent-cars .card-main{align-items:stretch!important;text-align:left!important}
 #saved-cars .car-copy,#recent-cars .car-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;width:100%!important;min-width:0!important;padding-left:0!important;text-align:left!important}
 #saved-cars .car-title,#saved-cars .car-brand-line,#recent-cars .car-title,#recent-cars .car-brand-line{align-self:stretch!important;text-align:left!important}
 #garage-saved-panel #saved-cars .price-row,
 #garage-recent-panel #recent-cars .price-row{
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:2px!important;
  text-align:left!important;
 }
 #garage-saved-panel #saved-cars .price-row strong,
 #garage-recent-panel #recent-cars .price-row strong{
  display:inline-flex!important;
  align-items:baseline!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  max-width:100%!important;
  margin-left:0!important;
  text-align:left!important;
  white-space:nowrap!important;
 }
 #garage-saved-panel #saved-cars .price-row .price-unit,
 #garage-recent-panel #recent-cars .price-row .price-unit{
  display:inline!important;
  flex:0 0 auto!important;
  margin:0 0 0 3px!important;
  white-space:nowrap!important;
 }}}
}
@container siteWorkspace (max-width:760px){
 #saved-cars .card-main,#recent-cars .card-main{align-items:stretch!important;text-align:left!important}
 #saved-cars .car-copy,#recent-cars .car-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;width:100%!important;min-width:0!important;padding-left:0!important;text-align:left!important}
 #saved-cars .car-title,#saved-cars .car-brand-line,#recent-cars .car-title,#recent-cars .car-brand-line{align-self:stretch!important;text-align:left!important}
 #garage-saved-panel #saved-cars .price-row,
 #garage-recent-panel #recent-cars .price-row{
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:2px!important;
  text-align:left!important;
 }
 #garage-saved-panel #saved-cars .price-row strong,
 #garage-recent-panel #recent-cars .price-row strong{
  display:inline-flex!important;
  align-items:baseline!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  max-width:100%!important;
  margin-left:0!important;
  text-align:left!important;
  white-space:nowrap!important;
 }
 #garage-saved-panel #saved-cars .price-row .price-unit,
 #garage-recent-panel #recent-cars .price-row .price-unit{
  display:inline!important;
  flex:0 0 auto!important;
  margin:0 0 0 3px!important;
  white-space:nowrap!important;
 }
}

/* My Garage price rows match the compact two-line reference. */
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 #garage-saved-panel #saved-cars .price-row,
 #garage-recent-panel #recent-cars .price-row{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  align-items:center!important;
  justify-content:stretch!important;
  gap:8px!important;
  min-height:42px!important;
  padding:8px 2px!important;
  text-align:left!important;
 }
 #garage-saved-panel #saved-cars .price-mode,
 #garage-recent-panel #recent-cars .price-mode{
  font-size:11px!important;
  font-weight:650!important;
  color:#7b8793!important;
 }
 #garage-saved-panel #saved-cars .price-row strong,
 #garage-recent-panel #recent-cars .price-row strong{
  display:inline-flex!important;
  justify-content:flex-start!important;
  min-width:0!important;
  margin:0!important;
  font-size:19px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:-.035em!important;
  color:#2d3945!important;
  white-space:nowrap!important;
 }
 #garage-saved-panel #saved-cars .price-row.rent strong,
 #garage-recent-panel #recent-cars .price-row.rent strong{color:#ed542f!important}
 #garage-saved-panel #saved-cars .price-row .price-unit,
 #garage-recent-panel #recent-cars .price-row .price-unit{display:none!important}}}
}
@container siteWorkspace (max-width:760px){
 #garage-saved-panel #saved-cars .price-row,
 #garage-recent-panel #recent-cars .price-row{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  align-items:center!important;
  justify-content:stretch!important;
  gap:8px!important;
  min-height:42px!important;
  padding:8px 2px!important;
  text-align:left!important;
 }
 #garage-saved-panel #saved-cars .price-mode,
 #garage-recent-panel #recent-cars .price-mode{
  font-size:11px!important;
  font-weight:650!important;
  color:#7b8793!important;
 }
 #garage-saved-panel #saved-cars .price-row strong,
 #garage-recent-panel #recent-cars .price-row strong{
  display:inline-flex!important;
  justify-content:flex-start!important;
  min-width:0!important;
  margin:0!important;
  font-size:19px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:-.035em!important;
  color:#2d3945!important;
  white-space:nowrap!important;
 }
 #garage-saved-panel #saved-cars .price-row.rent strong,
 #garage-recent-panel #recent-cars .price-row.rent strong{color:#ed542f!important}
 #garage-saved-panel #saved-cars .price-row .price-unit,
 #garage-recent-panel #recent-cars .price-row .price-unit{display:none!important}
}

/* Move the shared quote conditions beside each garage section title. */
.garage-hero{grid-template-columns:minmax(250px,.85fr) minmax(390px,1.15fr)!important}
.garage-condition-inline{
 display:inline-grid!important;
 grid-template-columns:auto auto auto;
 align-items:center;
 gap:6px;
 min-height:38px;
 padding:8px 11px!important;
 border:1px solid #e5e9ec!important;
 border-radius:12px!important;
 background:#fff!important;
 box-shadow:0 3px 11px rgba(31,43,55,.04);
 color:#53606c!important;
 white-space:nowrap;
}
.garage-condition-inline strong{font-size:11px;color:#2f3b47}
.garage-condition-inline small{font-size:9px;color:#8b96a0}
.garage-condition-inline i{font-size:11px;font-style:normal;color:#e75534}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 .garage-hero{margin-bottom:12px!important;padding:14px 17px!important}
 .garage-hero-copy{padding-bottom:10px!important}
 .garage-panels{margin-top:14px!important}
 .garage-panel-heading{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important}
 .garage-panel-heading>div{min-width:0}
 .garage-panel-heading h2,.garage-panel-heading p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .garage-panel-heading>.garage-condition-inline{display:inline-grid!important;min-height:36px;padding:6px 8px!important;gap:4px}
 .garage-condition-inline strong{font-size:9px}
 .garage-condition-inline small{font-size:8px}
 .garage-condition-inline i{font-size:9px}}}
}
@container siteWorkspace (max-width:760px){
 .garage-hero{margin-bottom:12px!important;padding:14px 17px!important}
 .garage-hero-copy{padding-bottom:10px!important}
 .garage-panels{margin-top:14px!important}
 .garage-panel-heading{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important}
 .garage-panel-heading>div{min-width:0}
 .garage-panel-heading h2,.garage-panel-heading p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .garage-panel-heading>.garage-condition-inline{display:inline-grid!important;min-height:36px;padding:6px 8px!important;gap:4px}
 .garage-condition-inline strong{font-size:9px}
 .garage-condition-inline small{font-size:8px}
 .garage-condition-inline i{font-size:9px}
}

/* Mobile garage summary follows the desktop side-by-side composition. */
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 .garage-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(178px,42%)!important;
  align-items:center!important;
  gap:10px!important;
  padding:13px 14px!important;
 }
 .garage-hero-copy{min-width:0!important;padding:0!important}
 .garage-hero-copy .eyebrow{margin-bottom:5px!important;font-size:8px!important}
 .garage-hero-copy h1{font-size:21px!important;line-height:1.15!important;white-space:nowrap!important}
 .garage-hero-copy p{max-width:190px!important;margin-top:6px!important;font-size:10px!important;line-height:1.45!important;word-break:keep-all!important}
 .garage-hero .garage-stats{align-self:stretch!important;gap:3px!important;padding:4px!important;border-radius:14px!important}
 .garage-hero .garage-stats button{align-items:flex-start!important;min-height:76px!important;padding:9px 7px!important;border-radius:10px!important}
 .garage-hero .garage-stats button span{font-size:9px!important}
 .garage-hero .garage-stats button strong{font-size:20px!important}}}
}
@container siteWorkspace (max-width:760px){
 .garage-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(178px,42%)!important;
  align-items:center!important;
  gap:10px!important;
  padding:13px 14px!important;
 }
 .garage-hero-copy{min-width:0!important;padding:0!important}
 .garage-hero-copy .eyebrow{margin-bottom:5px!important;font-size:8px!important}
 .garage-hero-copy h1{font-size:21px!important;line-height:1.15!important;white-space:nowrap!important}
 .garage-hero-copy p{max-width:190px!important;margin-top:6px!important;font-size:10px!important;line-height:1.45!important;word-break:keep-all!important}
 .garage-hero .garage-stats{align-self:stretch!important;gap:3px!important;padding:4px!important;border-radius:14px!important}
 .garage-hero .garage-stats button{align-items:flex-start!important;min-height:76px!important;padding:9px 7px!important;border-radius:10px!important}
 .garage-hero .garage-stats button span{font-size:9px!important}
 .garage-hero .garage-stats button strong{font-size:20px!important}
}
@media(max-width:390px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 .garage-hero{grid-template-columns:minmax(0,1fr) 168px!important;gap:7px!important;padding-left:11px!important;padding-right:11px!important}
 .garage-hero-copy h1{font-size:19px!important}
 .garage-hero-copy p{font-size:9px!important}}}
}
@container siteWorkspace (max-width:390px){
 .garage-hero{grid-template-columns:minmax(0,1fr) 168px!important;gap:7px!important;padding-left:11px!important;padding-right:11px!important}
 .garage-hero-copy h1{font-size:19px!important}
 .garage-hero-copy p{font-size:9px!important}
}

/* Desktop My Garage uses the same compact card system as mobile. */
@media(min-width:761px){
@scope (:root) to (.site-workspace){
 #saved-cars.garage-saved-grid,#recent-cars.garage-recent-grid{
  grid-auto-columns:190px!important;
  width:100%!important;
  padding:10px 12px 14px!important;
  border-radius:18px!important;
  background:#f6f7f9!important;
  scroll-padding-left:12px!important;
 }
 #saved-cars>.car-card,#recent-cars>.car-card{
  width:190px!important;
  min-width:190px!important;
  padding:8px 12px 12px!important;
 }
 #saved-cars .card-main,#recent-cars .card-main{align-items:stretch!important;padding-top:28px!important;text-align:left!important}
 #saved-cars .car-copy,#recent-cars .car-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;width:100%!important;min-width:0!important;padding:0!important;text-align:left!important}
 #saved-cars .car-visual,#recent-cars .car-visual{height:108px!important;margin-bottom:10px!important}
 #saved-cars .car-visual img,#recent-cars .car-visual img{max-width:180px!important}
 #saved-cars .car-title,#recent-cars .car-title{align-self:stretch!important;font-size:16px!important;text-align:left!important}
 #saved-cars .car-brand-line,#recent-cars .car-brand-line{align-self:stretch!important;font-size:10px!important;text-align:left!important}
 #saved-cars .heart,#recent-cars .heart{top:7px!important;right:7px!important;width:30px!important;height:30px!important}
 #saved-cars .car-tags,#recent-cars .car-tags{top:11px!important;left:11px!important}
 #saved-cars .stock-count,#recent-cars .stock-count{font-size:9px!important}
 #garage-saved-panel #saved-cars .dual-prices,#garage-recent-panel #recent-cars .dual-prices{
  display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin-top:11px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important
 }
 #garage-saved-panel #saved-cars .price-row,#garage-recent-panel #recent-cars .price-row{
  display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;min-height:42px!important;padding:8px 2px!important;border:0!important;border-radius:0!important;background:transparent!important
 }
 #garage-saved-panel #saved-cars .price-row+.price-row,#garage-recent-panel #recent-cars .price-row+.price-row{padding-left:2px!important;border-left:0!important;border-top:1px solid #edf0f2!important}
 #garage-saved-panel #saved-cars .price-mode,#garage-recent-panel #recent-cars .price-mode{font-size:11px!important;font-weight:650!important;color:#7b8793!important}
 #garage-saved-panel #saved-cars .price-row strong,#garage-recent-panel #recent-cars .price-row strong{display:inline-flex!important;justify-content:flex-start!important;margin:0!important;font-size:19px!important;font-weight:800!important;line-height:1!important;color:#2d3945!important;white-space:nowrap!important}
 #garage-saved-panel #saved-cars .price-row.rent strong,#garage-recent-panel #recent-cars .price-row.rent strong{color:#ed542f!important}
 #garage-saved-panel #saved-cars .price-unit,#garage-recent-panel #recent-cars .price-unit{display:none!important}}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 #saved-cars.garage-saved-grid,#recent-cars.garage-recent-grid{
  grid-auto-columns:190px!important;
  width:100%!important;
  padding:10px 12px 14px!important;
  border-radius:18px!important;
  background:#f6f7f9!important;
  scroll-padding-left:12px!important;
 }
 #saved-cars>.car-card,#recent-cars>.car-card{
  width:190px!important;
  min-width:190px!important;
  padding:8px 12px 12px!important;
 }
 #saved-cars .card-main,#recent-cars .card-main{align-items:stretch!important;padding-top:28px!important;text-align:left!important}
 #saved-cars .car-copy,#recent-cars .car-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;width:100%!important;min-width:0!important;padding:0!important;text-align:left!important}
 #saved-cars .car-visual,#recent-cars .car-visual{height:108px!important;margin-bottom:10px!important}
 #saved-cars .car-visual img,#recent-cars .car-visual img{max-width:180px!important}
 #saved-cars .car-title,#recent-cars .car-title{align-self:stretch!important;font-size:16px!important;text-align:left!important}
 #saved-cars .car-brand-line,#recent-cars .car-brand-line{align-self:stretch!important;font-size:10px!important;text-align:left!important}
 #saved-cars .heart,#recent-cars .heart{top:7px!important;right:7px!important;width:30px!important;height:30px!important}
 #saved-cars .car-tags,#recent-cars .car-tags{top:11px!important;left:11px!important}
 #saved-cars .stock-count,#recent-cars .stock-count{font-size:9px!important}
 #garage-saved-panel #saved-cars .dual-prices,#garage-recent-panel #recent-cars .dual-prices{
  display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin-top:11px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important
 }
 #garage-saved-panel #saved-cars .price-row,#garage-recent-panel #recent-cars .price-row{
  display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;min-height:42px!important;padding:8px 2px!important;border:0!important;border-radius:0!important;background:transparent!important
 }
 #garage-saved-panel #saved-cars .price-row+.price-row,#garage-recent-panel #recent-cars .price-row+.price-row{padding-left:2px!important;border-left:0!important;border-top:1px solid #edf0f2!important}
 #garage-saved-panel #saved-cars .price-mode,#garage-recent-panel #recent-cars .price-mode{font-size:11px!important;font-weight:650!important;color:#7b8793!important}
 #garage-saved-panel #saved-cars .price-row strong,#garage-recent-panel #recent-cars .price-row strong{display:inline-flex!important;justify-content:flex-start!important;margin:0!important;font-size:19px!important;font-weight:800!important;line-height:1!important;color:#2d3945!important;white-space:nowrap!important}
 #garage-saved-panel #saved-cars .price-row.rent strong,#garage-recent-panel #recent-cars .price-row.rent strong{color:#ed542f!important}
 #garage-saved-panel #saved-cars .price-unit,#garage-recent-panel #recent-cars .price-unit{display:none!important}}}
@container siteWorkspace (min-width:761px){
 #saved-cars.garage-saved-grid,#recent-cars.garage-recent-grid{
  grid-auto-columns:190px!important;
  width:100%!important;
  padding:10px 12px 14px!important;
  border-radius:18px!important;
  background:#f6f7f9!important;
  scroll-padding-left:12px!important;
 }
 #saved-cars>.car-card,#recent-cars>.car-card{
  width:190px!important;
  min-width:190px!important;
  padding:8px 12px 12px!important;
 }
 #saved-cars .card-main,#recent-cars .card-main{align-items:stretch!important;padding-top:28px!important;text-align:left!important}
 #saved-cars .car-copy,#recent-cars .car-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;width:100%!important;min-width:0!important;padding:0!important;text-align:left!important}
 #saved-cars .car-visual,#recent-cars .car-visual{height:108px!important;margin-bottom:10px!important}
 #saved-cars .car-visual img,#recent-cars .car-visual img{max-width:180px!important}
 #saved-cars .car-title,#recent-cars .car-title{align-self:stretch!important;font-size:16px!important;text-align:left!important}
 #saved-cars .car-brand-line,#recent-cars .car-brand-line{align-self:stretch!important;font-size:10px!important;text-align:left!important}
 #saved-cars .heart,#recent-cars .heart{top:7px!important;right:7px!important;width:30px!important;height:30px!important}
 #saved-cars .car-tags,#recent-cars .car-tags{top:11px!important;left:11px!important}
 #saved-cars .stock-count,#recent-cars .stock-count{font-size:9px!important}
 #garage-saved-panel #saved-cars .dual-prices,#garage-recent-panel #recent-cars .dual-prices{
  display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin-top:11px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important
 }
 #garage-saved-panel #saved-cars .price-row,#garage-recent-panel #recent-cars .price-row{
  display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;min-height:42px!important;padding:8px 2px!important;border:0!important;border-radius:0!important;background:transparent!important
 }
 #garage-saved-panel #saved-cars .price-row+.price-row,#garage-recent-panel #recent-cars .price-row+.price-row{padding-left:2px!important;border-left:0!important;border-top:1px solid #edf0f2!important}
 #garage-saved-panel #saved-cars .price-mode,#garage-recent-panel #recent-cars .price-mode{font-size:11px!important;font-weight:650!important;color:#7b8793!important}
 #garage-saved-panel #saved-cars .price-row strong,#garage-recent-panel #recent-cars .price-row strong{display:inline-flex!important;justify-content:flex-start!important;margin:0!important;font-size:19px!important;font-weight:800!important;line-height:1!important;color:#2d3945!important;white-space:nowrap!important}
 #garage-saved-panel #saved-cars .price-row.rent strong,#garage-recent-panel #recent-cars .price-row.rent strong{color:#ed542f!important}
 #garage-saved-panel #saved-cars .price-unit,#garage-recent-panel #recent-cars .price-unit{display:none!important}
}

/* Pull My Garage card copy closer to the left edge on every viewport. */
#saved-cars>.car-card,#recent-cars>.car-card{padding-left:7px!important;padding-right:7px!important}
#saved-cars .car-copy,#recent-cars .car-copy{width:100%!important;margin-left:0!important;padding-left:0!important;padding-right:0!important;text-align:left!important}
#saved-cars .car-title,#saved-cars .car-brand-line,#recent-cars .car-title,#recent-cars .car-brand-line{width:100%!important;text-align:left!important}
#garage-saved-panel #saved-cars .dual-prices,#garage-recent-panel #recent-cars .dual-prices{width:100%!important}
#garage-saved-panel #saved-cars .price-row,#garage-recent-panel #recent-cars .price-row{padding-left:0!important;padding-right:0!important}
#saved-cars .car-tags,#recent-cars .car-tags{left:8px!important}

/* Desktop garage cards size to their content instead of stretching to the rail. */
@media(min-width:761px){
@scope (:root) to (.site-workspace){
 #saved-cars.garage-saved-grid,#recent-cars.garage-recent-grid{
  grid-auto-columns:210px!important;
  align-items:start!important;
 }
 #saved-cars>.car-card,#recent-cars>.car-card{
  width:210px!important;
  min-width:210px!important;
  height:max-content!important;
  min-height:0!important;
  align-self:start!important;
  padding-bottom:8px!important;
 }
 #saved-cars .card-main,#recent-cars .card-main{
  height:auto!important;
  min-height:0!important;
  align-self:start!important;
  padding-bottom:2px!important;
 }
 #saved-cars .car-visual,#recent-cars .car-visual{height:112px!important}}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 #saved-cars.garage-saved-grid,#recent-cars.garage-recent-grid{
  grid-auto-columns:210px!important;
  align-items:start!important;
 }
 #saved-cars>.car-card,#recent-cars>.car-card{
  width:210px!important;
  min-width:210px!important;
  height:max-content!important;
  min-height:0!important;
  align-self:start!important;
  padding-bottom:8px!important;
 }
 #saved-cars .card-main,#recent-cars .card-main{
  height:auto!important;
  min-height:0!important;
  align-self:start!important;
  padding-bottom:2px!important;
 }
 #saved-cars .car-visual,#recent-cars .car-visual{height:112px!important}}}
@container siteWorkspace (min-width:761px){
 #saved-cars.garage-saved-grid,#recent-cars.garage-recent-grid{
  grid-auto-columns:210px!important;
  align-items:start!important;
 }
 #saved-cars>.car-card,#recent-cars>.car-card{
  width:210px!important;
  min-width:210px!important;
  height:max-content!important;
  min-height:0!important;
  align-self:start!important;
  padding-bottom:8px!important;
 }
 #saved-cars .card-main,#recent-cars .card-main{
  height:auto!important;
  min-height:0!important;
  align-self:start!important;
  padding-bottom:2px!important;
 }
 #saved-cars .car-visual,#recent-cars .car-visual{height:112px!important}
}

/* Desktop showroom cards share the compact My Garage card system. */
@media(min-width:761px){
@scope (:root) to (.site-workspace){
 #explore-cars .showroom-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,210px)!important;
  align-items:start!important;
  justify-content:start!important;
  gap:12px!important;
 }
 #explore-cars .car-card{
  box-sizing:border-box!important;
  width:210px!important;
  min-width:210px!important;
  height:max-content!important;
  min-height:0!important;
  align-self:start!important;
  padding:8px 7px!important;
  border:0!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:none!important;
 }
 #explore-cars .card-main{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  padding:28px 0 2px!important;
  text-align:left!important;
 }
 #explore-cars .car-visual{
  order:-1!important;
  display:flex!important;
  width:100%!important;
  height:112px!important;
  margin:0 0 10px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
 }
 #explore-cars .car-visual img{width:100%!important;height:100%!important;max-width:190px!important;object-fit:contain!important;transform:none!important}
 #explore-cars .car-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;width:100%!important;min-width:0!important;padding:0!important;text-align:left!important}
 #explore-cars .car-title{width:100%!important;font-size:16px!important;text-align:left!important}
 #explore-cars .car-brand-line{width:100%!important;margin:4px 0 0!important;font-size:10px!important;text-align:left!important}
 #explore-cars .car-tags{position:absolute!important;top:11px!important;left:8px!important;margin:0!important}
 #explore-cars .stock-count{font-size:9px!important}
 #explore-cars .heart{top:7px!important;right:7px!important;width:30px!important;height:30px!important}
 #explore-cars .dual-prices{display:grid!important;grid-template-columns:1fr!important;gap:0!important;width:100%!important;margin:11px 0 0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
 #explore-cars .price-row{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;min-height:42px!important;padding:8px 0!important;border:0!important;border-radius:0!important;background:transparent!important}
 #explore-cars .price-row+.price-row{padding-left:0!important;border-left:0!important;border-top:1px solid #edf0f2!important}
 #explore-cars .price-mode{font-size:11px!important;font-weight:650!important;color:#7b8793!important}
 #explore-cars .price-row strong{display:inline-flex!important;justify-content:flex-start!important;margin:0!important;font-size:19px!important;font-weight:800!important;line-height:1!important;color:#2d3945!important;white-space:nowrap!important}
 #explore-cars .price-row.rent strong{color:#ed542f!important}
 #explore-cars .price-unit{display:none!important}}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 #explore-cars .showroom-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,210px)!important;
  align-items:start!important;
  justify-content:start!important;
  gap:12px!important;
 }
 #explore-cars .car-card{
  box-sizing:border-box!important;
  width:210px!important;
  min-width:210px!important;
  height:max-content!important;
  min-height:0!important;
  align-self:start!important;
  padding:8px 7px!important;
  border:0!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:none!important;
 }
 #explore-cars .card-main{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  padding:28px 0 2px!important;
  text-align:left!important;
 }
 #explore-cars .car-visual{
  order:-1!important;
  display:flex!important;
  width:100%!important;
  height:112px!important;
  margin:0 0 10px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
 }
 #explore-cars .car-visual img{width:100%!important;height:100%!important;max-width:190px!important;object-fit:contain!important;transform:none!important}
 #explore-cars .car-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;width:100%!important;min-width:0!important;padding:0!important;text-align:left!important}
 #explore-cars .car-title{width:100%!important;font-size:16px!important;text-align:left!important}
 #explore-cars .car-brand-line{width:100%!important;margin:4px 0 0!important;font-size:10px!important;text-align:left!important}
 #explore-cars .car-tags{position:absolute!important;top:11px!important;left:8px!important;margin:0!important}
 #explore-cars .stock-count{font-size:9px!important}
 #explore-cars .heart{top:7px!important;right:7px!important;width:30px!important;height:30px!important}
 #explore-cars .dual-prices{display:grid!important;grid-template-columns:1fr!important;gap:0!important;width:100%!important;margin:11px 0 0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
 #explore-cars .price-row{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;min-height:42px!important;padding:8px 0!important;border:0!important;border-radius:0!important;background:transparent!important}
 #explore-cars .price-row+.price-row{padding-left:0!important;border-left:0!important;border-top:1px solid #edf0f2!important}
 #explore-cars .price-mode{font-size:11px!important;font-weight:650!important;color:#7b8793!important}
 #explore-cars .price-row strong{display:inline-flex!important;justify-content:flex-start!important;margin:0!important;font-size:19px!important;font-weight:800!important;line-height:1!important;color:#2d3945!important;white-space:nowrap!important}
 #explore-cars .price-row.rent strong{color:#ed542f!important}
 #explore-cars .price-unit{display:none!important}}}
@container siteWorkspace (min-width:761px){
 #explore-cars .showroom-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,210px)!important;
  align-items:start!important;
  justify-content:start!important;
  gap:12px!important;
 }
 #explore-cars .car-card{
  box-sizing:border-box!important;
  width:210px!important;
  min-width:210px!important;
  height:max-content!important;
  min-height:0!important;
  align-self:start!important;
  padding:8px 7px!important;
  border:0!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:none!important;
 }
 #explore-cars .card-main{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  padding:28px 0 2px!important;
  text-align:left!important;
 }
 #explore-cars .car-visual{
  order:-1!important;
  display:flex!important;
  width:100%!important;
  height:112px!important;
  margin:0 0 10px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
 }
 #explore-cars .car-visual img{width:100%!important;height:100%!important;max-width:190px!important;object-fit:contain!important;transform:none!important}
 #explore-cars .car-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;width:100%!important;min-width:0!important;padding:0!important;text-align:left!important}
 #explore-cars .car-title{width:100%!important;font-size:16px!important;text-align:left!important}
 #explore-cars .car-brand-line{width:100%!important;margin:4px 0 0!important;font-size:10px!important;text-align:left!important}
 #explore-cars .car-tags{position:absolute!important;top:11px!important;left:8px!important;margin:0!important}
 #explore-cars .stock-count{font-size:9px!important}
 #explore-cars .heart{top:7px!important;right:7px!important;width:30px!important;height:30px!important}
 #explore-cars .dual-prices{display:grid!important;grid-template-columns:1fr!important;gap:0!important;width:100%!important;margin:11px 0 0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
 #explore-cars .price-row{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;min-height:42px!important;padding:8px 0!important;border:0!important;border-radius:0!important;background:transparent!important}
 #explore-cars .price-row+.price-row{padding-left:0!important;border-left:0!important;border-top:1px solid #edf0f2!important}
 #explore-cars .price-mode{font-size:11px!important;font-weight:650!important;color:#7b8793!important}
 #explore-cars .price-row strong{display:inline-flex!important;justify-content:flex-start!important;margin:0!important;font-size:19px!important;font-weight:800!important;line-height:1!important;color:#2d3945!important;white-space:nowrap!important}
 #explore-cars .price-row.rent strong{color:#ed542f!important}
 #explore-cars .price-unit{display:none!important}
}

/* Home and showroom cards use the same language at a larger size than My Garage. */
@media(min-width:761px){
@scope (:root) to (.site-workspace){
 #explore-cars .showroom-grid{grid-template-columns:repeat(auto-fill,240px)!important}
 #explore-cars .car-card{width:240px!important;min-width:240px!important;padding-left:10px!important;padding-right:10px!important}
 #explore-cars .car-visual{height:126px!important}
 #explore-cars .car-visual img{max-width:218px!important}

 #home-cars .home-popular-row,#home-recent-cars{
  grid-auto-columns:240px!important;
  align-items:start!important;
 }
 #home-cars .car-card,#home-recent-cars>.car-card{
  box-sizing:border-box!important;
  width:240px!important;
  min-width:240px!important;
  height:max-content!important;
  min-height:0!important;
  align-self:start!important;
  padding:8px 10px 10px!important;
  border:0!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:none!important;
 }
 #home-cars .card-main,#home-recent-cars .card-main{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;height:auto!important;min-height:0!important;padding:28px 0 2px!important;text-align:left!important}
 #home-cars .car-visual,#home-recent-cars .car-visual{order:-1!important;display:flex!important;width:100%!important;height:126px!important;margin:0 0 10px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
 #home-cars .car-visual img,#home-recent-cars .car-visual img{width:100%!important;height:100%!important;max-width:218px!important;object-fit:contain!important;transform:none!important}
 #home-cars .car-copy,#home-recent-cars .car-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;width:100%!important;min-width:0!important;padding:0!important;text-align:left!important}
 #home-cars .car-title,#home-recent-cars .car-title{width:100%!important;font-size:17px!important;text-align:left!important}
 #home-cars .car-brand-line,#home-recent-cars .car-brand-line{width:100%!important;margin:4px 0 0!important;font-size:10px!important;text-align:left!important}
 #home-cars .car-tags,#home-recent-cars .car-tags{top:11px!important;left:9px!important}
 #home-cars .stock-count,#home-recent-cars .stock-count{font-size:9px!important}
 #home-cars .heart,#home-recent-cars .heart{top:7px!important;right:7px!important;width:30px!important;height:30px!important}}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 #explore-cars .showroom-grid{grid-template-columns:repeat(auto-fill,240px)!important}
 #explore-cars .car-card{width:240px!important;min-width:240px!important;padding-left:10px!important;padding-right:10px!important}
 #explore-cars .car-visual{height:126px!important}
 #explore-cars .car-visual img{max-width:218px!important}

 #home-cars .home-popular-row,#home-recent-cars{
  grid-auto-columns:240px!important;
  align-items:start!important;
 }
 #home-cars .car-card,#home-recent-cars>.car-card{
  box-sizing:border-box!important;
  width:240px!important;
  min-width:240px!important;
  height:max-content!important;
  min-height:0!important;
  align-self:start!important;
  padding:8px 10px 10px!important;
  border:0!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:none!important;
 }
 #home-cars .card-main,#home-recent-cars .card-main{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;height:auto!important;min-height:0!important;padding:28px 0 2px!important;text-align:left!important}
 #home-cars .car-visual,#home-recent-cars .car-visual{order:-1!important;display:flex!important;width:100%!important;height:126px!important;margin:0 0 10px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
 #home-cars .car-visual img,#home-recent-cars .car-visual img{width:100%!important;height:100%!important;max-width:218px!important;object-fit:contain!important;transform:none!important}
 #home-cars .car-copy,#home-recent-cars .car-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;width:100%!important;min-width:0!important;padding:0!important;text-align:left!important}
 #home-cars .car-title,#home-recent-cars .car-title{width:100%!important;font-size:17px!important;text-align:left!important}
 #home-cars .car-brand-line,#home-recent-cars .car-brand-line{width:100%!important;margin:4px 0 0!important;font-size:10px!important;text-align:left!important}
 #home-cars .car-tags,#home-recent-cars .car-tags{top:11px!important;left:9px!important}
 #home-cars .stock-count,#home-recent-cars .stock-count{font-size:9px!important}
 #home-cars .heart,#home-recent-cars .heart{top:7px!important;right:7px!important;width:30px!important;height:30px!important}}}
@container siteWorkspace (min-width:761px){
 #explore-cars .showroom-grid{grid-template-columns:repeat(auto-fill,240px)!important}
 #explore-cars .car-card{width:240px!important;min-width:240px!important;padding-left:10px!important;padding-right:10px!important}
 #explore-cars .car-visual{height:126px!important}
 #explore-cars .car-visual img{max-width:218px!important}

 #home-cars .home-popular-row,#home-recent-cars{
  grid-auto-columns:240px!important;
  align-items:start!important;
 }
 #home-cars .car-card,#home-recent-cars>.car-card{
  box-sizing:border-box!important;
  width:240px!important;
  min-width:240px!important;
  height:max-content!important;
  min-height:0!important;
  align-self:start!important;
  padding:8px 10px 10px!important;
  border:0!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:none!important;
 }
 #home-cars .card-main,#home-recent-cars .card-main{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;height:auto!important;min-height:0!important;padding:28px 0 2px!important;text-align:left!important}
 #home-cars .car-visual,#home-recent-cars .car-visual{order:-1!important;display:flex!important;width:100%!important;height:126px!important;margin:0 0 10px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
 #home-cars .car-visual img,#home-recent-cars .car-visual img{width:100%!important;height:100%!important;max-width:218px!important;object-fit:contain!important;transform:none!important}
 #home-cars .car-copy,#home-recent-cars .car-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;width:100%!important;min-width:0!important;padding:0!important;text-align:left!important}
 #home-cars .car-title,#home-recent-cars .car-title{width:100%!important;font-size:17px!important;text-align:left!important}
 #home-cars .car-brand-line,#home-recent-cars .car-brand-line{width:100%!important;margin:4px 0 0!important;font-size:10px!important;text-align:left!important}
 #home-cars .car-tags,#home-recent-cars .car-tags{top:11px!important;left:9px!important}
 #home-cars .stock-count,#home-recent-cars .stock-count{font-size:9px!important}
 #home-cars .heart,#home-recent-cars .heart{top:7px!important;right:7px!important;width:30px!important;height:30px!important}
}
#home-cars .dual-prices,#home-recent-cars .dual-prices{display:grid!important;grid-template-columns:1fr!important;gap:0!important;width:100%!important;margin:11px 0 0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
#home-cars .price-row,#home-recent-cars .price-row{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;min-height:42px!important;padding:8px 0!important;border:0!important;border-radius:0!important;background:transparent!important}
#home-cars .price-row+.price-row,#home-recent-cars .price-row+.price-row{padding-left:0!important;border-left:0!important;border-top:1px solid #edf0f2!important}
#home-cars .price-mode,#home-recent-cars .price-mode{font-size:11px!important;font-weight:650!important;color:#7b8793!important}
#home-cars .price-row strong,#home-recent-cars .price-row strong{display:inline-flex!important;justify-content:flex-start!important;margin:0!important;font-size:19px!important;font-weight:800!important;line-height:1!important;color:#2d3945!important;white-space:nowrap!important}
#home-cars .price-row.rent strong,#home-recent-cars .price-row.rent strong{color:#ed542f!important}
#home-cars .price-unit,#home-recent-cars .price-unit{display:none!important}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 #home-view .home-popular-row,#home-view #home-recent-cars{grid-auto-columns:min(calc(100vw - 76px),250px)!important}
 #home-view .home-popular-row>.car-card,#home-view #home-recent-cars>.car-card{height:max-content!important;min-height:0!important;align-self:start!important;padding-left:10px!important;padding-right:10px!important}
 #home-view .home-popular-row .car-visual,#home-view #home-recent-cars .car-visual{height:136px!important}
 #home-view .home-popular-row .car-visual img,#home-view #home-recent-cars .car-visual img{max-width:230px!important}
 #home-view .home-popular-row .car-title,#home-view #home-recent-cars .car-title{font-size:17px!important}}}
}
@container siteWorkspace (max-width:760px){
 #home-view .home-popular-row,#home-view #home-recent-cars{grid-auto-columns:min(calc(100cqw - 76px),250px)!important}
 #home-view .home-popular-row>.car-card,#home-view #home-recent-cars>.car-card{height:max-content!important;min-height:0!important;align-self:start!important;padding-left:10px!important;padding-right:10px!important}
 #home-view .home-popular-row .car-visual,#home-view #home-recent-cars .car-visual{height:136px!important}
 #home-view .home-popular-row .car-visual img,#home-view #home-recent-cars .car-visual img{max-width:230px!important}
 #home-view .home-popular-row .car-title,#home-view #home-recent-cars .car-title{font-size:17px!important}
}

/* Increase home and showroom cards while preserving the smaller garage tier. */
@media(min-width:761px){
@scope (:root) to (.site-workspace){
 #explore-cars .showroom-grid{grid-template-columns:repeat(auto-fill,270px)!important}
 #explore-cars .car-card{width:270px!important;min-width:270px!important;padding-left:12px!important;padding-right:12px!important}
 #explore-cars .car-visual{height:145px!important}
 #explore-cars .car-visual img{max-width:248px!important}
 #explore-cars .car-title{font-size:18px!important}

 #home-cars .home-popular-row,#home-recent-cars{grid-auto-columns:270px!important}
 #home-cars .car-card,#home-recent-cars>.car-card{width:270px!important;min-width:270px!important;padding-left:12px!important;padding-right:12px!important}
 #home-cars .car-visual,#home-recent-cars .car-visual{height:145px!important}
 #home-cars .car-visual img,#home-recent-cars .car-visual img{max-width:248px!important}
 #home-cars .car-title,#home-recent-cars .car-title{font-size:18px!important}}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 #explore-cars .showroom-grid{grid-template-columns:repeat(auto-fill,270px)!important}
 #explore-cars .car-card{width:270px!important;min-width:270px!important;padding-left:12px!important;padding-right:12px!important}
 #explore-cars .car-visual{height:145px!important}
 #explore-cars .car-visual img{max-width:248px!important}
 #explore-cars .car-title{font-size:18px!important}

 #home-cars .home-popular-row,#home-recent-cars{grid-auto-columns:270px!important}
 #home-cars .car-card,#home-recent-cars>.car-card{width:270px!important;min-width:270px!important;padding-left:12px!important;padding-right:12px!important}
 #home-cars .car-visual,#home-recent-cars .car-visual{height:145px!important}
 #home-cars .car-visual img,#home-recent-cars .car-visual img{max-width:248px!important}
 #home-cars .car-title,#home-recent-cars .car-title{font-size:18px!important}}}
@container siteWorkspace (min-width:761px){
 #explore-cars .showroom-grid{grid-template-columns:repeat(auto-fill,270px)!important}
 #explore-cars .car-card{width:270px!important;min-width:270px!important;padding-left:12px!important;padding-right:12px!important}
 #explore-cars .car-visual{height:145px!important}
 #explore-cars .car-visual img{max-width:248px!important}
 #explore-cars .car-title{font-size:18px!important}

 #home-cars .home-popular-row,#home-recent-cars{grid-auto-columns:270px!important}
 #home-cars .car-card,#home-recent-cars>.car-card{width:270px!important;min-width:270px!important;padding-left:12px!important;padding-right:12px!important}
 #home-cars .car-visual,#home-recent-cars .car-visual{height:145px!important}
 #home-cars .car-visual img,#home-recent-cars .car-visual img{max-width:248px!important}
 #home-cars .car-title,#home-recent-cars .car-title{font-size:18px!important}
}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 #home-view .home-popular-row,#home-view #home-recent-cars{grid-auto-columns:min(calc(100vw - 58px),280px)!important}
 #home-view .home-popular-row .car-visual,#home-view #home-recent-cars .car-visual{height:148px!important}
 #home-view .home-popular-row .car-visual img,#home-view #home-recent-cars .car-visual img{max-width:258px!important}
 #home-view .home-popular-row .car-title,#home-view #home-recent-cars .car-title{font-size:18px!important}}}
}
@container siteWorkspace (max-width:760px){
 #home-view .home-popular-row,#home-view #home-recent-cars{grid-auto-columns:min(calc(100cqw - 58px),280px)!important}
 #home-view .home-popular-row .car-visual,#home-view #home-recent-cars .car-visual{height:148px!important}
 #home-view .home-popular-row .car-visual img,#home-view #home-recent-cars .car-visual img{max-width:258px!important}
 #home-view .home-popular-row .car-title,#home-view #home-recent-cars .car-title{font-size:18px!important}
}

/* Desktop home rails never wrap when the viewport or vehicle drawer narrows. */
@media(min-width:761px){
@scope (:root) to (.site-workspace){
 body:has(#home-view:not([hidden])) #home-view .home-popular-stage{
  min-width:0!important;
  overflow:hidden!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-popular-row{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-template-columns:none!important;
  grid-auto-columns:270px!important;
  justify-content:start!important;
  align-items:start!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  gap:16px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-inline:contain!important;
  scrollbar-width:none!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-popular-row::-webkit-scrollbar{display:none!important}
 body:has(#home-view:not([hidden])) #home-view .home-popular-row>.car-card{
  width:270px!important;
  min-width:270px!important;
  max-width:270px!important;
  align-self:start!important;
 }
 body:has(#home-view:not([hidden])) #home-view #home-recent-cars{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-template-columns:none!important;
  grid-auto-columns:270px!important;
  justify-content:start!important;
  align-items:start!important;
  width:100%!important;
  min-width:0!important;
  gap:16px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
 }
 body:has(#home-view:not([hidden])) #home-view #home-recent-cars::-webkit-scrollbar{display:none!important}}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 body:has(#home-view:not([hidden])) #home-view .home-popular-stage{
  min-width:0!important;
  overflow:hidden!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-popular-row{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-template-columns:none!important;
  grid-auto-columns:270px!important;
  justify-content:start!important;
  align-items:start!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  gap:16px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-inline:contain!important;
  scrollbar-width:none!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-popular-row::-webkit-scrollbar{display:none!important}
 body:has(#home-view:not([hidden])) #home-view .home-popular-row>.car-card{
  width:270px!important;
  min-width:270px!important;
  max-width:270px!important;
  align-self:start!important;
 }
 body:has(#home-view:not([hidden])) #home-view #home-recent-cars{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-template-columns:none!important;
  grid-auto-columns:270px!important;
  justify-content:start!important;
  align-items:start!important;
  width:100%!important;
  min-width:0!important;
  gap:16px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
 }
 body:has(#home-view:not([hidden])) #home-view #home-recent-cars::-webkit-scrollbar{display:none!important}}}
@container siteWorkspace (min-width:761px){
 body:has(#home-view:not([hidden])) #home-view .home-popular-stage{
  min-width:0!important;
  overflow:hidden!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-popular-row{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-template-columns:none!important;
  grid-auto-columns:270px!important;
  justify-content:start!important;
  align-items:start!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  gap:16px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-inline:contain!important;
  scrollbar-width:none!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-popular-row::-webkit-scrollbar{display:none!important}
 body:has(#home-view:not([hidden])) #home-view .home-popular-row>.car-card{
  width:270px!important;
  min-width:270px!important;
  max-width:270px!important;
  align-self:start!important;
 }
 body:has(#home-view:not([hidden])) #home-view #home-recent-cars{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-template-columns:none!important;
  grid-auto-columns:270px!important;
  justify-content:start!important;
  align-items:start!important;
  width:100%!important;
  min-width:0!important;
  gap:16px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
 }
 body:has(#home-view:not([hidden])) #home-view #home-recent-cars::-webkit-scrollbar{display:none!important}
}
@media(min-width:761px){
@scope (:root) to (.site-workspace){
 body:has(#home-view:not([hidden])) #home-view #home-cars{
  display:flex!important;
  flex-direction:column!important;
  grid-template-columns:none!important;
  min-width:0!important;
 }}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 body:has(#home-view:not([hidden])) #home-view #home-cars{
  display:flex!important;
  flex-direction:column!important;
  grid-template-columns:none!important;
  min-width:0!important;
 }}}
@container siteWorkspace (min-width:761px){
 body:has(#home-view:not([hidden])) #home-view #home-cars{
  display:flex!important;
  flex-direction:column!important;
  grid-template-columns:none!important;
  min-width:0!important;
 }
}

/* Reconcile compact cards with the established desktop drawer motion. */
@media(min-width:761px){
@scope (:root) to (.site-workspace){
 body:has(#home-view:not([hidden])) #home-view #home-cars{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-auto-flow:row!important;
  align-content:start!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-popular-group{display:block!important;min-width:0!important}
 body:has(#home-view:not([hidden])) #home-view .home-popular-stage{
  overflow:visible!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-popular-row{
  grid-auto-flow:column!important;
  grid-template-columns:none!important;
  grid-auto-columns:270px!important;
  align-items:start!important;
  min-width:0!important;
  padding-left:18px!important;
  padding-right:18px!important;
  scroll-padding-inline:18px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-row-arrow{display:flex!important}
 body:has(#home-view:not([hidden])) #home-view .home-popular-stage:before,
 body:has(#home-view:not([hidden])) #home-view .home-popular-stage:after{display:block!important}
 body:has(#home-view:not([hidden])) #home-view .home-popular-groups{align-content:start!important}

 #explore-cars .showroom-grid{
  grid-template-columns:repeat(auto-fill,270px)!important;
  grid-auto-columns:270px!important;
  column-gap:16px!important;
  row-gap:16px!important;
  justify-content:start!important;
  align-items:start!important;
 }
 #explore-cars .car-card{
  width:270px!important;
  min-width:270px!important;
  max-width:270px!important;
  margin:0!important;
 }}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 body:has(#home-view:not([hidden])) #home-view #home-cars{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-auto-flow:row!important;
  align-content:start!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-popular-group{display:block!important;min-width:0!important}
 body:has(#home-view:not([hidden])) #home-view .home-popular-stage{
  overflow:visible!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-popular-row{
  grid-auto-flow:column!important;
  grid-template-columns:none!important;
  grid-auto-columns:270px!important;
  align-items:start!important;
  min-width:0!important;
  padding-left:18px!important;
  padding-right:18px!important;
  scroll-padding-inline:18px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-row-arrow{display:flex!important}
 body:has(#home-view:not([hidden])) #home-view .home-popular-stage:before,
 body:has(#home-view:not([hidden])) #home-view .home-popular-stage:after{display:block!important}
 body:has(#home-view:not([hidden])) #home-view .home-popular-groups{align-content:start!important}

 #explore-cars .showroom-grid{
  grid-template-columns:repeat(auto-fill,270px)!important;
  grid-auto-columns:270px!important;
  column-gap:16px!important;
  row-gap:16px!important;
  justify-content:start!important;
  align-items:start!important;
 }
 #explore-cars .car-card{
  width:270px!important;
  min-width:270px!important;
  max-width:270px!important;
  margin:0!important;
 }}}
@container siteWorkspace (min-width:761px){
 body:has(#home-view:not([hidden])) #home-view #home-cars{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-auto-flow:row!important;
  align-content:start!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-popular-group{display:block!important;min-width:0!important}
 body:has(#home-view:not([hidden])) #home-view .home-popular-stage{
  overflow:visible!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-popular-row{
  grid-auto-flow:column!important;
  grid-template-columns:none!important;
  grid-auto-columns:270px!important;
  align-items:start!important;
  min-width:0!important;
  padding-left:18px!important;
  padding-right:18px!important;
  scroll-padding-inline:18px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-row-arrow{display:flex!important}
 body:has(#home-view:not([hidden])) #home-view .home-popular-stage:before,
 body:has(#home-view:not([hidden])) #home-view .home-popular-stage:after{display:block!important}
 body:has(#home-view:not([hidden])) #home-view .home-popular-groups{align-content:start!important}

 #explore-cars .showroom-grid{
  grid-template-columns:repeat(auto-fill,270px)!important;
  grid-auto-columns:270px!important;
  column-gap:16px!important;
  row-gap:16px!important;
  justify-content:start!important;
  align-items:start!important;
 }
 #explore-cars .car-card{
  width:270px!important;
  min-width:270px!important;
  max-width:270px!important;
  margin:0!important;
 }
}

/* Stable desktop home vehicle rail.
   The title, background and cards share one left edge; only the visible width changes. */
@media(min-width:761px){
@scope (:root) to (.site-workspace){
 body:has(#home-view:not([hidden])){
  --stable-home-available:100vw;
  --stable-home-left:max(24px,calc((var(--stable-home-available) - 1224px)/2));
 }
 body:has(#home-view:not([hidden])) #home-view .home-ranking{
  box-sizing:border-box!important;
  position:relative!important;
  display:block!important;
  width:100vw!important;
  min-width:100vw!important;
  max-width:none!important;
  margin:0 0 64px calc(50% - 50vw)!important;
  padding:46px 0!important;
  overflow:hidden!important;
  background:#f6f7f9!important;
  transform:none!important;
 transition:none!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-ranking:before{
  content:''!important;
  position:absolute!important;
  z-index:0!important;
  top:0!important;
  bottom:0!important;
  left:-100vw!important;
  right:-100vw!important;
  display:block!important;
  background:#f6f7f9!important;
  pointer-events:none!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-ranking>.section-head,
 body:has(#home-view:not([hidden])) #home-view .home-popular-groups{
  box-sizing:border-box!important;
  width:calc(var(--stable-home-available) - var(--stable-home-left) - 24px)!important;
  min-width:0!important;
  max-width:1224px!important;
  margin-left:var(--stable-home-left)!important;
  margin-right:0!important;
  padding-left:0!important;
 padding-right:0!important;
  transform:none!important;
  transition:margin-left .36s cubic-bezier(.22,.72,.24,1),width .36s cubic-bezier(.22,.72,.24,1)!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-ranking>.section-head,
 body:has(#home-view:not([hidden])) #home-view .home-popular-groups{
  position:relative!important;
  z-index:1!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-ranking>.section-head{
  margin-top:0!important;
  margin-bottom:22px!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-popular-groups{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:42px!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-popular-group{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  transform:none!important;
 transition:none!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-popular-stage{
  box-sizing:border-box!important;
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  overflow:visible!important;
  transform:none!important;
  transition:none!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-popular-row{
  box-sizing:border-box!important;
  display:grid!important;
  grid-auto-flow:column!important;
  grid-template-columns:none!important;
  grid-auto-columns:270px!important;
  justify-content:start!important;
  align-items:start!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:2px 18px 14px!important;
  gap:16px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  transform:none!important;
  transition:none!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-popular-row::-webkit-scrollbar{display:none!important}
 body:has(#home-view:not([hidden])) #home-view .home-popular-row>.car-card{
  box-sizing:border-box!important;
  width:270px!important;
  min-width:270px!important;
  max-width:270px!important;
  margin:0!important;
  align-self:start!important;
  transform:none!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-row-arrow.prev{left:0!important;transform:translateY(-50%)!important}
 body:has(#home-view:not([hidden])) #home-view .home-row-arrow.next{right:0!important;transform:translateY(-50%)!important}
 body:has(#home-view:not([hidden])) #home-view .home-row-arrow{display:flex!important}
 body:has(#home-view:not([hidden])) #home-view .home-popular-stage:before,
 body:has(#home-view:not([hidden])) #home-view .home-popular-stage:after{display:block!important}

 #explore-cars .showroom-grid{
  grid-template-columns:repeat(auto-fill,270px)!important;
  grid-auto-flow:row!important;
  grid-auto-columns:270px!important;
  justify-content:start!important;
  align-content:start!important;
  align-items:start!important;
  gap:16px!important;
 }}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 body:has(#home-view:not([hidden])){
  --stable-home-available:100vw;
  --stable-home-left:max(24px,calc((var(--stable-home-available) - 1224px)/2));
 }
 body:has(#home-view:not([hidden])) #home-view .home-ranking{
  box-sizing:border-box!important;
  position:relative!important;
  display:block!important;
  width:100vw!important;
  min-width:100vw!important;
  max-width:none!important;
  margin:0 0 64px calc(50% - 50vw)!important;
  padding:46px 0!important;
  overflow:hidden!important;
  background:#f6f7f9!important;
  transform:none!important;
 transition:none!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-ranking:before{
  content:''!important;
  position:absolute!important;
  z-index:0!important;
  top:0!important;
  bottom:0!important;
  left:-100vw!important;
  right:-100vw!important;
  display:block!important;
  background:#f6f7f9!important;
  pointer-events:none!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-ranking>.section-head,
 body:has(#home-view:not([hidden])) #home-view .home-popular-groups{
  box-sizing:border-box!important;
  width:calc(var(--stable-home-available) - var(--stable-home-left) - 24px)!important;
  min-width:0!important;
  max-width:1224px!important;
  margin-left:var(--stable-home-left)!important;
  margin-right:0!important;
  padding-left:0!important;
 padding-right:0!important;
  transform:none!important;
  transition:margin-left .36s cubic-bezier(.22,.72,.24,1),width .36s cubic-bezier(.22,.72,.24,1)!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-ranking>.section-head,
 body:has(#home-view:not([hidden])) #home-view .home-popular-groups{
  position:relative!important;
  z-index:1!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-ranking>.section-head{
  margin-top:0!important;
  margin-bottom:22px!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-popular-groups{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:42px!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-popular-group{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  transform:none!important;
 transition:none!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-popular-stage{
  box-sizing:border-box!important;
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  overflow:visible!important;
  transform:none!important;
  transition:none!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-popular-row{
  box-sizing:border-box!important;
  display:grid!important;
  grid-auto-flow:column!important;
  grid-template-columns:none!important;
  grid-auto-columns:270px!important;
  justify-content:start!important;
  align-items:start!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:2px 18px 14px!important;
  gap:16px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  transform:none!important;
  transition:none!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-popular-row::-webkit-scrollbar{display:none!important}
 body:has(#home-view:not([hidden])) #home-view .home-popular-row>.car-card{
  box-sizing:border-box!important;
  width:270px!important;
  min-width:270px!important;
  max-width:270px!important;
  margin:0!important;
  align-self:start!important;
  transform:none!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-row-arrow.prev{left:0!important;transform:translateY(-50%)!important}
 body:has(#home-view:not([hidden])) #home-view .home-row-arrow.next{right:0!important;transform:translateY(-50%)!important}
 body:has(#home-view:not([hidden])) #home-view .home-row-arrow{display:flex!important}
 body:has(#home-view:not([hidden])) #home-view .home-popular-stage:before,
 body:has(#home-view:not([hidden])) #home-view .home-popular-stage:after{display:block!important}

 #explore-cars .showroom-grid{
  grid-template-columns:repeat(auto-fill,270px)!important;
  grid-auto-flow:row!important;
  grid-auto-columns:270px!important;
  justify-content:start!important;
  align-content:start!important;
  align-items:start!important;
  gap:16px!important;
 }}}
@container siteWorkspace (min-width:761px){
 body:has(#home-view:not([hidden])){
  --stable-home-available:100cqw;
  --stable-home-left:max(24px,calc((var(--stable-home-available) - 1224px)/2));
 }
 body:has(#home-view:not([hidden])) #home-view .home-ranking{
  box-sizing:border-box!important;
  position:relative!important;
  display:block!important;
  width:100cqw!important;
  min-width:100cqw!important;
  max-width:none!important;
  margin:0 0 64px calc(50% - 50cqw)!important;
  padding:46px 0!important;
  overflow:hidden!important;
  background:#f6f7f9!important;
  transform:none!important;
 transition:none!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-ranking:before{
  content:''!important;
  position:absolute!important;
  z-index:0!important;
  top:0!important;
  bottom:0!important;
  left:-100cqw!important;
  right:-100cqw!important;
  display:block!important;
  background:#f6f7f9!important;
  pointer-events:none!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-ranking>.section-head,
 body:has(#home-view:not([hidden])) #home-view .home-popular-groups{
  box-sizing:border-box!important;
  width:calc(var(--stable-home-available) - var(--stable-home-left) - 24px)!important;
  min-width:0!important;
  max-width:1224px!important;
  margin-left:var(--stable-home-left)!important;
  margin-right:0!important;
  padding-left:0!important;
 padding-right:0!important;
  transform:none!important;
  transition:margin-left .36s cubic-bezier(.22,.72,.24,1),width .36s cubic-bezier(.22,.72,.24,1)!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-ranking>.section-head,
 body:has(#home-view:not([hidden])) #home-view .home-popular-groups{
  position:relative!important;
  z-index:1!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-ranking>.section-head{
  margin-top:0!important;
  margin-bottom:22px!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-popular-groups{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:42px!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-popular-group{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  transform:none!important;
 transition:none!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-popular-stage{
  box-sizing:border-box!important;
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  overflow:visible!important;
  transform:none!important;
  transition:none!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-popular-row{
  box-sizing:border-box!important;
  display:grid!important;
  grid-auto-flow:column!important;
  grid-template-columns:none!important;
  grid-auto-columns:270px!important;
  justify-content:start!important;
  align-items:start!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:2px 18px 14px!important;
  gap:16px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  transform:none!important;
  transition:none!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-popular-row::-webkit-scrollbar{display:none!important}
 body:has(#home-view:not([hidden])) #home-view .home-popular-row>.car-card{
  box-sizing:border-box!important;
  width:270px!important;
  min-width:270px!important;
  max-width:270px!important;
  margin:0!important;
  align-self:start!important;
  transform:none!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-row-arrow.prev{left:0!important;transform:translateY(-50%)!important}
 body:has(#home-view:not([hidden])) #home-view .home-row-arrow.next{right:0!important;transform:translateY(-50%)!important}
 body:has(#home-view:not([hidden])) #home-view .home-row-arrow{display:flex!important}
 body:has(#home-view:not([hidden])) #home-view .home-popular-stage:before,
 body:has(#home-view:not([hidden])) #home-view .home-popular-stage:after{display:block!important}

 #explore-cars .showroom-grid{
  grid-template-columns:repeat(auto-fill,270px)!important;
  grid-auto-flow:row!important;
  grid-auto-columns:270px!important;
  justify-content:start!important;
  align-content:start!important;
  align-items:start!important;
  gap:16px!important;
 }
}

/* Header navigation: compact cards using the site's neutral and orange palette. */
@media (min-width:761px){
@scope (:root) to (.site-workspace){
 body .site-workspace .top-nav button{
  height:48px!important;
  padding:5px 11px!important;
  gap:8px!important;
  border:1px solid #e8ebef!important;
  border-radius:15px!important;
  background:#f7f8f9!important;
  color:#5e6874!important;
  box-shadow:none!important;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease!important;
 }
 body .site-workspace .top-nav button:hover{
  background:#fff!important;
  border-color:#dfe3e7!important;
  color:#27313d!important;
  box-shadow:0 5px 14px rgba(31,42,55,.07)!important;
 }
 body .site-workspace .top-nav button .nav-icon{
  width:34px!important;
  height:34px!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#717b86!important;
  box-shadow:inset 0 0 0 1px #e7eaee!important;
 }
 body .site-workspace .top-nav button strong{
  color:inherit!important;
  font-size:13px!important;
  font-weight:700!important;
  letter-spacing:-.02em!important;
 }
 body .site-workspace .top-nav button.active{
  background:#fff5f1!important;
  border-color:#ef7658!important;
  color:#d94f2d!important;
  box-shadow:0 5px 16px rgba(235,88,52,.12)!important;
 }
 body .site-workspace .top-nav button.active .nav-icon{
  background:#eb5834!important;
  color:#fff!important;
  box-shadow:none!important;
 }
 body .site-workspace .top-nav .nav-saved i{
  min-width:19px!important;
  height:19px!important;
  margin-left:auto!important;
  border-radius:999px!important;
  background:#e9edf1!important;
  color:#59636e!important;
  font-size:10px!important;
  font-weight:750!important;
 }
 body .site-workspace .top-nav .nav-saved.active i{
  background:#eb5834!important;
  color:#fff!important;
 }}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 body .site-workspace .top-nav button{
  height:48px!important;
  padding:5px 11px!important;
  gap:8px!important;
  border:1px solid #e8ebef!important;
  border-radius:15px!important;
  background:#f7f8f9!important;
  color:#5e6874!important;
  box-shadow:none!important;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease!important;
 }
 body .site-workspace .top-nav button:hover{
  background:#fff!important;
  border-color:#dfe3e7!important;
  color:#27313d!important;
  box-shadow:0 5px 14px rgba(31,42,55,.07)!important;
 }
 body .site-workspace .top-nav button .nav-icon{
  width:34px!important;
  height:34px!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#717b86!important;
  box-shadow:inset 0 0 0 1px #e7eaee!important;
 }
 body .site-workspace .top-nav button strong{
  color:inherit!important;
  font-size:13px!important;
  font-weight:700!important;
  letter-spacing:-.02em!important;
 }
 body .site-workspace .top-nav button.active{
  background:#fff5f1!important;
  border-color:#ef7658!important;
  color:#d94f2d!important;
  box-shadow:0 5px 16px rgba(235,88,52,.12)!important;
 }
 body .site-workspace .top-nav button.active .nav-icon{
  background:#eb5834!important;
  color:#fff!important;
  box-shadow:none!important;
 }
 body .site-workspace .top-nav .nav-saved i{
  min-width:19px!important;
  height:19px!important;
  margin-left:auto!important;
  border-radius:999px!important;
  background:#e9edf1!important;
  color:#59636e!important;
  font-size:10px!important;
  font-weight:750!important;
 }
 body .site-workspace .top-nav .nav-saved.active i{
  background:#eb5834!important;
  color:#fff!important;
 }}}
@container siteWorkspace (min-width:761px){
 body .site-workspace .top-nav button{
  height:48px!important;
  padding:5px 11px!important;
  gap:8px!important;
  border:1px solid #e8ebef!important;
  border-radius:15px!important;
  background:#f7f8f9!important;
  color:#5e6874!important;
  box-shadow:none!important;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease!important;
 }
 body .site-workspace .top-nav button:hover{
  background:#fff!important;
  border-color:#dfe3e7!important;
  color:#27313d!important;
  box-shadow:0 5px 14px rgba(31,42,55,.07)!important;
 }
 body .site-workspace .top-nav button .nav-icon{
  width:34px!important;
  height:34px!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#717b86!important;
  box-shadow:inset 0 0 0 1px #e7eaee!important;
 }
 body .site-workspace .top-nav button strong{
  color:inherit!important;
  font-size:13px!important;
  font-weight:700!important;
  letter-spacing:-.02em!important;
 }
 body .site-workspace .top-nav button.active{
  background:#fff5f1!important;
  border-color:#ef7658!important;
  color:#d94f2d!important;
  box-shadow:0 5px 16px rgba(235,88,52,.12)!important;
 }
 body .site-workspace .top-nav button.active .nav-icon{
  background:#eb5834!important;
  color:#fff!important;
  box-shadow:none!important;
 }
 body .site-workspace .top-nav .nav-saved i{
  min-width:19px!important;
  height:19px!important;
  margin-left:auto!important;
  border-radius:999px!important;
  background:#e9edf1!important;
  color:#59636e!important;
  font-size:10px!important;
  font-weight:750!important;
 }
 body .site-workspace .top-nav .nav-saved.active i{
  background:#eb5834!important;
  color:#fff!important;
 }
}

/* Tighter, darker PC text navigation. */
@media (min-width:761px){
@scope (:root) to (.site-workspace){
 body .site-workspace .top-nav>div{gap:10px!important;justify-content:center!important}
 body .site-workspace .top-nav button{
  flex:0 0 auto!important;min-width:auto!important;width:auto!important;max-width:none!important;
  padding:0 13px!important;color:#3f4853!important
 }
 body .site-workspace .top-nav button strong{font-size:14px!important;font-weight:720!important}
 body .site-workspace .top-nav button:hover{color:#111820!important}
 body .site-workspace .top-nav button.active{color:#111820!important}
 body .site-workspace .top-nav button.active strong{font-weight:780!important}
 body .site-workspace .top-nav button.active:after{left:12px!important;right:12px!important;height:3px!important}}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 body .site-workspace .top-nav>div{gap:10px!important;justify-content:center!important}
 body .site-workspace .top-nav button{
  flex:0 0 auto!important;min-width:auto!important;width:auto!important;max-width:none!important;
  padding:0 13px!important;color:#3f4853!important
 }
 body .site-workspace .top-nav button strong{font-size:14px!important;font-weight:720!important}
 body .site-workspace .top-nav button:hover{color:#111820!important}
 body .site-workspace .top-nav button.active{color:#111820!important}
 body .site-workspace .top-nav button.active strong{font-weight:780!important}
 body .site-workspace .top-nav button.active:after{left:12px!important;right:12px!important;height:3px!important}}}
@container siteWorkspace (min-width:761px){
 body .site-workspace .top-nav>div{gap:10px!important;justify-content:center!important}
 body .site-workspace .top-nav button{
  flex:0 0 auto!important;min-width:auto!important;width:auto!important;max-width:none!important;
  padding:0 13px!important;color:#3f4853!important
 }
 body .site-workspace .top-nav button strong{font-size:14px!important;font-weight:720!important}
 body .site-workspace .top-nav button:hover{color:#111820!important}
 body .site-workspace .top-nav button.active{color:#111820!important}
 body .site-workspace .top-nav button.active strong{font-weight:780!important}
 body .site-workspace .top-nav button.active:after{left:12px!important;right:12px!important;height:3px!important}
}

/* Compact process guide shared by home and garage. */
.home-help-and-reviews{grid-template-columns:1fr!important}
.process-guide-block{width:100%}
.process-guide-bar{display:grid;grid-template-columns:54px minmax(0,1fr) 28px;align-items:center;gap:16px;width:100%;min-height:96px;padding:18px 22px;border:1px solid #edf0f2;border-radius:18px;background:#fff;color:#273440;text-align:left;box-shadow:0 10px 28px rgba(28,41,53,.075);transition:transform .2s ease,box-shadow .2s ease}
.process-guide-bar:hover{transform:translateY(-2px);box-shadow:0 15px 34px rgba(28,41,53,.11)}
.process-guide-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#f2f4f6;color:#ee5735}
.process-guide-icon .icon{width:25px;height:25px}
.process-guide-copy{display:grid;gap:6px;min-width:0}
.process-guide-copy strong{font-size:18px;letter-spacing:-.035em}
.process-guide-copy small{color:#7c8893;font-size:12px;line-height:1.45}
.process-guide-bar>i{color:#b7bec5;font-size:31px;font-style:normal;font-weight:300;text-align:right}
.home-reviews.flow-reviews{width:100%!important;max-width:none!important}
.review-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}
.review-section-head .flow-reviews-title{margin:0!important}
.review-arrow-controls{display:flex;gap:8px}
.review-arrow-controls button{display:grid;place-items:center;width:42px;height:42px;border:1px solid #e1e6ea;border-radius:50%;background:#fff;color:#374551;font-size:25px;line-height:1;box-shadow:0 5px 14px rgba(28,41,53,.06)}
.review-arrow-controls button:hover{border-color:#ee5735;color:#ee5735}
#guide-dialog .process-guide-intro{margin-bottom:18px;padding:16px 17px;border-radius:14px;background:#f4f6f7}
#guide-dialog .process-guide-intro strong{display:block;color:#273440;font-size:16px}
#guide-dialog .process-guide-intro p{margin:6px 0 0;color:#73808c;font-size:12px;line-height:1.6}
#guide-dialog .process-guide-steps{display:grid;gap:0;margin:0;padding:0;list-style:none;counter-reset:none}
#guide-dialog .process-guide-steps li{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;padding:0 0 20px}
#guide-dialog .process-guide-steps li:not(:last-child):before{content:"";position:absolute;left:18px;top:34px;bottom:2px;width:1px;background:#e1e6ea}
#guide-dialog .process-guide-steps li>span{position:relative;z-index:1;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#273440;color:#fff;font-size:10px;font-weight:800}
#guide-dialog .process-guide-steps li:nth-child(3)>span{background:#ee5735}
#guide-dialog .process-guide-steps strong{display:block;margin:1px 0 5px;color:#273440;font-size:14px}
#guide-dialog .process-guide-steps p{margin:0;color:#77838e;font-size:11px;line-height:1.65}
#guide-dialog .process-guide-steps em{display:block;margin-top:8px;padding:9px 11px;border-radius:9px;background:#fff0eb;color:#d94d2d;font-size:10px;font-style:normal;font-weight:750;line-height:1.5}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){.process-guide-bar{grid-template-columns:46px minmax(0,1fr) 20px;min-height:82px;padding:14px 16px;gap:12px;border-radius:16px}.process-guide-icon{width:46px;height:46px}.process-guide-copy strong{font-size:16px}.process-guide-copy small{font-size:10px}.process-guide-bar>i{font-size:26px}.review-arrow-controls{display:none}.review-section-head{margin-bottom:14px}}}}
@container siteWorkspace (max-width:760px){.process-guide-bar{grid-template-columns:46px minmax(0,1fr) 20px;min-height:82px;padding:14px 16px;gap:12px;border-radius:16px}.process-guide-icon{width:46px;height:46px}.process-guide-copy strong{font-size:16px}.process-guide-copy small{font-size:10px}.process-guide-bar>i{font-size:26px}.review-arrow-controls{display:none}.review-section-head{margin-bottom:14px}}

@media(min-width:761px){
@scope (:root) to (.site-workspace){
 body.viewport-resizing:has(#home-view:not([hidden])) #home-view .home-ranking>.section-head,
 body.viewport-resizing:has(#home-view:not([hidden])) #home-view .home-popular-groups{
  transition:none!important;
 }}
}

@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 body.viewport-resizing:has(#home-view:not([hidden])) #home-view .home-ranking>.section-head,
 body.viewport-resizing:has(#home-view:not([hidden])) #home-view .home-popular-groups{
  transition:none!important;
 }}}

@container siteWorkspace (min-width:761px){
 body.viewport-resizing:has(#home-view:not([hidden])) #home-view .home-ranking>.section-head,
 body.viewport-resizing:has(#home-view:not([hidden])) #home-view .home-popular-groups{
  transition:none!important;
 }
}

/* Guide concept B: return to the original navy mood, with depth coming from
   blue-grey tonal layers instead of pale pink surfaces. */
.home-help-and-reviews .home-help-v2{
 position:relative;
 padding:14px;
 border:1px solid #344858;
 background:linear-gradient(145deg,#253543 0%,#2b3d4c 54%,#22313e 100%);
 color:#fff;
 box-shadow:0 14px 32px rgba(28,41,53,.13);
 overflow:hidden;
}
.home-help-and-reviews .home-help-v2:before{
 content:"";
 position:absolute;
 top:0;
 left:28px;
 width:54px;
 height:3px;
 border-radius:0 0 4px 4px;
 background:#ef6543;
}
.home-help-and-reviews .home-help-title{
 position:relative;
 padding:20px 17px 17px;
 border:0;
 border-radius:0;
 background:transparent;
 color:#fff;
 box-shadow:none;
}
.home-help-and-reviews .home-help-title .home-section-label{color:#f0785a}
.home-help-and-reviews .home-help-title p{color:#aebac4}
.home-help-and-reviews .home-help-v2 button{
 position:relative;
 min-height:76px;
 padding:14px 16px;
 border:1px solid rgba(219,228,235,.1);
 background:rgba(255,255,255,.065);
 color:#fff;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
 transition:transform .2s ease,background .2s ease,border-color .2s ease;
}
.home-help-and-reviews .home-help-v2 button+button{background:rgba(15,27,38,.13)}
.home-help-and-reviews .home-help-v2 button:hover{
 transform:translateY(-2px);
 border-color:rgba(239,101,67,.34);
 background:rgba(255,255,255,.1);
 box-shadow:none;
}
.home-help-and-reviews .home-help-v2 button>span{
 border:1px solid rgba(255,255,255,.075);
 background:rgba(255,255,255,.07);
 color:#f0785a;
}
.home-help-and-reviews .home-help-v2 button small{color:#aeb9c3}
.home-help-and-reviews .home-help-v2 button i{color:#f0785a}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 .home-help-and-reviews .home-help-v2{padding:12px}
 .home-help-and-reviews .home-help-title{padding:19px 15px 15px}}}
}
@container siteWorkspace (max-width:760px){
 .home-help-and-reviews .home-help-v2{padding:12px}
 .home-help-and-reviews .home-help-title{padding:19px 15px 15px}
}

/* Guide and delivery reviews share the low-credit site's card language. */
.home-help-and-reviews{
 display:grid;
 grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
 gap:18px;
 align-items:stretch;
 margin:0 0 48px;
}
.home-help-and-reviews .home-help-v2{
 grid-template-columns:1fr;
 align-content:start;
 gap:12px;
 min-width:0;
 height:100%;
 margin:0;
}
.home-help-and-reviews .home-help-title{grid-column:auto}
.home-reviews.flow-reviews{
 min-width:0;
 margin:0;
 padding:0 0 8px;
 border:0;
 border-radius:0;
 background:transparent;
 overflow:hidden;
}
.home-reviews .flow-reviews-title{
 margin:4px 20px 16px;
 color:#273442;
 font-size:23px;
 font-weight:800;
 letter-spacing:-.045em;
 line-height:1.35;
}
.home-reviews .flow-reviews-title em{color:#ef5834;font-style:normal}
.home-reviews .flow-reviews-scroll{
 display:flex;
 gap:12px;
 padding:4px 0 9px;
 overflow-x:auto;
 overflow-y:hidden;
 scroll-snap-type:x mandatory;
 scroll-padding-left:0;
 scrollbar-width:none;
 -webkit-overflow-scrolling:touch;
}
.home-reviews .flow-reviews-scroll::-webkit-scrollbar{display:none}
.home-reviews .flow-reviews-scroll.is-auto-review{scroll-snap-type:none}
.home-reviews .flow-review-card{
 position:relative;
 flex:0 0 240px;
 max-width:240px;
 height:auto;
 aspect-ratio:1;
 margin:0;
 border-radius:18px;
 background:#f4f5f6;
 box-shadow:0 4px 14px rgba(15,23,42,.06);
 overflow:hidden;
 scroll-snap-align:start;
}
.home-reviews .flow-review-card img{display:block;width:100%;height:100%;object-fit:cover}
.home-reviews .flow-review-chips{position:absolute;left:10px;right:10px;bottom:10px;display:flex;flex-wrap:wrap;gap:6px}
.home-reviews .flow-review-chip{display:inline-flex;align-items:center;max-width:100%;padding:5px 10px;border-radius:999px;background:rgba(17,17,17,.72);color:#fff;font-size:11px;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-reviews .flow-review-chip--name{background:rgba(241,90,34,.92)}

#guide-dialog[open],#site-info-dialog[open]{animation:garage-condition-pop-in .26s cubic-bezier(.22,.74,.22,1)!important;transform-origin:50% 42%}
#guide-dialog[open]::backdrop,#site-info-dialog[open]::backdrop{animation:garage-condition-backdrop-in .24s ease-out both}
#site-info-dialog{width:min(620px,calc(100% - 30px))}
.site-info-content{color:#68717b;font-size:14px;line-height:1.8}
.site-info-content>p{margin:10px 0 18px}
.site-info-content h2{margin:25px 0 8px;color:#273442;font-size:16px}
.site-info-content ul{padding-left:20px}
.site-info-content .fine{color:#9198a0;font-size:12px}

@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 .home-help-and-reviews{display:flex;flex-direction:column;gap:14px;margin:0 0 40px}
 .home-help-and-reviews .home-help-v2{height:auto;margin:0}
 .home-reviews.flow-reviews{margin:0;padding:8px 0 12px;border-radius:0}
 .home-reviews .flow-reviews-title{margin:0 0 16px;font-size:21px}
 .home-reviews .flow-reviews-scroll{padding:4px 0 9px;scroll-padding-left:0}
 .home-reviews .flow-review-card{flex-basis:78%;max-width:78%;height:210px;aspect-ratio:auto}
 #guide-dialog[open],#site-info-dialog[open]{animation:garage-condition-sheet-in .34s cubic-bezier(.22,.78,.22,1)!important;transform-origin:50% 100%}
 #site-info-dialog{width:100%;max-width:none}
 .site-info-content{font-size:13px}}}
}

@container siteWorkspace (max-width:760px){
 .home-help-and-reviews{display:flex;flex-direction:column;gap:14px;margin:0 0 40px}
 .home-help-and-reviews .home-help-v2{height:auto;margin:0}
 .home-reviews.flow-reviews{margin:0;padding:8px 0 12px;border-radius:0}
 .home-reviews .flow-reviews-title{margin:0 0 16px;font-size:21px}
 .home-reviews .flow-reviews-scroll{padding:4px 0 9px;scroll-padding-left:0}
 .home-reviews .flow-review-card{flex-basis:78%;max-width:78%;height:210px;aspect-ratio:auto}
 #guide-dialog[open],#site-info-dialog[open]{animation:garage-condition-sheet-in .34s cubic-bezier(.22,.78,.22,1)!important;transform-origin:50% 100%}
 #site-info-dialog{width:100%;max-width:none}
 .site-info-content{font-size:13px}
}

/* Refined guide: retain the navy contrast as an accent, then return to the
   light card language used throughout the current home page. */
.home-help-and-reviews .home-help-v2{
 padding:12px;
 border:1px solid #e7eaed;
 background:#f3f5f6;
 color:#273442;
 box-shadow:0 12px 32px rgba(39,52,66,.055);
}
.home-help-and-reviews .home-help-title{
 padding:22px 20px;
 border-radius:16px;
 background:linear-gradient(135deg,#263544 0%,#314354 100%);
 color:#fff;
 box-shadow:0 10px 24px rgba(32,45,58,.14);
}
.home-help-and-reviews .home-help-title .home-section-label{color:#f06a49}
.home-help-and-reviews .home-help-title p{color:#b8c2cb}
.home-help-and-reviews .home-help-v2 button{
 min-height:76px;
 padding:14px 16px;
 border:1px solid #e6eaed;
 background:#fff;
 color:#273442;
 box-shadow:0 5px 14px rgba(32,45,58,.04);
 transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.home-help-and-reviews .home-help-v2 button:hover{
 transform:translateY(-2px);
 border-color:#f0c2b5;
 box-shadow:0 9px 20px rgba(32,45,58,.08);
}
.home-help-and-reviews .home-help-v2 button>span{background:#fff1ed;color:#ed5b37}
.home-help-and-reviews .home-help-v2 button small{color:#8a949e}
.home-help-and-reviews .home-help-v2 button i{color:#ed5b37}

/* Desktop footer uses the same compact grouping as mobile. */
@media(min-width:761px){
@scope (:root) to (.site-workspace){
 .main-footer.site-footer .site-footer-contact{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:54px;
  row-gap:6px;
  padding-top:28px;
  padding-bottom:28px;
 }
 .main-footer.site-footer .site-footer-contact>span{grid-column:1;grid-row:1;margin:0}
 .main-footer.site-footer .site-footer-contact>a{grid-column:1;grid-row:2;font-size:29px}
 .main-footer.site-footer .site-footer-contact>div{grid-column:2;grid-row:1/3;margin:0;gap:25px}
 .main-footer.site-footer .site-footer-contact>div a,
 .main-footer.site-footer .site-footer-contact>div button{font-size:14px}
 .main-footer.site-footer .site-footer-lower{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:40px;
  min-height:0;
  padding-top:24px;
  padding-bottom:25px;
 }
 .main-footer.site-footer .site-footer-info{
  grid-column:1;
  grid-row:1;
  padding:0;
  border:0;
 }
 .main-footer.site-footer .site-footer-socials{
  grid-column:2;
  grid-row:1/3;
  margin:0;
 }
 .main-footer.site-footer .site-footer-copy{
  grid-column:1;
  grid-row:2;
  margin:18px 0 0!important;
 }}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 .main-footer.site-footer .site-footer-contact{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:54px;
  row-gap:6px;
  padding-top:28px;
  padding-bottom:28px;
 }
 .main-footer.site-footer .site-footer-contact>span{grid-column:1;grid-row:1;margin:0}
 .main-footer.site-footer .site-footer-contact>a{grid-column:1;grid-row:2;font-size:29px}
 .main-footer.site-footer .site-footer-contact>div{grid-column:2;grid-row:1/3;margin:0;gap:25px}
 .main-footer.site-footer .site-footer-contact>div a,
 .main-footer.site-footer .site-footer-contact>div button{font-size:14px}
 .main-footer.site-footer .site-footer-lower{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:40px;
  min-height:0;
  padding-top:24px;
  padding-bottom:25px;
 }
 .main-footer.site-footer .site-footer-info{
  grid-column:1;
  grid-row:1;
  padding:0;
  border:0;
 }
 .main-footer.site-footer .site-footer-socials{
  grid-column:2;
  grid-row:1/3;
  margin:0;
 }
 .main-footer.site-footer .site-footer-copy{
  grid-column:1;
  grid-row:2;
  margin:18px 0 0!important;
 }}}
@container siteWorkspace (min-width:761px){
 .main-footer.site-footer .site-footer-contact{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:54px;
  row-gap:6px;
  padding-top:28px;
  padding-bottom:28px;
 }
 .main-footer.site-footer .site-footer-contact>span{grid-column:1;grid-row:1;margin:0}
 .main-footer.site-footer .site-footer-contact>a{grid-column:1;grid-row:2;font-size:29px}
 .main-footer.site-footer .site-footer-contact>div{grid-column:2;grid-row:1/3;margin:0;gap:25px}
 .main-footer.site-footer .site-footer-contact>div a,
 .main-footer.site-footer .site-footer-contact>div button{font-size:14px}
 .main-footer.site-footer .site-footer-lower{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:40px;
  min-height:0;
  padding-top:24px;
  padding-bottom:25px;
 }
 .main-footer.site-footer .site-footer-info{
  grid-column:1;
  grid-row:1;
  padding:0;
  border:0;
 }
 .main-footer.site-footer .site-footer-socials{
  grid-column:2;
  grid-row:1/3;
  margin:0;
 }
 .main-footer.site-footer .site-footer-copy{
  grid-column:1;
  grid-row:2;
  margin:18px 0 0!important;
 }
}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 .home-help-and-reviews .home-help-v2{padding:10px}
 .home-help-and-reviews .home-help-title{padding:19px 17px}
 .home-help-and-reviews .home-help-v2 button{min-height:72px}}}
}
@container siteWorkspace (max-width:760px){
 .home-help-and-reviews .home-help-v2{padding:10px}
 .home-help-and-reviews .home-help-title{padding:19px 17px}
 .home-help-and-reviews .home-help-v2 button{min-height:72px}
}
@media(prefers-reduced-motion:reduce){#guide-dialog[open],#site-info-dialog[open],#guide-dialog[open]::backdrop,#site-info-dialog[open]::backdrop{animation:none!important}}

/* Mobile footer ends at the fixed navigation instead of leaving a blank page tail. */
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 .app-shell main{padding-bottom:0!important}
 .main-footer.site-footer{
  padding-bottom:calc(80px + env(safe-area-inset-bottom))!important;
 }
 .site-footer-lower{
  display:flex;
  flex-direction:column;
  min-height:0;
  padding-top:22px;
  padding-bottom:18px;
 }
 .site-footer-info{padding-bottom:20px}
 .site-footer-copy{order:2;margin:20px 0 0!important}
 .site-footer-socials{order:3;margin-top:18px}}}
}
@container siteWorkspace (max-width:760px){
 .app-shell main{padding-bottom:0!important}
 .main-footer.site-footer{
  padding-bottom:calc(80px + env(safe-area-inset-bottom))!important;
 }
 .site-footer-lower{
  display:flex;
  flex-direction:column;
  min-height:0;
  padding-top:22px;
  padding-bottom:18px;
 }
 .site-footer-info{padding-bottom:20px}
 .site-footer-copy{order:2;margin:20px 0 0!important}
 .site-footer-socials{order:3;margin-top:18px}
}

/* Compact, readable mobile footer: related actions share a row. */
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 .site-footer-contact{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:20px;
  row-gap:5px;
  padding-top:23px;
  padding-bottom:23px;
 }
 .site-footer-contact>span{grid-column:1;grid-row:1;margin:0;font-size:12px}
 .site-footer-contact>a{grid-column:1;grid-row:2;font-size:27px}
 .site-footer-contact>div{
  grid-column:2;
  grid-row:1/3;
  display:grid;
  gap:9px;
  margin:0;
 }
 .site-footer-contact>div a,.site-footer-contact>div button{
  min-height:24px;
  padding:2px 0;
  font-size:12px;
  text-align:left;
  white-space:nowrap;
 }
 .site-footer-contact>div i{display:none}
 .site-footer-lower{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  column-gap:16px;
  padding-top:18px;
  padding-bottom:16px;
 }
 .site-footer-info{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(2,max-content);
  justify-content:start;
  gap:12px 24px;
  padding-bottom:18px;
 }
 .site-footer-info button{font-size:12px;text-align:left}
 .site-footer-socials{
  grid-column:1;
  grid-row:2;
  order:initial;
  gap:20px;
  margin:15px 0 0;
 }
 .site-footer-socials a{width:24px;height:24px}
 .site-footer-socials svg{width:20px;height:20px}
 .site-footer-copy{
  grid-column:2;
  grid-row:2;
  order:initial;
  align-self:center;
  margin:15px 0 0!important;
  font-size:10px!important;
  white-space:nowrap;
 }}}
}
@container siteWorkspace (max-width:760px){
 .site-footer-contact{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:20px;
  row-gap:5px;
  padding-top:23px;
  padding-bottom:23px;
 }
 .site-footer-contact>span{grid-column:1;grid-row:1;margin:0;font-size:12px}
 .site-footer-contact>a{grid-column:1;grid-row:2;font-size:27px}
 .site-footer-contact>div{
  grid-column:2;
  grid-row:1/3;
  display:grid;
  gap:9px;
  margin:0;
 }
 .site-footer-contact>div a,.site-footer-contact>div button{
  min-height:24px;
  padding:2px 0;
  font-size:12px;
  text-align:left;
  white-space:nowrap;
 }
 .site-footer-contact>div i{display:none}
 .site-footer-lower{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  column-gap:16px;
  padding-top:18px;
  padding-bottom:16px;
 }
 .site-footer-info{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(2,max-content);
  justify-content:start;
  gap:12px 24px;
  padding-bottom:18px;
 }
 .site-footer-info button{font-size:12px;text-align:left}
 .site-footer-socials{
  grid-column:1;
  grid-row:2;
  order:initial;
  gap:20px;
  margin:15px 0 0;
 }
 .site-footer-socials a{width:24px;height:24px}
 .site-footer-socials svg{width:20px;height:20px}
 .site-footer-copy{
  grid-column:2;
  grid-row:2;
  order:initial;
  align-self:center;
  margin:15px 0 0!important;
  font-size:10px!important;
  white-space:nowrap;
 }
}

/* Garage condition modal: compact desktop reveal and mobile bottom-sheet entry. */
@keyframes garage-condition-pop-in{
 from{opacity:0;transform:translateY(14px) scale(.97)}
 to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes garage-condition-sheet-in{
 from{opacity:.72;transform:translateY(100%)}
 to{opacity:1;transform:translateY(0)}
}
@keyframes garage-condition-backdrop-in{
 from{background:rgba(25,37,30,0);backdrop-filter:blur(0)}
 to{background:rgba(25,37,30,.46);backdrop-filter:blur(4px)}
}
#conditions-dialog[open]{
 animation:garage-condition-pop-in .26s cubic-bezier(.22,.74,.22,1)!important;
 transform-origin:50% 42%;
}
#conditions-dialog[open]::backdrop{
 animation:garage-condition-backdrop-in .24s ease-out both;
}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 #conditions-dialog[open]{
  animation:garage-condition-sheet-in .34s cubic-bezier(.22,.78,.22,1)!important;
  transform-origin:50% 100%;
 }}}
}
@container siteWorkspace (max-width:760px){
 #conditions-dialog[open]{
  animation:garage-condition-sheet-in .34s cubic-bezier(.22,.78,.22,1)!important;
  transform-origin:50% 100%;
 }
}
@media(prefers-reduced-motion:reduce){
 #conditions-dialog[open],#conditions-dialog[open]::backdrop{animation:none!important}
}

/* Full site footer, using the charcoal two-level background of the reference. */
.main-footer.site-footer{
 box-sizing:border-box;
 width:100cqw;
 max-width:none;
 margin:72px 0 0 calc(50% - 50cqw);
 padding:0;
 border:0;
 background:#202020;
 color:#8f949b;
}
main:has(#saved-view:not([hidden])) .main-footer.site-footer{margin-top:0!important}
.garage-help-and-reviews{display:none!important}
main:has(#saved-view:not([hidden]))>.garage-help-and-reviews{display:grid!important;max-width:1280px;margin:58px auto 0!important}
#saved-view :is(#saved-cars,#recent-cars) .car-card.is-last-selected{border-color:transparent!important;box-shadow:0 3px 14px #25304406!important}
#saved-view :is(#saved-cars,#recent-cars) .car-card.is-last-selected .car-tags:after{display:none!important;content:none!important}
#saved-view :is(#saved-cars,#recent-cars) .car-card.is-last-selected:after{display:none!important;content:none!important}
#home-view :is(#home-cars,#home-recent-cars) .car-tags{position:absolute!important;z-index:4;top:8px!important;left:8px!important;margin:0!important}
.site-footer-contact,.site-footer-lower{box-sizing:border-box;width:100%;margin:0;padding-left:max(52px,calc((100cqw - 1280px)/2 + 52px));padding-right:max(52px,calc((100cqw - 1280px)/2 + 52px))}
.site-footer-contact{padding-top:44px;padding-bottom:43px;background:#303030}
.site-footer-contact>span{display:block;margin-bottom:10px;color:#9ca1a8;font-size:13px;font-weight:550}
.site-footer-contact>a{display:block;width:max-content;color:#f1f2f3;font-size:31px;font-weight:800;line-height:1.15;letter-spacing:-.045em}
.site-footer-contact>div{display:flex;align-items:center;gap:24px;margin-top:27px}
.site-footer-contact>div a,.site-footer-contact>div button{padding:0;color:#b7bbc0;font-size:14px;font-weight:600}
.site-footer-contact>div i{display:block;width:1px;height:18px;background:#55585c}
.site-footer-lower{position:relative;min-height:235px;padding-top:31px;padding-bottom:42px;background:#202020;border-top:1px solid #3a3a3a}
.site-footer-info{display:flex;align-items:center;gap:25px;padding-bottom:31px;border-bottom:1px solid #353535}
.site-footer-info button{padding:0;color:#8f949b;font-size:13px}
.site-footer-info .is-strong{color:#c1c4c8;font-weight:700}
.site-footer-socials{display:flex;align-items:center;gap:22px;margin-top:32px}
.site-footer-socials a{display:grid;place-items:center;width:22px;height:22px;color:#8e939b}
.site-footer-socials svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.site-footer-socials svg .fill{fill:currentColor;stroke:none}
.site-footer-copy{margin:30px 0 0!important;color:#7e838b!important;font-size:12px!important;letter-spacing:.01em}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 .main-footer.site-footer{margin-top:48px;padding-bottom:94px!important}
 .site-footer-contact,.site-footer-lower{padding-left:22px;padding-right:22px}
 .site-footer-contact{padding-top:32px;padding-bottom:31px}
 .site-footer-contact>a{font-size:28px}
 .site-footer-contact>div{gap:17px;margin-top:23px}
 .site-footer-contact>div a,.site-footer-contact>div button{font-size:12px}
 .site-footer-lower{min-height:250px;padding-top:25px;padding-bottom:34px}
 .site-footer-info{flex-wrap:wrap;gap:13px 21px;padding-bottom:25px}
 .site-footer-info button{font-size:12px}
 .site-footer-socials{gap:24px;margin-top:27px}
 .site-footer-copy{margin-top:27px!important;font-size:11px!important}}}
}
@container siteWorkspace (max-width:760px){
 .main-footer.site-footer{margin-top:48px;padding-bottom:94px!important}
 .site-footer-contact,.site-footer-lower{padding-left:22px;padding-right:22px}
 .site-footer-contact{padding-top:32px;padding-bottom:31px}
 .site-footer-contact>a{font-size:28px}
 .site-footer-contact>div{gap:17px;margin-top:23px}
 .site-footer-contact>div a,.site-footer-contact>div button{font-size:12px}
 .site-footer-lower{min-height:250px;padding-top:25px;padding-bottom:34px}
 .site-footer-info{flex-wrap:wrap;gap:13px 21px;padding-bottom:25px}
 .site-footer-info button{font-size:12px}
 .site-footer-socials{gap:24px;margin-top:27px}
 .site-footer-copy{margin-top:27px!important;font-size:11px!important}
}

/* One PC workspace motion for the header and every home section.
   The drawer changes only this shared offset; internal home geometry stays identical. */
@media(min-width:761px){
@scope (:root) to (.site-workspace){
 body:has(#home-view:not([hidden])){
  --unified-canvas-width:min(1280px,100vw);
  --unified-canvas-left:max(0px,calc((100vw - 1280px)/2));
  --unified-drawer-overlap:0px;
  --unified-workspace-shift:0px;
 }
body.viewport-resizing:has(#home-view:not([hidden])) .app-shell{
  transition:none!important;
 }}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 body:has(#home-view:not([hidden])){
  --unified-canvas-width:min(1280px,100vw);
  --unified-canvas-left:max(0px,calc((100vw - 1280px)/2));
  --unified-drawer-overlap:0px;
  --unified-workspace-shift:0px;
 }
body.viewport-resizing:has(#home-view:not([hidden])) .app-shell{
  transition:none!important;
 }}}
@container siteWorkspace (min-width:761px){
 body:has(#home-view:not([hidden])){
  --unified-canvas-width:min(1280px,100cqw);
  --unified-canvas-left:max(0px,calc((100cqw - 1280px)/2));
  --unified-drawer-overlap:0px;
  --unified-workspace-shift:0px;
 }
body.viewport-resizing:has(#home-view:not([hidden])) .app-shell{
  transition:none!important;
 }
}

/* Keep the hero's compact-PC crop identical when the drawer opens.
   Only .app-shell may move; opening the drawer must not recalculate the hero itself. */

/* Explore uses the same single workspace motion as Home. The surrounding UI
   stays rigid; only the vehicle grid consumes the remaining visible width and
   reflows fixed-width cards onto the next row. */
@media(min-width:761px){
@scope (:root) to (.site-workspace){
 body:has(#explore-view:not([hidden])){
  --explore-canvas-width:min(1280px,100vw);
  --explore-canvas-left:max(0px,calc((100vw - 1280px)/2));
  --explore-drawer-overlap:0px;
  --explore-workspace-shift:0px;
 }
body.viewport-resizing:has(#explore-view:not([hidden])) .app-shell{
  transition:none!important;
 }}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 body:has(#explore-view:not([hidden])){
  --explore-canvas-width:min(1280px,100vw);
  --explore-canvas-left:max(0px,calc((100vw - 1280px)/2));
  --explore-drawer-overlap:0px;
  --explore-workspace-shift:0px;
 }
body.viewport-resizing:has(#explore-view:not([hidden])) .app-shell{
  transition:none!important;
 }}}
@container siteWorkspace (min-width:761px){
 body:has(#explore-view:not([hidden])){
  --explore-canvas-width:min(1280px,100cqw);
  --explore-canvas-left:max(0px,calc((100cqw - 1280px)/2));
  --explore-drawer-overlap:0px;
  --explore-workspace-shift:0px;
 }
body.viewport-resizing:has(#explore-view:not([hidden])) .app-shell{
  transition:none!important;
 }
}

/* Desktop showroom: carry the sticky bar surface to both viewport edges. */
@media(min-width:761px){
@scope (:root) to (.site-workspace){
 #explore-view .showroom-toolbar{isolation:isolate;background:transparent;border-bottom:0}
 #explore-view .showroom-toolbar:before{content:'';position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:rgba(255,255,255,.98);border-bottom:1px solid #e4e9ee;box-shadow:0 3px 10px rgba(30,42,54,.025);pointer-events:none}}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 #explore-view .showroom-toolbar{isolation:isolate;background:transparent;border-bottom:0}
 #explore-view .showroom-toolbar:before{content:'';position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:rgba(255,255,255,.98);border-bottom:1px solid #e4e9ee;box-shadow:0 3px 10px rgba(30,42,54,.025);pointer-events:none}}}
@container siteWorkspace (min-width:761px){
 #explore-view .showroom-toolbar{isolation:isolate;background:transparent;border-bottom:0}
 #explore-view .showroom-toolbar:before{content:'';position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100cqw;transform:translateX(-50%);background:rgba(255,255,255,.98);border-bottom:1px solid #e4e9ee;box-shadow:0 3px 10px rgba(30,42,54,.025);pointer-events:none}
}

/* Center a complete four-card row only while the content canvas can hold it. */
@container siteWorkspace (min-width:1160px){
 #explore-cars .showroom-grid{justify-content:center!important}
}

@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 .app-shell main{padding-bottom:0!important}
 .main-footer.site-footer{padding-bottom:calc(80px + env(safe-area-inset-bottom))!important}
 main:has(#saved-view:not([hidden]))>.garage-help-and-reviews{display:flex!important;margin:38px 0 0!important;padding:0 16px}
 .main-footer.site-footer .site-footer-contact{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:20px;
  row-gap:5px;
  padding:23px 22px!important;
 }
 .main-footer.site-footer .site-footer-contact>span{grid-column:1;grid-row:1;margin:0;font-size:12px}
 .main-footer.site-footer .site-footer-contact>a{grid-column:1;grid-row:2;font-size:27px}
 .main-footer.site-footer .site-footer-contact>div{grid-column:2;grid-row:1/3;display:grid;gap:9px;margin:0}
 .main-footer.site-footer .site-footer-contact>div a,
 .main-footer.site-footer .site-footer-contact>div button{min-height:24px;padding:2px 0;font-size:13px;text-align:left;white-space:nowrap}
 .main-footer.site-footer .site-footer-contact>div i{display:none}
 .main-footer.site-footer .site-footer-lower{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  column-gap:16px;
  min-height:0!important;
  padding:18px 22px 16px!important;
 }
 .main-footer.site-footer .site-footer-info{
  grid-column:1/-1;
  display:grid!important;
  grid-template-columns:repeat(2,max-content);
  justify-content:start;
  gap:12px 24px!important;
  padding-bottom:18px!important;
 }
 .main-footer.site-footer .site-footer-info button{font-size:13px;font-weight:550;text-align:left}
 .main-footer.site-footer .site-footer-socials{grid-column:1;grid-row:2;gap:20px;margin:15px 0 0!important}
 .main-footer.site-footer .site-footer-socials a{width:24px;height:24px}
 .main-footer.site-footer .site-footer-socials svg{width:20px;height:20px}
 .main-footer.site-footer .site-footer-copy{grid-column:2;grid-row:2;align-self:center;margin:15px 0 0!important;font-size:10px!important;white-space:nowrap}}}
}

@container siteWorkspace (max-width:760px){
 .app-shell main{padding-bottom:0!important}
 .main-footer.site-footer{padding-bottom:calc(80px + env(safe-area-inset-bottom))!important}
 main:has(#saved-view:not([hidden]))>.garage-help-and-reviews{display:flex!important;margin:38px 0 0!important;padding:0 16px}
 .main-footer.site-footer .site-footer-contact{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:20px;
  row-gap:5px;
  padding:23px 22px!important;
 }
 .main-footer.site-footer .site-footer-contact>span{grid-column:1;grid-row:1;margin:0;font-size:12px}
 .main-footer.site-footer .site-footer-contact>a{grid-column:1;grid-row:2;font-size:27px}
 .main-footer.site-footer .site-footer-contact>div{grid-column:2;grid-row:1/3;display:grid;gap:9px;margin:0}
 .main-footer.site-footer .site-footer-contact>div a,
 .main-footer.site-footer .site-footer-contact>div button{min-height:24px;padding:2px 0;font-size:13px;text-align:left;white-space:nowrap}
 .main-footer.site-footer .site-footer-contact>div i{display:none}
 .main-footer.site-footer .site-footer-lower{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  column-gap:16px;
  min-height:0!important;
  padding:18px 22px 16px!important;
 }
 .main-footer.site-footer .site-footer-info{
  grid-column:1/-1;
  display:grid!important;
  grid-template-columns:repeat(2,max-content);
  justify-content:start;
  gap:12px 24px!important;
  padding-bottom:18px!important;
 }
 .main-footer.site-footer .site-footer-info button{font-size:13px;font-weight:550;text-align:left}
 .main-footer.site-footer .site-footer-socials{grid-column:1;grid-row:2;gap:20px;margin:15px 0 0!important}
 .main-footer.site-footer .site-footer-socials a{width:24px;height:24px}
 .main-footer.site-footer .site-footer-socials svg{width:20px;height:20px}
 .main-footer.site-footer .site-footer-copy{grid-column:2;grid-row:2;align-self:center;margin:15px 0 0!important;font-size:10px!important;white-space:nowrap}
}


/* Final desktop compact footer override. */
@media(min-width:761px){
@scope (:root) to (.site-workspace){
 .main-footer.site-footer .site-footer-contact{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:54px;row-gap:6px;padding-top:28px!important;padding-bottom:28px!important}
 .main-footer.site-footer .site-footer-contact>span{grid-column:1;grid-row:1;margin:0!important}
 .main-footer.site-footer .site-footer-contact>a{grid-column:1;grid-row:2;font-size:29px}
 .main-footer.site-footer .site-footer-contact>div{grid-column:2;grid-row:1/3;margin:0!important;gap:25px}
 .main-footer.site-footer .site-footer-contact>div a,.main-footer.site-footer .site-footer-contact>div button{font-size:14px}
 .main-footer.site-footer .site-footer-lower{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:40px;min-height:0!important;padding-top:24px!important;padding-bottom:25px!important}
 .main-footer.site-footer .site-footer-info{grid-column:1;grid-row:1;padding:0!important;border:0!important}
 .main-footer.site-footer .site-footer-socials{grid-column:2;grid-row:1/3;margin:0!important}
 .main-footer.site-footer .site-footer-copy{grid-column:1;grid-row:2;margin:18px 0 0!important}}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 .main-footer.site-footer .site-footer-contact{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:54px;row-gap:6px;padding-top:28px!important;padding-bottom:28px!important}
 .main-footer.site-footer .site-footer-contact>span{grid-column:1;grid-row:1;margin:0!important}
 .main-footer.site-footer .site-footer-contact>a{grid-column:1;grid-row:2;font-size:29px}
 .main-footer.site-footer .site-footer-contact>div{grid-column:2;grid-row:1/3;margin:0!important;gap:25px}
 .main-footer.site-footer .site-footer-contact>div a,.main-footer.site-footer .site-footer-contact>div button{font-size:14px}
 .main-footer.site-footer .site-footer-lower{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:40px;min-height:0!important;padding-top:24px!important;padding-bottom:25px!important}
 .main-footer.site-footer .site-footer-info{grid-column:1;grid-row:1;padding:0!important;border:0!important}
 .main-footer.site-footer .site-footer-socials{grid-column:2;grid-row:1/3;margin:0!important}
 .main-footer.site-footer .site-footer-copy{grid-column:1;grid-row:2;margin:18px 0 0!important}}}
@container siteWorkspace (min-width:761px){
 .main-footer.site-footer .site-footer-contact{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:54px;row-gap:6px;padding-top:28px!important;padding-bottom:28px!important}
 .main-footer.site-footer .site-footer-contact>span{grid-column:1;grid-row:1;margin:0!important}
 .main-footer.site-footer .site-footer-contact>a{grid-column:1;grid-row:2;font-size:29px}
 .main-footer.site-footer .site-footer-contact>div{grid-column:2;grid-row:1/3;margin:0!important;gap:25px}
 .main-footer.site-footer .site-footer-contact>div a,.main-footer.site-footer .site-footer-contact>div button{font-size:14px}
 .main-footer.site-footer .site-footer-lower{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:40px;min-height:0!important;padding-top:24px!important;padding-bottom:25px!important}
 .main-footer.site-footer .site-footer-info{grid-column:1;grid-row:1;padding:0!important;border:0!important}
 .main-footer.site-footer .site-footer-socials{grid-column:2;grid-row:1/3;margin:0!important}
 .main-footer.site-footer .site-footer-copy{grid-column:1;grid-row:2;margin:18px 0 0!important}
}

/* Active guide concept: layered navy without pale accent surfaces. */
.home-help-and-reviews .home-help-v2{position:relative;padding:14px;border:1px solid #344858;background:linear-gradient(145deg,#253543 0%,#2b3d4c 54%,#22313e 100%);color:#fff;box-shadow:0 14px 32px rgba(28,41,53,.13);overflow:hidden}
.home-help-and-reviews .home-help-v2:before{content:"";position:absolute;top:0;left:28px;width:54px;height:3px;border-radius:0 0 4px 4px;background:#ef6543}
.home-help-and-reviews .home-help-title{position:relative;padding:20px 17px 17px;border:0;border-radius:0;background:transparent;color:#fff;box-shadow:none}
.home-help-and-reviews .home-help-title .home-section-label{color:#f0785a}
.home-help-and-reviews .home-help-title p{color:#aebac4}
.home-help-and-reviews .home-help-v2 button{position:relative;min-height:76px;padding:14px 16px;border:1px solid rgba(219,228,235,.1);background:rgba(255,255,255,.065);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:transform .2s ease,background .2s ease,border-color .2s ease}
.home-help-and-reviews .home-help-v2 button+button{background:rgba(15,27,38,.13)}
.home-help-and-reviews .home-help-v2 button:hover{transform:translateY(-2px);border-color:rgba(239,101,67,.34);background:rgba(255,255,255,.1);box-shadow:none}
.home-help-and-reviews .home-help-v2 button>span{border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.07);color:#f0785a}
.home-help-and-reviews .home-help-v2 button small{color:#aeb9c3}
.home-help-and-reviews .home-help-v2 button i{color:#f0785a}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){.home-help-and-reviews .home-help-v2{padding:12px}.home-help-and-reviews .home-help-title{padding:19px 15px 15px}}}}
@container siteWorkspace (max-width:760px){.home-help-and-reviews .home-help-v2{padding:12px}.home-help-and-reviews .home-help-title{padding:19px 15px 15px}}

/* Home rail finish: seamless desktop masks and a slightly smaller mobile card tier. */
@media(min-width:761px){
@scope (:root) to (.site-workspace){
 #home-view .home-popular-stage:before,
 #home-view .home-popular-stage:after{background:#f6f7f9!important}}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 #home-view .home-popular-stage:before,
 #home-view .home-popular-stage:after{background:#f6f7f9!important}}}
@container siteWorkspace (min-width:761px){
 #home-view .home-popular-stage:before,
 #home-view .home-popular-stage:after{background:#f6f7f9!important}
}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 #home-view .home-popular-row,#home-view #home-recent-cars{grid-auto-columns:min(calc(100vw - 76px),264px)!important}
 #home-view .home-popular-row>.car-card,#home-view #home-recent-cars>.car-card{width:264px!important;min-width:0!important;padding-left:10px!important;padding-right:10px!important}
 #home-view .home-popular-row .car-visual,#home-view #home-recent-cars .car-visual{height:140px!important;margin-bottom:9px!important}
 #home-view .home-popular-row .car-visual img,#home-view #home-recent-cars .car-visual img{max-width:242px!important}
 #home-view .home-popular-row .car-title,#home-view #home-recent-cars .car-title{font-size:17px!important}
 #home-view .home-popular-row .card-main,#home-view #home-recent-cars .card-main{padding-top:26px!important}}}
}
@container siteWorkspace (max-width:760px){
 #home-view .home-popular-row,#home-view #home-recent-cars{grid-auto-columns:min(calc(100cqw - 76px),264px)!important}
 #home-view .home-popular-row>.car-card,#home-view #home-recent-cars>.car-card{width:264px!important;min-width:0!important;padding-left:10px!important;padding-right:10px!important}
 #home-view .home-popular-row .car-visual,#home-view #home-recent-cars .car-visual{height:140px!important;margin-bottom:9px!important}
 #home-view .home-popular-row .car-visual img,#home-view #home-recent-cars .car-visual img{max-width:242px!important}
 #home-view .home-popular-row .car-title,#home-view #home-recent-cars .car-title{font-size:17px!important}
 #home-view .home-popular-row .card-main,#home-view #home-recent-cars .card-main{padding-top:26px!important}
}

/* Guide concept C: quiet app-style service cards, aligned with the home car-card palette. */
.home-help-and-reviews .home-help-v2{
 position:relative;
 padding:18px;
 border:1px solid #e6eaee;
 background:#f6f7f9;
 color:#273442;
 box-shadow:none;
 overflow:hidden;
}
.home-help-and-reviews .home-help-v2:before{
 top:24px;
 left:0;
 width:3px;
 height:48px;
 border-radius:0 4px 4px 0;
 background:#ef5734;
}
.home-help-and-reviews .home-help-title{
 position:relative;
 padding:13px 16px 19px;
 border:0;
 border-radius:0;
 background:transparent;
 color:#273442;
 box-shadow:none;
}
.home-help-and-reviews .home-help-title h2{font-size:24px;line-height:1.25}
.home-help-and-reviews .home-help-title .home-section-label{color:#ef5734}
.home-help-and-reviews .home-help-title p{color:#7d8994}
.home-help-and-reviews .home-help-v2 button{
 min-height:78px;
 padding:15px 17px;
 border:1px solid #e6e9ec;
 border-radius:15px;
 background:#fff;
 color:#273442;
 box-shadow:0 5px 16px rgba(38,51,64,.045);
 transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.home-help-and-reviews .home-help-v2 button+button{background:#fff}
.home-help-and-reviews .home-help-v2 button:hover{
 transform:translateY(-2px);
 border-color:#d9dee3;
 background:#fff;
 box-shadow:0 10px 22px rgba(38,51,64,.08);
}
.home-help-and-reviews .home-help-v2 button>span{
 border:0;
 background:#273442;
 color:#fff;
 box-shadow:none;
}
.home-help-and-reviews .home-help-v2 button small{color:#8a959f}
.home-help-and-reviews .home-help-v2 button i{color:#ef5734;font-size:18px}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 .home-help-and-reviews .home-help-v2{padding:15px;border-radius:20px}
 .home-help-and-reviews .home-help-v2:before{top:22px;height:42px}
 .home-help-and-reviews .home-help-title{padding:12px 13px 17px}
 .home-help-and-reviews .home-help-title h2{font-size:21px}
 .home-help-and-reviews .home-help-v2 button{min-height:70px;padding:13px 14px}}}
}
@container siteWorkspace (max-width:760px){
 .home-help-and-reviews .home-help-v2{padding:15px;border-radius:20px}
 .home-help-and-reviews .home-help-v2:before{top:22px;height:42px}
 .home-help-and-reviews .home-help-title{padding:12px 13px 17px}
 .home-help-and-reviews .home-help-title h2{font-size:21px}
 .home-help-and-reviews .home-help-v2 button{min-height:70px;padding:13px 14px}
}

/* Guide concept C.1: restore the original navy shell while keeping the cleaner white actions. */
.home-help-and-reviews .home-help-v2{
 border-color:#344858;
 background:linear-gradient(145deg,#253543 0%,#2b3d4c 54%,#22313e 100%);
 color:#fff;
 box-shadow:0 14px 32px rgba(28,41,53,.13);
}
.home-help-and-reviews .home-help-title{color:#fff}
.home-help-and-reviews .home-help-title h2{color:#fff}
.home-help-and-reviews .home-help-title p{color:rgba(255,255,255,.72)}

/* Mobile density pass: shorter campaign art, smaller home cards, and a clean detail close control. */
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 #home-view .home-hero-v2{
  height:180px!important;
  min-height:180px!important;
  max-height:180px!important;
  padding:13px 24px 9px!important;
  background-image:linear-gradient(180deg,rgba(24,30,38,.12) 0%,rgba(24,30,38,0) 48%,rgba(24,30,38,.1) 100%),url('home-hero-user-mobile-v10-optimized.jpg')!important;
  background-size:100% 100%,auto 145px!important;
  background-position:center,150px bottom!important;
 }
 #home-view .home-hero-copy h1{max-width:155px!important;font-size:20px!important;line-height:1.1!important}
 #home-view .home-hero-copy>p{max-width:150px!important;margin-top:6px!important;font-size:7px!important;line-height:1.4!important}
 #home-view .home-kicker{margin-bottom:5px!important;font-size:7px!important}
 #home-view .home-popular-row,#home-view #home-recent-cars{grid-auto-columns:min(calc(100vw - 92px),244px)!important}
 #home-view .home-popular-row>.car-card,#home-view #home-recent-cars>.car-card{width:244px!important;padding-left:9px!important;padding-right:9px!important}
 #home-view .home-popular-row .car-visual,#home-view #home-recent-cars .car-visual{height:126px!important;margin-bottom:7px!important}
 #home-view .home-popular-row .car-visual img,#home-view #home-recent-cars .car-visual img{max-width:220px!important}
 #home-view .home-popular-row .car-title,#home-view #home-recent-cars .car-title{font-size:16px!important}
 #home-view .home-popular-row .card-main,#home-view #home-recent-cars .card-main{padding-top:24px!important}
 #detail-dialog .dialog-head>[data-close],
 #detail-dialog .dialog-head>[data-close]:focus,
 #detail-dialog .dialog-head>[data-close]:focus-visible{
  outline:0!important;
  outline-offset:0!important;
  box-shadow:none!important;
  -webkit-tap-highlight-color:transparent!important;
 }}}
}
@container siteWorkspace (max-width:760px){
 #home-view .home-hero-v2{
  height:180px!important;
  min-height:180px!important;
  max-height:180px!important;
  padding:13px 24px 9px!important;
  background-image:linear-gradient(180deg,rgba(24,30,38,.12) 0%,rgba(24,30,38,0) 48%,rgba(24,30,38,.1) 100%),url('home-hero-user-mobile-v10-optimized.jpg')!important;
  background-size:100% 100%,auto 145px!important;
  background-position:center,150px bottom!important;
 }
 #home-view .home-hero-copy h1{max-width:155px!important;font-size:20px!important;line-height:1.1!important}
 #home-view .home-hero-copy>p{max-width:150px!important;margin-top:6px!important;font-size:7px!important;line-height:1.4!important}
 #home-view .home-kicker{margin-bottom:5px!important;font-size:7px!important}
 #home-view .home-popular-row,#home-view #home-recent-cars{grid-auto-columns:min(calc(100cqw - 92px),244px)!important}
 #home-view .home-popular-row>.car-card,#home-view #home-recent-cars>.car-card{width:244px!important;padding-left:9px!important;padding-right:9px!important}
 #home-view .home-popular-row .car-visual,#home-view #home-recent-cars .car-visual{height:126px!important;margin-bottom:7px!important}
 #home-view .home-popular-row .car-visual img,#home-view #home-recent-cars .car-visual img{max-width:220px!important}
 #home-view .home-popular-row .car-title,#home-view #home-recent-cars .car-title{font-size:16px!important}
 #home-view .home-popular-row .card-main,#home-view #home-recent-cars .card-main{padding-top:24px!important}
 #detail-dialog .dialog-head>[data-close],
 #detail-dialog .dialog-head>[data-close]:focus,
 #detail-dialog .dialog-head>[data-close]:focus-visible{
  outline:0!important;
  outline-offset:0!important;
  box-shadow:none!important;
  -webkit-tap-highlight-color:transparent!important;
 }
}

/* Keep the home-card amount and its unit together on one baseline. */
#home-cars .price-row strong,
#home-recent-cars .price-row strong{align-items:baseline!important;flex-wrap:nowrap!important}
#home-cars .price-row .price-value,
#home-recent-cars .price-row .price-value{display:inline-flex!important;align-items:baseline!important;flex-wrap:nowrap!important;white-space:nowrap!important}
#home-cars .price-row .price-unit,
#home-recent-cars .price-row .price-unit{display:inline!important;flex:0 0 auto!important;margin-left:4px!important;color:#7b8793!important;font-size:10px!important;font-weight:500!important;line-height:1!important;white-space:nowrap!important}

/* Home membership conversion actions. */
.home-member-actions .home-action-symbol svg{width:20px;height:20px;fill:currentColor;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.home-member-actions .home-action-kakao{background:#fee500;color:#191919;box-shadow:0 10px 22px rgba(77,63,0,.18)}
.home-member-actions .home-action-kakao>span{background:rgba(25,25,25,.09);color:#191919}
.home-member-actions .home-action-kakao small{color:#5c5200;font-weight:650}
.home-member-actions .home-action-guest{background:#fff;color:#263441}
.home-member-actions .home-action-guest>span{background:#eef2f5;color:#40505e}
.home-member-actions .home-action-guest small{color:#7c8994}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 #home-view .home-member-actions b{font-size:10px!important}
 #home-view .home-member-actions small{font-size:7px!important;letter-spacing:-.04em}
 #home-view .home-member-actions .home-action-symbol svg{width:16px;height:16px}}}
}
@container siteWorkspace (max-width:760px){
 #home-view .home-member-actions b{font-size:10px!important}
 #home-view .home-member-actions small{font-size:7px!important;letter-spacing:-.04em}
 #home-view .home-member-actions .home-action-symbol svg{width:16px;height:16px}
}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 #home-view .home-hero-v2{margin-bottom:96px!important}
 #home-view .home-member-actions{height:70px!important}
 #home-view .home-member-actions button{min-height:70px!important;padding:8px 7px!important;grid-template-columns:30px minmax(0,1fr) 9px!important;column-gap:6px!important}
 #home-view .home-member-actions button>span{width:30px!important;height:30px!important}
 #home-view .home-member-actions b{font-size:10px!important;line-height:1.15!important}
 #home-view .home-member-actions small{display:block!important;font-size:7px!important;line-height:1.2!important;white-space:normal!important}}}
}
@container siteWorkspace (max-width:760px){
 #home-view .home-hero-v2{margin-bottom:96px!important}
 #home-view .home-member-actions{height:70px!important}
 #home-view .home-member-actions button{min-height:70px!important;padding:8px 7px!important;grid-template-columns:30px minmax(0,1fr) 9px!important;column-gap:6px!important}
 #home-view .home-member-actions button>span{width:30px!important;height:30px!important}
 #home-view .home-member-actions b{font-size:10px!important;line-height:1.15!important}
 #home-view .home-member-actions small{display:block!important;font-size:7px!important;line-height:1.2!important;white-space:normal!important}
}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 #home-view .home-member-actions button{position:relative!important;grid-template-columns:28px minmax(0,1fr)!important;grid-template-rows:32px 14px!important;column-gap:6px!important;row-gap:1px!important}
 #home-view .home-member-actions button>span{grid-column:1!important;grid-row:1!important;width:28px!important;height:28px!important}
 #home-view .home-member-actions b{grid-column:2!important;grid-row:1!important;padding-right:8px!important}
 #home-view .home-member-actions small{grid-column:1/-1!important;grid-row:2!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}
 #home-view .home-member-actions button i{position:absolute!important;right:6px!important;top:17px!important;font-size:12px!important}}}
}
@container siteWorkspace (max-width:760px){
 #home-view .home-member-actions button{position:relative!important;grid-template-columns:28px minmax(0,1fr)!important;grid-template-rows:32px 14px!important;column-gap:6px!important;row-gap:1px!important}
 #home-view .home-member-actions button>span{grid-column:1!important;grid-row:1!important;width:28px!important;height:28px!important}
 #home-view .home-member-actions b{grid-column:2!important;grid-row:1!important;padding-right:8px!important}
 #home-view .home-member-actions small{grid-column:1/-1!important;grid-row:2!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}
 #home-view .home-member-actions button i{position:absolute!important;right:6px!important;top:17px!important;font-size:12px!important}
}

/* Focused Kakao member-benefit campaign: one clear offer in the Hicarz visual system. */
#home-view .home-member-actions{display:block!important;width:590px!important;max-width:590px!important}
#home-view .home-member-banner{
 position:relative!important;display:grid!important;grid-template-columns:46px minmax(0,1fr) auto!important;grid-template-rows:1fr!important;align-items:center!important;gap:13px!important;width:100%!important;min-height:78px!important;padding:12px 14px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:17px!important;background:linear-gradient(120deg,#202d39 0%,#293947 64%,#22313d 100%)!important;color:#fff!important;text-align:left!important;box-shadow:0 12px 28px rgba(45,25,19,.22)!important
}
#home-view .home-member-banner:before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:#ef5734}
#home-view .home-member-banner:after{content:'';position:absolute;right:95px;top:-65px;width:150px;height:150px;border:30px solid rgba(255,255,255,.035);border-radius:50%;pointer-events:none}
#home-view .home-member-kakao{position:static!important;grid-column:1!important;grid-row:1!important;display:grid!important;place-items:center!important;width:46px!important;height:46px!important;border-radius:15px!important;background:#fee500!important;color:#191919!important;box-shadow:0 6px 14px rgba(0,0,0,.12)!important}
#home-view .home-member-kakao svg{width:23px;height:23px;fill:currentColor;stroke:none}
#home-view .home-member-copy{grid-column:2!important;grid-row:1!important;display:flex!important;flex-direction:column!important;min-width:0!important;gap:5px!important}
#home-view .home-member-copy small{display:block!important;margin:0!important;color:#f3b4a5!important;font-size:9px!important;font-weight:800!important;line-height:1!important;letter-spacing:.13em!important;white-space:nowrap!important}
#home-view .home-member-copy b{display:block!important;margin:0!important;padding:0!important;color:#fff!important;font-size:15px!important;font-weight:720!important;line-height:1.25!important;letter-spacing:-.04em!important;white-space:nowrap!important}
#home-view .home-member-copy em{color:#ffd84a;font-style:normal;font-weight:850}
#home-view .home-member-cta{position:relative!important;grid-column:3!important;grid-row:1!important;display:flex!important;align-items:center!important;gap:9px!important;min-height:38px!important;padding:0 12px!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:11px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;font-size:10px!important;font-weight:700!important;white-space:nowrap!important;z-index:1!important}
#home-view .home-member-cta i{position:static!important;font-size:15px!important;font-style:normal!important}
@media(hover:hover){#home-view .home-member-banner:hover{transform:translateY(-2px);background:linear-gradient(120deg,#243440 0%,#304453 64%,#263844 100%)!important}}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 #home-view .home-member-actions{width:auto!important;max-width:none!important;height:70px!important}
 #home-view .home-member-banner{grid-template-columns:36px minmax(0,1fr) 28px!important;grid-template-rows:1fr!important;gap:9px!important;min-height:70px!important;height:70px!important;padding:9px 10px!important;border-radius:15px!important}
 #home-view .home-member-kakao{grid-column:1!important;grid-row:1!important;width:36px!important;height:36px!important;border-radius:12px!important}
 #home-view .home-member-kakao svg{width:19px;height:19px}
 #home-view .home-member-copy{grid-column:2!important;grid-row:1!important;gap:4px!important}
 #home-view .home-member-copy small{grid-column:auto!important;grid-row:auto!important;font-size:6px!important;letter-spacing:.1em!important}
 #home-view .home-member-copy b{grid-column:auto!important;grid-row:auto!important;padding:0!important;font-size:10px!important;line-height:1.35!important;white-space:normal!important;word-break:keep-all!important}
 #home-view .home-member-cta{grid-column:3!important;grid-row:1!important;width:28px!important;min-width:28px!important;min-height:28px!important;height:28px!important;padding:0!important;justify-content:center!important;border-radius:9px!important;font-size:0!important}
 #home-view .home-member-cta i{position:static!important;font-size:14px!important}}}
}
@container siteWorkspace (max-width:760px){
 #home-view .home-member-actions{width:auto!important;max-width:none!important;height:70px!important}
 #home-view .home-member-banner{grid-template-columns:36px minmax(0,1fr) 28px!important;grid-template-rows:1fr!important;gap:9px!important;min-height:70px!important;height:70px!important;padding:9px 10px!important;border-radius:15px!important}
 #home-view .home-member-kakao{grid-column:1!important;grid-row:1!important;width:36px!important;height:36px!important;border-radius:12px!important}
 #home-view .home-member-kakao svg{width:19px;height:19px}
 #home-view .home-member-copy{grid-column:2!important;grid-row:1!important;gap:4px!important}
 #home-view .home-member-copy small{grid-column:auto!important;grid-row:auto!important;font-size:6px!important;letter-spacing:.1em!important}
 #home-view .home-member-copy b{grid-column:auto!important;grid-row:auto!important;padding:0!important;font-size:10px!important;line-height:1.35!important;white-space:normal!important;word-break:keep-all!important}
 #home-view .home-member-cta{grid-column:3!important;grid-row:1!important;width:28px!important;min-width:28px!important;min-height:28px!important;height:28px!important;padding:0!important;justify-content:center!important;border-radius:9px!important;font-size:0!important}
 #home-view .home-member-cta i{position:static!important;font-size:14px!important}
}
#home-view .home-member-banner>.home-member-copy{position:static!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:inherit!important;box-shadow:none!important;place-items:initial!important}
#home-view .home-member-banner>.home-member-cta{width:auto!important;height:auto!important}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 #home-view .home-member-banner>.home-member-copy{width:auto!important;height:auto!important}
 #home-view .home-member-banner>.home-member-cta{width:28px!important;height:28px!important}}}
}
@container siteWorkspace (max-width:760px){
 #home-view .home-member-banner>.home-member-copy{width:auto!important;height:auto!important}
 #home-view .home-member-banner>.home-member-cta{width:28px!important;height:28px!important}
}
/* Specificity shield against the legacy two-action layout. */
#home-view .home-hero-actions.home-member-actions{display:block!important;grid-template-columns:1fr!important}
#home-view .home-hero-actions .home-member-banner{display:grid!important;grid-template-columns:46px minmax(0,1fr) auto!important;grid-template-rows:1fr!important;width:100%!important;min-width:0!important;max-width:none!important}
#home-view .home-hero-actions .home-member-banner>.home-member-kakao{grid-column:1!important;grid-row:1!important;width:46px!important;height:46px!important}
#home-view .home-hero-actions .home-member-banner>.home-member-copy{grid-column:2!important;grid-row:1!important;width:auto!important;height:auto!important}
#home-view .home-hero-actions .home-member-banner>.home-member-copy small{grid-column:auto!important;grid-row:auto!important}
#home-view .home-hero-actions .home-member-banner>.home-member-copy b{grid-column:auto!important;grid-row:auto!important}
#home-view .home-hero-actions .home-member-banner>.home-member-cta{grid-column:3!important;grid-row:1!important;width:auto!important;height:auto!important}
#home-view .home-hero-actions .home-member-banner>.home-member-cta i{grid-column:auto!important;grid-row:auto!important}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 #home-view .home-hero-actions .home-member-banner{grid-template-columns:36px minmax(0,1fr) 28px!important;grid-template-rows:1fr!important;width:100%!important;min-width:0!important;max-width:none!important}
 #home-view .home-hero-actions .home-member-banner>.home-member-kakao{grid-column:1!important;grid-row:1!important;width:36px!important;height:36px!important}
 #home-view .home-hero-actions .home-member-banner>.home-member-copy{grid-column:2!important;grid-row:1!important;width:auto!important;height:auto!important}
 #home-view .home-hero-actions .home-member-banner>.home-member-cta{grid-column:3!important;grid-row:1!important;width:28px!important;height:28px!important}}}
}
@container siteWorkspace (max-width:760px){
 #home-view .home-hero-actions .home-member-banner{grid-template-columns:36px minmax(0,1fr) 28px!important;grid-template-rows:1fr!important;width:100%!important;min-width:0!important;max-width:none!important}
 #home-view .home-hero-actions .home-member-banner>.home-member-kakao{grid-column:1!important;grid-row:1!important;width:36px!important;height:36px!important}
 #home-view .home-hero-actions .home-member-banner>.home-member-copy{grid-column:2!important;grid-row:1!important;width:auto!important;height:auto!important}
 #home-view .home-hero-actions .home-member-banner>.home-member-cta{grid-column:3!important;grid-row:1!important;width:28px!important;height:28px!important}
}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 #home-view .home-hero-actions .home-member-banner>.home-member-copy b{font-size:11px!important;line-height:1.25!important;white-space:normal!important}}}
}
@container siteWorkspace (max-width:760px){
 #home-view .home-hero-actions .home-member-banner>.home-member-copy b{font-size:11px!important;line-height:1.25!important;white-space:normal!important}
}

/* Creative ticket concept: bright, quiet, benefit-first. */
#home-view .home-hero-actions .home-member-ticket{
 grid-template-columns:46px minmax(0,1fr) 132px 38px!important;
 grid-template-rows:1fr!important;
 gap:12px!important;
 min-height:78px!important;
 padding:10px 12px!important;
 overflow:hidden!important;
 border:1px solid #f0ddd2!important;
 border-radius:18px!important;
 background:linear-gradient(112deg,#fffdfa 0%,#fff8f1 58%,#fff0e3 100%)!important;
 color:#27333e!important;
 box-shadow:0 10px 25px rgba(102,55,34,.12)!important;
}
#home-view .home-hero-actions .home-member-ticket:before{content:''!important;position:absolute!important;left:0!important;top:15px!important;bottom:15px!important;width:3px!important;border-radius:0 3px 3px 0!important;background:#ef5734!important}
#home-view .home-hero-actions .home-member-ticket:after{content:''!important;position:absolute!important;right:50px!important;top:0!important;bottom:0!important;width:1px!important;height:auto!important;border:0!important;border-left:1px dashed rgba(211,109,77,.24)!important;border-radius:0!important;background:none!important;pointer-events:none!important}
#home-view .home-hero-actions .home-member-ticket>.home-member-kakao{grid-column:1!important;grid-row:1!important;width:46px!important;height:46px!important;border-radius:16px!important;background:#fee500!important;color:#191919!important;box-shadow:0 5px 13px rgba(103,86,0,.14)!important}
#home-view .home-hero-actions .home-member-ticket>.home-member-copy{grid-column:2!important;grid-row:1!important;gap:5px!important}
#home-view .home-hero-actions .home-member-ticket>.home-member-copy small{color:#e25a38!important;font-size:9px!important;font-weight:800!important;letter-spacing:.05em!important}
#home-view .home-hero-actions .home-member-ticket>.home-member-copy b{color:#27333e!important;font-size:14px!important;font-weight:760!important;line-height:1.25!important;letter-spacing:-.045em!important;white-space:nowrap!important}
#home-view .home-hero-actions .home-member-ticket>.home-member-reward{grid-column:3!important;grid-row:1!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:center!important;gap:3px!important;min-width:0!important;padding-right:2px!important;text-align:right!important}
#home-view .home-hero-actions .home-member-ticket>.home-member-reward small{display:block!important;color:#8b7c73!important;font-size:9px!important;font-weight:600!important;line-height:1!important;white-space:nowrap!important}
#home-view .home-hero-actions .home-member-ticket>.home-member-reward strong{display:block!important;color:#4a3b34!important;font-size:13px!important;font-weight:700!important;line-height:1.15!important;white-space:nowrap!important}
#home-view .home-hero-actions .home-member-ticket>.home-member-reward em{color:#ed542f!important;font-size:21px!important;font-style:normal!important;font-weight:880!important;letter-spacing:-.055em!important}
#home-view .home-hero-actions .home-member-ticket>.home-member-cta{grid-column:4!important;grid-row:1!important;display:grid!important;place-items:center!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#273440!important;color:#fff!important;box-shadow:0 6px 13px rgba(39,52,64,.18)!important}
#home-view .home-hero-actions .home-member-ticket>.home-member-cta i{font-size:15px!important}
@media(hover:hover){#home-view .home-hero-actions .home-member-ticket:hover{transform:translateY(-2px);border-color:#ebc9b8!important;background:linear-gradient(112deg,#fff 0%,#fff7ef 58%,#ffeadb 100%)!important}}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 #home-view .home-hero-actions .home-member-ticket{grid-template-columns:36px minmax(0,1fr) 76px 28px!important;gap:7px!important;height:70px!important;min-height:70px!important;padding:8px 8px!important;border-radius:15px!important}
 #home-view .home-hero-actions .home-member-ticket:after{right:40px!important}
 #home-view .home-hero-actions .home-member-ticket>.home-member-kakao{width:36px!important;height:36px!important;border-radius:12px!important}
 #home-view .home-hero-actions .home-member-ticket>.home-member-copy{gap:3px!important}
 #home-view .home-hero-actions .home-member-ticket>.home-member-copy small{font-size:7px!important;letter-spacing:0!important}
 #home-view .home-hero-actions .home-member-ticket>.home-member-copy b{font-size:10px!important;line-height:1.25!important;white-space:normal!important;word-break:keep-all!important}
 #home-view .home-hero-actions .home-member-ticket>.home-member-reward{grid-column:3!important;grid-row:1!important;padding:0!important}
 #home-view .home-hero-actions .home-member-ticket>.home-member-reward small{grid-column:auto!important;grid-row:auto!important;font-size:6px!important}
 #home-view .home-hero-actions .home-member-ticket>.home-member-reward strong{font-size:7px!important}
 #home-view .home-hero-actions .home-member-ticket>.home-member-reward em{font-size:15px!important}
 #home-view .home-hero-actions .home-member-ticket>.home-member-cta{grid-column:4!important;grid-row:1!important;width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important}
 #home-view .home-hero-actions .home-member-ticket>.home-member-cta i{font-size:12px!important}}}
}
@container siteWorkspace (max-width:760px){
 #home-view .home-hero-actions .home-member-ticket{grid-template-columns:36px minmax(0,1fr) 76px 28px!important;gap:7px!important;height:70px!important;min-height:70px!important;padding:8px 8px!important;border-radius:15px!important}
 #home-view .home-hero-actions .home-member-ticket:after{right:40px!important}
 #home-view .home-hero-actions .home-member-ticket>.home-member-kakao{width:36px!important;height:36px!important;border-radius:12px!important}
 #home-view .home-hero-actions .home-member-ticket>.home-member-copy{gap:3px!important}
 #home-view .home-hero-actions .home-member-ticket>.home-member-copy small{font-size:7px!important;letter-spacing:0!important}
 #home-view .home-hero-actions .home-member-ticket>.home-member-copy b{font-size:10px!important;line-height:1.25!important;white-space:normal!important;word-break:keep-all!important}
 #home-view .home-hero-actions .home-member-ticket>.home-member-reward{grid-column:3!important;grid-row:1!important;padding:0!important}
 #home-view .home-hero-actions .home-member-ticket>.home-member-reward small{grid-column:auto!important;grid-row:auto!important;font-size:6px!important}
 #home-view .home-hero-actions .home-member-ticket>.home-member-reward strong{font-size:7px!important}
 #home-view .home-hero-actions .home-member-ticket>.home-member-reward em{font-size:15px!important}
 #home-view .home-hero-actions .home-member-ticket>.home-member-cta{grid-column:4!important;grid-row:1!important;width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important}
 #home-view .home-hero-actions .home-member-ticket>.home-member-cta i{font-size:12px!important}
}

/* Ticket cleanup: right-aligned benefit, no arrow control or orange rail. */
#home-view .home-hero-actions .home-member-ticket{grid-template-columns:46px minmax(0,1fr) 142px!important;padding-right:16px!important}
#home-view .home-hero-actions .home-member-ticket:before{display:none!important;content:none!important}
#home-view .home-hero-actions .home-member-ticket:after{right:154px!important}
#home-view .home-hero-actions .home-member-ticket>.home-member-reward{grid-column:3!important;justify-self:end!important;padding-right:0!important}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 #home-view .home-hero-actions .home-member-ticket{grid-template-columns:36px minmax(0,1fr) 82px!important;padding-right:10px!important}
 #home-view .home-hero-actions .home-member-ticket:after{right:91px!important}
 #home-view .home-hero-actions .home-member-ticket>.home-member-reward{grid-column:3!important;justify-self:end!important}}}
}
@container siteWorkspace (max-width:760px){
 #home-view .home-hero-actions .home-member-ticket{grid-template-columns:36px minmax(0,1fr) 82px!important;padding-right:10px!important}
 #home-view .home-hero-actions .home-member-ticket:after{right:91px!important}
 #home-view .home-hero-actions .home-member-ticket>.home-member-reward{grid-column:3!important;justify-self:end!important}
}

/* Member ticket surface v2: solid fill, no divider or outline, shadow only. */
#home-view .home-hero-actions .home-member-ticket{
 border:0!important;
 background:#fffaf5!important;
 box-shadow:0 10px 26px rgba(73,48,36,.14)!important;
}
#home-view .home-hero-actions .home-member-ticket:after{display:none!important;content:none!important}
@media(hover:hover){
 #home-view .home-hero-actions .home-member-ticket:hover{
  border:0!important;
  background:#fffaf5!important;
  box-shadow:0 14px 30px rgba(73,48,36,.17)!important;
 }
}

/* Improve member-ticket readability and reserve room for the full benefit phrase. */
#home-view .home-hero-actions .home-member-ticket{grid-template-columns:46px minmax(0,1fr) 158px!important}
#home-view .home-hero-actions .home-member-ticket>.home-member-copy small{font-size:10px!important}
#home-view .home-hero-actions .home-member-ticket>.home-member-copy b{font-size:15px!important}
#home-view .home-hero-actions .home-member-ticket>.home-member-reward small{font-size:10px!important}
#home-view .home-hero-actions .home-member-ticket>.home-member-reward strong{font-size:14px!important}
#home-view .home-hero-actions .home-member-ticket>.home-member-reward em{font-size:22px!important}
@media(min-width:761px){
@scope (:root) to (.site-workspace){
 #home-view .home-member-actions,#home-view .home-hero-actions.home-member-actions{width:535px!important;min-width:535px!important;max-width:535px!important}}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 #home-view .home-member-actions,#home-view .home-hero-actions.home-member-actions{width:535px!important;min-width:535px!important;max-width:535px!important}}}
@container siteWorkspace (min-width:761px){
 #home-view .home-member-actions,#home-view .home-hero-actions.home-member-actions{width:535px!important;min-width:535px!important;max-width:535px!important}
}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 #home-view .home-hero-actions .home-member-ticket{grid-template-columns:36px minmax(0,1fr) 96px!important;gap:8px!important}
 #home-view .home-hero-actions .home-member-ticket>.home-member-copy small{font-size:8px!important}
 #home-view .home-hero-actions .home-member-ticket>.home-member-copy b{font-size:11px!important;line-height:1.3!important}
 #home-view .home-hero-actions .home-member-ticket>.home-member-reward small{font-size:8px!important}
 #home-view .home-hero-actions .home-member-ticket>.home-member-reward strong{font-size:9px!important}
 #home-view .home-hero-actions .home-member-ticket>.home-member-reward em{font-size:16px!important}
 #home-view .home-hero-actions .home-member-ticket>.home-member-reward{padding-right:6px!important}}}
}
@container siteWorkspace (max-width:760px){
 #home-view .home-hero-actions .home-member-ticket{grid-template-columns:36px minmax(0,1fr) 96px!important;gap:8px!important}
 #home-view .home-hero-actions .home-member-ticket>.home-member-copy small{font-size:8px!important}
 #home-view .home-hero-actions .home-member-ticket>.home-member-copy b{font-size:11px!important;line-height:1.3!important}
 #home-view .home-hero-actions .home-member-ticket>.home-member-reward small{font-size:8px!important}
 #home-view .home-hero-actions .home-member-ticket>.home-member-reward strong{font-size:9px!important}
 #home-view .home-hero-actions .home-member-ticket>.home-member-reward em{font-size:16px!important}
 #home-view .home-hero-actions .home-member-ticket>.home-member-reward{padding-right:6px!important}
}

/* Frequently asked questions below the process guide. */
.home-faq{width:100%;padding:32px 0 6px}
.home-faq>h2{margin:0 0 20px;color:#202a34;font-size:24px;letter-spacing:-.045em}
.home-faq-list{border-top:1px solid #edf0f2}
.home-faq-list button{display:grid;grid-template-columns:24px minmax(0,1fr) 24px;align-items:center;gap:10px;width:100%;min-height:68px;padding:0 4px;border:0;border-bottom:1px solid #edf0f2;background:transparent;color:#26323d;text-align:left}
.home-faq-list button b{color:#ef5834;font-size:16px}
.home-faq-list button span{font-size:15px;font-weight:700;letter-spacing:-.025em}
.home-faq-list button i{color:#b4bcc3;font-size:25px;font-style:normal;font-weight:300;text-align:center;transition:transform .2s ease,color .2s ease}
.home-faq-list button:hover i{transform:translateX(3px);color:#ef5834}
#faq-dialog{position:fixed;inset:0 0 0 auto;width:min(520px,100vw);max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#fff;color:#273440;box-shadow:-18px 0 50px rgba(18,28,38,.16);transform:translateX(100%)}
#faq-dialog[open]{display:block;animation:faq-panel-in .32s cubic-bezier(.22,.78,.22,1) both}
#faq-dialog::backdrop{background:rgba(22,30,38,.35);animation:garage-condition-backdrop-in .24s ease-out both}
#faq-dialog .dialog-head{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0;padding:26px 28px 20px;border-bottom:1px solid #edf0f2;background:#fff}
#faq-dialog .dialog-head .eyebrow{display:block;margin-bottom:7px;color:#ef5834;font-size:9px;font-weight:800;letter-spacing:.15em}
#faq-dialog .dialog-head h2{max-width:390px;margin:0;color:#222e39;font-size:22px;line-height:1.35;letter-spacing:-.04em}
#faq-dialog .dialog-head>button{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:#f0f3f5;color:#6e7a85;font-size:22px}
#faq-content{padding:28px}
.faq-answer{display:grid;gap:16px}
.faq-answer p{margin:0;padding:17px 18px;border-radius:14px;background:#f5f7f8;color:#596672;font-size:13px;line-height:1.75;letter-spacing:-.015em}
.faq-answer strong{color:#273440}
@keyframes faq-panel-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
@keyframes faq-sheet-in{from{transform:translateY(100%)}to{transform:translateY(0)}}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){.home-faq{padding:24px 0 2px}.home-faq>h2{margin-bottom:13px;font-size:21px}.home-faq-list button{grid-template-columns:21px minmax(0,1fr) 20px;min-height:61px;padding:0 1px;gap:8px}.home-faq-list button b{font-size:14px}.home-faq-list button span{font-size:13px}.home-faq-list button i{font-size:22px}#faq-dialog{inset:auto 0 0;width:100vw;height:auto;max-height:min(78dvh,720px);border-radius:22px 22px 0 0;box-shadow:0 -18px 50px rgba(18,28,38,.18);transform:translateY(100%);overflow:auto}#faq-dialog[open]{animation-name:faq-sheet-in}#faq-dialog .dialog-head{padding:20px 20px 16px;border-radius:22px 22px 0 0}#faq-dialog .dialog-head h2{font-size:19px}#faq-content{padding:20px}.faq-answer p{padding:15px;font-size:12px}}}}
@container siteWorkspace (max-width:760px){.home-faq{padding:24px 0 2px}.home-faq>h2{margin-bottom:13px;font-size:21px}.home-faq-list button{grid-template-columns:21px minmax(0,1fr) 20px;min-height:61px;padding:0 1px;gap:8px}.home-faq-list button b{font-size:14px}.home-faq-list button span{font-size:13px}.home-faq-list button i{font-size:22px}#faq-dialog{inset:auto 0 0;width:100vw;height:auto;max-height:min(78dvh,720px);border-radius:22px 22px 0 0;box-shadow:0 -18px 50px rgba(18,28,38,.18);transform:translateY(100%);overflow:auto}#faq-dialog[open]{animation-name:faq-sheet-in}#faq-dialog .dialog-head{padding:20px 20px 16px;border-radius:22px 22px 0 0}#faq-dialog .dialog-head h2{font-size:19px}#faq-content{padding:20px}.faq-answer p{padding:15px;font-size:12px}}

/* FAQ accordion and compact disclosure. */
.home-faq-list>[data-faq]:nth-of-type(n+4){display:none}
.home-faq.is-expanded .home-faq-list>[data-faq]{display:grid}
.faq-more-toggle{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:48px;margin-top:12px;border:0;border-radius:13px;background:#f4f6f7;color:#586570;font-size:12px;font-weight:750}
.faq-more-toggle i{font-size:16px;font-style:normal;transition:transform .22s ease}
.faq-more-toggle[aria-expanded="true"] i{transform:rotate(180deg)}
.home-faq-list [data-faq] i{transform:rotate(90deg)}
.home-faq-list [data-faq]:hover i{transform:rotate(90deg);color:#ef5834}
.home-faq-list [data-faq].is-open i{transform:rotate(-90deg);color:#b4bcc3}
.faq-inline-answer{display:grid;gap:8px;padding:4px 0 18px;animation:faq-answer-down .25s ease both}
.faq-inline-answer p{margin:0;padding:15px 18px;border-radius:12px;background:#f5f7f8;color:#596672;font-size:12px;line-height:1.72}
.faq-inline-answer strong{color:#273440}
@keyframes faq-answer-down{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}

/* Warm graphite connects the orange campaign color with the site's dark typography. */
.process-guide-bar{border-color:transparent;background:#303234;color:#fff;box-shadow:0 14px 32px rgba(40,35,32,.16)}
.process-guide-bar:hover{box-shadow:0 18px 38px rgba(40,35,32,.22)}
.process-guide-icon{background:#fff;color:#ef5834;box-shadow:0 7px 18px rgba(10,12,14,.18)}
.process-guide-icon .icon{stroke-width:1.8}
.process-guide-copy strong{color:#fff}
.process-guide-copy small{color:#d4d1ce}
.process-guide-bar>i{color:#ef795e}
@media(min-width:761px){
@scope (:root) to (.site-workspace){
 #faq-dialog{display:none}
 .home-faq-list button.is-open{border-bottom-color:transparent}
 .faq-inline-answer{gap:4px;padding:0 34px 22px 56px;border-bottom:1px solid #edf0f2}
 .faq-inline-answer p{padding:0;border-radius:0;background:transparent;color:#7b858e;font-size:13px;line-height:1.72;letter-spacing:-.018em}}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 #faq-dialog{display:none}
 .home-faq-list button.is-open{border-bottom-color:transparent}
 .faq-inline-answer{gap:4px;padding:0 34px 22px 56px;border-bottom:1px solid #edf0f2}
 .faq-inline-answer p{padding:0;border-radius:0;background:transparent;color:#7b858e;font-size:13px;line-height:1.72;letter-spacing:-.018em}}}
@container siteWorkspace (min-width:761px){
 #faq-dialog{display:none}
 .home-faq-list button.is-open{border-bottom-color:transparent}
 .faq-inline-answer{gap:4px;padding:0 34px 22px 56px;border-bottom:1px solid #edf0f2}
 .faq-inline-answer p{padding:0;border-radius:0;background:transparent;color:#7b858e;font-size:13px;line-height:1.72;letter-spacing:-.018em}
}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 .faq-more-toggle{min-height:44px;margin-top:10px}
 .faq-inline-answer{display:none}
 #faq-dialog{box-sizing:border-box}
 #faq-content{box-sizing:border-box;width:100%;padding:20px 34px 20px 20px}
 #faq-content .faq-answer{box-sizing:border-box;width:100%;min-width:0}
 #faq-content .faq-answer p{box-sizing:border-box;width:100%;min-width:0}}}
}
@container siteWorkspace (max-width:760px){
 .faq-more-toggle{min-height:44px;margin-top:10px}
 .faq-inline-answer{display:none}
 #faq-dialog{box-sizing:border-box}
 #faq-content{box-sizing:border-box;width:100%;padding:20px 34px 20px 20px}
 #faq-content .faq-answer{box-sizing:border-box;width:100%;min-width:0}
 #faq-content .faq-answer p{box-sizing:border-box;width:100%;min-width:0}
}

/* Finance partners fill the pause between the catalogue and recent cars. */
.capital-partners{box-sizing:border-box;width:100cqw;margin:-50px calc(50% - 50cqw) 12px;padding:18px 0 18px;overflow:hidden;background:#fff}
.capital-partners-heading{display:flex;align-items:flex-end;gap:15px;width:min(1224px,calc(100% - 48px));margin:0 auto 22px;color:#7a858f}
.capital-partners-heading strong{color:#202b35;font-size:28px;font-weight:800;line-height:1.08;letter-spacing:-.05em}
.capital-partners-heading p{margin:0 0 2px;font-size:13px;font-weight:500;letter-spacing:-.025em}
.capital-marquee{position:relative;width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.capital-marquee-track{display:flex;align-items:center;gap:34px;width:max-content;padding:4px 24px;animation:capital-marquee 70s linear infinite;will-change:transform}
.capital-logo{display:grid;place-items:center;flex:0 0 174px;height:58px;padding:8px 14px;box-sizing:border-box;border-radius:15px;background:#fff;box-shadow:0 7px 22px rgba(25,38,49,.065)}
.capital-logo img{display:block;width:100%;height:100%;object-fit:contain}
@keyframes capital-marquee{to{transform:translateX(-50%)}}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 .capital-partners{margin:-34px -18px 8px;width:calc(100% + 36px);padding:16px 0 18px}
 .capital-partners-heading{display:block;width:calc(100% - 36px);margin-bottom:18px}
 .capital-partners-heading strong{display:block;font-size:23px;line-height:1.15}
 .capital-partners-heading p{margin:7px 0 0;font-size:12px;line-height:1.45}
 .capital-marquee-track{gap:18px;padding:3px 18px;animation-duration:58s}
 .capital-logo{flex-basis:142px;height:50px;padding:8px 12px;border-radius:13px;box-shadow:0 5px 17px rgba(25,38,49,.06)}}}
}
@container siteWorkspace (max-width:760px){
 .capital-partners{margin:-34px -18px 8px;width:calc(100% + 36px);padding:16px 0 18px}
 .capital-partners-heading{display:block;width:calc(100% - 36px);margin-bottom:18px}
 .capital-partners-heading strong{display:block;font-size:23px;line-height:1.15}
 .capital-partners-heading p{margin:7px 0 0;font-size:12px;line-height:1.45}
 .capital-marquee-track{gap:18px;padding:3px 18px;animation-duration:58s}
 .capital-logo{flex-basis:142px;height:50px;padding:8px 12px;border-radius:13px;box-shadow:0 5px 17px rgba(25,38,49,.06)}
}
@media(prefers-reduced-motion:reduce){.capital-marquee-track{animation-play-state:paused}}

/* Full-width review rail: aligned heading, edge-to-edge moving photos. */
.home-reviews.flow-reviews{
 box-sizing:border-box;
 width:100cqw!important;
 max-width:none!important;
 margin-left:calc(50% - 50cqw)!important;
 margin-right:calc(50% - 50cqw)!important;
}
.home-reviews .review-section-head{
 box-sizing:border-box;
 width:min(1224px,calc(100% - 48px));
 margin-left:auto;
 margin-right:auto;
}
.home-reviews .flow-reviews-scroll{
 box-sizing:border-box;
 width:100%;
 padding-left:max(24px,calc((100cqw - 1224px)/2));
 padding-right:24px;
}
/* The prior yellow-brown shadow read as orange on small screens. */
#home-view .home-hero-actions .home-member-ticket>.home-member-kakao{box-shadow:0 5px 13px rgba(25,25,25,.14)!important}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 .home-reviews.flow-reviews{width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}
 .home-reviews .review-section-head{width:calc(100% - 36px)}
 .home-reviews .flow-reviews-scroll{padding-left:18px;padding-right:18px}}}
}
@container siteWorkspace (max-width:760px){
 .home-reviews.flow-reviews{width:100cqw!important;margin-left:calc(50% - 50cqw)!important;margin-right:calc(50% - 50cqw)!important}
 .home-reviews .review-section-head{width:calc(100% - 36px)}
 .home-reviews .flow-reviews-scroll{padding-left:18px;padding-right:18px}
}

/* Desktop catalogue controls sit inside the first and last visible cards. */
@media(min-width:761px){
@scope (:root) to (.site-workspace){
 body:has(#home-view:not([hidden])) #home-view .home-row-arrow{
  top:50%!important;
  width:42px!important;
  height:42px!important;
  border:1px solid rgba(211,218,224,.92)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.94)!important;
  color:#36434e!important;
  box-shadow:0 8px 22px rgba(26,38,49,.16)!important;
  backdrop-filter:blur(8px);
  transition:opacity .18s ease,transform .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-row-arrow:before{width:16px!important;height:16px!important;flex-basis:16px!important;-webkit-mask-size:16px 16px!important;mask-size:16px 16px!important}
 body:has(#home-view:not([hidden])) #home-view .home-row-arrow.prev{left:14px!important;transform:translateY(-50%)!important}
 body:has(#home-view:not([hidden])) #home-view .home-row-arrow.next{right:14px!important;transform:translateY(-50%)!important}
 body:has(#home-view:not([hidden])) #home-view .home-popular-stage:not(.has-left-overflow) .home-row-arrow.prev,
 body:has(#home-view:not([hidden])) #home-view .home-popular-stage.is-at-end .home-row-arrow.next{opacity:0!important;pointer-events:none!important}}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 body:has(#home-view:not([hidden])) #home-view .home-row-arrow{
  top:50%!important;
  width:42px!important;
  height:42px!important;
  border:1px solid rgba(211,218,224,.92)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.94)!important;
  color:#36434e!important;
  box-shadow:0 8px 22px rgba(26,38,49,.16)!important;
  backdrop-filter:blur(8px);
  transition:opacity .18s ease,transform .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-row-arrow:before{width:16px!important;height:16px!important;flex-basis:16px!important;-webkit-mask-size:16px 16px!important;mask-size:16px 16px!important}
 body:has(#home-view:not([hidden])) #home-view .home-row-arrow.prev{left:14px!important;transform:translateY(-50%)!important}
 body:has(#home-view:not([hidden])) #home-view .home-row-arrow.next{right:14px!important;transform:translateY(-50%)!important}
 body:has(#home-view:not([hidden])) #home-view .home-popular-stage:not(.has-left-overflow) .home-row-arrow.prev,
 body:has(#home-view:not([hidden])) #home-view .home-popular-stage.is-at-end .home-row-arrow.next{opacity:0!important;pointer-events:none!important}}}
@container siteWorkspace (min-width:761px){
 body:has(#home-view:not([hidden])) #home-view .home-row-arrow{
  top:50%!important;
  width:42px!important;
  height:42px!important;
  border:1px solid rgba(211,218,224,.92)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.94)!important;
  color:#36434e!important;
  box-shadow:0 8px 22px rgba(26,38,49,.16)!important;
  backdrop-filter:blur(8px);
  transition:opacity .18s ease,transform .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease!important;
 }
 body:has(#home-view:not([hidden])) #home-view .home-row-arrow:before{width:16px!important;height:16px!important;flex-basis:16px!important;-webkit-mask-size:16px 16px!important;mask-size:16px 16px!important}
 body:has(#home-view:not([hidden])) #home-view .home-row-arrow.prev{left:14px!important;transform:translateY(-50%)!important}
 body:has(#home-view:not([hidden])) #home-view .home-row-arrow.next{right:14px!important;transform:translateY(-50%)!important}
 body:has(#home-view:not([hidden])) #home-view .home-popular-stage:not(.has-left-overflow) .home-row-arrow.prev,
 body:has(#home-view:not([hidden])) #home-view .home-popular-stage.is-at-end .home-row-arrow.next{opacity:0!important;pointer-events:none!important}
}
@media(min-width:761px) and (hover:hover){
@scope (:root) to (.site-workspace){
 body:has(#home-view:not([hidden])) #home-view .home-row-arrow:hover{background:#ef5834!important;color:#fff!important;border-color:#ef5834!important;box-shadow:0 10px 24px rgba(239,88,52,.27)!important}
 body:has(#home-view:not([hidden])) #home-view .home-row-arrow.prev:hover,
 body:has(#home-view:not([hidden])) #home-view .home-row-arrow.next:hover{transform:translateY(-50%) scale(1.06)!important}}
}
@media (hover:hover){
@container siteWorkspace (min-width:761px){
 body:has(#home-view:not([hidden])) #home-view .home-row-arrow:hover{background:#ef5834!important;color:#fff!important;border-color:#ef5834!important;box-shadow:0 10px 24px rgba(239,88,52,.27)!important}
 body:has(#home-view:not([hidden])) #home-view .home-row-arrow.prev:hover,
 body:has(#home-view:not([hidden])) #home-view .home-row-arrow.next:hover{transform:translateY(-50%) scale(1.06)!important}
}}
/* Desktop header contact actions and single low-credit entry. */
@media (min-width:761px){
@scope (:root) to (.site-workspace){
 .top .desktop-contact-actions{display:flex;align-items:center;gap:7px;margin-left:auto;position:relative;z-index:45}
 .top .desktop-contact{height:40px;display:flex;align-items:center;gap:7px;padding:5px 11px 5px 6px;border-radius:13px;color:#34404c;background:#f4f6f7;box-shadow:0 5px 16px rgba(34,45,56,.06);white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease}
 .top .desktop-contact:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(34,45,56,.1)}
 .top .desktop-contact>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#fff;color:#e65331}
 .top .desktop-contact svg{width:17px;height:17px;display:block;fill:currentColor}
 .top .desktop-contact b{font-size:12px;line-height:1;font-weight:750;letter-spacing:-.02em}
 .top .desktop-contact.kakao>span{background:#fee500;color:#191919}
 .top .platform{margin-left:3px;padding:0;background:transparent;position:relative;z-index:45}
 .top .platform a{height:40px;display:flex;align-items:center;gap:7px;padding:0 14px;border-radius:13px;background:#252d38;color:#fff;font-size:12px;font-weight:750;white-space:nowrap;box-shadow:0 5px 16px rgba(37,45,56,.11)}
 .top .platform a span{font-size:14px;color:#ff7657}}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 .top .desktop-contact-actions{display:flex;align-items:center;gap:7px;margin-left:auto;position:relative;z-index:45}
 .top .desktop-contact{height:40px;display:flex;align-items:center;gap:7px;padding:5px 11px 5px 6px;border-radius:13px;color:#34404c;background:#f4f6f7;box-shadow:0 5px 16px rgba(34,45,56,.06);white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease}
 .top .desktop-contact:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(34,45,56,.1)}
 .top .desktop-contact>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#fff;color:#e65331}
 .top .desktop-contact svg{width:17px;height:17px;display:block;fill:currentColor}
 .top .desktop-contact b{font-size:12px;line-height:1;font-weight:750;letter-spacing:-.02em}
 .top .desktop-contact.kakao>span{background:#fee500;color:#191919}
 .top .platform{margin-left:3px;padding:0;background:transparent;position:relative;z-index:45}
 .top .platform a{height:40px;display:flex;align-items:center;gap:7px;padding:0 14px;border-radius:13px;background:#252d38;color:#fff;font-size:12px;font-weight:750;white-space:nowrap;box-shadow:0 5px 16px rgba(37,45,56,.11)}
 .top .platform a span{font-size:14px;color:#ff7657}}}
@container siteWorkspace (min-width:761px){
 .top .desktop-contact-actions{display:flex;align-items:center;gap:7px;margin-left:auto;position:relative;z-index:45}
 .top .desktop-contact{height:40px;display:flex;align-items:center;gap:7px;padding:5px 11px 5px 6px;border-radius:13px;color:#34404c;background:#f4f6f7;box-shadow:0 5px 16px rgba(34,45,56,.06);white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease}
 .top .desktop-contact:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(34,45,56,.1)}
 .top .desktop-contact>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#fff;color:#e65331}
 .top .desktop-contact svg{width:17px;height:17px;display:block;fill:currentColor}
 .top .desktop-contact b{font-size:12px;line-height:1;font-weight:750;letter-spacing:-.02em}
 .top .desktop-contact.kakao>span{background:#fee500;color:#191919}
 .top .platform{margin-left:3px;padding:0;background:transparent;position:relative;z-index:45}
 .top .platform a{height:40px;display:flex;align-items:center;gap:7px;padding:0 14px;border-radius:13px;background:#252d38;color:#fff;font-size:12px;font-weight:750;white-space:nowrap;box-shadow:0 5px 16px rgba(37,45,56,.11)}
 .top .platform a span{font-size:14px;color:#ff7657}
}

/* Dedicated surfaces avoid older pseudo-element layout rules. */
@media (min-width:761px){
@scope (:root) to (.site-workspace){
 .site-workspace .home-hero-viewport-surface,
 .site-workspace .home-ranking-viewport-surface{
  display:block!important;position:absolute!important;z-index:0!important;
  top:0!important;bottom:0!important;right:auto!important;
  left:var(--workspace-surface-left,calc(50% - 50vw))!important;
  width:var(--workspace-surface-width,100vw)!important;max-width:none!important;
  pointer-events:none!important
 }
 .site-workspace .home-hero-viewport-surface{background:inherit!important}
 .site-workspace .home-ranking-viewport-surface{background:#f6f7f9!important}
 .site-workspace .home-hero-v2>.home-hero-viewport-surface,
 .site-workspace .home-ranking>.home-ranking-viewport-surface{position:absolute!important;z-index:0!important}}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 .site-workspace .home-hero-viewport-surface,
 .site-workspace .home-ranking-viewport-surface{
  display:block!important;position:absolute!important;z-index:0!important;
  top:0!important;bottom:0!important;right:auto!important;
  left:var(--workspace-surface-left,calc(50% - 50vw))!important;
  width:var(--workspace-surface-width,100vw)!important;max-width:none!important;
  pointer-events:none!important
 }
 .site-workspace .home-hero-viewport-surface{background:inherit!important}
 .site-workspace .home-ranking-viewport-surface{background:#f6f7f9!important}
 .site-workspace .home-hero-v2>.home-hero-viewport-surface,
 .site-workspace .home-ranking>.home-ranking-viewport-surface{position:absolute!important;z-index:0!important}}}
@container siteWorkspace (min-width:761px){
 .site-workspace .home-hero-viewport-surface,
 .site-workspace .home-ranking-viewport-surface{
  display:block!important;position:absolute!important;z-index:0!important;
  top:0!important;bottom:0!important;right:auto!important;
  left:var(--workspace-surface-left,calc(50% - 50cqw))!important;
  width:var(--workspace-surface-width,100cqw)!important;max-width:none!important;
  pointer-events:none!important
 }
 .site-workspace .home-hero-viewport-surface{background:inherit!important}
 .site-workspace .home-ranking-viewport-surface{background:#f6f7f9!important}
 .site-workspace .home-hero-v2>.home-hero-viewport-surface,
 .site-workspace .home-ranking>.home-ranking-viewport-surface{position:absolute!important;z-index:0!important}
}
@media (min-width:761px) and (max-width:1120px){
@scope (:root) to (.site-workspace){
 .top .desktop-contact{padding-right:7px}
 .top .desktop-contact b{display:none}
 .top .desktop-contact>span{width:30px}
 .top .platform a{padding-left:11px;padding-right:11px}}
}
@container siteWorkspace (min-width:761px) and (max-width:1120px){
 .top .desktop-contact{padding-right:7px}
 .top .desktop-contact b{display:none}
 .top .desktop-contact>span{width:30px}
 .top .platform a{padding-left:11px;padding-right:11px}
}
@media (min-width:761px){
@scope (:root) to (.site-workspace){.top .platform-mobile{display:none!important}}}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){.top .platform-mobile{display:none!important}}}
@container siteWorkspace (min-width:761px){.top .platform-mobile{display:none!important}}
@media (max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){.desktop-contact-actions,.top .platform-desktop{display:none!important}}}}
@container siteWorkspace (max-width:760px){.desktop-contact-actions,.top .platform-desktop{display:none!important}}

/* Mobile home: the hero begins directly under the 60px logo bar. */
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 .preview-note{display:none!important}
 .top{position:sticky!important;top:0!important;display:flex!important;align-items:center!important;flex-wrap:nowrap!important;width:100%!important;height:60px!important;min-height:60px!important;padding:13px 20px!important}
 .top .top-brand-row{display:contents!important}
 .top .brand{display:flex!important;align-items:center!important;width:166px!important;height:34px!important}
 .top .official-logo{position:relative!important;display:block!important;width:166px!important;height:32px!important}
 .top .official-logo img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:left center!important;transform:none!important}
 body:has(#home-view:not([hidden])) .top{height:60px!important;min-height:60px!important;padding:60px 0 0!important}
 body:has(#home-view:not([hidden])) .top-brand-row{display:flex!important}}}
}
@container siteWorkspace (max-width:760px){
 .preview-note{display:none!important}
 .top{position:sticky!important;top:0!important;display:flex!important;align-items:center!important;flex-wrap:nowrap!important;width:100%!important;height:60px!important;min-height:60px!important;padding:13px 20px!important}
 .top .top-brand-row{display:contents!important}
 .top .brand{display:flex!important;align-items:center!important;width:166px!important;height:34px!important}
 .top .official-logo{position:relative!important;display:block!important;width:166px!important;height:32px!important}
 .top .official-logo img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:left center!important;transform:none!important}
 body:has(#home-view:not([hidden])) .top{height:60px!important;min-height:60px!important;padding:60px 0 0!important}
 body:has(#home-view:not([hidden])) .top-brand-row{display:flex!important}
}

/* Reviews: a quiet divider on every screen and natural clipping walls on desktop. */
.home-help-and-reviews{grid-template-columns:minmax(0,1fr)!important}
.home-reviews.flow-reviews{position:relative;border-top:0!important;padding-top:30px!important;padding-bottom:30px!important;background:#fafafa!important}
@media(min-width:761px){
@scope (:root) to (.site-workspace){
 .home-reviews.flow-reviews{
  width:min(1224px,calc(100vw - 48px))!important;
  max-width:1224px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  overflow:visible!important;
 }
 .home-reviews.flow-reviews:before{content:"";position:absolute;inset:0 auto 0 50%;width:100vw;background:#fafafa;transform:translateX(-50%);z-index:0}
 .home-reviews .review-section-head,.home-reviews .flow-reviews-scroll{position:relative;z-index:1}
 .home-reviews .review-section-head{width:100%;margin-left:0;margin-right:0}
 .home-reviews .flow-reviews-scroll{padding-left:0;padding-right:0}}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 .home-reviews.flow-reviews{
  width:min(1224px,calc(100vw - 48px))!important;
  max-width:1224px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  overflow:visible!important;
 }
 .home-reviews.flow-reviews:before{content:"";position:absolute;inset:0 auto 0 50%;width:100vw;background:#fafafa;transform:translateX(-50%);z-index:0}
 .home-reviews .review-section-head,.home-reviews .flow-reviews-scroll{position:relative;z-index:1}
 .home-reviews .review-section-head{width:100%;margin-left:0;margin-right:0}
 .home-reviews .flow-reviews-scroll{padding-left:0;padding-right:0}}}
@container siteWorkspace (min-width:761px){
 .home-reviews.flow-reviews{
  width:min(1224px,calc(100cqw - 48px))!important;
  max-width:1224px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  overflow:visible!important;
 }
 .home-reviews.flow-reviews:before{content:"";position:absolute;inset:0 auto 0 50%;width:100cqw;background:#fafafa;transform:translateX(-50%);z-index:0}
 .home-reviews .review-section-head,.home-reviews .flow-reviews-scroll{position:relative;z-index:1}
 .home-reviews .review-section-head{width:100%;margin-left:0;margin-right:0}
 .home-reviews .flow-reviews-scroll{padding-left:0;padding-right:0}
}
@media(max-width:760px){
@scope (html[data-device="mobile"]){
@scope (:root) to (.site-workspace){
 .home-reviews.flow-reviews{padding-top:26px!important;padding-bottom:26px!important}
 .home-reviews .flow-reviews-scroll{gap:16px!important;padding-left:18px!important;padding-right:18px!important;scroll-padding-left:18px!important}
 .home-reviews .flow-review-card{flex:0 0 min(78vw,300px)!important;width:min(78vw,300px)!important;max-width:none!important;height:auto!important;aspect-ratio:1/1!important;border-radius:18px!important}}}
}
@container siteWorkspace (max-width:760px){
 .home-reviews.flow-reviews{padding-top:26px!important;padding-bottom:26px!important}
 .home-reviews .flow-reviews-scroll{gap:16px!important;padding-left:18px!important;padding-right:18px!important;scroll-padding-left:18px!important}
 .home-reviews .flow-review-card{flex:0 0 min(78cqw,300px)!important;width:min(78cqw,300px)!important;max-width:none!important;height:auto!important;aspect-ratio:1/1!important;border-radius:18px!important}
}

/* Footer uses one continuous charcoal surface. */
.main-footer.site-footer .site-footer-lower{background:#303030!important;border-top-color:#454545!important}

/* Let the review surface meet the footer without a white band. */
main:has(#home-view:not([hidden])) .home-help-and-reviews{margin-bottom:0!important}
main:has(#home-view:not([hidden])) .main-footer.site-footer{margin-top:0!important}
main:has(#saved-view:not([hidden]))>.garage-help-and-reviews{margin-bottom:0!important}

/* The drawer simply reduces the desktop viewport. Every left-side region then
   follows the same responsive layout it uses when the browser itself narrows. */

/* Treat the area left of the drawer as an isolated browser viewport. */

/* The page to the left of the desktop detail drawer is its own viewport. */
@media (min-width:761px){
@scope (:root) to (.site-workspace){
 .site-workspace{
  --site-viewport-width:100%;
  container-name:siteWorkspace;
  container-type:inline-size;
  box-sizing:border-box;
  width:var(--site-viewport-width);
  min-width:0;
  max-width:100%;
  overflow-x:clip;
  transition:width .36s cubic-bezier(.22,.72,.24,1);
 }
 .site-workspace>.top,
 .site-workspace>.top-nav{
  box-sizing:border-box!important;left:0!important;right:auto!important;width:100%!important;
  min-width:0!important;max-width:100%!important;transform:none!important;
 }
 .site-workspace>.top-nav>div{
  box-sizing:border-box!important;width:min(1280px,100%)!important;min-width:0!important;
  max-width:100%!important;margin-inline:auto!important;
 }
 /* A drawer does not resize the page while the original 1280px canvas still
    fits before it. Only the genuinely colliding desktop range becomes a
    reduced viewport. */}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 .site-workspace{
  --site-viewport-width:100%;
  container-name:siteWorkspace;
  container-type:inline-size;
  box-sizing:border-box;
  width:var(--site-viewport-width);
  min-width:0;
  max-width:100%;
  overflow-x:clip;
  transition:width .36s cubic-bezier(.22,.72,.24,1);
 }
 .site-workspace>.top,
 .site-workspace>.top-nav{
  box-sizing:border-box!important;left:0!important;right:auto!important;width:100%!important;
  min-width:0!important;max-width:100%!important;transform:none!important;
 }
 .site-workspace>.top-nav>div{
  box-sizing:border-box!important;width:min(1280px,100%)!important;min-width:0!important;
  max-width:100%!important;margin-inline:auto!important;
 }
 /* A drawer does not resize the page while the original 1280px canvas still
    fits before it. Only the genuinely colliding desktop range becomes a
    reduced viewport. */}}
@container siteWorkspace (min-width:761px){
 .site-workspace{
  --site-viewport-width:100%;
  container-name:siteWorkspace;
  container-type:inline-size;
  box-sizing:border-box;
  width:var(--site-viewport-width);
  min-width:0;
  max-width:100%;
  overflow-x:clip;
  transition:width .36s cubic-bezier(.22,.72,.24,1);
 }
 .site-workspace>.top,
 .site-workspace>.top-nav{
  box-sizing:border-box!important;left:0!important;right:auto!important;width:100%!important;
  min-width:0!important;max-width:100%!important;transform:none!important;
 }
 .site-workspace>.top-nav>div{
  box-sizing:border-box!important;width:min(1280px,100%)!important;min-width:0!important;
  max-width:100%!important;margin-inline:auto!important;
 }
 /* A drawer does not resize the page while the original 1280px canvas still
    fits before it. Only the genuinely colliding desktop range becomes a
    reduced viewport. */
}

/* Keep the full header while the remaining workspace can hold it. Switch to
   the compact composition only when the left viewport would actually collide. */
@container siteWorkspace (max-width:1100px){
 .site-workspace .top .desktop-contact b{font-size:13px!important}
 .site-workspace .top-nav button{min-width:0!important}
 .site-workspace .showroom-toolbar{gap:12px!important}
 .site-workspace .showroom-nav{min-width:0!important;overflow-x:auto!important;scrollbar-width:none}
 .site-workspace .showroom-nav::-webkit-scrollbar{display:none}
 .site-workspace .showroom-conditions{flex:0 0 auto!important;margin-left:auto!important}
 .site-workspace #explore-cars .showroom-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@container siteWorkspace (max-width:860px){
 .site-workspace .top .desktop-contact-actions{gap:6px!important}
 .site-workspace .top .desktop-contact{padding-inline:10px!important}
 .site-workspace .top-nav button small{display:none!important}
 .site-workspace .explore-hero-copy{min-width:0!important}
 .site-workspace #explore-cars .showroom-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@container siteWorkspace (max-width:620px){
 .site-workspace .top .top-brand-row{display:none!important}
 .site-workspace .top .desktop-contact-actions{width:100%!important;justify-content:flex-start!important;margin-left:0!important}
 .site-workspace .top-nav>div{padding-inline:12px!important}
 .site-workspace .showroom-toolbar{padding-inline:14px!important}
 .site-workspace .showroom-conditions{display:none!important}
 .site-workspace #explore-cars .showroom-grid{grid-template-columns:minmax(0,1fr)!important}
}

/* Full-bleed section surfaces belong to the viewport, not to the centered
   content column. The workspace clips them cleanly at the drawer edge. */
@media (min-width:761px){
@scope (:root) to (.site-workspace){
 .site-workspace #explore-cars.showroom-groups{
  clip-path:inset(0 -100vmax)!important;
  box-shadow:0 0 0 100vmax #fafafa!important;
 }
 .site-workspace #home-view .home-ranking{
  clip-path:inset(0 -100vmax)!important;
  box-shadow:0 0 0 100vmax #f6f7f9!important;
 }}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 .site-workspace #explore-cars.showroom-groups{
  clip-path:inset(0 -100vmax)!important;
  box-shadow:0 0 0 100vmax #fafafa!important;
 }
 .site-workspace #home-view .home-ranking{
  clip-path:inset(0 -100vmax)!important;
  box-shadow:0 0 0 100vmax #f6f7f9!important;
 }}}
@container siteWorkspace (min-width:761px){
 .site-workspace #explore-cars.showroom-groups{
  clip-path:inset(0 -100vmax)!important;
  box-shadow:0 0 0 100vmax #fafafa!important;
 }
 .site-workspace #home-view .home-ranking{
  clip-path:inset(0 -100vmax)!important;
  box-shadow:0 0 0 100vmax #f6f7f9!important;
 }
}

/* The showroom toolbar shares the same centred canvas as the vehicle list.
   Opening a non-colliding drawer must not switch only this row to its compact
   drawer composition. */

/* Section colours belong to the usable viewport; headings and cards retain
   their centred content geometry when the detail drawer opens. */
@media (min-width:761px){
@scope (:root) to (.site-workspace){
 .site-workspace #home-view .home-hero-v2,
 .site-workspace #home-view .home-ranking,
 .site-workspace #explore-cars.showroom-groups{position:relative!important}
 .site-workspace #home-view .home-hero-v2{isolation:isolate!important}
 .site-workspace #home-view .home-hero-v2:after{
  content:""!important;display:block!important;position:absolute!important;
  z-index:0!important;top:0!important;bottom:0!important;
  left:var(--workspace-surface-left,calc(50% - 50vw))!important;
  width:var(--workspace-surface-width,100vw)!important;height:auto!important;
  border-radius:0!important;background:inherit!important;filter:none!important;pointer-events:none!important
 }
 .site-workspace #home-view .home-hero-v2>*{position:relative!important;z-index:1!important}
 .site-workspace #home-view .home-ranking{
  overflow:visible!important;background:transparent!important;clip-path:none!important;box-shadow:none!important
 }
 .site-workspace #home-view .home-ranking:before{
  content:""!important;display:block!important;position:absolute!important;
  z-index:0!important;top:0!important;bottom:0!important;right:auto!important;
  left:var(--workspace-surface-left,calc(50% - 50vw))!important;
  width:var(--workspace-surface-width,100vw)!important;background:#f6f7f9!important;pointer-events:none!important
 }
 .site-workspace #home-view .home-ranking>*{position:relative!important;z-index:1!important}
 .site-workspace #explore-cars.showroom-groups{
  background:transparent!important;clip-path:none!important;box-shadow:none!important
 }
 .site-workspace #explore-cars .showroom-list-surface{
  top:0!important;bottom:0!important;right:auto!important;
  left:var(--workspace-surface-left,calc(50% - 50vw))!important;
  width:var(--workspace-surface-width,100vw)!important;min-width:0!important;
  max-width:none!important;background:#f6f7f9!important;transform:none!important
 }}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 .site-workspace #home-view .home-hero-v2,
 .site-workspace #home-view .home-ranking,
 .site-workspace #explore-cars.showroom-groups{position:relative!important}
 .site-workspace #home-view .home-hero-v2{isolation:isolate!important}
 .site-workspace #home-view .home-hero-v2:after{
  content:""!important;display:block!important;position:absolute!important;
  z-index:0!important;top:0!important;bottom:0!important;
  left:var(--workspace-surface-left,calc(50% - 50vw))!important;
  width:var(--workspace-surface-width,100vw)!important;height:auto!important;
  border-radius:0!important;background:inherit!important;filter:none!important;pointer-events:none!important
 }
 .site-workspace #home-view .home-hero-v2>*{position:relative!important;z-index:1!important}
 .site-workspace #home-view .home-ranking{
  overflow:visible!important;background:transparent!important;clip-path:none!important;box-shadow:none!important
 }
 .site-workspace #home-view .home-ranking:before{
  content:""!important;display:block!important;position:absolute!important;
  z-index:0!important;top:0!important;bottom:0!important;right:auto!important;
  left:var(--workspace-surface-left,calc(50% - 50vw))!important;
  width:var(--workspace-surface-width,100vw)!important;background:#f6f7f9!important;pointer-events:none!important
 }
 .site-workspace #home-view .home-ranking>*{position:relative!important;z-index:1!important}
 .site-workspace #explore-cars.showroom-groups{
  background:transparent!important;clip-path:none!important;box-shadow:none!important
 }
 .site-workspace #explore-cars .showroom-list-surface{
  top:0!important;bottom:0!important;right:auto!important;
  left:var(--workspace-surface-left,calc(50% - 50vw))!important;
  width:var(--workspace-surface-width,100vw)!important;min-width:0!important;
  max-width:none!important;background:#f6f7f9!important;transform:none!important
 }}}
@container siteWorkspace (min-width:761px){
 .site-workspace #home-view .home-hero-v2,
 .site-workspace #home-view .home-ranking,
 .site-workspace #explore-cars.showroom-groups{position:relative!important}
 .site-workspace #home-view .home-hero-v2{isolation:isolate!important}
 .site-workspace #home-view .home-hero-v2:after{
  content:""!important;display:block!important;position:absolute!important;
  z-index:0!important;top:0!important;bottom:0!important;
  left:var(--workspace-surface-left,calc(50% - 50cqw))!important;
  width:var(--workspace-surface-width,100cqw)!important;height:auto!important;
  border-radius:0!important;background:inherit!important;filter:none!important;pointer-events:none!important
 }
 .site-workspace #home-view .home-hero-v2>*{position:relative!important;z-index:1!important}
 .site-workspace #home-view .home-ranking{
  overflow:visible!important;background:transparent!important;clip-path:none!important;box-shadow:none!important
 }
 .site-workspace #home-view .home-ranking:before{
  content:""!important;display:block!important;position:absolute!important;
  z-index:0!important;top:0!important;bottom:0!important;right:auto!important;
  left:var(--workspace-surface-left,calc(50% - 50cqw))!important;
  width:var(--workspace-surface-width,100cqw)!important;background:#f6f7f9!important;pointer-events:none!important
 }
 .site-workspace #home-view .home-ranking>*{position:relative!important;z-index:1!important}
 .site-workspace #explore-cars.showroom-groups{
  background:transparent!important;clip-path:none!important;box-shadow:none!important
 }
 .site-workspace #explore-cars .showroom-list-surface{
  top:0!important;bottom:0!important;right:auto!important;
  left:var(--workspace-surface-left,calc(50% - 50cqw))!important;
  width:var(--workspace-surface-width,100cqw)!important;min-width:0!important;
  max-width:none!important;background:#f6f7f9!important;transform:none!important
 }
}

/* Final full-bleed surface geometry (kept last to outrank legacy child rules). */
@media (min-width:761px){
@scope (:root) to (.site-workspace){
 body .site-workspace #home-view .home-hero-v2>span.home-hero-viewport-surface,
 body .site-workspace #home-view .home-ranking>span.home-ranking-viewport-surface{
  display:block!important;position:absolute!important;z-index:0!important;
  top:0!important;bottom:auto!important;right:auto!important;height:100%!important;
  left:var(--workspace-surface-left,calc(50% - 50vw))!important;
  width:var(--workspace-surface-width,100vw)!important;max-width:none!important;
  margin:0!important;padding:0!important;transform:none!important;pointer-events:none!important
 }
 body .site-workspace #home-view .home-hero-v2>span.home-hero-viewport-surface{background:inherit!important}
 body .site-workspace #home-view .home-ranking>span.home-ranking-viewport-surface{background:#f6f7f9!important}}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 body .site-workspace #home-view .home-hero-v2>span.home-hero-viewport-surface,
 body .site-workspace #home-view .home-ranking>span.home-ranking-viewport-surface{
  display:block!important;position:absolute!important;z-index:0!important;
  top:0!important;bottom:auto!important;right:auto!important;height:100%!important;
  left:var(--workspace-surface-left,calc(50% - 50vw))!important;
  width:var(--workspace-surface-width,100vw)!important;max-width:none!important;
  margin:0!important;padding:0!important;transform:none!important;pointer-events:none!important
 }
 body .site-workspace #home-view .home-hero-v2>span.home-hero-viewport-surface{background:inherit!important}
 body .site-workspace #home-view .home-ranking>span.home-ranking-viewport-surface{background:#f6f7f9!important}}}
@container siteWorkspace (min-width:761px){
 body .site-workspace #home-view .home-hero-v2>span.home-hero-viewport-surface,
 body .site-workspace #home-view .home-ranking>span.home-ranking-viewport-surface{
  display:block!important;position:absolute!important;z-index:0!important;
  top:0!important;bottom:auto!important;right:auto!important;height:100%!important;
  left:var(--workspace-surface-left,calc(50% - 50cqw))!important;
  width:var(--workspace-surface-width,100cqw)!important;max-width:none!important;
  margin:0!important;padding:0!important;transform:none!important;pointer-events:none!important
 }
 body .site-workspace #home-view .home-hero-v2>span.home-hero-viewport-surface{background:inherit!important}
 body .site-workspace #home-view .home-ranking>span.home-ranking-viewport-surface{background:#f6f7f9!important}
}
@media (min-width:761px){
@scope (:root) to (.site-workspace){
 body .site-workspace #explore-view #explore-cars.showroom-groups>span.showroom-list-surface{
  display:block!important;position:absolute!important;z-index:0!important;
  top:0!important;bottom:auto!important;right:auto!important;height:100%!important;
  left:var(--workspace-surface-left,calc(50% - 50vw))!important;
  width:var(--workspace-surface-width,100vw)!important;min-width:0!important;max-width:none!important;
  margin:0!important;padding:0!important;background:#f6f7f9!important;transform:none!important;pointer-events:none!important
 }}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 body .site-workspace #explore-view #explore-cars.showroom-groups>span.showroom-list-surface{
  display:block!important;position:absolute!important;z-index:0!important;
  top:0!important;bottom:auto!important;right:auto!important;height:100%!important;
  left:var(--workspace-surface-left,calc(50% - 50vw))!important;
  width:var(--workspace-surface-width,100vw)!important;min-width:0!important;max-width:none!important;
  margin:0!important;padding:0!important;background:#f6f7f9!important;transform:none!important;pointer-events:none!important
 }}}
@container siteWorkspace (min-width:761px){
 body .site-workspace #explore-view #explore-cars.showroom-groups>span.showroom-list-surface{
  display:block!important;position:absolute!important;z-index:0!important;
  top:0!important;bottom:auto!important;right:auto!important;height:100%!important;
  left:var(--workspace-surface-left,calc(50% - 50cqw))!important;
  width:var(--workspace-surface-width,100cqw)!important;min-width:0!important;max-width:none!important;
  margin:0!important;padding:0!important;background:#f6f7f9!important;transform:none!important;pointer-events:none!important
 }
}

/* Let full-bleed section surfaces escape the centred app canvas. The outer
   workspace remains the single clipping boundary at the drawer edge. */
@media (min-width:761px){
@scope (:root) to (.site-workspace){
 body .site-workspace>.app-shell{overflow:visible!important}}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 body .site-workspace>.app-shell{overflow:visible!important}}}
@container siteWorkspace (min-width:761px){
 body .site-workspace>.app-shell{overflow:visible!important}
}

/* Unified desktop header canvas.
   The logo, centre navigation and contact actions share the same horizontal
   geometry as the page content. Drawer state only changes the available
   workspace width; it never swaps to a separate header composition. */
@media (min-width:761px){
@scope (:root) to (.site-workspace){
 body .site-workspace{
  --header-canvas-max:1280px;
  --header-canvas-gutter:clamp(14px,2vw,24px)
 }
 body .site-workspace>.top,
 body .site-workspace>.top-nav{
  box-sizing:border-box!important;left:0!important;right:auto!important;
  width:100%!important;min-width:0!important;max-width:100%!important;
  margin:0!important;transform:none!important;transition:none!important
 }
 body .site-workspace>.top{
  display:flex!important;align-items:center!important;
  padding-left:max(var(--header-canvas-gutter),calc((100% - var(--header-canvas-max))/2 + var(--header-canvas-gutter)))!important;
  padding-right:max(var(--header-canvas-gutter),calc((100% - var(--header-canvas-max))/2 + var(--header-canvas-gutter)))!important
 }
 body .site-workspace>.top .top-brand-row{
  display:flex!important;position:static!important;inset:auto!important;
  flex:0 1 auto!important;align-items:center!important;margin:0!important;
  opacity:1!important;visibility:visible!important;transform:none!important;
  pointer-events:auto!important;transition:none!important
 }
 body .site-workspace>.top .brand{
  display:flex!important;opacity:1!important;visibility:visible!important;
  transform:none!important;transition:none!important
 }
 body .site-workspace>.top .official-logo{
  width:clamp(150px,17vw,220px)!important;max-width:220px!important
 }
 body .site-workspace>.top .desktop-contact-actions{
  display:flex!important;position:static!important;inset:auto!important;
  flex:0 1 auto!important;width:auto!important;min-width:0!important;
  justify-content:flex-end!important;gap:clamp(4px,.7vw,7px)!important;
  margin-left:auto!important;opacity:1!important;visibility:visible!important;
  transform:none!important;transition:none!important
 }
 body .site-workspace>.top .desktop-contact{
  min-width:0!important;padding:4px clamp(6px,.75vw,11px) 4px 5px!important;
  gap:clamp(4px,.55vw,7px)!important
 }
 body .site-workspace>.top .desktop-contact b{
  display:block!important;font-size:clamp(10px,.85vw,12px)!important;white-space:nowrap!important
 }
 body .site-workspace>.top-nav>div{
  box-sizing:border-box!important;width:min(var(--header-canvas-max),100%)!important;
  min-width:0!important;max-width:var(--header-canvas-max)!important;height:100%!important;
  margin-inline:auto!important;padding:0 var(--header-canvas-gutter)!important;
  display:flex!important;align-items:flex-end!important;justify-content:center!important;
  gap:clamp(8px,1.5vw,22px)!important;transform:translateY(14px)!important;
  transition:none!important
 }
 body .site-workspace>.top-nav button{
  flex:0 0 auto!important;min-width:0!important;width:auto!important;
  padding-inline:clamp(7px,1vw,14px)!important;transition:color .16s ease!important
 }}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 body .site-workspace{
  --header-canvas-max:1280px;
  --header-canvas-gutter:clamp(14px,2vw,24px)
 }
 body .site-workspace>.top,
 body .site-workspace>.top-nav{
  box-sizing:border-box!important;left:0!important;right:auto!important;
  width:100%!important;min-width:0!important;max-width:100%!important;
  margin:0!important;transform:none!important;transition:none!important
 }
 body .site-workspace>.top{
  display:flex!important;align-items:center!important;
  padding-left:max(var(--header-canvas-gutter),calc((100% - var(--header-canvas-max))/2 + var(--header-canvas-gutter)))!important;
  padding-right:max(var(--header-canvas-gutter),calc((100% - var(--header-canvas-max))/2 + var(--header-canvas-gutter)))!important
 }
 body .site-workspace>.top .top-brand-row{
  display:flex!important;position:static!important;inset:auto!important;
  flex:0 1 auto!important;align-items:center!important;margin:0!important;
  opacity:1!important;visibility:visible!important;transform:none!important;
  pointer-events:auto!important;transition:none!important
 }
 body .site-workspace>.top .brand{
  display:flex!important;opacity:1!important;visibility:visible!important;
  transform:none!important;transition:none!important
 }
 body .site-workspace>.top .official-logo{
  width:clamp(150px,17vw,220px)!important;max-width:220px!important
 }
 body .site-workspace>.top .desktop-contact-actions{
  display:flex!important;position:static!important;inset:auto!important;
  flex:0 1 auto!important;width:auto!important;min-width:0!important;
  justify-content:flex-end!important;gap:clamp(4px,.7vw,7px)!important;
  margin-left:auto!important;opacity:1!important;visibility:visible!important;
  transform:none!important;transition:none!important
 }
 body .site-workspace>.top .desktop-contact{
  min-width:0!important;padding:4px clamp(6px,.75vw,11px) 4px 5px!important;
  gap:clamp(4px,.55vw,7px)!important
 }
 body .site-workspace>.top .desktop-contact b{
  display:block!important;font-size:clamp(10px,.85vw,12px)!important;white-space:nowrap!important
 }
 body .site-workspace>.top-nav>div{
  box-sizing:border-box!important;width:min(var(--header-canvas-max),100%)!important;
  min-width:0!important;max-width:var(--header-canvas-max)!important;height:100%!important;
  margin-inline:auto!important;padding:0 var(--header-canvas-gutter)!important;
  display:flex!important;align-items:flex-end!important;justify-content:center!important;
  gap:clamp(8px,1.5vw,22px)!important;transform:translateY(14px)!important;
  transition:none!important
 }
 body .site-workspace>.top-nav button{
  flex:0 0 auto!important;min-width:0!important;width:auto!important;
  padding-inline:clamp(7px,1vw,14px)!important;transition:color .16s ease!important
 }}}
@container siteWorkspace (min-width:761px){
 body .site-workspace{
  --header-canvas-max:1280px;
  --header-canvas-gutter:clamp(14px,2cqw,24px)
 }
 body .site-workspace>.top,
 body .site-workspace>.top-nav{
  box-sizing:border-box!important;left:0!important;right:auto!important;
  width:100%!important;min-width:0!important;max-width:100%!important;
  margin:0!important;transform:none!important;transition:none!important
 }
 body .site-workspace>.top{
  display:flex!important;align-items:center!important;
  padding-left:max(var(--header-canvas-gutter),calc((100% - var(--header-canvas-max))/2 + var(--header-canvas-gutter)))!important;
  padding-right:max(var(--header-canvas-gutter),calc((100% - var(--header-canvas-max))/2 + var(--header-canvas-gutter)))!important
 }
 body .site-workspace>.top .top-brand-row{
  display:flex!important;position:static!important;inset:auto!important;
  flex:0 1 auto!important;align-items:center!important;margin:0!important;
  opacity:1!important;visibility:visible!important;transform:none!important;
  pointer-events:auto!important;transition:none!important
 }
 body .site-workspace>.top .brand{
  display:flex!important;opacity:1!important;visibility:visible!important;
  transform:none!important;transition:none!important
 }
 body .site-workspace>.top .official-logo{
  width:clamp(150px,17cqw,220px)!important;max-width:220px!important
 }
 body .site-workspace>.top .desktop-contact-actions{
  display:flex!important;position:static!important;inset:auto!important;
  flex:0 1 auto!important;width:auto!important;min-width:0!important;
  justify-content:flex-end!important;gap:clamp(4px,.7cqw,7px)!important;
  margin-left:auto!important;opacity:1!important;visibility:visible!important;
  transform:none!important;transition:none!important
 }
 body .site-workspace>.top .desktop-contact{
  min-width:0!important;padding:4px clamp(6px,.75cqw,11px) 4px 5px!important;
  gap:clamp(4px,.55cqw,7px)!important
 }
 body .site-workspace>.top .desktop-contact b{
  display:block!important;font-size:clamp(10px,.85cqw,12px)!important;white-space:nowrap!important
 }
 body .site-workspace>.top-nav>div{
  box-sizing:border-box!important;width:min(var(--header-canvas-max),100%)!important;
  min-width:0!important;max-width:var(--header-canvas-max)!important;height:100%!important;
  margin-inline:auto!important;padding:0 var(--header-canvas-gutter)!important;
  display:flex!important;align-items:flex-end!important;justify-content:center!important;
  gap:clamp(8px,1.5cqw,22px)!important;transform:translateY(14px)!important;
  transition:none!important
 }
 body .site-workspace>.top-nav button{
  flex:0 0 auto!important;min-width:0!important;width:auto!important;
  padding-inline:clamp(7px,1cqw,14px)!important;transition:color .16s ease!important
 }
}

/* Backgrounds are paint only. They do not participate in drawer geometry. */
@media (min-width:761px){
@scope (:root) to (.site-workspace){
 body .site-workspace #home-view .home-hero-v2>span.home-hero-viewport-surface,
 body .site-workspace #home-view .home-ranking>span.home-ranking-viewport-surface,
 body .site-workspace #explore-view #explore-cars.showroom-groups>span.showroom-list-surface{display:none!important}
 body .site-workspace #home-view .home-hero-v2:after,
 body .site-workspace #home-view .home-ranking:before{display:none!important;content:none!important}
 body .site-workspace #home-view .home-hero-v2{
  clip-path:inset(0 -100vmax)!important;
  box-shadow:0 0 0 100vmax #eb5834!important;
 }
body .site-workspace #home-view .home-ranking,
 body .site-workspace #explore-view #explore-cars.showroom-groups{
  background:#f6f7f9!important;
  clip-path:inset(0 -100vmax)!important;
  box-shadow:0 0 0 100vmax #f6f7f9!important;
 }}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 body .site-workspace #home-view .home-hero-v2>span.home-hero-viewport-surface,
 body .site-workspace #home-view .home-ranking>span.home-ranking-viewport-surface,
 body .site-workspace #explore-view #explore-cars.showroom-groups>span.showroom-list-surface{display:none!important}
 body .site-workspace #home-view .home-hero-v2:after,
 body .site-workspace #home-view .home-ranking:before{display:none!important;content:none!important}
 body .site-workspace #home-view .home-hero-v2{
  clip-path:inset(0 -100vmax)!important;
  box-shadow:0 0 0 100vmax #eb5834!important;
 }
body .site-workspace #home-view .home-ranking,
 body .site-workspace #explore-view #explore-cars.showroom-groups{
  background:#f6f7f9!important;
  clip-path:inset(0 -100vmax)!important;
  box-shadow:0 0 0 100vmax #f6f7f9!important;
 }}}
@container siteWorkspace (min-width:761px){
 body .site-workspace #home-view .home-hero-v2>span.home-hero-viewport-surface,
 body .site-workspace #home-view .home-ranking>span.home-ranking-viewport-surface,
 body .site-workspace #explore-view #explore-cars.showroom-groups>span.showroom-list-surface{display:none!important}
 body .site-workspace #home-view .home-hero-v2:after,
 body .site-workspace #home-view .home-ranking:before{display:none!important;content:none!important}
 body .site-workspace #home-view .home-hero-v2{
  clip-path:inset(0 -100vmax)!important;
  box-shadow:0 0 0 100vmax #eb5834!important;
 }
body .site-workspace #home-view .home-ranking,
 body .site-workspace #explore-view #explore-cars.showroom-groups{
  background:#f6f7f9!important;
  clip-path:inset(0 -100vmax)!important;
  box-shadow:0 0 0 100vmax #f6f7f9!important;
 }
}

/* Final header navigation appearance. */
@media (min-width:761px){
@scope (:root) to (.site-workspace){
 body .site-workspace .top-nav button{height:48px!important;padding:5px 11px!important;gap:8px!important;border:1px solid #e8ebef!important;border-radius:15px!important;background:#f7f8f9!important;color:#5e6874!important;box-shadow:none!important;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease!important}
 body .site-workspace .top-nav button:hover{background:#fff!important;border-color:#dfe3e7!important;color:#27313d!important;box-shadow:0 5px 14px rgba(31,42,55,.07)!important}
 body .site-workspace .top-nav button .nav-icon{width:34px!important;height:34px!important;border-radius:11px!important;background:#fff!important;color:#717b86!important;box-shadow:inset 0 0 0 1px #e7eaee!important}
 body .site-workspace .top-nav button strong{color:inherit!important;font-size:13px!important;font-weight:700!important;letter-spacing:-.02em!important}
 body .site-workspace .top-nav button.active{background:#fff5f1!important;border-color:#ef7658!important;color:#d94f2d!important;box-shadow:0 5px 16px rgba(235,88,52,.12)!important}
 body .site-workspace .top-nav button.active .nav-icon{background:#eb5834!important;color:#fff!important;box-shadow:none!important}
 body .site-workspace .top-nav .nav-saved i{min-width:19px!important;height:19px!important;margin-left:auto!important;border-radius:999px!important;background:#e9edf1!important;color:#59636e!important;font-size:10px!important;font-weight:750!important}
 body .site-workspace .top-nav .nav-saved.active i{background:#eb5834!important;color:#fff!important}}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 body .site-workspace .top-nav button{height:48px!important;padding:5px 11px!important;gap:8px!important;border:1px solid #e8ebef!important;border-radius:15px!important;background:#f7f8f9!important;color:#5e6874!important;box-shadow:none!important;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease!important}
 body .site-workspace .top-nav button:hover{background:#fff!important;border-color:#dfe3e7!important;color:#27313d!important;box-shadow:0 5px 14px rgba(31,42,55,.07)!important}
 body .site-workspace .top-nav button .nav-icon{width:34px!important;height:34px!important;border-radius:11px!important;background:#fff!important;color:#717b86!important;box-shadow:inset 0 0 0 1px #e7eaee!important}
 body .site-workspace .top-nav button strong{color:inherit!important;font-size:13px!important;font-weight:700!important;letter-spacing:-.02em!important}
 body .site-workspace .top-nav button.active{background:#fff5f1!important;border-color:#ef7658!important;color:#d94f2d!important;box-shadow:0 5px 16px rgba(235,88,52,.12)!important}
 body .site-workspace .top-nav button.active .nav-icon{background:#eb5834!important;color:#fff!important;box-shadow:none!important}
 body .site-workspace .top-nav .nav-saved i{min-width:19px!important;height:19px!important;margin-left:auto!important;border-radius:999px!important;background:#e9edf1!important;color:#59636e!important;font-size:10px!important;font-weight:750!important}
 body .site-workspace .top-nav .nav-saved.active i{background:#eb5834!important;color:#fff!important}}}
@container siteWorkspace (min-width:761px){
 body .site-workspace .top-nav button{height:48px!important;padding:5px 11px!important;gap:8px!important;border:1px solid #e8ebef!important;border-radius:15px!important;background:#f7f8f9!important;color:#5e6874!important;box-shadow:none!important;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease!important}
 body .site-workspace .top-nav button:hover{background:#fff!important;border-color:#dfe3e7!important;color:#27313d!important;box-shadow:0 5px 14px rgba(31,42,55,.07)!important}
 body .site-workspace .top-nav button .nav-icon{width:34px!important;height:34px!important;border-radius:11px!important;background:#fff!important;color:#717b86!important;box-shadow:inset 0 0 0 1px #e7eaee!important}
 body .site-workspace .top-nav button strong{color:inherit!important;font-size:13px!important;font-weight:700!important;letter-spacing:-.02em!important}
 body .site-workspace .top-nav button.active{background:#fff5f1!important;border-color:#ef7658!important;color:#d94f2d!important;box-shadow:0 5px 16px rgba(235,88,52,.12)!important}
 body .site-workspace .top-nav button.active .nav-icon{background:#eb5834!important;color:#fff!important;box-shadow:none!important}
 body .site-workspace .top-nav .nav-saved i{min-width:19px!important;height:19px!important;margin-left:auto!important;border-radius:999px!important;background:#e9edf1!important;color:#59636e!important;font-size:10px!important;font-weight:750!important}
 body .site-workspace .top-nav .nav-saved.active i{background:#eb5834!important;color:#fff!important}
}

/* PC navigation is typography-led: no icon tiles or button cards. */
@media (min-width:761px){
@scope (:root) to (.site-workspace){
 body .site-workspace .top-nav button{
  position:relative!important;height:78px!important;min-width:86px!important;max-width:none!important;
  padding:0 18px!important;gap:6px!important;border:0!important;border-radius:0!important;
  background:transparent!important;color:#69727c!important;box-shadow:none!important;
  justify-content:center!important;transition:color .16s ease!important
 }
 body .site-workspace .top-nav button:hover{background:transparent!important;border:0!important;color:#202a35!important;box-shadow:none!important}
 body .site-workspace .top-nav button .nav-icon{display:none!important}
 body .site-workspace .top-nav button>span+span{display:block!important}
 body .site-workspace .top-nav button strong{font-size:14px!important;font-weight:650!important;letter-spacing:-.025em!important}
 body .site-workspace .top-nav button small{display:none!important}
 body .site-workspace .top-nav button.active{background:transparent!important;border:0!important;color:#202a35!important;box-shadow:none!important}
 body .site-workspace .top-nav button.active:after{
  content:""!important;position:absolute!important;left:18px!important;right:18px!important;bottom:0!important;
  height:3px!important;border-radius:3px 3px 0 0!important;background:#eb5834!important
 }
 body .site-workspace .top-nav .nav-saved i,
 body .site-workspace .top-nav .nav-saved.active i{
  position:static!important;min-width:18px!important;width:auto!important;height:18px!important;margin-left:2px!important;
  padding:0 5px!important;border-radius:999px!important;background:#eef1f4!important;color:#737c86!important;
  font-size:10px!important;font-weight:700!important;line-height:18px!important
 }}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 body .site-workspace .top-nav button{
  position:relative!important;height:78px!important;min-width:86px!important;max-width:none!important;
  padding:0 18px!important;gap:6px!important;border:0!important;border-radius:0!important;
  background:transparent!important;color:#69727c!important;box-shadow:none!important;
  justify-content:center!important;transition:color .16s ease!important
 }
 body .site-workspace .top-nav button:hover{background:transparent!important;border:0!important;color:#202a35!important;box-shadow:none!important}
 body .site-workspace .top-nav button .nav-icon{display:none!important}
 body .site-workspace .top-nav button>span+span{display:block!important}
 body .site-workspace .top-nav button strong{font-size:14px!important;font-weight:650!important;letter-spacing:-.025em!important}
 body .site-workspace .top-nav button small{display:none!important}
 body .site-workspace .top-nav button.active{background:transparent!important;border:0!important;color:#202a35!important;box-shadow:none!important}
 body .site-workspace .top-nav button.active:after{
  content:""!important;position:absolute!important;left:18px!important;right:18px!important;bottom:0!important;
  height:3px!important;border-radius:3px 3px 0 0!important;background:#eb5834!important
 }
 body .site-workspace .top-nav .nav-saved i,
 body .site-workspace .top-nav .nav-saved.active i{
  position:static!important;min-width:18px!important;width:auto!important;height:18px!important;margin-left:2px!important;
  padding:0 5px!important;border-radius:999px!important;background:#eef1f4!important;color:#737c86!important;
  font-size:10px!important;font-weight:700!important;line-height:18px!important
 }}}
@container siteWorkspace (min-width:761px){
 body .site-workspace .top-nav button{
  position:relative!important;height:78px!important;min-width:86px!important;max-width:none!important;
  padding:0 18px!important;gap:6px!important;border:0!important;border-radius:0!important;
  background:transparent!important;color:#69727c!important;box-shadow:none!important;
  justify-content:center!important;transition:color .16s ease!important
 }
 body .site-workspace .top-nav button:hover{background:transparent!important;border:0!important;color:#202a35!important;box-shadow:none!important}
 body .site-workspace .top-nav button .nav-icon{display:none!important}
 body .site-workspace .top-nav button>span+span{display:block!important}
 body .site-workspace .top-nav button strong{font-size:14px!important;font-weight:650!important;letter-spacing:-.025em!important}
 body .site-workspace .top-nav button small{display:none!important}
 body .site-workspace .top-nav button.active{background:transparent!important;border:0!important;color:#202a35!important;box-shadow:none!important}
 body .site-workspace .top-nav button.active:after{
  content:""!important;position:absolute!important;left:18px!important;right:18px!important;bottom:0!important;
  height:3px!important;border-radius:3px 3px 0 0!important;background:#eb5834!important
 }
 body .site-workspace .top-nav .nav-saved i,
 body .site-workspace .top-nav .nav-saved.active i{
  position:static!important;min-width:18px!important;width:auto!important;height:18px!important;margin-left:2px!important;
  padding:0 5px!important;border-radius:999px!important;background:#eef1f4!important;color:#737c86!important;
  font-size:10px!important;font-weight:700!important;line-height:18px!important
 }
}


/* Final spacing and contrast for PC text navigation. */
@media (min-width:761px){
@scope (:root) to (.site-workspace){
 body .site-workspace .top-nav>div{gap:10px!important;justify-content:center!important}
 body .site-workspace .top-nav button{flex:0 0 auto!important;min-width:auto!important;width:auto!important;max-width:none!important;padding:0 13px!important;color:#3f4853!important}
 body .site-workspace .top-nav button strong{font-size:14px!important;font-weight:720!important}
 body .site-workspace .top-nav button:hover{color:#111820!important}
 body .site-workspace .top-nav button.active{color:#111820!important}
 body .site-workspace .top-nav button.active strong{font-weight:780!important}
 body .site-workspace .top-nav button.active:after{left:12px!important;right:12px!important;height:3px!important}}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 body .site-workspace .top-nav>div{gap:10px!important;justify-content:center!important}
 body .site-workspace .top-nav button{flex:0 0 auto!important;min-width:auto!important;width:auto!important;max-width:none!important;padding:0 13px!important;color:#3f4853!important}
 body .site-workspace .top-nav button strong{font-size:14px!important;font-weight:720!important}
 body .site-workspace .top-nav button:hover{color:#111820!important}
 body .site-workspace .top-nav button.active{color:#111820!important}
 body .site-workspace .top-nav button.active strong{font-weight:780!important}
 body .site-workspace .top-nav button.active:after{left:12px!important;right:12px!important;height:3px!important}}}
@container siteWorkspace (min-width:761px){
 body .site-workspace .top-nav>div{gap:10px!important;justify-content:center!important}
 body .site-workspace .top-nav button{flex:0 0 auto!important;min-width:auto!important;width:auto!important;max-width:none!important;padding:0 13px!important;color:#3f4853!important}
 body .site-workspace .top-nav button strong{font-size:14px!important;font-weight:720!important}
 body .site-workspace .top-nav button:hover{color:#111820!important}
 body .site-workspace .top-nav button.active{color:#111820!important}
 body .site-workspace .top-nav button.active strong{font-weight:780!important}
 body .site-workspace .top-nav button.active:after{left:12px!important;right:12px!important;height:3px!important}
}

/* Refined PC menu rhythm and lower alignment within the fixed header. */
@media (min-width:761px){
@scope (:root) to (.site-workspace){
 body .site-workspace .top-nav>div{gap:22px!important;align-items:flex-end!important}
 body .site-workspace .top-nav button{height:62px!important;padding:0 14px!important;align-self:flex-end!important}
 body .site-workspace .top-nav button.active:after{left:13px!important;right:13px!important}}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 body .site-workspace .top-nav>div{gap:22px!important;align-items:flex-end!important}
 body .site-workspace .top-nav button{height:62px!important;padding:0 14px!important;align-self:flex-end!important}
 body .site-workspace .top-nav button.active:after{left:13px!important;right:13px!important}}}
@container siteWorkspace (min-width:761px){
 body .site-workspace .top-nav>div{gap:22px!important;align-items:flex-end!important}
 body .site-workspace .top-nav button{height:62px!important;padding:0 14px!important;align-self:flex-end!important}
 body .site-workspace .top-nav button.active:after{left:13px!important;right:13px!important}
}

/* Place the PC text menu close to the bottom edge and soften inactive items. */
@media (min-width:761px){
@scope (:root) to (.site-workspace){
 body .site-workspace .top-nav>div{align-items:flex-end!important}
 body .site-workspace .top-nav button{height:50px!important;align-self:flex-end!important;color:#9aa1aa!important}
 body .site-workspace .top-nav button strong{color:inherit!important;font-weight:650!important}
 body .site-workspace .top-nav button:hover{color:#606973!important}
 body .site-workspace .top-nav button.active{color:#111820!important}
 body .site-workspace .top-nav button.active strong{font-weight:780!important}}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 body .site-workspace .top-nav>div{align-items:flex-end!important}
 body .site-workspace .top-nav button{height:50px!important;align-self:flex-end!important;color:#9aa1aa!important}
 body .site-workspace .top-nav button strong{color:inherit!important;font-weight:650!important}
 body .site-workspace .top-nav button:hover{color:#606973!important}
 body .site-workspace .top-nav button.active{color:#111820!important}
 body .site-workspace .top-nav button.active strong{font-weight:780!important}}}
@container siteWorkspace (min-width:761px){
 body .site-workspace .top-nav>div{align-items:flex-end!important}
 body .site-workspace .top-nav button{height:50px!important;align-self:flex-end!important;color:#9aa1aa!important}
 body .site-workspace .top-nav button strong{color:inherit!important;font-weight:650!important}
 body .site-workspace .top-nav button:hover{color:#606973!important}
 body .site-workspace .top-nav button.active{color:#111820!important}
 body .site-workspace .top-nav button.active strong{font-weight:780!important}
}

/* Anchor the menu underline to the exact bottom edge of the fixed header. */
@media (min-width:761px){
@scope (:root) to (.site-workspace){
 body .site-workspace .top-nav>div{height:100%!important;min-height:100%!important;align-items:flex-end!important}}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 body .site-workspace .top-nav>div{height:100%!important;min-height:100%!important;align-items:flex-end!important}}}
@container siteWorkspace (min-width:761px){
 body .site-workspace .top-nav>div{height:100%!important;min-height:100%!important;align-items:flex-end!important}
}

/* The visual header is 14px taller than the menu rail; align the rail to its bottom edge. */
@media (min-width:761px){
@scope (:root) to (.site-workspace){
 body .site-workspace .top-nav>div{transform:translateY(14px)!important}}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 body .site-workspace .top-nav>div{transform:translateY(14px)!important}}}
@container siteWorkspace (min-width:761px){
 body .site-workspace .top-nav>div{transform:translateY(14px)!important}
}

/* Authoritative workspace/header geometry.
   A detail drawer always defines the right edge of the page workspace. Header
   and content therefore resize from the same canvas at every desktop width. */
@media (min-width:761px){
@scope (:root) to (.site-workspace){
 body .site-workspace>.top,
 body .site-workspace>.top-nav{
  left:0!important;right:auto!important;width:100%!important;max-width:100%!important;
  transform:none!important;transition:none!important
 }
 body .site-workspace>.top{
  padding-left:max(var(--header-canvas-gutter),calc((100% - var(--header-canvas-max))/2 + var(--header-canvas-gutter)))!important;
  padding-right:max(var(--header-canvas-gutter),calc((100% - var(--header-canvas-max))/2 + var(--header-canvas-gutter)))!important
 }
 body .site-workspace>.top .top-brand-row,
 body .site-workspace>.top .brand{
  display:flex!important;position:static!important;opacity:1!important;visibility:visible!important;
  transform:none!important;transition:none!important
 }
 body .site-workspace>.top .desktop-contact-actions{
  display:flex!important;position:static!important;inset:auto!important;width:auto!important;
  margin-left:auto!important;justify-content:flex-end!important;opacity:1!important;visibility:visible!important;
  transform:none!important;transition:none!important
 }
 body .site-workspace>.top-nav>div{
  width:min(var(--header-canvas-max),100%)!important;max-width:var(--header-canvas-max)!important;
  margin-inline:auto!important;padding-inline:var(--header-canvas-gutter)!important;
  justify-content:center!important;gap:clamp(8px,1.05vw,22px)!important;
  transform:translateY(14px)!important;transition:none!important
 }
 body .site-workspace>.top-nav button{
  padding-inline:clamp(7px,.7vw,14px)!important
 }}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 body .site-workspace>.top,
 body .site-workspace>.top-nav{
  left:0!important;right:auto!important;width:100%!important;max-width:100%!important;
  transform:none!important;transition:none!important
 }
 body .site-workspace>.top{
  padding-left:max(var(--header-canvas-gutter),calc((100% - var(--header-canvas-max))/2 + var(--header-canvas-gutter)))!important;
  padding-right:max(var(--header-canvas-gutter),calc((100% - var(--header-canvas-max))/2 + var(--header-canvas-gutter)))!important
 }
 body .site-workspace>.top .top-brand-row,
 body .site-workspace>.top .brand{
  display:flex!important;position:static!important;opacity:1!important;visibility:visible!important;
  transform:none!important;transition:none!important
 }
 body .site-workspace>.top .desktop-contact-actions{
  display:flex!important;position:static!important;inset:auto!important;width:auto!important;
  margin-left:auto!important;justify-content:flex-end!important;opacity:1!important;visibility:visible!important;
  transform:none!important;transition:none!important
 }
 body .site-workspace>.top-nav>div{
  width:min(var(--header-canvas-max),100%)!important;max-width:var(--header-canvas-max)!important;
  margin-inline:auto!important;padding-inline:var(--header-canvas-gutter)!important;
  justify-content:center!important;gap:clamp(8px,1.05vw,22px)!important;
  transform:translateY(14px)!important;transition:none!important
 }
 body .site-workspace>.top-nav button{
  padding-inline:clamp(7px,.7vw,14px)!important
 }}}
@container siteWorkspace (min-width:761px){
 body .site-workspace>.top,
 body .site-workspace>.top-nav{
  left:0!important;right:auto!important;width:100%!important;max-width:100%!important;
  transform:none!important;transition:none!important
 }
 body .site-workspace>.top{
  padding-left:max(var(--header-canvas-gutter),calc((100% - var(--header-canvas-max))/2 + var(--header-canvas-gutter)))!important;
  padding-right:max(var(--header-canvas-gutter),calc((100% - var(--header-canvas-max))/2 + var(--header-canvas-gutter)))!important
 }
 body .site-workspace>.top .top-brand-row,
 body .site-workspace>.top .brand{
  display:flex!important;position:static!important;opacity:1!important;visibility:visible!important;
  transform:none!important;transition:none!important
 }
 body .site-workspace>.top .desktop-contact-actions{
  display:flex!important;position:static!important;inset:auto!important;width:auto!important;
  margin-left:auto!important;justify-content:flex-end!important;opacity:1!important;visibility:visible!important;
  transform:none!important;transition:none!important
 }
 body .site-workspace>.top-nav>div{
  width:min(var(--header-canvas-max),100%)!important;max-width:var(--header-canvas-max)!important;
  margin-inline:auto!important;padding-inline:var(--header-canvas-gutter)!important;
  justify-content:center!important;gap:clamp(8px,1.05cqw,22px)!important;
  transform:translateY(14px)!important;transition:none!important
 }
 body .site-workspace>.top-nav button{
  padding-inline:clamp(7px,.7cqw,14px)!important
 }
}

/* Fixed header elements use the same reduced viewport variable as the workspace. */

/* The page column and fixed header must resolve from the same reduced canvas. */

/* Drawer header alignment follows the visible content column. */
@media (min-width:761px){
@scope (:root) to (.site-workspace){
 body .site-workspace>.top-nav>div{
  transform:none!important
 }
 body .site-workspace>.top-nav button.active:after{
  bottom:2px!important
 }}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 body .site-workspace>.top-nav>div{
  transform:none!important
 }
 body .site-workspace>.top-nav button.active:after{
  bottom:2px!important
 }}}
@container siteWorkspace (min-width:761px){
 body .site-workspace>.top-nav>div{
  transform:none!important
 }
 body .site-workspace>.top-nav button.active:after{
  bottom:2px!important
 }
}

/* Single source of truth for the desktop page canvas.
   Header zones and primary page content use the same 1224px line. */
@media (min-width:761px){
@scope (:root) to (.site-workspace){
 body .site-workspace{
  --page-canvas-width:1224px;
  --page-canvas-gutter:24px
 }
 body .site-workspace>.top{
  padding-left:max(var(--page-canvas-gutter),calc((100% - var(--page-canvas-width))/2))!important;
  padding-right:max(var(--page-canvas-gutter),calc((100% - var(--page-canvas-width))/2))!important
 }
 body .site-workspace>.top-nav>div{
  box-sizing:border-box!important;width:min(var(--page-canvas-width),calc(100% - (var(--page-canvas-gutter)*2)))!important;
  max-width:var(--page-canvas-width)!important;margin-left:auto!important;margin-right:auto!important;
  padding-left:0!important;padding-right:0!important;left:auto!important;right:auto!important;transform:none!important
 }
 body .site-workspace>.top-nav button.active:after{bottom:2px!important}}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 body .site-workspace{
  --page-canvas-width:1224px;
  --page-canvas-gutter:24px
 }
 body .site-workspace>.top{
  padding-left:max(var(--page-canvas-gutter),calc((100% - var(--page-canvas-width))/2))!important;
  padding-right:max(var(--page-canvas-gutter),calc((100% - var(--page-canvas-width))/2))!important
 }
 body .site-workspace>.top-nav>div{
  box-sizing:border-box!important;width:min(var(--page-canvas-width),calc(100% - (var(--page-canvas-gutter)*2)))!important;
  max-width:var(--page-canvas-width)!important;margin-left:auto!important;margin-right:auto!important;
  padding-left:0!important;padding-right:0!important;left:auto!important;right:auto!important;transform:none!important
 }
 body .site-workspace>.top-nav button.active:after{bottom:2px!important}}}
@container siteWorkspace (min-width:761px){
 body .site-workspace{
  --page-canvas-width:1224px;
  --page-canvas-gutter:24px
 }
 body .site-workspace>.top{
  padding-left:max(var(--page-canvas-gutter),calc((100% - var(--page-canvas-width))/2))!important;
  padding-right:max(var(--page-canvas-gutter),calc((100% - var(--page-canvas-width))/2))!important
 }
 body .site-workspace>.top-nav>div{
  box-sizing:border-box!important;width:min(var(--page-canvas-width),calc(100% - (var(--page-canvas-gutter)*2)))!important;
  max-width:var(--page-canvas-width)!important;margin-left:auto!important;margin-right:auto!important;
  padding-left:0!important;padding-right:0!important;left:auto!important;right:auto!important;transform:none!important
 }
 body .site-workspace>.top-nav button.active:after{bottom:2px!important}
}

/* Keep the header on the same motion clock as the page canvas.  Geometry is
   still resolved by the rules above; these declarations only animate the
   change between the closed and open workspace widths. */
@media (min-width:761px){
@scope (:root) to (.site-workspace){
 body:not(.viewport-resizing) .site-workspace>.top,
 body:not(.viewport-resizing) .site-workspace>.top-nav{
  transition:width .36s cubic-bezier(.22,.72,.24,1),
             max-width .36s cubic-bezier(.22,.72,.24,1),
             padding-left .36s cubic-bezier(.22,.72,.24,1),
             padding-right .36s cubic-bezier(.22,.72,.24,1)!important
 }
 body:not(.viewport-resizing) .site-workspace>.top-nav>div{
  transition:width .36s cubic-bezier(.22,.72,.24,1),
             margin-left .36s cubic-bezier(.22,.72,.24,1),
             margin-right .36s cubic-bezier(.22,.72,.24,1)!important
 }
 body.viewport-resizing .site-workspace>.top,
 body.viewport-resizing .site-workspace>.top-nav,
 body.viewport-resizing .site-workspace>.top-nav>div{transition:none!important}}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 body:not(.viewport-resizing) .site-workspace>.top,
 body:not(.viewport-resizing) .site-workspace>.top-nav{
  transition:width .36s cubic-bezier(.22,.72,.24,1),
             max-width .36s cubic-bezier(.22,.72,.24,1),
             padding-left .36s cubic-bezier(.22,.72,.24,1),
             padding-right .36s cubic-bezier(.22,.72,.24,1)!important
 }
 body:not(.viewport-resizing) .site-workspace>.top-nav>div{
  transition:width .36s cubic-bezier(.22,.72,.24,1),
             margin-left .36s cubic-bezier(.22,.72,.24,1),
             margin-right .36s cubic-bezier(.22,.72,.24,1)!important
 }
 body.viewport-resizing .site-workspace>.top,
 body.viewport-resizing .site-workspace>.top-nav,
 body.viewport-resizing .site-workspace>.top-nav>div{transition:none!important}}}
@container siteWorkspace (min-width:761px){
 body:not(.viewport-resizing) .site-workspace>.top,
 body:not(.viewport-resizing) .site-workspace>.top-nav{
  transition:width .36s cubic-bezier(.22,.72,.24,1),
             max-width .36s cubic-bezier(.22,.72,.24,1),
             padding-left .36s cubic-bezier(.22,.72,.24,1),
             padding-right .36s cubic-bezier(.22,.72,.24,1)!important
 }
 body:not(.viewport-resizing) .site-workspace>.top-nav>div{
  transition:width .36s cubic-bezier(.22,.72,.24,1),
             margin-left .36s cubic-bezier(.22,.72,.24,1),
             margin-right .36s cubic-bezier(.22,.72,.24,1)!important
 }
 body.viewport-resizing .site-workspace>.top,
 body.viewport-resizing .site-workspace>.top-nav,
 body.viewport-resizing .site-workspace>.top-nav>div{transition:none!important}
}

/* The menu rail must not run a second interpolation inside the moving header.
   Its parent already follows the workspace, so the three labels now travel on
   the exact same path as the logo and contact actions. */
@media (min-width:761px){
@scope (:root) to (.site-workspace){
 body .site-workspace>.top-nav>div,
 body:not(.viewport-resizing) .site-workspace>.top-nav>div{transition:none!important}}
}
@scope (html[data-device="desktop"]){
@scope (:root) to (.site-workspace){
 body .site-workspace>.top-nav>div,
 body:not(.viewport-resizing) .site-workspace>.top-nav>div{transition:none!important}}}
@container siteWorkspace (min-width:761px){
 body .site-workspace>.top-nav>div,
 body:not(.viewport-resizing) .site-workspace>.top-nav>div{transition:none!important}
}

/* Home inside an open drawer uses the workspace as its viewport.  Legacy
   full-browser (vw/3440px/1224px minimum) rules made the content keep the old
   browser width and escape through the left edge when that workspace became
   narrow. */

/* workspace-layout.css */
/* Layout ownership: only --workspace-drawer is animated. Every page region
   measures the siteWorkspace container; no page selector depends on drawer state.
   This first cascade layer owns geometry over the legacy unlayered styles. */
@layer workspace;
@property --workspace-drawer { syntax:'<length>'; inherits:true; initial-value:0px; }
@layer workspace {
 html,body { margin:0!important; padding:0!important; width:100%!important; height:100%!important; overflow:hidden!important; min-width:0!important; }
 body { --panel-width:520px; --adaptive-panel:var(--panel-width)!important; --workspace-drawer:0px; transition:--workspace-drawer .36s cubic-bezier(.22,.72,.24,1)!important; }
 .site-workspace { position:relative!important; width:calc(100% - var(--workspace-drawer))!important; height:100dvh!important; min-width:0!important; max-width:none!important; margin:0!important; padding:0!important; transform:none!important; overflow-x:hidden!important; overflow-y:auto!important; scrollbar-gutter:stable; container:siteWorkspace / inline-size!important; transition:none!important; overflow-anchor:none; }
 .site-workspace :is(.app-shell,#main,#home-view,#explore-view,#saved-view,.explore-layout,.explore-results) { min-width:0!important; max-width:none!important; width:100%!important; margin:0!important; padding-inline:0!important; transform:none!important; translate:none!important; transition:none!important; contain:none!important; container-type:normal!important; overflow:visible!important; }
 .site-workspace .app-shell { display:block!important; }
 .site-workspace #main { padding-top:0!important; }
 .site-header { position:sticky; top:0; z-index:30; background:#fff; border-bottom:1px solid #e8ecf0; height:90px; }
 .site-header-inner { width:min(1224px,calc(100% - 48px)); height:100%; margin-inline:auto; display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:20px; }
 .site-header .top { display:contents!important; }
 .site-header :is(.top-brand-row,.brand,.desktop-contact-actions,.top-nav,.top-nav>div) { position:static!important; inset:auto!important; transform:none!important; translate:none!important; transition:none!important; animation:none!important; opacity:1!important; visibility:visible!important; min-width:0!important; max-width:none!important; margin:0!important; padding:0!important; }
 .site-header .top-brand-row { display:flex!important; grid-column:1; grid-row:1; width:auto!important; }
 .site-header .brand { display:flex!important; }
 .site-header .official-logo { width:220px!important; height:32px!important; max-width:100%!important; }
 .site-header .desktop-contact-actions { display:flex!important; grid-column:3; grid-row:1; justify-self:end; justify-content:flex-end!important; width:auto!important; gap:7px!important; }
 .site-header .top-nav { display:block!important; grid-column:2; grid-row:1; align-self:end; width:auto!important; height:50px!important; min-height:0!important; border:0!important; box-shadow:none!important; background:none!important; }
 .site-header .top-nav>div { display:flex!important; width:auto!important; height:100%!important; min-height:0!important; gap:22px!important; align-items:stretch!important; justify-content:center!important; }
 .site-header .top-nav button { display:flex!important; align-items:center!important; height:100%!important; width:auto!important; min-width:0!important; max-width:none!important; flex:0 0 auto!important; padding:0 14px!important; gap:6px!important; border:0!important; border-radius:0!important; background:none!important; box-shadow:none!important; color:#9aa1aa!important; }
 .site-header .top-nav button.active { color:#111820!important; }
 .site-header .top-nav button strong { font-size:14px!important; }
 .site-header .top-nav :is(.nav-icon,small) { display:none!important; }
 .site-header .top-nav button.active:after { bottom:1px!important; height:3px!important; left:13px!important; right:13px!important; }
 .site-header .desktop-contact { padding:4px 10px 4px 5px!important; }
 .site-header .desktop-contact b { font-size:12px!important; display:block!important; }
 .site-workspace .preview-note { display:none!important; }
 /* Full-width sections are real blocks. Only their inner content is capped. */
 #home-view :is(.home-hero-v2,.home-ranking,.capital-partners,.home-recent) { box-sizing:border-box!important; position:relative!important; left:auto!important; right:auto!important; width:100%!important; min-width:0!important; max-width:none!important; margin-inline:0!important; transform:none!important; translate:none!important; clip-path:none!important; box-shadow:none!important; transition:none!important; }
 #home-view :is(.home-hero-v2:before,.home-hero-v2:after,.home-ranking:before,.home-ranking:after), .workspace-resize-surface,.home-hero-viewport-surface,.home-ranking-viewport-surface,.showroom-list-surface { display:none!important; }
 #home-view .home-hero-v2 { height:420px!important; min-height:420px!important; max-height:none!important; padding:32px max(24px,calc((100% - 1160px)/2))!important; margin-bottom:18px!important; overflow:hidden!important; background-color:#eb5834!important; background-image:linear-gradient(90deg,rgba(22,29,38,.12),transparent 55%),url('home-hero-user-v10-optimized.jpg')!important; background-size:100% 100%,auto 420px!important; background-position:center,center!important; background-repeat:no-repeat!important; }
 #home-view .home-hero-copy { width:min(590px,100%)!important; min-width:0!important; max-width:590px!important; min-height:0!important; margin:0!important; transform:none!important; }
 #home-view .home-hero-actions { width:100%!important; min-width:0!important; max-width:540px!important; display:block!important; margin-left:0!important; transform:none!important; }
 #home-view .home-member-ticket { width:100%!important; min-width:0!important; max-width:100%!important; }
 #home-view .home-shorts,#home-view .home-help-and-reviews,#saved-view,.garage-help-and-reviews,.site-footer { box-sizing:border-box!important; width:min(1224px,calc(100% - 48px))!important; min-width:0!important; max-width:1224px!important; margin-inline:auto!important; transform:none!important; transition:none!important; }
 #home-view .home-media-board { width:100%!important; min-width:0!important; max-width:100%!important; margin-inline:0!important; padding:0!important; transform:none!important; display:grid!important; grid-template-columns:max-content minmax(0,535px)!important; justify-content:center!important; gap:12px!important; overflow-x:auto!important; scrollbar-width:none; }
 #home-view .home-feature-video { min-width:0!important; width:100%!important; max-width:535px!important; }
 #home-view .home-ranking { padding:46px 0!important; background:#f6f7f9!important; overflow:hidden!important; }
 #home-view :is(.home-ranking>.section-head,.home-popular-groups,.home-recent>.section-head,#home-recent-cars,.capital-partners-heading,.capital-marquee) { box-sizing:border-box!important; width:min(1224px,calc(100% - 48px))!important; min-width:0!important; max-width:1224px!important; margin-inline:auto!important; padding-inline:0!important; transform:none!important; transition:none!important; }
 #home-view :is(.home-popular-stage,.home-popular-row) { width:100%!important; min-width:0!important; max-width:100%!important; margin-inline:0!important; transform:none!important; }
 #home-view .home-popular-row { display:grid!important; grid-template-columns:none!important; grid-auto-flow:column!important; grid-auto-columns:270px!important; justify-content:start!important; overflow-x:auto!important; }
 #home-view .home-popular-row>.car-card { width:270px!important; min-width:0!important; max-width:270px!important; }
 #home-view :is(.home-help-and-reviews,.home-recent) { padding-block:32px!important; }
 #home-view .home-help-and-reviews>:is(.process-guide-block,.home-faq,.home-reviews) { width:100%!important; min-width:0!important; max-width:100%!important; margin-inline:0!important; transform:none!important; }
 .capital-partners { overflow:hidden!important; padding:28px 0!important; }
 #home-recent-cars { display:grid!important; grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))!important; }
 /* Showroom uses the same inner canvas as the header. */
 #explore-view { padding-top:32px!important; }
 #explore-view :is(.explore-hero,.explore-filters,.results-heading,.showroom-toolbar,.showroom-section,.catalog-disclosure) { box-sizing:border-box!important; width:min(1224px,calc(100% - 48px))!important; min-width:0!important; max-width:1224px!important; margin-inline:auto!important; transform:none!important; translate:none!important; transition:none!important; }
 #explore-view .explore-hero { border-radius:22px 22px 0 0!important; overflow:hidden!important; }
 #explore-view .explore-hero-inner { width:100%!important; min-width:0!important; max-width:none!important; margin:0!important; padding:48px 40px!important; display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; }
 #explore-view .explore-hero-cars { display:block!important; position:relative!important; inset:auto!important; width:100%!important; max-width:100%!important; transform:none!important; opacity:1!important; visibility:visible!important; }
 #explore-view .explore-filters { position:static!important; padding:20px!important; border:1px solid #e8ecf0!important; border-top:0!important; border-radius:0 0 22px 22px!important; background:#fff!important; }
 #explore-view .showroom-toolbar { position:sticky!important; top:90px!important; z-index:20!important; display:flex!important; flex-wrap:nowrap!important; gap:24px!important; min-height:66px!important; padding:0!important; background:#fff!important; overflow:visible!important; box-shadow:0 0 0 100vmax #fff!important; clip-path:inset(0 -100vmax)!important; }
 #explore-view .showroom-nav { flex:1 1 auto!important; width:auto!important; min-width:0!important; min-height:66px!important; gap:24px!important; overflow-x:auto!important; scrollbar-width:none; }
 #explore-view .showroom-conditions { flex:0 0 auto!important; width:auto!important; margin:0!important; padding:10px 0!important; display:flex!important; gap:8px!important; }
 #explore-view .showroom-groups { box-sizing:border-box!important; position:relative!important; width:100%!important; min-width:0!important; max-width:none!important; margin:0!important; padding:0!important; background:#f6f7f9!important; transform:none!important; clip-path:none!important; box-shadow:none!important; }
 #explore-view .showroom-section { padding:36px 0!important; }
 #explore-view .showroom-grid { display:grid!important; width:100%!important; min-width:0!important; max-width:100%!important; grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr))!important; grid-auto-flow:row!important; grid-auto-columns:auto!important; gap:16px!important; justify-content:center!important; transform:none!important; transition:none!important; }
 #explore-view .showroom-grid>.car-card { width:100%!important; min-width:0!important; max-width:none!important; }
 .site-workspace .mobile-nav { position:sticky!important; bottom:12px!important; width:calc(100% - 32px)!important; margin-inline:16px!important; left:auto!important; right:auto!important; }
 @media(min-width:761px) {
  body.vehicle-panel-open { --workspace-drawer:var(--panel-width); }
  #detail-dialog.config-dialog { position:fixed!important; left:calc(100% - var(--workspace-drawer))!important; right:auto!important; top:0!important; bottom:0!important; width:var(--panel-width)!important; min-width:0!important; max-width:var(--panel-width)!important; margin:0!important; height:100dvh!important; max-height:100dvh!important; transform:translateZ(0)!important; animation:none!important; transition:none!important; }
 }
 @container siteWorkspace (max-width:1050px) {
  .site-header-inner { gap:12px; }
  .site-header .official-logo { width:180px!important; }
  .site-header .top-nav>div { gap:8px!important; }
  .site-header .top-nav button { padding-inline:10px!important; }
  #home-view .home-hero-v2 { padding-inline:24px!important; background-position:center,62% center!important; }
  #home-view .home-hero-copy { width:min(540px,100%)!important; }
  #home-view .home-media-board { display:flex!important; justify-content:flex-start!important; }
  #home-view .home-feature-video { flex:0 0 480px!important; width:480px!important; }
  #explore-view .explore-hero-inner { padding:36px 28px!important; }
 }
 @container siteWorkspace (max-width:760px) {
  .site-header { height:112px; }
  .site-header-inner { width:calc(100% - 32px); grid-template-columns:minmax(0,1fr) auto; grid-template-rows:64px 48px; gap:0 10px; }
  .site-header .desktop-contact-actions { grid-column:2; }
  .site-header .top-nav { grid-column:1/-1; grid-row:2; height:48px!important; justify-self:center; }
  .site-header .top-nav>div { gap:20px!important; }
  .site-header .desktop-contact b { display:none!important; }
  .site-header .desktop-contact { padding:4px!important; }
  .site-header .official-logo { width:190px!important; }
  #explore-view .showroom-toolbar { top:112px!important; flex-wrap:wrap!important; gap:0!important; }
  #explore-view .showroom-nav { width:100%!important; flex-basis:100%!important; min-height:52px!important; gap:18px!important; }
  #explore-view .showroom-conditions { padding:4px 0 8px!important; }
  #explore-view .explore-hero-inner { grid-template-columns:1fr!important; }
  #explore-view .explore-hero-cars { display:none!important; }
  #home-view .home-hero-v2 { height:360px!important; min-height:360px!important; padding:24px!important; margin-bottom:100px!important; overflow:visible!important; background-size:100% 100%,auto 360px!important; background-position:center,70% center!important; }
  #home-view .home-hero-copy h1 { font-size:32px!important; }
  #home-view .home-hero-copy>p { font-size:13px!important; }
  #home-view .home-member-actions { position:absolute!important; top:calc(100% + 14px)!important; left:16px!important; width:calc(100% - 32px)!important; max-width:none!important; margin:0!important; }
  #home-view .home-member-ticket { min-height:72px!important; }
  #home-view .home-hero-copy { position:static!important; }
  #home-view .home-shorts,#home-view .home-help-and-reviews,#saved-view,.garage-help-and-reviews,.site-footer,
  #home-view :is(.home-ranking>.section-head,.home-popular-groups,.home-recent>.section-head,#home-recent-cars,.capital-partners-heading,.capital-marquee),
  #explore-view :is(.explore-hero,.explore-filters,.results-heading,.showroom-toolbar,.showroom-section,.catalog-disclosure) { width:calc(100% - 32px)!important; }
  #home-view .home-feature-video { flex-basis:320px!important; width:320px!important; }
  #home-view .home-media-board .home-shorts-track { display:flex!important; flex:none!important; margin:0!important; padding:0!important; gap:12px!important; }
  #home-view .home-short-card { width:180px!important; flex:0 0 180px!important; }
 }
 @media(max-width:760px) { body { --panel-width:100vw; } .site-workspace { width:100%!important; } }
 @media(prefers-reduced-motion:reduce) { body { transition:none!important; } }
}
@layer workspace {
 body::after { display:none!important; content:none!important; }
 .site-header .desktop-contact { height:40px!important; display:flex!important; align-items:center!important; gap:7px!important; border-radius:13px!important; color:#34404c!important; background:#f4f6f7!important; white-space:nowrap!important; }
 .site-header .desktop-contact>span { width:30px!important; height:30px!important; display:grid!important; place-items:center!important; border-radius:9px!important; background:#fff!important; color:#e65331!important; }
 .site-header .desktop-contact svg { width:17px!important; height:17px!important; display:block!important; fill:currentColor!important; }
 .site-header .desktop-contact.kakao>span { background:#fee500!important; color:#191919!important; }
 .site-header .desktop-contact b { line-height:1!important; font-weight:750!important; }
}
@layer workspace {
 .site-header .top-brand-row { height:auto!important; min-height:0!important; background:none!important; border:0!important; box-shadow:none!important; }
 .site-header .official-logo img { position:static!important; inset:auto!important; width:100%!important; height:100%!important; max-width:none!important; object-fit:contain!important; transform:none!important; }
 #home-view .home-hero-v2 { display:block!important; border-radius:0!important; }
 .site-workspace .mobile-nav { transform:none!important; translate:none!important; max-width:none!important; }
 @container siteWorkspace (max-width:760px) {
  .site-header { height:64px; }
  .site-header-inner { grid-template-rows:64px; }
  .site-header .top-nav,.site-header .desktop-contact-actions { display:none!important; }
  #explore-view .showroom-toolbar { top:64px!important; }
  #home-view .home-hero-v2 { height:300px!important; min-height:300px!important; background-size:100% 100%,auto 300px!important; background-position:center,61% center!important; }
  #home-view .home-hero-copy { width:100%!important; }
  #home-view .home-hero-copy h1 { font-size:28px!important; width:280px!important; max-width:100%!important; }
  #home-view .home-hero-copy>p { width:245px!important; max-width:100%!important; }
 }
}
@layer workspace {
 #explore-view .explore-hero { background:linear-gradient(120deg,#e65c38,#dc4827)!important; }
 #explore-view .showroom-toolbar-viewport { position:sticky; top:90px; z-index:20; width:100%; background:#fff; border-bottom:1px solid #e4e9ee; }
 #explore-view .showroom-toolbar { position:static!important; box-shadow:none!important; clip-path:none!important; }
 #explore-view .showroom-toolbar::before { display:none!important; content:none!important; }
 #home-view .home-shorts-track { order:0!important; }
 #home-view .home-feature-video { order:1!important; }
 @container siteWorkspace (max-width:760px) {
  #explore-view .showroom-toolbar-viewport { top:64px; }
 }
}
/* Desktop stops reflowing before the 1050px compact breakpoint. The outer
   scroll viewport clips the fixed minimum canvas; phones keep their layout. */
@layer workspace {
 html[data-device=desktop] body { --panel-width:520px!important; }
 html[data-device=desktop] body.vehicle-panel-open { --workspace-drawer:520px; }
 html[data-device=desktop] .site-workspace { width:max(0px,calc(100% - var(--workspace-drawer)))!important; }
 html[data-device=desktop] .desktop-page-canvas { width:100%; min-width:1051px; container:siteWorkspace / inline-size; }
 html[data-device=desktop] .mobile-nav { display:none!important; }
 html[data-device=desktop] #detail-dialog.config-dialog { position:fixed!important; left:calc(100% - var(--workspace-drawer))!important; right:auto!important; top:0!important; bottom:0!important; width:520px!important; min-width:520px!important; max-width:520px!important; height:100dvh!important; max-height:100dvh!important; margin:0!important; transform:translateZ(0)!important; animation:none!important; transition:none!important; }
 html[data-device=desktop] #explore-view .showroom-section { width:clamp(556px,calc(var(--page-visible-width,100vw) - 48px),1224px)!important; margin-left:max(24px,calc((var(--page-visible-width,100vw) - 1224px)/2))!important; margin-right:0!important; }
 html[data-device=desktop] #explore-view .showroom-grid { position:relative; grid-template-columns:repeat(auto-fill,270px)!important; align-items:start!important; }
 html[data-device=desktop] #explore-view .showroom-grid>.car-card { width:270px!important; max-width:270px!important; }
 html[data-device=desktop] .showroom-conditions .quote-select summary>span { display:inline!important; visibility:visible!important; opacity:1!important; font-size:12px!important; }
}
/* Keep utility rows inside the usable pane until their actual contents collide.
   The banner/media canvas keeps its independent 1051px composition floor. */
@layer workspace {
 html[data-device=desktop] .site-header-inner,
 html[data-device=desktop] #explore-view .results-heading,
 html[data-device=desktop] #explore-view .showroom-toolbar {
  width:clamp(760px,calc(var(--page-visible-width,100vw) - 48px),1224px)!important;
  margin-left:max(24px,calc((var(--page-visible-width,100vw) - 1224px)/2))!important;
  margin-right:0!important;
 }
}
/* Garage content shares the page gutter; footer surfaces fill the pane. */
@layer workspace {
 html[data-device=desktop] .site-workspace #saved-view {
  width:min(1224px,calc(100% - 48px))!important;
  max-width:1224px!important;
   margin:0 auto!important;
 }
 html[data-device=desktop] .site-workspace .main-footer.site-footer {
  width:100%!important;max-width:none!important;margin-inline:0!important;
  padding-inline:0!important;left:auto!important;right:auto!important;
 }
 html[data-device=desktop] .main-footer.site-footer :is(.site-footer-contact,.site-footer-lower) {
  box-sizing:border-box!important;width:100%!important;max-width:none!important;
  margin-inline:0!important;padding-inline:max(24px,calc((100% - 1224px)/2))!important;
 }
}

/* Extend each icon tile behind its label while retaining the outer gray frame. */
@layer workspace {
 .site-header .desktop-contact { position:relative!important; isolation:isolate; }
 .site-header .desktop-contact::before { content:''; position:absolute; inset:5px; border-radius:9px; background:#fff; z-index:-1; }
 .site-header .desktop-contact.kakao::before { background:#fee500; }
 .site-header .desktop-contact>span,
 .site-header .desktop-contact.kakao>span { background:transparent!important; }
}
@layer workspace {
 .site-header .desktop-contact { padding-right:16px!important; }
}

/* site-refinements.css */
/* Shared footer and empty-state presentation; desktop geometry stays in its layer. */
.site-ending{box-sizing:border-box;background:#303030;color:#bfc1c4;width:100%;margin:0;padding:0;border:0}
.ending-inner{box-sizing:border-box;max-width:1272px;margin:0 auto;padding:48px 24px 30px}
.ending-top{display:flex;justify-content:space-between;align-items:flex-start;gap:36px}
.ending-brand strong{font-size:22px;letter-spacing:-.7px;color:#fff;font-weight:800}
.ending-brand p{font-size:14px;margin:12px 0 0;color:#bfc1c4}
.ending-contact{display:grid;grid-template-columns:auto auto;gap:8px 26px;align-items:center}
.ending-contact>span{font-size:12px;grid-column:1}
.ending-phone{grid-column:1;font-size:32px;line-height:1.2;letter-spacing:-1px;font-weight:800;color:#fff;text-decoration:none}
.ending-kakao{grid-column:2;grid-row:1/3;align-self:center;border:1px solid #666;border-radius:10px;padding:13px 17px;color:#fff;font-size:13px;text-decoration:none}
.ending-kakao:hover{background:#404040}
.ending-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:42px}
.ending-links{display:flex;flex-wrap:wrap;gap:12px 24px}
.ending-links button{border:0;background:none;padding:0;color:#bfc1c4;font-size:12px;cursor:pointer}
.ending-links .is-strong{color:#fff;font-weight:700}
.ending-bottom small{font-size:11px;color:#a4a6aa}
#saved-cars:has(.garage-empty-state){display:flex!important;justify-content:center!important;align-items:center!important;min-height:300px!important}
.garage-empty-state{text-align:center;padding:45px 20px;max-width:100%;background:none;border:0;box-shadow:none}
.garage-empty-state h3{margin:0 0 10px;font-size:21px;color:#2c3844}
.garage-empty-state p{margin:0;color:#7b858f;font-size:14px;line-height:1.6}
.garage-empty-state button{margin-top:24px;background:#2c3844;color:#fff;padding:13px 21px;border:0;border-radius:10px;font-size:14px;font-weight:650;cursor:pointer}
.garage-empty-state button span{margin-left:14px}
@layer workspace{
 html[data-device=desktop] #home-view .capital-marquee{width:min(1600px,calc(100% - 48px))!important;max-width:1600px!important;margin-inline:auto!important}
 html[data-device=desktop] #home-view .recent-stage{width:min(1224px,calc(100% - 48px))!important;margin-inline:auto!important;position:relative}
 html[data-device=desktop] #home-view #home-recent-cars{width:100%!important;max-width:none!important;margin:0!important;display:grid!important;grid-template-columns:none!important;grid-auto-flow:column!important;grid-auto-columns:270px!important;gap:16px!important;justify-content:start!important;overflow-x:auto!important;scroll-snap-type:x proximity}
 html[data-device=desktop] #home-recent-cars>.car-card{width:270px!important;max-width:270px!important;scroll-snap-align:start}
 html[data-device=desktop] .site-ending{width:100%!important;max-width:none!important;margin:0!important;transform:none!important}
}
html[data-device=mobile] .ending-inner{padding:32px 20px calc(100px + env(safe-area-inset-bottom))}
html[data-device=mobile] .ending-top{flex-wrap:wrap;gap:26px}
html[data-device=mobile] .ending-bottom{flex-direction:column;align-items:flex-start;gap:24px;margin-top:30px}
html[data-device=mobile] .ending-contact{gap:8px 20px}
html[data-device=mobile] .ending-phone{font-size:28px}
html[data-device=mobile] .ending-kakao{padding:11px 13px}
html[data-device=mobile] #home-recent-cars{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:12px!important}
html[data-device=mobile] #home-recent-cars>.car-card{flex:0 0 230px!important}
@layer workspace {
 html[data-device=desktop] .site-workspace #home-view .capital-partners .capital-marquee {width:min(1600px,calc(100% - 48px))!important;max-width:1600px!important;margin-inline:auto!important}
}
@layer workspace {
 html[data-device=desktop] .site-workspace #home-view#home-view .capital-partners .capital-marquee {width:min(1600px,calc(100% - 48px))!important;max-width:1600px!important;margin-inline:auto!important}
}
html[data-device=mobile] #home-view #home-recent-cars{gap:16px!important}
html[data-device=mobile] #home-view #home-recent-cars>.car-card{flex:0 0 244px!important;width:244px!important}
@layer workspace {
 html[data-device=desktop] #home-view .home-hero-v2{height:360px!important;min-height:360px!important;background-size:100% 100%,auto 360px!important}
}
@layer workspace {
 html[data-device=desktop] #home-view #home-recent-cars{padding:2px 18px 14px!important;scroll-padding-inline:18px!important}
}
@layer workspace {
 html[data-device=desktop] #home-view .home-popular-stage::before,
 html[data-device=desktop] #home-view .home-popular-stage::after{content:none!important;display:none!important}
 html[data-device=desktop] #home-view .home-popular-stage>.home-popular-row{clip-path:inset(0 18px)!important}
 html[data-device=desktop] #home-view .home-recent{padding-bottom:32px!important;margin-bottom:0!important}
 html[data-device=desktop] #explore-view .explore-hero-inner{padding-block:28px!important}
}
@layer workspace {
 html[data-device=desktop] #home-view .home-recent:not([hidden])+.home-help-and-reviews{padding-top:32px!important}
}

@layer workspace {
 html[data-device=desktop] .site-workspace .home-help-and-reviews{padding-bottom:0!important}
}
.home-reviews [data-review-scroll]{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;padding:0!important;border:1px solid rgba(211,218,224,.92)!important;border-radius:50%!important;background:rgba(255,255,255,.94)!important;color:#36434e!important;box-shadow:0 8px 22px rgba(26,38,49,.16)!important;backdrop-filter:blur(8px);font-size:0!important;transition:background .18s,color .18s,box-shadow .18s,transform .18s!important}
.home-reviews [data-review-scroll]::before{content:'';display:block;width:16px;height:16px;background:currentColor;mask:center/16px 16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m9 5 7 7-7 7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.home-reviews [data-review-scroll="-1"]::before{transform:rotate(180deg)}
.home-reviews [data-review-scroll]:hover{background:#ef5834!important;color:#fff!important;border-color:#ef5834!important;box-shadow:0 10px 24px rgba(239,88,52,.27)!important;transform:scale(1.06)}
@layer workspace {
 html[data-device=desktop] .site-workspace #home-view .home-help-and-reviews,
 html[data-device=desktop] .site-workspace .garage-help-and-reviews{padding-bottom:0!important}
}
/* Compact showroom banner without resizing its text or search field. */
@layer workspace {
 html[data-device=desktop] .site-workspace #explore-view{padding-top:18px!important}
 html[data-device=desktop] #explore-view .explore-hero-inner{padding-top:36px!important;padding-bottom:16px!important;align-items:start!important;min-height:0!important}
 html[data-device=desktop] #explore-view .explore-hero-copy{padding-top:30px!important;padding-bottom:0!important;min-height:0!important}
 html[data-device=desktop] #explore-view .explore-hero-cars{height:180px!important;min-height:0!important;align-self:center!important;display:flex!important;align-items:center!important;justify-content:center!important}
 html[data-device=desktop] #explore-view .explore-hero-cars>svg{height:180px!important;width:auto!important;max-width:100%!important}
}
/* Lift the copy/search together without changing the banner geometry. */
@layer workspace {
 html[data-device=desktop] #explore-view .explore-hero-copy{position:relative!important;top:-10px!important}
}
/* Subtle manufacturer surface, lighter than the vehicle list. */
@layer workspace {
 html[data-device=desktop] #explore-view .explore-filters{background:#fff!important}
}

.car-spec-line{display:none}
#home-view .car-spec-line,#explore-view .car-spec-line{display:block!important;margin:5px 0 0!important;font-size:12px!important;line-height:1.5!important;font-weight:400!important;color:#89929c!important;white-space:normal!important;word-break:keep-all}
.car-spec-line:empty{display:none!important}
@layer workspace {
 #explore-view .price-row strong{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:baseline!important;gap:4px!important}
 #explore-view .price-row .price-unit{display:inline!important;white-space:nowrap!important;margin:0 0 0 7px!important;font-size:11px!important;font-weight:400!important}
}
.car-brand-line .car-model-year{margin-left:8px;font-size:inherit;font-weight:inherit;color:inherit}.car-model-year:empty{display:none}
.car-model-year:not(:empty)::before{content:'·';margin-right:8px}
@layer workspace {
 html[data-device=desktop] :is(#home-view,#explore-view) .car-card{box-sizing:border-box!important;height:365px!important;min-height:365px!important;max-height:365px!important}
 html[data-device=desktop] :is(#home-view,#explore-view) .car-card .card-main{box-sizing:border-box!important;height:100%!important;min-height:0!important}
 html[data-device=desktop] :is(#home-view,#explore-view) .car-card .dual-prices{position:absolute!important;left:0!important;right:0!important;bottom:2px!important;height:84px!important;margin:0!important}
 html[data-device=desktop] :is(#home-view,#explore-view) .car-card .car-spec-line{height:36px!important;min-height:36px!important;line-height:18px!important;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden!important}
 html[data-device=desktop] :is(#home-view,#explore-view) .car-card .car-title{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden!important}
}

@layer workspace {
 html[data-device=desktop] :is(#home-view,#explore-view) .car-card .car-spec-line{height:28px!important;min-height:28px!important;line-height:14px!important;margin-top:3px!important}
 html[data-device=desktop] :is(#home-view,#explore-view) .car-card .car-title{white-space:nowrap!important;display:block!important;text-overflow:ellipsis!important;-webkit-line-clamp:unset}
}
@layer workspace {
 html[data-device=desktop] :is(#home-view,#explore-view) .car-card{height:355px!important;min-height:355px!important;max-height:355px!important}
 html[data-device=desktop] :is(#home-view,#explore-view) .car-card .car-spec-line{margin-top:1px!important;line-height:13px!important;height:26px!important;min-height:26px!important}
 #explore-view .showroom-conditions .quote-select summary{display:flex!important;align-items:center!important}
 #explore-view .showroom-conditions .quote-select summary>i{display:flex!important;align-items:center!important;justify-content:center!important;align-self:center!important;line-height:1!important;position:static!important;transform:none!important;margin-block:0!important}
 #detail-dialog #detail-content{transform:none!important;animation:none!important;transition:none!important}
 #detail-dialog .config-sticky-vehicle{animation:none!important;transition:none!important}
 .car-card{animation:none!important}
 html[data-device=desktop] #explore-view .explore-process{box-sizing:border-box;width:min(1224px,calc(100% - 48px));margin:0 auto;padding:28px 0 32px}
}
html[data-device=mobile] .explore-process{padding:24px 16px}

/* Desktop readability baseline for the shared home/explore vehicle cards. */
@layer workspace {
 html[data-device=desktop] :is(#home-view,#explore-view) .car-card{height:370px!important;min-height:370px!important;max-height:370px!important}
 html[data-device=desktop] :is(#home-view,#explore-view) .car-card{padding-left:20px!important;padding-right:20px!important}
 html[data-device=desktop] :is(#home-view,#explore-view) .car-card .car-visual{margin-bottom:8px!important}
 html[data-device=desktop] :is(#home-view,#explore-view) .car-card .car-brand-line{margin-top:5px!important;font-size:12px!important;line-height:18px!important}
 html[data-device=desktop] :is(#home-view,#explore-view) .car-card .car-model-year{font-size:12px!important}
 html[data-device=desktop] :is(#home-view,#explore-view) .car-card .car-brand-line{color:#253442!important;font-weight:400!important}
 html[data-device=desktop] :is(#home-view,#explore-view) .car-card .car-title{margin-top:2px!important}
 html[data-device=desktop] :is(#home-view,#explore-view) .car-card .car-spec-line{margin-top:4px!important;height:32px!important;min-height:32px!important;line-height:16px!important;color:#253442!important;font-size:12px!important;font-weight:400!important}
 html[data-device=desktop] :is(#home-view,#explore-view) .car-card .stock-count{font-size:12px!important;line-height:16px!important}
 html[data-device=desktop] :is(#home-view,#explore-view) .car-card .dual-prices{height:88px!important}
 html[data-device=desktop] :is(#home-view,#explore-view) .car-card .price-row{min-height:44px!important;padding-block:9px!important}
 html[data-device=desktop] :is(#home-view,#explore-view) .car-card .price-mode{font-size:12px!important;line-height:18px!important}
 html[data-device=desktop] :is(#home-view,#explore-view) .car-card .price-unit{font-size:12px!important;line-height:17px!important}
 html[data-device=desktop] :is(#home-view,#explore-view) .car-card .price-unit{color:#253442!important;font-weight:400!important}
 html[data-device=desktop] :is(#home-view,#explore-view) .car-card .car-tags{top:8px!important;left:0!important}
 html[data-device=desktop] :is(#home-view,#explore-view) .car-card .heart{top:14px!important;right:20px!important}
 html[data-device=desktop] #explore-view .showroom-kicker{font-size:12px!important;line-height:17px!important}
 html[data-device=desktop] #explore-view .quote-select-menu>p{font-size:12px!important;line-height:18px!important;margin-top:8px!important}
 html[data-device=desktop] #home-view .home-section-label{font-size:12px!important;line-height:17px!important;margin-bottom:7px!important}
 html[data-device=desktop] #home-view .home-member-reward>small{font-size:12px!important;line-height:14px!important}
 html[data-device=desktop] #home-view .home-wide-copy>small{font-size:12px!important;line-height:17px!important}
 html[data-device=desktop] #home-view .home-wide-copy>em{font-size:12px!important;line-height:17px!important}
 html[data-device=desktop] #home-view :is(.flow-review-chip,.flow-review-chip--name){font-size:12px!important;line-height:15px!important}
 html[data-device=desktop] #home-view .home-live-stock :is(span,b){font-size:12px!important;line-height:17px!important}
 html[data-device=desktop] #home-view .home-member-copy>small{font-size:12px!important;line-height:16px!important;margin-bottom:3px!important}
 html[data-device=desktop] #home-view .home-short-copy>small{font-size:12px!important;line-height:16px!important;margin-bottom:5px!important}
 html[data-device=desktop] #home-view .home-section-side>span{font-size:12px!important;line-height:17px!important}
}
@layer workspace {
 html[data-device=desktop] :is(#home-view,#explore-view) .car-card .car-visual{height:135px!important;min-height:135px!important;flex-shrink:0!important}
}
@layer workspace {
 #explore-view .showroom-conditions .quote-select summary>i{font-size:0!important;width:12px!important;height:12px!important;flex:0 0 12px!important;line-height:0!important}
 #explore-view .showroom-conditions .quote-select summary>i::before{content:'';display:block;width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg)}
 html[data-device=desktop] .site-workspace #saved-view{margin-top:0!important}
}
/* Mobile and tablet share one header and one fixed-height vehicle card. */
@layer workspace {
 html[data-device=mobile] .top-brand-row{display:flex!important;align-items:center!important;justify-content:space-between!important;box-sizing:border-box!important;width:100%!important;max-width:none!important;min-width:0!important}
 html[data-device=mobile] .top-brand-row>.member-login{position:relative;z-index:4;margin-left:auto;flex:none;background:#293743;color:#fff;padding:9px 14px}
 html[data-device=mobile] body:has(#home-view:not([hidden])) .top-brand-row::after{content:none!important}
 html[data-device=mobile] body.mobile-home-header-scrolled:has(#home-view:not([hidden])) .top-brand-row{background:#e65331!important}
 html[data-device=mobile] body.mobile-home-header-scrolled:has(#home-view:not([hidden])) .top-brand-row .official-logo img{filter:brightness(0) invert(1)!important}
 html[data-device=mobile] body.mobile-home-header-scrolled:has(#home-view:not([hidden])) .top-brand-row>.member-login{background:#fff;color:#e65331}
 html[data-device=mobile] #explore-view .showroom-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-flow:row!important;gap:12px!important}
 html[data-device=mobile] .site-ending{box-sizing:border-box!important;width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}
 html[data-device=mobile] :is(#home-view,#explore-view) .car-card{box-sizing:border-box!important;height:340px!important;min-height:340px!important;max-height:340px!important;padding:10px!important;display:block!important;position:relative!important}
 html[data-device=mobile] :is(#home-view,#explore-view) .car-card .card-main{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;position:relative!important;height:100%!important;padding:24px 0 0!important;gap:0!important;min-width:0!important}
 html[data-device=mobile] :is(#home-view,#explore-view) .car-card .car-visual{order:-1!important;width:100%!important;height:110px!important;min-height:110px!important;flex:0 0 110px!important;margin:0 0 8px!important;position:relative!important;inset:auto!important}
 html[data-device=mobile] :is(#home-view,#explore-view) .car-card .car-visual img{width:100%!important;height:100%!important;object-fit:contain!important}
 html[data-device=mobile] :is(#home-view,#explore-view) .car-card .car-copy{display:flex!important;flex-direction:column!important;position:static!important;min-width:0!important;padding:0!important;gap:0!important}
 html[data-device=mobile] :is(#home-view,#explore-view) .car-card .car-brand-line{order:-1!important;display:block!important;font-size:12px!important;line-height:16px!important;margin:0 0 3px!important}
 html[data-device=mobile] :is(#home-view,#explore-view) .car-card .car-title{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden!important;white-space:normal!important;font-size:14px!important;line-height:18px!important;height:36px!important;margin:0!important}
 html[data-device=mobile] :is(#home-view,#explore-view) .car-card .car-spec-line{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden!important;font-size:12px!important;line-height:13px!important;height:26px!important;min-height:26px!important;margin:2px 0 0!important}
 html[data-device=mobile] :is(#home-view,#explore-view) .car-card .dual-prices{position:absolute!important;left:0!important;right:0!important;bottom:0!important;display:grid!important;grid-template-columns:1fr!important;height:76px!important;margin:0!important;padding:0!important;gap:0!important}
 html[data-device=mobile] :is(#home-view,#explore-view) .car-card .price-row{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;padding:5px 0!important;border-left:0!important;min-width:0!important}
 html[data-device=mobile] :is(#home-view,#explore-view) .car-card .price-row strong{font-size:16px!important;white-space:nowrap!important;gap:2px!important}
 html[data-device=mobile] :is(#home-view,#explore-view) .car-card .price-unit{font-size:12px!important;margin-left:2px!important}
 html[data-device=mobile] :is(#home-view,#explore-view) .car-card .car-tags{position:absolute!important;top:0!important;left:0!important;margin:0!important}
}
@layer workspace {
 html[data-device=mobile] body.mobile-home-header-scrolled:has(#home-view:not([hidden])) .top-brand-row>.member-login{background:#fff!important;color:#e65331!important}
}
/* Keep mobile card text on one shared left edge and reserve only two trim lines. */
@layer workspace {
 html[data-device=mobile] :is(#home-view,#explore-view) .car-card{height:310px!important;min-height:310px!important;max-height:310px!important}
 html[data-device=mobile] :is(#home-view,#explore-view) .car-card .card-main{align-items:stretch!important;justify-content:flex-start!important;text-align:left!important}
 html[data-device=mobile] :is(#home-view,#explore-view) .car-card .car-copy{width:100%!important;max-width:none!important;align-self:stretch!important;align-items:stretch!important;text-align:left!important}
 html[data-device=mobile] :is(#home-view,#explore-view) .car-card .car-title{display:block!important;height:18px!important;min-height:18px!important;white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important}
 html[data-device=mobile] :is(#home-view,#explore-view) .car-card .car-spec-line{width:100%!important;white-space:normal!important;word-break:normal!important;height:26px!important;min-height:26px!important;max-height:26px!important;line-height:13px!important;margin:2px 0 0!important}
}
/* A phone keeps the home card width; wider mobile devices can fit two cards. */
@layer workspace {
 html[data-device=mobile] #explore-view .showroom-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,244px),244px))!important;width:100%!important;max-width:500px!important;margin-inline:auto!important;justify-content:center!important;gap:12px!important}
 html[data-device=mobile] #explore-view .showroom-grid>.car-card{width:100%!important;min-width:0!important;max-width:244px!important}
}
/* Mobile showroom uses horizontal cards, independently of the home carousel. */
@layer workspace {
 html[data-device=mobile] #explore-view .showroom-grid{grid-template-columns:1fr!important;max-width:none!important;width:100%!important;gap:12px!important}
 html[data-device=mobile] #explore-view .showroom-grid>.car-card{width:100%!important;max-width:none!important;height:218px!important;min-height:218px!important;max-height:218px!important;padding:14px!important}
 html[data-device=mobile] #explore-view .car-card .card-main{display:grid!important;grid-template-columns:minmax(0,1fr) 38%!important;align-items:center!important;column-gap:10px!important;padding-top:28px!important}
 html[data-device=mobile] #explore-view .car-card .car-copy{grid-column:1!important;grid-row:1!important;height:100%!important;justify-content:flex-start!important}
 html[data-device=mobile] #explore-view .car-card .car-visual{grid-column:2!important;grid-row:1!important;order:0!important;width:100%!important;height:110px!important;min-height:110px!important;margin:20px 0 0!important;align-self:center!important}
 html[data-device=mobile] #explore-view .car-card .car-brand-line{line-height:14px!important;margin-bottom:3px!important}
 html[data-device=mobile] #explore-view .car-card .car-title{font-size:16px!important;line-height:20px!important;height:20px!important;min-height:20px!important}
 html[data-device=mobile] #explore-view .car-card .car-spec-line{height:26px!important;min-height:26px!important;margin-top:3px!important}
 html[data-device=mobile] #explore-view .car-card .dual-prices{position:static!important;height:70px!important;min-height:70px!important;margin-top:5px!important;width:100%!important}
 html[data-device=mobile] #explore-view .car-card .price-row strong{font-size:18px!important}
 html[data-device=mobile] #explore-view .car-card .car-tags{top:0!important}
 @media(min-width:760px){html[data-device=mobile] #explore-view .showroom-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
}
/* Horizontal showroom: prices follow their labels; give the vehicle more room. */
@layer workspace {
 html[data-device=mobile] #explore-view .car-card .card-main{grid-template-columns:minmax(0,1fr) 43%!important;column-gap:6px!important}
 html[data-device=mobile] #explore-view .car-card .car-visual{height:138px!important;min-height:138px!important;margin-top:12px!important}
 html[data-device=mobile] #explore-view .car-card .price-row{justify-content:flex-start!important;gap:9px!important}
 html[data-device=mobile] #explore-view .car-card .price-mode{flex:0 0 22px!important;width:22px!important}
 html[data-device=mobile] #explore-view .car-card .price-row strong{margin-left:0!important;font-size:17px!important}
}
@layer workspace {
 html[data-device=mobile] #explore-view .showroom-grid>.car-card{height:199px!important;min-height:199px!important;max-height:199px!important}
 html[data-device=mobile] #explore-view .car-card .car-visual{margin-top:0!important}
}
@layer workspace {
 html[data-device=mobile] #explore-view .car-card :is(.car-brand-line,.car-title,.car-spec-line){position:relative!important;top:4px!important}
}
/* Fade the mobile home header when it passes the orange hero. */
@layer workspace {
 html[data-device=mobile] body:has(#home-view:not([hidden])) .top-brand-row{transition:background-color .28s ease,border-color .28s ease,box-shadow .28s ease!important}
 html[data-device=mobile] body:has(#home-view:not([hidden])) .top-brand-row .official-logo img{transition:filter .28s ease!important}
 html[data-device=mobile] body:has(#home-view:not([hidden])) .top-brand-row>.member-login{transition:background-color .28s ease,color .28s ease!important}
 @media(prefers-reduced-motion:reduce){
 html[data-device=mobile] body:has(#home-view:not([hidden])) .top-brand-row,
 html[data-device=mobile] body:has(#home-view:not([hidden])) .top-brand-row .official-logo img,
 html[data-device=mobile] body:has(#home-view:not([hidden])) .top-brand-row>.member-login{transition:none!important}
 }
}
.inventory-product-filter{display:flex;gap:4px;padding:4px;background:#eaeef1;border-radius:11px;margin:0 0 14px;width:fit-content}
.inventory-product-filter button{border:0;background:transparent;color:#7b8792;font-size:12px;font-weight:700;padding:9px 22px;border-radius:8px;cursor:pointer}
.inventory-product-filter button[aria-pressed=true]{background:#fff;color:#293743;box-shadow:0 2px 5px #23344312}
@layer workspace {
 #detail-dialog .inventory-single-price{display:block!important;padding:12px!important;background:#f5f7f8!important;border-radius:12px!important}
 #detail-dialog .inventory-single-price .inventory-price-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:4px 12px!important;text-align:left!important;padding:0!important;border:0!important}
 #detail-dialog .inventory-single-price .inventory-price-row>span{grid-column:1!important;font-size:10px!important;color:#7c8892!important}
 #detail-dialog .inventory-single-price .inventory-price-row>strong{grid-column:1!important;font-size:21px!important;line-height:1.2!important;color:#ed5835!important}
 #detail-dialog .inventory-single-price .inventory-price-row>button{grid-column:2!important;grid-row:1/3!important;align-self:center!important;margin:0!important;padding:10px 13px!important;border:1px solid #dfe5e9!important;border-radius:9px!important;background:#fff!important;color:#344350!important;font-size:11px!important}
}
/* Compact stock cards: one price line, no nested price panel. */
@layer workspace {
 #detail-dialog .inventory-card{padding:12px!important}
 #detail-dialog .inventory-spec-block{margin-top:7px!important;padding:0!important}
 #detail-dialog .inventory-spec-row{gap:12px!important}
 #detail-dialog .inventory-vehicle-price{min-height:0!important;margin-top:6px!important;padding:0!important;border:0!important;gap:6px!important}
 #detail-dialog .inventory-vehicle-price strong{font-size:11px!important;font-weight:600!important;color:#77838e!important}
 #detail-dialog .inventory-single-price{margin-top:9px!important;padding:9px 0 0!important;background:transparent!important;border-radius:0!important;border-top:1px solid #edf0f2!important}
 #detail-dialog .inventory-single-price::after{display:none!important;content:none!important}
 #detail-dialog .inventory-single-price .inventory-price-row{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-height:30px!important;gap:6px!important}
 #detail-dialog .inventory-single-price .inventory-price-row>span{font-size:10px!important;font-weight:500!important}
 #detail-dialog .inventory-single-price .inventory-price-row>strong{font-size:20px!important;line-height:26px!important}
 #detail-dialog .inventory-single-price .inventory-price-row>button{margin-left:auto!important;padding:5px 10px!important;min-height:28px!important;height:auto!important;border:0!important;background:#f0f3f5!important;border-radius:7px!important;white-space:nowrap!important}
}
/* Stock card numbering and secondary vehicle value. */
@layer workspace {
 #detail-dialog .inventory-card-number{width:16px!important;height:auto!important;min-width:16px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;line-height:19px!important;text-align:left!important;margin-left:-5px!important;padding:0!important;align-self:start!important}
 #detail-dialog .inventory-vehicle-price{align-items:baseline!important;line-height:16px!important}
 #detail-dialog .inventory-vehicle-price>span,
 #detail-dialog .inventory-vehicle-price>strong{font-size:10px!important;font-weight:400!important;line-height:16px!important;letter-spacing:normal!important;margin:0!important;padding:0!important;vertical-align:baseline!important}
}
@layer workspace {
 #detail-dialog .inventory-card-heading{grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}
 #detail-dialog .inventory-card-heading h3{padding-top:0!important;margin:0!important}
 #detail-dialog .inventory-card-heading h3 .inventory-card-number{display:inline!important;width:auto!important;min-width:0!important;height:auto!important;margin:0!important;line-height:inherit!important;font-size:inherit!important;vertical-align:baseline!important}
 #detail-dialog .inventory-spec-row{align-items:start!important}
 #detail-dialog .inventory-option-preview{align-self:start!important;margin-top:0!important;padding-top:0!important}
}
@layer workspace {
 #detail-dialog .inventory-option-preview{align-content:start!important;min-height:0!important}
}
/* Compact mobile configurator header; desktop geometry stays unchanged. */
@layer workspace {
 html[data-device=mobile] #detail-dialog .dialog-head .eyebrow{display:none!important}
 html[data-device=mobile] #detail-dialog .dialog-head>.config-mode-switch{margin:0!important;flex:none!important}
 html[data-device=mobile] #detail-dialog .config-title-tools{display:none!important}
 html[data-device=mobile] #detail-dialog .config-title>div:first-child{display:flex!important;align-items:baseline!important;gap:8px!important;width:100%!important;min-width:0!important}
 html[data-device=mobile] #detail-dialog .config-title h2{order:-1!important;margin:0!important;font-size:16px!important;line-height:22px!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
 html[data-device=mobile] #detail-dialog .config-brand-year{display:flex!important;gap:4px!important;flex:none!important;font-size:12px!important;line-height:16px!important;white-space:nowrap!important}
 html[data-device=mobile] #detail-dialog .config-brand-year :is(b,strong){font-size:12px!important}
 html[data-device=mobile] #detail-dialog .config-sticky-vehicle{padding:9px 20px 6px!important}
 html[data-device=mobile] #detail-dialog .config-sticky-vehicle .config-car-stage{height:107px!important;margin:0!important;padding:0!important}
 html[data-device=mobile] #detail-dialog .config-sticky-vehicle .config-car-stage img{height:82px!important;max-height:82px!important;top:0!important;bottom:auto!important;object-fit:contain!important}
 html[data-device=mobile] #detail-dialog .config-sticky-vehicle .config-car-stage p{bottom:3px!important;font-size:12px!important}
 html[data-device=mobile] #detail-dialog .config-sticky-space,
 html[data-device=mobile] #detail-dialog.is-stock-mode .config-sticky-space{height:144px!important;transition:none!important}
}
@layer workspace {
 html[data-device=mobile] #detail-dialog .dialog-head .eyebrow{display:block!important}
 html[data-device=mobile] #detail-dialog .config-title{display:flex!important;flex-direction:column!important;gap:6px!important;align-items:stretch!important}
 html[data-device=mobile] #detail-dialog .config-title-tools{display:flex!important;order:-1!important;align-self:flex-end!important;justify-content:flex-end!important;width:auto!important}
 html[data-device=mobile] #detail-dialog .config-sticky-vehicle{padding-top:8px!important;padding-bottom:7px!important}
 html[data-device=mobile] #detail-dialog .config-sticky-vehicle .config-car-stage{height:108px!important}
 html[data-device=mobile] #detail-dialog .config-sticky-space,
 html[data-device=mobile] #detail-dialog.is-stock-mode .config-sticky-space{height:190px!important}
 html[data-device=mobile] #detail-dialog .inventory-list-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-height:54px!important;height:auto!important;margin:0 0 10px!important;padding:0!important}
 html[data-device=mobile] #detail-dialog .inventory-heading-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important}
 html[data-device=mobile] #detail-dialog .inventory-heading-copy .inventory-list-stock-badge{margin:0!important}
 html[data-device=mobile] #detail-dialog .inventory-heading-copy>small{font-size:12px!important;white-space:nowrap!important}
 html[data-device=mobile] #detail-dialog .inventory-list-heading>.inventory-product-filter{margin:0!important;flex:none!important;padding:3px!important}
 html[data-device=mobile] #detail-dialog .inventory-list-heading>.inventory-product-filter button{padding:8px 12px!important;font-size:12px!important}
}
@layer workspace {
 html[data-device=mobile] #detail-dialog .config-sticky-space,
 html[data-device=mobile] #detail-dialog.is-stock-mode .config-sticky-space{height:217px!important}
}
@layer workspace {
 html[data-device=mobile] #detail-dialog .config-title{flex-direction:row!important;align-items:center!important;gap:8px!important}
 html[data-device=mobile] #detail-dialog .config-title>div:first-child{flex:1!important;width:auto!important;gap:6px!important}
 html[data-device=mobile] #detail-dialog .config-title-tools{order:0!important;align-self:center!important;flex:none!important}
 html[data-device=mobile] #detail-dialog .config-title h2{font-size:14px!important}
 html[data-device=mobile] #detail-dialog .config-brand-year{gap:0!important}
 html[data-device=mobile] #detail-dialog .config-brand-year strong::before{margin:0 4px!important}
 html[data-device=mobile] #detail-dialog .config-sticky-space,
 html[data-device=mobile] #detail-dialog.is-stock-mode .config-sticky-space{height:160px!important}
 html[data-device=mobile] #detail-dialog .config-view-stage{margin-top:0!important;padding-top:0!important}
 html[data-device=mobile] #detail-dialog [data-config-panel=custom]{padding-top:64px!important}
 html[data-device=mobile] #detail-dialog .inventory-list-card{margin-top:0!important}
 html[data-device=mobile] #detail-dialog .inventory-list-heading{height:54px!important;min-height:54px!important;margin-bottom:10px!important}
 #detail-dialog .inventory-vehicle-price{margin-top:8px!important}
}
@layer workspace {
 #detail-dialog .inventory-single-price{padding-top:8px!important;margin-top:8px!important}
 #detail-dialog .inventory-single-price>.inventory-vehicle-price{margin:0 0 4px!important;padding:0!important;line-height:14px!important}
 #detail-dialog .inventory-single-price>.inventory-vehicle-price :is(span,strong){line-height:14px!important}
 html[data-device=mobile] #detail-dialog [data-config-panel=custom]{padding-top:0!important}
 html[data-device=mobile] #detail-dialog .config-sticky-space,
 html[data-device=mobile] #detail-dialog.is-stock-mode .config-sticky-space{height:158px!important}
 html[data-device=mobile] #detail-dialog .inventory-list-heading{height:40px!important;min-height:40px!important;margin:0 0 12px!important}
 html[data-device=mobile] #detail-dialog .inventory-list-heading>.inventory-product-filter{height:34px!important;box-sizing:border-box!important;align-items:center!important}
 html[data-device=mobile] #detail-dialog .inventory-list-heading>.inventory-product-filter button{padding:6px 12px!important}
}
@layer workspace {
 html[data-device=mobile] #detail-dialog .config-sticky-space,
 html[data-device=mobile] #detail-dialog.is-stock-mode .config-sticky-space{height:157px!important}
 html[data-device=mobile] #detail-dialog .inventory-list-heading{margin-bottom:16px!important}
}
@layer workspace {
 #detail-dialog .inventory-single-price>.inventory-vehicle-price{display:flex!important;align-items:baseline!important;justify-content:flex-start!important;min-height:0!important;height:auto!important;gap:6px!important;text-align:left!important}
 #detail-dialog .inventory-single-price>.inventory-vehicle-price>strong{font-size:10px!important;font-weight:400!important;color:#77838e!important}
}
@layer workspace {
 html[data-device=mobile] #detail-dialog.is-stock-mode .config-sticky-space{height:147.5px!important}
 html[data-device=mobile] #detail-dialog .inventory-list-heading{margin-bottom:6.5px!important}
}
@layer workspace {
 #detail-dialog .inventory-card-heading h3 .inventory-card-number{display:inline-block!important;width:var(--inventory-number-ch,1.5ch)!important}
 #detail-dialog .inventory-color-line{padding-left:calc(var(--inventory-number-ch,1.5ch) + .36em)!important;font-size:13px!important;box-sizing:border-box!important}
 #detail-dialog .inventory-color-line>span{font-size:11px!important}
 #detail-dialog .inventory-color-line b,
 #detail-dialog .inventory-option-preview b{font-weight:400!important}
}
@layer workspace {
 #detail-dialog .inventory-single-price{padding-left:calc(var(--inventory-number-ch,1.5ch) + .36em)!important;font-size:13px!important}
}
@layer workspace {
 #detail-dialog .inventory-single-price>.inventory-vehicle-price{position:relative!important;top:2px!important}
 #detail-dialog .inventory-single-price>.inventory-vehicle-price>span,
 #detail-dialog .inventory-single-price>.inventory-vehicle-price>strong{font-size:11px!important;font-weight:400!important}
}
/* Compact desktop stock offers: trim, specifications, then the monthly quote. */
@layer workspace {
 #detail-dialog .stock-offer{box-sizing:border-box;min-width:0;padding:11px 14px;background:#fff;border:1px solid #e7edf1;border-radius:14px;overflow:hidden;box-shadow:0 3px 10px #23344308;color:#253442}
 #detail-dialog .stock-offer p,#detail-dialog .stock-offer h3{margin:0}
 #detail-dialog .stock-offer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:20px}
 #detail-dialog .stock-offer-head h3{min-width:0;font-size:15px;font-weight:750;line-height:20px;letter-spacing:-.35px;overflow-wrap:anywhere}
 #detail-dialog .stock-offer-number{font-size:11px;font-weight:500;color:#8a96a1;margin-right:3px}
 #detail-dialog .stock-offer-count{flex:none;font-size:10px;font-weight:600;line-height:18px;color:#536775;background:#eef3f5;border-radius:5px;padding:0 6px}
 #detail-dialog .stock-offer-spec{font-size:11px;line-height:15px;color:#77838e;padding-left:0}
 #detail-dialog .stock-offer-details{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:7px;min-width:0}
 #detail-dialog .stock-offer-colors{min-width:0}
 #detail-dialog .stock-offer-colors p{font-size:11px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#475766}
 #detail-dialog .stock-offer-colors p>span,#detail-dialog .stock-offer-options>span{font-size:10px;font-weight:400;color:#8a959f;margin-right:7px}
 #detail-dialog .stock-offer-options{display:flex;align-items:flex-start;min-width:0;line-height:16px}
 #detail-dialog .stock-offer-options>span{flex:none}
 #detail-dialog .stock-offer-options button{display:block;min-width:0;width:100%;padding:0;border:0;background:none;text-align:left;cursor:pointer;font:inherit;color:#475766}
 #detail-dialog .stock-offer-options button>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:16px}
 #detail-dialog .stock-offer-options button>small{display:block;font-size:10px;font-weight:600;line-height:16px;color:#536775}
 #detail-dialog .stock-offer-options>p{font-size:11px;color:#77838e}
 #detail-dialog .stock-offer-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin:7px -14px -9px;padding:6px 14px 9px;background:#fff;border-top:1px solid transparent}
 #detail-dialog .stock-offer-value{font-size:10px;line-height:14px;color:#8a959f;font-weight:400}
 #detail-dialog .stock-offer-value span{margin-left:5px;color:#77838e}
 #detail-dialog .stock-offer-monthly{display:flex;align-items:baseline;gap:5px;line-height:26px;white-space:nowrap}
 #detail-dialog .stock-offer-monthly>span{font-size:10px;color:#77838e}
 #detail-dialog .stock-offer-monthly>strong{font-size:23px;font-weight:750;letter-spacing:-.7px;color:#ec5633;font-variant-numeric:tabular-nums}
 #detail-dialog .stock-offer-monthly>small{font-size:12px;font-weight:500;color:#ec5633;margin-left:-3px}
 #detail-dialog .stock-offer-consult{flex:none;height:30px;margin-bottom:1px;padding:0 11px;border:0;border-radius:8px;background:#293c4a;color:#fff;font-size:11px;font-weight:600;cursor:pointer}
 #detail-dialog .stock-offer-consult span{margin-left:7px;color:#b6c5ce}
 #detail-dialog .stock-offer-head h3{font-size:15px!important;line-height:20px!important}
 #detail-dialog .stock-offer-options button{background:transparent!important;color:#475766!important;font-size:11px!important;line-height:16px!important}
 #detail-dialog .stock-offer-monthly{font-size:12px!important;line-height:26px!important;height:26px}
 #detail-dialog .stock-offer-monthly>strong{line-height:26px!important}
 #detail-dialog .stock-offer-monthly>span,#detail-dialog .stock-offer-monthly>small{line-height:16px!important}
 #detail-dialog .stock-offer{padding-top:9px;padding-bottom:9px}
 #detail-dialog .stock-offer-details{margin-top:5px}
 #detail-dialog .stock-offer-consult{background:#293c4a!important;color:#fff!important;font-size:11px!important;font-weight:600!important;line-height:30px!important}
 #detail-dialog .stock-offer{border-color:#e8ecef;box-shadow:none}
 #detail-dialog .stock-offer-head{margin:0;padding:0;background:transparent;color:#253442}
 #detail-dialog .stock-offer-head h3{color:#253442!important}
 #detail-dialog .stock-offer-number{color:#9aa4ad}
 #detail-dialog .stock-offer-count{background:transparent;color:#7b8791;padding:0;font-weight:400}
 #detail-dialog .stock-offer-spec{margin:0!important;padding:0 0 5px;background:transparent;color:#88939d}
 #detail-dialog .stock-offer-details{margin-top:5px}
 #detail-dialog .stock-offer-footer{margin-top:2px}
 #detail-dialog .stock-offer-consult{background:#f4f6f8!important;color:#435463!important;border:0!important}
 #detail-dialog .stock-offer-consult span{color:#6d8292}
 #detail-dialog .stock-offer-consult:hover{background:#f0f4f7!important}
 #detail-dialog .stock-offer button:focus-visible{outline:2px solid #ec5633;outline-offset:3px}
 #detail-dialog .stock-offer-compact{padding:13px 16px;min-height:0}
 #detail-dialog .stock-offer-primary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start}
 #detail-dialog .stock-offer-identity{min-width:0}
 #detail-dialog .stock-offer-compact .stock-offer-head{display:flex;justify-content:flex-start;align-items:baseline;gap:10px;flex-wrap:wrap}
 #detail-dialog .stock-offer-compact .stock-offer-count{font-size:10px;line-height:16px}
 #detail-dialog .stock-offer-compact .stock-offer-spec{padding:5px 0 0;font-size:11px;line-height:15px}
 #detail-dialog .stock-offer-compact .stock-offer-quote{text-align:right}
 #detail-dialog .stock-offer-compact .stock-offer-monthly{justify-content:flex-end}
 #detail-dialog .stock-offer-compact .stock-offer-monthly>strong{font-size:24px}
 #detail-dialog .stock-offer-compact .stock-offer-value{margin-top:5px;white-space:nowrap}
 #detail-dialog .stock-offer-secondary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;margin-top:14px}
 #detail-dialog .stock-offer-compact .stock-offer-colors p{line-height:17px;color:#253442;font-weight:400}
 #detail-dialog .stock-offer-compact .stock-offer-colors p>span{margin-right:9px}
 #detail-dialog .stock-offer-actions{display:flex;align-items:center;gap:14px;height:30px}
 #detail-dialog .stock-offer-option-link{padding:0!important;background:none!important;border:0!important;color:#657581!important;font-size:11px!important;font-weight:500!important;line-height:20px!important;cursor:pointer;white-space:nowrap}
 #detail-dialog .stock-offer-no-options{font-size:10px;color:#96a0a9}
 #detail-dialog .stock-offer-compact .stock-offer-consult{margin:0;padding:0 10px!important;background:#66737d!important;color:#fff!important;border-radius:7px}
 #detail-dialog .stock-offer-compact .stock-offer-consult span{color:#c8d2db;margin-left:4px}
 #detail-dialog .stock-offer-compact :is(.stock-offer-number,.stock-offer-count,.stock-offer-spec,.stock-offer-value,.stock-offer-colors p,.stock-offer-colors p>span,.stock-offer-monthly>span,.stock-offer-monthly>small,.stock-offer-no-options){font-size:12px;line-height:17px}
 #detail-dialog .stock-offer-compact :is(.stock-offer-option-link,.stock-offer-consult){font-size:12px!important}
 #detail-dialog .stock-offer-compact .stock-offer-option-link{color:#253442!important;font-weight:400!important}
 #detail-dialog .stock-offer-compact .stock-offer-colors p+p{margin-top:5px}
 #detail-dialog .stock-offer-compact .stock-offer-consult:hover{background:#56636e!important}
 html[data-device=desktop] #detail-dialog .config-mode-switch button{font-size:12px!important}
}
/* Use the compact mobile stock header and card treatment on desktop, too. */
@layer workspace {
 html[data-device=desktop] #detail-dialog .inventory-list-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;height:56px!important;min-height:56px!important;margin:0!important;padding:0!important}
 html[data-device=desktop] #detail-dialog .inventory-heading-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important;min-width:0!important}
 html[data-device=desktop] #detail-dialog .inventory-heading-copy .inventory-list-stock-badge{margin:0!important}
 html[data-device=desktop] #detail-dialog .inventory-heading-copy>small{font-size:12px!important;line-height:1!important;white-space:nowrap!important}
 html[data-device=desktop] #detail-dialog .inventory-list-heading>.inventory-product-filter{display:flex!important;align-items:center!important;flex:none!important;height:34px!important;box-sizing:border-box!important;margin:0!important;padding:3px!important}
 html[data-device=desktop] #detail-dialog .inventory-list-heading>.inventory-product-filter button{padding:6px 12px!important;font-size:12px!important}
 html[data-device=desktop] #detail-dialog .inventory-list-stock-badge{font-size:12px!important}
 #detail-dialog .inventory-option-number{display:inline-block;min-width:1.3em;color:#88939d;font-weight:400;font-variant-numeric:tabular-nums}
 html[data-device=desktop] #detail-dialog .inventory-card{padding:12px!important;border-radius:14px!important}
 html[data-device=desktop] #detail-dialog .inventory-card-heading h3{font-size:13px!important;line-height:18px!important}
 html[data-device=desktop] #detail-dialog .inventory-card-heading>strong{font-size:10px!important}
}
/* Stock offer typography: one accent, two neutral levels; preserve compact geometry. */
#detail-dialog .stock-offer-compact{--stock-text:#253442;--stock-muted:#77838e}
#detail-dialog .stock-offer-compact .stock-offer-head h3{color:var(--stock-text)!important;font-weight:600!important}
#detail-dialog .stock-offer-compact :is(.stock-offer-spec,.stock-offer-colors p,.stock-offer-option-link){color:var(--stock-text)!important;font-weight:400!important}
#detail-dialog .stock-offer-compact :is(.stock-offer-number,.stock-offer-count,.stock-offer-value,.stock-offer-value span,.stock-offer-colors p>span,.stock-offer-monthly>span,.stock-offer-monthly>small,.stock-offer-no-options){color:var(--stock-muted)!important;font-weight:400!important}
#detail-dialog .stock-offer-compact .stock-offer-monthly>strong{color:var(--stock-text,#293642)!important;font-weight:750!important}
#detail-dialog .stock-offer-compact .stock-offer-consult{font-weight:600!important}
#detail-dialog .stock-offer-compact .stock-offer-consult span{color:inherit!important;font-weight:400!important}
/* Align specifications and colors with the trim title, after its number. */
#detail-dialog .stock-offer-compact{--stock-title-indent:24px}
#detail-dialog .stock-offer-compact .stock-offer-head h3{display:flex;align-items:baseline;gap:6px}
#detail-dialog .stock-offer-compact .stock-offer-number{flex:0 0 18px;width:18px;margin-right:0;font-variant-numeric:tabular-nums}
#detail-dialog .stock-offer-compact .stock-offer-spec,
#detail-dialog .stock-offer-compact .stock-offer-colors{padding-left:var(--stock-title-indent);box-sizing:border-box}

/* Connect the active configuration row to its expanded choice panel. */
#detail-dialog .config-summary-row[aria-expanded="true"]{border-top:0!important;border-radius:0!important;box-shadow:inset 1px 0 #bcc6ce,inset -1px 0 #bcc6ce,inset 0 1px #bcc6ce,inset 4px 0 #ef5633!important}
#detail-dialog .config-summary-row[aria-expanded="true"]>i{color:#ef5633!important}
#detail-dialog .config-summary-group:has(>.config-summary-row:last-child[aria-expanded="true"]){border-bottom-color:transparent!important}
#detail-dialog :is(.config-picker-inline.open .config-picker-menu,.config-options-inline:not([hidden]),.config-selection-card .color-section.open){border:1px solid #bcc6ce!important;border-top:0!important}
#detail-dialog .inventory-heading-copy>small{padding-left:12px!important}

/* Keep wrapped color names aligned with their values, and put options below the trim. */
#detail-dialog .stock-offer-compact .stock-offer-colors p{display:grid;grid-template-columns:max-content minmax(0,1fr);column-gap:9px;white-space:normal;overflow:visible;text-overflow:clip}
#detail-dialog .stock-offer-compact .stock-offer-colors p>span:first-child{margin-right:0}
#detail-dialog .stock-offer-compact .stock-offer-colors .stock-color-value{min-width:0;overflow-wrap:anywhere;color:var(--stock-text)!important}
#detail-dialog .stock-offer-compact .stock-offer-option-detail{padding-left:var(--stock-title-indent);margin-top:3px;line-height:17px}
#detail-dialog .stock-offer-compact .stock-offer-secondary{margin-top:8px}
/* Exchange the right-hand quote and inquiry action without increasing card height. */
#detail-dialog .stock-offer-compact{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:9px;align-items:start;padding-top:9px;padding-bottom:9px}
#detail-dialog .stock-offer-compact :is(.stock-offer-primary,.stock-offer-secondary){display:contents}
#detail-dialog .stock-offer-compact .stock-offer-identity{grid-column:1;grid-row:1}
#detail-dialog .stock-offer-compact .stock-offer-actions{grid-column:2;grid-row:1;justify-self:end;align-self:start}
#detail-dialog .stock-offer-compact .stock-offer-colors{grid-column:1;grid-row:2}
#detail-dialog .stock-offer-compact .stock-offer-quote{grid-column:2;grid-row:2;justify-self:end;align-self:end}
/* Pair exterior with the monthly amount, and interior with the vehicle value. */
#detail-dialog .stock-offer-compact .stock-offer-colors{display:grid;grid-template-rows:26px 17px;row-gap:5px;align-self:end;min-width:0}
#detail-dialog .stock-offer-compact .stock-offer-colors p{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:clip}
#detail-dialog .stock-offer-compact .stock-offer-colors p:first-child{align-self:end}
#detail-dialog .stock-offer-compact .stock-offer-colors p+p{align-self:start;margin-top:0}
#detail-dialog .stock-offer-compact .stock-offer-colors .stock-color-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}

/* Desktop choice sheets follow the mobile row-and-choices pattern. */
html[data-device=desktop] #detail-dialog .config-summary-row[aria-expanded="true"]{background:#fff!important}

/* Options stay open for multiple selections; an expanded row offers a clear close control. */
html[data-device=desktop] #detail-dialog .config-summary-row[data-open-options]{grid-template-columns:112px minmax(0,1fr) 28px}
html[data-device=desktop] #detail-dialog .config-summary-row[data-open-options]>i{display:grid;place-items:center;width:28px;height:28px}
html[data-device=desktop] #detail-dialog .config-summary-row[data-open-options][aria-expanded="true"]>i{font-size:0;transform:none;color:#ef5633}
html[data-device=desktop] #detail-dialog .config-summary-row[data-open-options][aria-expanded="true"]>i::before{content:"×";font-size:26px;font-weight:300;line-height:1}
#detail-dialog .config-footer-left{align-content:center;gap:4px}
#detail-dialog .config-footer .config-selection-summary{line-height:1.15}
#detail-dialog .config-footer-cta{line-height:1.15}
html[data-device=desktop] #detail-dialog :is(.config-picker-inline.open .config-picker-menu,.config-options-inline:not([hidden]),.config-selection-card .color-section.open){padding:6px 12px 14px!important;border:1px solid #bcc6ce!important;border-top:0!important;box-shadow:0 10px 22px rgba(28,43,57,.1)!important}
html[data-device=desktop] #detail-dialog :is(.config-picker-inline.open .config-picker-menu,.config-options-inline:not([hidden]),.config-selection-card .color-section.open) :is(.config-sheet-head,.config-inline-heading,.color-heading){display:none!important}
html[data-device=desktop] #detail-dialog .config-options-inline:not([hidden]) [data-option-choice] .config-option-copy{display:grid!important;grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:8px;flex:1 1 auto;min-width:0;white-space:normal}
html[data-device=desktop] #detail-dialog .config-options-inline:not([hidden]) [data-option-choice] .config-option-name{display:-webkit-box;min-width:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;line-height:1.4}
html[data-device=desktop] #detail-dialog .config-options-inline:not([hidden]) [data-option-choice] .config-option-price{display:block;white-space:nowrap!important;overflow-wrap:normal;text-align:right;font-variant-numeric:tabular-nums}
html[data-device=desktop] #detail-dialog .config-options-inline:not([hidden]) [data-option-choice] i{margin-left:0!important}
html[data-device=desktop] #detail-dialog .config-options-inline:not([hidden]) [data-option-choice] .config-option-name{font-size:13px;line-height:1.4;font-weight:600}
html[data-device=desktop] #detail-dialog .config-options-inline:not([hidden]) [data-option-choice] .config-option-price{font-size:12px;color:#66737d;font-weight:500;line-height:1.4}

/* Put trim prices in the same right-aligned column as option prices. */
#detail-dialog .config-picker-inline .config-picker-menu>[role=option]{gap:8px}
#detail-dialog .config-picker-inline .config-picker-menu .config-choice-name{flex:1 1 auto;min-width:0;line-height:1.4;overflow-wrap:anywhere}
#detail-dialog .config-picker-inline .config-picker-menu .config-choice-price{flex:0 0 auto;margin-left:auto;color:#66737d;font-size:12px;font-weight:500;line-height:1.4;white-space:nowrap;font-variant-numeric:tabular-nums}
#detail-dialog .config-picker-inline .config-picker-menu>[role=option] i{margin-left:4px}
/* Stock cards: clear title and quote, restrained secondary details. */
@layer workspace {
 #detail-dialog .stock-offer-compact{--stock-text:#293642;--stock-muted:#73808b;background:#fff!important;border:1px solid #e3e8ec!important;box-shadow:none!important;border-radius:14px!important;padding:10px 14px!important;row-gap:12px;column-gap:12px}
 #detail-dialog .stock-offer-compact .stock-offer-head{gap:8px;flex-wrap:wrap}
 #detail-dialog .stock-offer-compact .stock-offer-head h3{font-weight:600!important;letter-spacing:-.25px}
 #detail-dialog .stock-offer-compact .stock-offer-count{margin-left:auto;background:none!important;border:0!important;padding:0!important;border-radius:0;font-size:12px;color:#73808b!important;white-space:nowrap}
 #detail-dialog .stock-offer-compact .stock-offer-spec{padding-top:3px;padding-bottom:0;font-size:12px!important;line-height:17px!important;color:#596672!important}
 #detail-dialog .stock-offer-compact .stock-offer-option-detail{margin-top:2px;line-height:17px}
 #detail-dialog .stock-offer-compact .stock-offer-option-link{color:#596672!important;font-size:12px!important;font-weight:400!important;padding:0;min-height:0}
 #detail-dialog .stock-offer-compact .stock-offer-number{color:#89939c!important;font-size:12px!important;font-weight:400!important}
 #detail-dialog .stock-offer-compact .stock-offer-monthly>strong{color:#293642!important;font-weight:700!important;letter-spacing:-.6px}
 #detail-dialog .stock-offer-compact .stock-offer-monthly>small{color:#293642!important;font-weight:400!important}
 #detail-dialog .stock-offer-compact .stock-offer-value{color:#73808b!important;font-weight:400!important}
 #detail-dialog .stock-offer-compact .stock-offer-consult{background:#606b74!important;color:#fff!important;box-shadow:none!important;font-size:12px!important;font-weight:500!important;border-radius:7px!important;padding:0 10px!important}
 #detail-dialog .stock-offer-compact .stock-offer-consult:hover{background:#49565f!important}
 #detail-dialog .stock-offer-compact .stock-offer-consult span{display:none}
 #detail-dialog .stock-offer-compact .stock-offer-colors p>span:first-child{color:#73808b!important;font-weight:400!important}
 #detail-dialog .stock-offer-compact .stock-color-value{color:#46535f!important;font-weight:400!important}
}
@layer workspace {
 #detail-dialog .stock-offer-compact .stock-offer-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}
 #detail-dialog .stock-offer-compact .stock-offer-actions .stock-offer-count{margin:0;font-size:12px;line-height:18px}
 #detail-dialog .stock-offer-compact .stock-offer-option-link{display:inline-flex;align-items:center;gap:3px;line-height:20px!important;color:#253442!important}
 #detail-dialog .stock-offer-compact .stock-option-chevron{display:block;flex:none;width:12px;height:12px}
 #detail-dialog .stock-offer-compact .stock-offer-option-link>span{text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:currentColor}
 #detail-dialog .stock-offer-compact .stock-offer-option-link:hover{color:#253442!important}
 #detail-dialog .stock-offer-compact .stock-offer-option-link:focus-visible{outline:2px solid #8998a5;outline-offset:3px;border-radius:3px}
}
/* Shared 12px minimum for both fixed configuration footers. */
@layer workspace {
 #detail-dialog .inventory-condition-heading>div>span,
 #detail-dialog .inventory-condition-heading button,
 #detail-dialog .config-footer .config-selection-summary :is(small,strong,em),
 #detail-dialog .config-footer .config-footer-quote>em,
 #detail-dialog .config-footer .config-footer-monthly small{font-size:12px!important;line-height:1.45!important}
 #detail-dialog .inventory-condition-heading>div{min-width:0;gap:4px}
 #detail-dialog .inventory-condition-heading strong{font-size:13px!important;line-height:1.45!important;white-space:normal}
 #detail-dialog .inventory-condition-heading button{flex-shrink:0;white-space:nowrap}
 #detail-dialog .config-footer-left,#detail-dialog .config-footer-quote{min-width:0}
}
/* One mobile starting line for the custom and live-stock panels. */
@layer workspace {
 html[data-device=mobile] #detail-dialog .config-sticky-space,
 html[data-device=mobile] #detail-dialog.is-stock-mode .config-sticky-space{height:147.5px!important;transition:none!important}
}

/* member.css */
.member-login{border:0;background:#293743;color:white;border-radius:10px;padding:11px 16px;font-size:12px;white-space:nowrap;cursor:pointer}
html[data-device=mobile] .site-header .member-login{position:relative;z-index:40;pointer-events:auto;min-width:64px;min-height:36px}
.garage-kakao-refresh{display:inline-flex;align-items:center;justify-content:center;margin:10px 0 0;padding:8px 0;border:0;background:none;color:#465560;font:inherit;font-size:12px;font-weight:650;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.garage-kakao-refresh[hidden]{display:none!important}
.member-garage{background:#f5f7f9;border:1px solid #e6eaee;border-radius:18px;padding:24px;margin-bottom:20px;display:flex;align-items:center;flex-wrap:wrap;gap:18px;justify-content:space-between}
.member-kicker{font-size:10px;color:#e75a36;font-weight:800;letter-spacing:1px}.member-garage h2{font-size:20px;margin:8px 0}.member-garage p{font-size:13px;color:#7c8792;margin:0}.member-garage>small{flex-basis:100%;color:#7c8792;font-size:12px}
.member-garage-actions{display:flex;gap:10px}.member-garage-actions button{border:1px solid #dce2e8;border-radius:9px;padding:10px 14px;background:white;color:#293743;font-size:12px;cursor:pointer}
.member-dialog{box-sizing:border-box;width:440px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:36px;border:0;border-radius:22px;color:#283642;background:white;box-shadow:0 24px 80px #16212f30;overflow:auto;position:fixed;inset:0;margin:auto}
.member-dialog::backdrop{background:rgba(20,30,40,.42)}.member-close{position:absolute;right:15px;top:12px;background:none;border:0;font-size:26px;color:#88929b;cursor:pointer}
.member-heading>span{font-size:11px;letter-spacing:1px;font-weight:800;color:#e95a37}.member-heading h2{font-size:25px;margin:15px 0 9px;letter-spacing:-1px}.member-heading p{font-size:13px;color:#85909a;margin:0 0 22px}
.member-tabs{display:flex;border-bottom:1px solid #e5e9ed;margin:20px 0}.member-tabs button{flex:1;border:0;background:none;padding:12px;font-size:14px;color:#8b939a;border-bottom:2px solid transparent;cursor:pointer}.member-tabs button.active{color:#26343f;border-bottom-color:#ed5938;font-weight:750}
.member-kakao{background:#fee500;border:0;border-radius:10px;width:100%;padding:15px;color:#191919;font-size:14px;font-weight:700;cursor:pointer}.member-divider{display:flex;align-items:center;gap:12px;color:#98a0a7;font-size:11px;margin:21px 0}.member-divider:before,.member-divider:after{content:'';height:1px;background:#eef0f3;flex:1}
.member-dialog form>label{display:block;font-size:12px;font-weight:650;margin:14px 0}.member-dialog label[hidden]{display:none}.member-dialog input:not([type=checkbox]){box-sizing:border-box;width:100%;padding:13px 14px;margin-top:7px;border:1px solid #dce2e7;border-radius:10px;font:inherit;font-size:14px;background:#fafbfc;color:#26343f}.member-dialog input:focus,.member-dialog select:focus,.member-dialog textarea:focus{border-color:#8797a5;outline:2px solid rgba(91,112,130,.14);outline-offset:1px;background:#fff}.member-dialog label.member-consent{display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.6;font-weight:400;color:#727d87}.member-dialog label.member-consent[hidden]{display:none}.member-consent input{margin-top:3px}.member-feedback{font-size:12px;color:#c44930;line-height:1.5}.member-submit{width:100%;padding:14px;background:#293743;color:#fff;border:0;border-radius:10px;font-weight:700;cursor:pointer}.member-submit:disabled{opacity:.55}
html[data-device=mobile] .member-garage{margin:16px;padding:20px}html[data-device=mobile] .member-dialog{padding:28px 22px}

.member-dialog [hidden]{display:none!important}.member-privacy{background:#f5f7f9;border-radius:10px;padding:14px;margin-top:18px;font-size:11px;line-height:1.7;color:#66737e}.member-privacy strong{color:#293743}.member-privacy p{margin:8px 0}

.member-kakao{display:flex;align-items:center;justify-content:center;gap:9px}.member-kakao svg{width:20px;height:20px;fill:#191919;flex:none}.member-dialog summary{cursor:pointer;font-weight:700}.member-dialog form label{display:block;margin:14px 0;font-size:12px}.member-dialog label small,.member-optional-note{display:block;font-size:11px;line-height:1.6;color:#78838d;margin-top:7px}.member-dialog select{width:100%;padding:12px;margin-top:7px;border:1px solid #dce2e7;border-radius:10px;background:#fafbfc;color:#293743}.member-otp button{border:1px solid #dce2e7;background:#f5f7f9;border-radius:8px;padding:10px;cursor:pointer;white-space:nowrap}.member-otp-code{display:flex;gap:8px;margin-top:8px}.member-otp-code input{min-width:0;margin:0!important}.member-otp p{font-size:12px;color:#66737e}.member-password{margin-top:24px;border-top:1px solid #e5e9ed;padding-top:18px}.member-profile-close{position:absolute;right:15px;top:12px;background:none;border:0;font-size:26px;cursor:pointer}
/* Compact authentication form with a persistent heading. */
.member-auth-dialog{padding:0!important;width:460px;overflow:hidden;max-height:calc(100dvh - 32px)}
.member-auth-dialog[open]{display:flex;flex-direction:column}
.member-auth-header{position:relative;flex:none;padding:25px 28px 18px;border-bottom:1px solid #edf0f2;background:#fff}
.member-auth-header .member-heading{padding-right:32px}
.member-auth-header .member-heading>span{display:none}
.member-auth-header .member-heading h2{font-size:23px;line-height:1.4;margin:0 0 6px;letter-spacing:-.6px}
.member-auth-header .member-heading p{font-size:13px;line-height:1.6;margin:0;color:#697581}
.member-auth-header .member-close{right:20px;top:24px;width:32px;height:32px;padding:0;border-radius:50%;background:#f2f4f6;line-height:1}
.member-auth-body{overflow-y:auto;min-height:0;padding:0 28px 26px;overscroll-behavior:contain;scrollbar-width:thin}
.member-auth-dialog .member-tabs{margin:8px 0 18px}
.member-auth-dialog .member-divider{font-size:12px;margin:20px 0}
.member-auth-dialog form label{font-size:14px;font-weight:500;margin:16px 0;line-height:1.5}
.member-auth-dialog input:not([type=checkbox]),.member-auth-dialog select{min-height:46px;font-size:14px;font-weight:400;background:#fafbfc;margin-top:7px;padding:11px 12px}
.member-auth-dialog input::placeholder{color:#8a949d;font-weight:400}
.member-auth-dialog .member-phone-inline{display:flex;gap:8px;align-items:stretch;margin-top:7px}
.member-auth-dialog .member-phone-inline input{min-width:0;flex:1;margin:0}
.member-auth-dialog .member-phone-inline button,.member-auth-dialog .member-otp-code button{flex:none;border:1px solid #dce2e7;border-radius:9px;padding:0 11px;background:#edf1f4;color:#34414d;font-size:12px;font-weight:600;white-space:nowrap}
.member-auth-dialog .member-privacy{font-size:12px;padding:10px 12px;margin-top:16px;line-height:1.7}
.member-auth-dialog .member-privacy summary{font-weight:500}
.member-auth-dialog label.member-consent{display:flex;font-size:12px;font-weight:400;gap:8px;line-height:1.6;margin:10px 0 16px;color:#596672}
.member-auth-dialog .member-consent input{flex:none;width:16px;height:16px;margin:2px 0 0;accent-color:#e95a37}
.member-auth-dialog .member-optional-fields{border-top:1px solid #e6eaee;border-bottom:1px solid #e6eaee;padding:14px 0;margin:20px 0}
.member-auth-dialog .member-optional-fields>summary{font-size:14px;font-weight:500;color:#34414d}
.member-auth-dialog .member-optional-fields>summary span{font-size:12px;font-weight:400;color:#79858f;margin-left:6px}
.member-auth-dialog label small,.member-auth-dialog .member-optional-note{font-size:12px;font-weight:400;line-height:1.6}
.member-auth-dialog .member-feedback:empty,.member-auth-dialog [data-otp-status]:empty{display:none}
.member-auth-dialog .member-submit{font-size:14px;min-height:46px;margin-top:4px}
@media(max-width:480px){.member-auth-header{padding:20px 20px 16px}.member-auth-body{padding:0 20px 22px}.member-auth-header .member-close{right:16px;top:20px}.member-auth-header .member-heading h2{font-size:21px}}

.member-auth-dialog input:not([type=checkbox]):focus,.member-auth-dialog select:focus{border-color:#8797a5;background:#fff;outline:2px solid rgba(91,112,130,.14);outline-offset:1px}

/* Optional persistent login: shared by Kakao and local login. */
.member-auth-dialog .member-remember{display:flex;flex-direction:column;gap:6px;margin:16px 0 14px}
.member-auth-dialog .member-remember label{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:500;color:#34414d;cursor:pointer}
.member-auth-dialog .member-remember input{width:16px;height:16px;min-height:0;margin:0;padding:0;accent-color:#52616e}
.member-auth-dialog .member-remember small{font-size:12px;line-height:1.5;color:#73808c}

.member-auth-dialog .member-kakao{flex-wrap:wrap;column-gap:8px;row-gap:5px}
.member-auth-dialog .member-kakao small{flex-basis:100%;font-size:12px;line-height:1.5;font-weight:500;color:#544a20}
.member-auth-dialog .member-kakao small[hidden],.member-auth-dialog .member-benefit-note[hidden]{display:none}
.member-auth-dialog .member-benefit-note{margin:8px 0 0;font-size:12px;line-height:1.6;color:#74808b;text-align:center;word-break:keep-all}

.member-auth-dialog .member-tabs button{display:flex;align-items:center;justify-content:center;gap:7px}
.member-auth-dialog .member-tab-benefit{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:8px;background:#fff0e9;color:#ec582f}
.member-auth-dialog .member-tab-benefit svg{display:block;width:18px;height:18px}

.member-auth-dialog .member-tabs button[data-member-mode="register"]{flex-wrap:wrap;column-gap:7px;row-gap:5px}
.member-auth-dialog .member-tab-benefit{width:auto;height:auto;padding:4px 7px;border-radius:6px;font-size:12px;line-height:1.4;font-weight:600;white-space:nowrap}
@media(max-width:380px){.member-auth-dialog .member-tabs button[data-member-mode="register"]{flex-direction:column}}

.member-kakao .kakao-talk-crop{width:28px;height:28px;border-radius:7px}
.member-kakao .kakao-talk-crop img{width:100%!important;height:100%!important}
.member-auth-dialog.is-register-mode .member-divider,.member-auth-dialog.is-register-mode #member-form{display:none}
.member-auth-dialog.is-register-mode .member-kakao{margin-top:18px;padding:17px 15px;font-size:15px}
.member-auth-dialog.is-register-mode .member-benefit-note{margin:13px 0 0;padding:13px 14px;border-radius:11px;background:#fff9cf;color:#5b5224;text-align:center}
.member-auth-dialog .member-divider,.member-auth-dialog #member-form{display:none!important}
.member-auth-dialog .member-kakao{margin-top:18px;padding:17px 15px;font-size:15px}
.member-auth-dialog .member-benefit-note{margin:13px 0 0;padding:13px 14px;border-radius:11px;background:#fff9cf;color:#5b5224;text-align:center}
.member-auth-dialog .member-kakao{text-decoration:none;box-sizing:border-box}
.member-auth-dialog .member-auth-status{margin:12px 0 0;padding:10px 12px;border-radius:9px;background:#fff1eb;color:#ad3e25;font-size:13px;line-height:1.5}
.member-auth-dialog .member-auth-status[hidden]{display:none!important}
.member-auth-dialog #member-title:focus{outline:none}



.member-forgot{display:block;margin:-5px 0 16px auto;padding:2px 0;border:0;background:none;color:#667582;font-size:12px;font-weight:650;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.member-reset-dialog{width:430px}
.member-reset-form>label,.member-reset-verify label,.member-reset-password label{display:block;margin:14px 0;font-size:12px;font-weight:650}
.member-reset-send,.member-reset-verify>button{width:100%;padding:12px;border:1px solid #d8dfe5;border-radius:10px;background:#f2f5f7;color:#293743;font-size:13px;font-weight:700;cursor:pointer}
.member-reset-verify{margin-top:18px;padding-top:4px;border-top:1px solid #edf0f2}
.member-reset-password{margin-top:18px;padding-top:4px;border-top:1px solid #edf0f2}
.member-reset-password .member-submit{margin-top:18px}

/* mobile-refinements.css */
html[data-device="mobile"] #detail-dialog .config-desktop-summary{display:grid;gap:15px;margin-top:2px}
html[data-device="mobile"] #detail-dialog .config-summary-group{overflow:hidden;border:1px solid #e4e9ed;border-radius:14px;background:#f7f8f9}
html[data-device="mobile"] #detail-dialog .config-summary-group h3{margin:0;padding:12px 14px 8px;color:#7a8792;font-size:12px;font-weight:700;line-height:1.2}
html[data-device="mobile"] #detail-dialog .config-summary-row{display:grid;grid-template-columns:112px minmax(0,1fr) 18px;align-items:center;gap:9px;width:100%;min-height:52px;margin:0;padding:10px 12px 10px 14px;border:0;border-top:1px solid #e7ebee;border-radius:0;background:#fff;color:#53616d;text-align:left;box-shadow:none}
html[data-device="mobile"] #detail-dialog .config-summary-row:hover{background:#fbfcfc}
html[data-device="mobile"] #detail-dialog .config-summary-row:active{background:#f4f6f7}
html[data-device="mobile"] #detail-dialog .config-summary-row>span{font-size:12px;font-weight:600;white-space:nowrap}
html[data-device="mobile"] #detail-dialog .config-summary-row>strong{overflow:hidden;color:#273541;font-size:13px;font-weight:700;line-height:1.35;text-align:right;text-overflow:ellipsis;white-space:nowrap}
html[data-device="mobile"] #detail-dialog .config-summary-row>i{color:#9aa5ae;font-size:21px;font-style:normal;font-weight:400;line-height:1;text-align:right}
html[data-device="mobile"] #detail-dialog .config-summary-row[data-open-options]{grid-template-columns:96px minmax(0,1fr) 28px}
html[data-device="mobile"] #detail-dialog .config-summary-row[data-open-options]>i{display:grid;place-items:center;width:28px;height:28px}
html[data-device="mobile"] #detail-dialog .config-summary-row[data-open-options][aria-expanded="true"]>i{font-size:0;transform:none;color:#ef5633}
html[data-device="mobile"] #detail-dialog .config-summary-row[data-open-options][aria-expanded="true"]>i::before{content:"×";font-size:26px;font-weight:300;line-height:1}
html[data-device="mobile"] #detail-dialog .config-data-host{position:absolute!important;width:0!important;height:0!important;overflow:visible!important;pointer-events:none!important}
html[data-device="mobile"] #detail-dialog .config-data-host .config-label{position:static!important;margin:0!important;padding:0!important;border:0!important}
html[data-device="mobile"] #detail-dialog .config-data-host .config-field-label{display:none!important}
html[data-device="mobile"] #detail-dialog .config-data-host .config-picker{position:static!important;width:0!important;height:0!important;pointer-events:auto!important}
html[data-device="mobile"] #detail-dialog .config-picker-inline .config-picker-menu{display:none!important}
html[data-device="mobile"] #detail-dialog .config-picker-inline.open .config-picker-menu{display:block!important;position:fixed!important;left:auto!important;right:var(--config-sheet-right,0)!important;top:var(--config-sheet-top,60px)!important;box-sizing:border-box;width:var(--config-sheet-width,100%)!important;max-width:520px!important;max-height:var(--config-sheet-max-height,calc(100dvh - 132px))!important;margin:0!important;padding:10px 14px 18px!important;overflow-y:auto!important;border:1px solid #e1e6ea!important;border-radius:0 0 14px 14px!important;background:#fff!important;box-shadow:0 14px 34px rgba(22,31,42,.16)!important;animation:config-row-unfold .28s cubic-bezier(.22,.74,.22,1)!important}
html[data-device="mobile"] #detail-dialog .config-picker-inline.open .config-picker-menu>[role=option]{display:flex;min-height:52px;margin:4px 0;padding:13px 12px;border:1px solid transparent;border-radius:11px;background:#fff;color:#34414d;font-size:13px;font-weight:600}
html[data-device="mobile"] #detail-dialog .config-picker-inline.open .config-picker-menu>[role=option]:hover{background:#f5f7f8}
html[data-device="mobile"] #detail-dialog .config-picker-inline.open .config-picker-menu>[role=option][aria-selected=true]{border-color:#d7dde3;background:#f2f4f6;color:#273541}
html[data-device="mobile"] #detail-dialog .config-options-inline[hidden]{display:none!important}
html[data-device="mobile"] #detail-dialog .config-options-inline:not([hidden]){display:block!important;position:fixed!important;left:auto!important;right:var(--config-sheet-right,0)!important;top:var(--config-sheet-top,60px)!important;box-sizing:border-box;width:var(--config-sheet-width,100%)!important;max-width:520px!important;max-height:var(--config-sheet-max-height,calc(100dvh - 132px))!important;margin:0!important;padding:10px 14px 18px!important;overflow-y:auto!important;border:1px solid #e1e6ea!important;border-radius:0 0 14px 14px!important;background:#fff!important;box-shadow:0 14px 34px rgba(22,31,42,.16)!important;z-index:24;animation:config-row-unfold .28s cubic-bezier(.22,.74,.22,1)!important}
html[data-device="mobile"] #detail-dialog .config-options-inline:not([hidden]) #config-option-choices{display:grid;grid-template-columns:1fr;gap:4px}
html[data-device="mobile"] #detail-dialog .config-options-inline:not([hidden]) [data-option-choice]{min-height:52px;margin:0;padding:12px;border:1px solid transparent;border-radius:11px;background:#fff}
html[data-device="mobile"] #detail-dialog .config-options-inline:not([hidden]) [data-option-choice]:hover{background:#f5f7f8}
html[data-device="mobile"] #detail-dialog .config-options-inline:not([hidden]) [data-option-choice][aria-selected=true]{border-color:#d7dde3;background:#f2f4f6}
html[data-device="mobile"] #detail-dialog .config-options-inline:not([hidden]) .config-inline-heading{margin:0 0 8px;padding:0 4px}
html[data-device="mobile"] #detail-dialog .config-selection-card #config-colors{position:absolute!important;width:0!important;height:0!important;margin:0!important;padding:0!important;overflow:visible!important;border:0!important}
html[data-device="mobile"] #detail-dialog .config-selection-card .color-section{display:none!important}
html[data-device="mobile"] #detail-dialog .config-selection-card .color-section.open{display:block!important;position:fixed!important;left:auto!important;right:var(--config-sheet-right,0)!important;top:var(--config-sheet-top,60px)!important;z-index:24;box-sizing:border-box;width:var(--config-sheet-width,100%)!important;max-width:520px!important;max-height:var(--config-sheet-max-height,calc(100dvh - 132px))!important;margin:0!important;padding:10px 14px 18px!important;overflow-y:auto!important;border:1px solid #e1e6ea!important;border-radius:0 0 14px 14px!important;background:#fff!important;box-shadow:0 14px 34px rgba(22,31,42,.16)!important;animation:config-row-unfold .28s cubic-bezier(.22,.74,.22,1)!important}
html[data-device="mobile"] #detail-dialog .color-section.open .config-color-sheet-head{display:flex}
html[data-device="mobile"] #detail-dialog .color-section.open .color-heading{margin:2px 4px 12px}
html[data-device="mobile"] #detail-dialog .color-section.open .color-heading>span{display:none}
html[data-device="mobile"] #detail-dialog .color-section.open .color-heading strong{font-size:13px}
html[data-device="mobile"] #detail-dialog .color-section.open .color-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
html[data-device="mobile"] #detail-dialog .color-section.open .color-choices button{width:100%;height:54px;margin:0;border-radius:12px}
html[data-device="mobile"] #detail-dialog .color-section.open .color-cost{margin:12px 4px 0;font-size:12px}
html[data-device="mobile"] #detail-dialog:has(.config-options-inline:not([hidden])):after,
html[data-device="mobile"] #detail-dialog:has(.color-section.open):after{display:none!important}
html[data-device="mobile"] #detail-dialog .config-summary-row{transition:background-color .18s ease,box-shadow .18s ease}
html[data-device="mobile"] #detail-dialog .config-summary-row[aria-expanded="true"]{background:#eef2f5;box-shadow:inset 3px 0 #ef5633}
html[data-device="mobile"] #detail-dialog .config-summary-row>i{transition:transform .2s ease;transform-origin:center}
html[data-device="mobile"] #detail-dialog .config-summary-row[aria-expanded="true"]>i{transform:rotate(90deg);color:#ef5633}
html[data-device="mobile"] #detail-dialog .config-summary-group:has(>.config-summary-row:last-child[aria-expanded="true"]){border-bottom-left-radius:0;border-bottom-right-radius:0}
html[data-device="mobile"] #detail-dialog .config-sheet-head{position:sticky;top:-10px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 -4px 8px;padding:16px 4px 13px;border-bottom:1px solid #edf0f3;background:#fff}
html[data-device="mobile"] #detail-dialog .config-sheet-head>div{min-width:0;display:grid;gap:3px}
html[data-device="mobile"] #detail-dialog .config-sheet-head>[data-apply-config-sheet]{margin-left:auto;flex-shrink:0;align-self:center}

html[data-device="mobile"] #detail-dialog .config-view-panel{position:relative}
html[data-device="mobile"] #detail-dialog .config-summary-row{grid-template-columns:96px minmax(0,1fr) 16px;gap:6px;padding-inline:10px;min-height:52px}
html[data-device="mobile"] #detail-dialog .config-summary-row>strong{font-size:12px;white-space:normal;overflow-wrap:anywhere}
html[data-device="mobile"] #detail-dialog .config-picker-inline.open .config-picker-menu,
html[data-device="mobile"] #detail-dialog .config-options-inline:not([hidden]),
html[data-device="mobile"] #detail-dialog .config-selection-card .color-section.open{position:absolute!important;max-height:min(var(--config-sheet-max-height),50dvh)!important;z-index:30;overscroll-behavior:contain}
html[data-device="mobile"] #detail-dialog .config-picker-trigger{display:none!important}
html[data-device="mobile"] #detail-dialog .config-picker.open:before{display:none!important}
html[data-device="mobile"] #detail-dialog .config-sheet-head{display:flex!important;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;margin-bottom:8px;background:#fff}
html[data-device="mobile"] #detail-dialog .config-sheet-head>div{display:grid;gap:3px}
html[data-device="mobile"] #detail-dialog .config-sheet-head small{font-size:12px;color:#77838e}
html[data-device="mobile"] #detail-dialog .config-sheet-head strong{font-size:16px;color:#253442}
html[data-device="mobile"] #detail-dialog .config-sheet-head button{margin-left:auto;flex:none;width:auto;min-height:36px;padding:0 12px;border:0;border-radius:9px;background:#273746;color:white;font-size:12px}
@keyframes config-row-unfold{from{clip-path:inset(0 0 100% 0);opacity:.45}to{clip-path:inset(0);opacity:1}}
html[data-device="mobile"] #detail-dialog .stock-offer-primary{gap:8px}
html[data-device="mobile"] #detail-dialog .stock-offer-secondary{gap:8px;margin-top:12px}
html[data-device="mobile"] #detail-dialog .stock-offer-actions{gap:8px}
html[data-device="mobile"] #detail-dialog .stock-offer-compact{padding:12px}
html[data-device="mobile"] #detail-dialog .stock-offer-compact .stock-offer-monthly>strong{font-size:21px}
html[data-device="mobile"] #detail-dialog .stock-offer-head h3{font-size:14px!important}
html[data-device="mobile"] #detail-dialog .stock-offer-colors p{white-space:normal;overflow-wrap:anywhere}
@layer workspace{
html[data-device=mobile] :is(#home-view,#explore-view) .car-card :is(.car-brand-line,.car-model-year,.car-spec-line,.price-unit){color:#253442!important;font-weight:400!important;font-size:12px!important}
html[data-device=mobile] :is(#home-view,#explore-view) .car-card .car-spec-line{line-height:16px!important;height:32px!important;min-height:32px!important;max-height:32px!important}
html[data-device=mobile] #home-view .car-card{padding-inline:20px!important;height:350px!important;min-height:350px!important;max-height:350px!important}
html[data-device=mobile] #home-view .car-card .heart{right:20px!important;top:14px!important}
html[data-device=mobile] #home-view .car-card .car-title{font-size:16px!important;line-height:22px!important;height:22px!important}
html[data-device=mobile] #home-view .car-card .car-visual{height:135px!important;min-height:135px!important}
html[data-device=mobile] #explore-view .showroom-grid>.car-card{height:218px!important;min-height:218px!important;max-height:218px!important}
html[data-device=mobile] #explore-view .car-card .card-main{grid-template-columns:minmax(0,1fr) 38%!important}
html[data-device=mobile] #explore-view .car-card .price-mode{flex-basis:26px!important;width:26px!important}
html[data-device=mobile] #explore-view .car-card .price-row{gap:5px!important}
html[data-device=mobile] #explore-view .car-card .price-unit{margin-left:3px!important}
}

html[data-device="mobile"] #detail-dialog .config-view-panel{transform:translateZ(0)}
html[data-device="mobile"] #detail-dialog .config-picker-inline.open .config-picker-menu,
html[data-device="mobile"] #detail-dialog .config-options-inline:not([hidden]),
html[data-device="mobile"] #detail-dialog .config-selection-card .color-section.open{position:fixed!important}
html[data-device="mobile"] #detail-dialog .config-sticky-vehicle :is(small,p,.eyebrow,span,strong){font-size:12px!important}
html[data-device=mobile] :is(.member-kicker,.member-heading>span,.member-divider>span,.member-dialog small,.member-privacy,.member-privacy p,.member-privacy summary,.member-privacy b,.member-privacy a,.member-consent span,.member-optional-note,.ending-bottom small){font-size:12px!important;line-height:1.5!important}
@layer workspace{
html[data-device=mobile] #home-view .car-card .heart{top:0!important}
html[data-device=mobile] :is(#home-view,#explore-view) .car-card .stock-count{font-size:12px!important}
}
@layer workspace{
html[data-device=mobile] #explore-view .car-card :is(.car-brand-line,.car-title,.car-spec-line){top:0!important}
html[data-device=mobile] #explore-view .car-card .dual-prices{margin-top:8px!important}
}
html[data-device=mobile] :is(.member-profile-dialog small,.member-profile-dialog .member-optional-note){font-size:12px!important;line-height:1.5!important}
@media(prefers-reduced-motion:reduce){html[data-device=mobile] #detail-dialog :is(.config-picker-menu,.config-options-inline,.color-section.open){animation:none!important}}

/* Mobile hero copy and card spacing share the existing card-edge insets. */
@layer workspace{
html[data-device=mobile] #home-view .home-hero-copy>p,
html[data-device=mobile] #explore-view .page-heading>p{display:none!important}
html[data-device=mobile] #home-view .car-card{height:342px!important;min-height:342px!important;max-height:342px!important}
html[data-device=mobile] #home-view .car-card .heart{top:12px!important;right:20px!important}
html[data-device=mobile] #explore-view .showroom-grid>.car-card{height:212px!important;min-height:212px!important;max-height:212px!important}
html[data-device=mobile] #explore-view .car-card .heart{right:15px!important}
html[data-device=mobile] #explore-view .car-card .card-main{padding-top:32px!important}
}
html[data-device=mobile] #explore-view .explore-hero-copy{padding-bottom:12px!important}
html[data-device=mobile] #detail-dialog .stock-offer-compact{--stock-title-indent:20px}
html[data-device=mobile] #detail-dialog .stock-offer-compact .stock-offer-head h3{gap:4px}
html[data-device=mobile] #detail-dialog .stock-offer-compact .stock-offer-number{flex-basis:16px;width:16px}
html[data-device=mobile] #detail-dialog .config-scroll{overflow-anchor:none}
@layer workspace{
html[data-device=mobile] #home-view .car-card .heart{right:12px!important;top:5px!important}
}
html[data-device=mobile] #explore-view .explore-hero-cars{top:1px!important}

/* The selected row and its sheet use the same white surface; all sheet controls align. */
html[data-device=mobile] #detail-dialog .config-summary-row[aria-expanded="true"]{background:#fff;box-shadow:inset 3px 0 #ef5633}
html[data-device=mobile] #detail-dialog :is(.config-picker-inline.open .config-picker-menu,.config-options-inline:not([hidden]),.config-selection-card .color-section.open){border-top:0!important;box-shadow:0 10px 22px rgba(28,43,57,.1)!important;padding:8px 12px 14px!important}
html[data-device=mobile] #detail-dialog :is(.config-picker-inline.open .config-picker-menu,.config-options-inline:not([hidden]),.config-selection-card .color-section.open) .config-sheet-head{position:sticky!important;top:-8px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-height:43px!important;box-sizing:border-box!important;margin:0 0 8px!important;padding:0 0 7px!important;border-bottom:1px solid #e6ebef!important;background:#fff!important}
html[data-device=mobile] #detail-dialog :is(.config-picker-inline.open .config-picker-menu,.config-options-inline:not([hidden]),.config-selection-card .color-section.open) .config-sheet-head>div{gap:1px!important}
html[data-device=mobile] #detail-dialog :is(.config-picker-inline.open .config-picker-menu,.config-options-inline:not([hidden]),.config-selection-card .color-section.open) .config-sheet-head [data-apply-config-sheet]{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 54px!important;align-self:center!important;margin:0!important;width:54px!important;min-width:54px!important;height:34px!important;min-height:34px!important;padding:0!important;text-align:center!important;white-space:nowrap!important}
html[data-device=mobile] #detail-dialog :is(.config-picker-inline.open .config-picker-menu,.config-options-inline:not([hidden]),.config-selection-card .color-section.open){scrollbar-width:none!important}
html[data-device=mobile] #detail-dialog :is(.config-picker-inline.open .config-picker-menu,.config-options-inline:not([hidden]),.config-selection-card .color-section.open)::-webkit-scrollbar{display:none!important}
html[data-device=mobile] #detail-dialog :is(.config-picker-inline.open .config-picker-menu,.config-options-inline:not([hidden]),.config-selection-card .color-section.open) .config-sheet-head small{display:none!important}
html[data-device=mobile] #detail-dialog :is(.config-picker-inline.open .config-picker-menu,.config-options-inline:not([hidden]),.config-selection-card .color-section.open) .config-sheet-head strong{font-size:13px!important;line-height:18px!important}

/* The expanded row already names the field. Show its choices immediately. */
html[data-device=mobile] #detail-dialog :is(.config-picker-inline.open .config-picker-menu,.config-options-inline:not([hidden]),.config-selection-card .color-section.open) :is(.config-sheet-head,.config-inline-heading,.color-heading){display:none!important}
html[data-device=mobile] #detail-dialog :is(.config-picker-inline.open .config-picker-menu,.config-options-inline:not([hidden]),.config-selection-card .color-section.open){padding-top:6px!important}
html[data-device=mobile] #detail-dialog :is(.config-picker-inline.open .config-picker-menu,.config-options-inline:not([hidden]),.config-selection-card .color-section.open){border-left:1px solid #bcc6ce!important;border-right:1px solid #bcc6ce!important;border-bottom:1px solid #bcc6ce!important}

/* Keep the amount and its currency unit together beside a two-line option name. */
html[data-device=mobile] #detail-dialog .config-options-inline:not([hidden]) [data-option-choice] .config-option-copy{display:grid!important;grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:8px;flex:1 1 auto;min-width:0;white-space:normal}
html[data-device=mobile] #detail-dialog .config-options-inline:not([hidden]) [data-option-choice] .config-option-name{display:-webkit-box;min-width:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;line-height:1.4}
html[data-device=mobile] #detail-dialog .config-options-inline:not([hidden]) [data-option-choice] .config-option-price{display:block;white-space:nowrap!important;overflow-wrap:normal;text-align:right;font-variant-numeric:tabular-nums}
html[data-device=mobile] #detail-dialog .config-options-inline:not([hidden]) [data-option-choice] i{margin-left:0!important}
html[data-device=mobile] #detail-dialog .stock-offer-compact{row-gap:9px;padding-top:9px;padding-bottom:9px}
html[data-device=mobile] #detail-dialog .stock-offer-compact .stock-offer-colors p,
html[data-device=mobile] #detail-dialog .stock-offer-compact .stock-offer-colors .stock-color-value{white-space:nowrap;overflow:hidden;overflow-wrap:normal}
/* Show the empty selection circle as well as the checked state. */
#detail-dialog .config-options-inline [data-option-choice] i{opacity:1}
@media(max-width:360px){html[data-device=mobile] #detail-dialog .config-options-inline:not([hidden]) [data-option-choice] .config-option-copy{grid-template-columns:minmax(0,1fr)}html[data-device=mobile] #detail-dialog .config-options-inline:not([hidden]) [data-option-choice] .config-option-price{justify-self:end}}

/* inquiry-refinements.css */
/* Quote review: one clear amount, concise facts, then the contact form. */
#inquiry-screen{padding:20px 20px 36px;background:#f7f9fb}
#inquiry-screen .inquiry-back{margin:0 0 12px;padding:3px 0;color:#6d7883;font-size:12px}
#inquiry-screen .inquiry-title{margin:0 0 17px}
#inquiry-screen .inquiry-title h2{font-size:22px;letter-spacing:-.04em}
#inquiry-screen .inquiry-title p{margin-top:5px;font-size:12px}
#inquiry-screen .inquiry-quote{position:relative;margin-bottom:14px;border:1px solid #e2e7ec;border-radius:17px;box-shadow:0 5px 18px rgba(31,45,58,.04)}
#inquiry-screen .inquiry-quote-head{position:relative;min-height:179px;padding:0;border-bottom:0}
#inquiry-screen .inquiry-quote-head:after{position:absolute;top:12px;right:18px;width:126px;height:23px;background:url('hicarz-autoplan-dark.png') no-repeat right center/contain;content:"";filter:grayscale(1);opacity:.12;pointer-events:none}
#inquiry-screen .inquiry-quote-head>div{position:absolute;top:13px;left:18px;z-index:2;display:grid;gap:3px;min-width:0;transform:none}
#inquiry-screen .inquiry-quote-head small{font-size:12px;color:#7b8792}
#inquiry-screen .inquiry-quote-head strong{font-size:20px;color:#253442}
#inquiry-screen .inquiry-quote-head div>span{font-size:12px;color:#65727e;white-space:normal}
#inquiry-screen .inquiry-quote-car-photo{position:absolute;top:47px;right:18px;z-index:1;display:block;width:48%;height:94px;margin:0;object-fit:contain;object-position:right center;transform:none}
#inquiry-screen .inquiry-quote-price{position:absolute;top:94px;left:18px;z-index:2;width:46%;margin:0;padding:0;border:0;background:transparent}
#inquiry-screen .inquiry-quote-price-copy{justify-content:flex-start;text-align:left}
#inquiry-screen .inquiry-quote-monthly{display:grid;grid-template-columns:max-content;align-items:end;justify-items:start;gap:3px;width:100%}
#inquiry-screen .inquiry-quote-monthly-main{display:grid;justify-content:start;gap:1px}
#inquiry-screen .inquiry-quote-monthly-main small{font-size:12px;font-weight:600;color:#677481}
#inquiry-screen .inquiry-quote-monthly-main strong{font-size:31px;line-height:1.12;color:#e95734}
#inquiry-screen .inquiry-quote-residual{justify-self:stretch;padding:0;color:#78848e;font-size:12px;text-align:right;white-space:nowrap}
#inquiry-screen .inquiry-quote-residual b{font-size:12px;color:#4f5d68}
#inquiry-screen .inquiry-quote-section{padding:16px 18px;border-top:1px solid #edf0f2}
#inquiry-screen .inquiry-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}
#inquiry-screen .inquiry-quote-section h3{margin:0;font-size:14px;color:#253442}
#inquiry-screen .inquiry-quote-section h3:before{display:none}
#inquiry-screen .inquiry-edit{padding:3px 0;border:0;background:none;color:#697682;font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer}
#inquiry-screen .inquiry-edit:hover{color:#e95734}
#inquiry-screen .inquiry-quote-section dl>div{min-height:30px;grid-template-columns:94px minmax(0,1fr);gap:8px}
#inquiry-screen .inquiry-quote-section dl{padding-right:4px;padding-left:10px}
#inquiry-screen .inquiry-quote-section dt{font-size:12px;color:#7a8792}
#inquiry-screen .inquiry-quote-section dd{font-size:12px;font-weight:600;color:#34414d}
#inquiry-screen .inquiry-vehicle-config dl{padding-bottom:9px}
#inquiry-screen .inquiry-option-summary{min-height:auto;margin:0 4px 0 10px;padding:11px 0 8px;border-top:1px solid #edf0f2;font-size:12px;line-height:1.4}
#inquiry-screen .inquiry-option-summary span{color:#65727e;font-weight:600}
#inquiry-screen .inquiry-option-summary em{color:#34414d;font-size:12px;font-weight:600}
#inquiry-screen .inquiry-option-list{display:grid;gap:0;margin:0 4px 12px 10px!important;padding:5px 10px!important;border-radius:10px;background:#f7f9fa;list-style:none}
#inquiry-screen .inquiry-option-list li{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;min-height:30px;padding:7px 0;border-bottom:1px solid #e8edf0;color:#4b5965;font-size:12px;line-height:1.4}
#inquiry-screen .inquiry-option-list li:last-child{border-bottom:0}
#inquiry-screen .inquiry-option-list li>span{display:flex;min-width:0;gap:6px}
#inquiry-screen .inquiry-option-list i{flex:0 0 auto;color:#8a96a0;font-style:normal}
#inquiry-screen .inquiry-option-list strong{flex:0 0 auto;color:#34414d;font-size:12px;font-weight:600;white-space:nowrap}
#inquiry-screen .inquiry-vehicle-price-breakdown{display:grid;gap:0;margin:0 4px 0 10px;padding-top:9px;border-top:1px solid #edf0f2}
#inquiry-screen .inquiry-vehicle-price-breakdown>div{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:30px;color:#78848e;font-size:12px}
#inquiry-screen .inquiry-vehicle-price-breakdown strong{color:#34414d;font-size:12px;font-weight:600;white-space:nowrap}
#inquiry-screen .inquiry-vehicle-price-breakdown .is-total{min-height:42px;margin-top:7px;padding:0 11px;border-radius:10px;background:#f2f5f7;color:#34414d;font-weight:700}
#inquiry-screen .inquiry-vehicle-price-breakdown .is-total strong{font-size:14px;color:#253442;font-weight:700}
#inquiry-screen #inquiry-form{padding:18px;border-color:#e2e7ec;border-radius:17px;box-shadow:0 5px 18px rgba(31,45,58,.04)}
#inquiry-screen .inquiry-customer-head{margin-bottom:14px}
#inquiry-screen .inquiry-customer-head h3{font-size:16px}
#inquiry-screen .inquiry-customer-head p{font-size:12px}
#inquiry-screen .inquiry-member-event{margin:15px 0 0;padding:10px 11px;gap:10px;border-radius:11px;background:#f5f7f8;box-shadow:none}
#inquiry-screen .inquiry-kakao-mark{flex-basis:29px;width:29px;height:29px;border-radius:9px;box-shadow:none}
#inquiry-screen .inquiry-kakao-mark svg{width:18px;height:18px}
#inquiry-screen .inquiry-member-event div{gap:0}
#inquiry-screen .inquiry-member-event small{font-size:11px}
#inquiry-screen .inquiry-member-event strong{font-size:12px;font-weight:600}
#inquiry-screen .inquiry-member-arrow{font-size:16px}
@media(max-width:520px){
  #inquiry-screen{padding:16px 14px 34px}
  #inquiry-screen .inquiry-title h2{font-size:21px}
  #inquiry-screen .inquiry-quote-head{min-height:175px;padding:0}
  #inquiry-screen .inquiry-quote-head:after{top:10px;right:14px;width:104px;height:19px}
  #inquiry-screen .inquiry-quote-head strong{font-size:18px}
  #inquiry-screen .inquiry-quote-head>div{top:11px;left:14px}
  #inquiry-screen .inquiry-quote-car-photo{top:45px;right:14px;width:47%;height:88px;margin:0;transform:none}
  #inquiry-screen .inquiry-quote-price{top:91px;left:14px;width:48%;margin:0;padding:0}
  #inquiry-screen .inquiry-quote-monthly{gap:3px}
  #inquiry-screen .inquiry-quote-monthly-main strong{font-size:28px}
  #inquiry-screen .inquiry-quote-section{padding:14px}
  #inquiry-screen .inquiry-quote-section dl{padding-right:2px;padding-left:7px}
  #inquiry-screen .inquiry-option-summary,#inquiry-screen .inquiry-vehicle-price-breakdown{margin-right:2px;margin-left:7px}
  #inquiry-screen .inquiry-option-list{margin-right:2px!important;margin-left:7px!important}
  #inquiry-screen .inquiry-quote-section dl>div{grid-template-columns:84px minmax(0,1fr)}
  #inquiry-screen #inquiry-form{padding:16px 14px}
}
/* Unified review hierarchy */
#inquiry-screen{padding:20px 20px 32px;background:#f6f8fa}
#inquiry-screen .inquiry-page-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
#inquiry-screen .inquiry-back{flex-shrink:0;margin:0;font-size:13px}
#inquiry-screen .inquiry-title{margin:0;text-align:right}
#inquiry-screen .inquiry-title h2{margin:0;font-size:21px;line-height:1.4}
#inquiry-screen .inquiry-title p{margin:4px 0 0;font-size:13px;line-height:1.5;color:#697581}
#inquiry-screen .inquiry-quote{box-shadow:none;border-color:#e3e7eb;border-radius:16px}
#inquiry-screen .inquiry-quote-head{min-height:202px}
#inquiry-screen .inquiry-quote-head>div{top:20px;left:20px;max-width:66%;gap:4px}
#inquiry-screen .inquiry-quote-head small,#inquiry-screen .inquiry-quote-head div>span{font-size:13px}
#inquiry-screen .inquiry-quote-head strong{font-size:21px;line-height:1.3}
#inquiry-screen .inquiry-quote-head:after{top:20px;right:20px;width:112px;opacity:.13}
#inquiry-screen .inquiry-quote-car-photo{top:85px;right:14px;width:46%;height:96px}
#inquiry-screen .inquiry-quote-price{top:112px;left:20px;width:49%}
#inquiry-screen .inquiry-quote-monthly-main small{font-size:13px;font-weight:400}
#inquiry-screen .inquiry-quote-monthly-main strong{font-size:32px;letter-spacing:-.04em;line-height:1.2}
#inquiry-screen .inquiry-quote-residual,#inquiry-screen .inquiry-quote-residual b{font-size:13px;font-weight:400;color:#596672}
#inquiry-screen .inquiry-quote-section{padding:22px 20px}
#inquiry-screen .inquiry-section-heading{margin-bottom:14px}
#inquiry-screen .inquiry-quote-section h3{font-size:15px;font-weight:650}
#inquiry-screen .inquiry-edit{font-size:13px;font-weight:400}
#inquiry-screen .inquiry-contract dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0;margin:0}
#inquiry-screen .inquiry-contract dl>div{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;min-height:0;padding:0}
#inquiry-screen .inquiry-contract dd{text-align:left;white-space:normal}
#inquiry-screen .inquiry-quote-section dt{font-size:13px;color:#697581;line-height:1.6}
#inquiry-screen .inquiry-quote-section dd{font-size:14px;color:#34414d;font-weight:400;line-height:1.6;overflow-wrap:anywhere}
#inquiry-screen .inquiry-vehicle-config dl{margin:0;padding:0 0 16px 8px}
#inquiry-screen .inquiry-vehicle-config dl>div{min-height:36px;grid-template-columns:100px minmax(0,1fr);align-items:start;padding:6px 0;gap:12px}
#inquiry-screen .inquiry-option-summary{margin:0 0 0 8px;padding:16px 0 10px;font-size:13px}
#inquiry-screen .inquiry-option-summary span,#inquiry-screen .inquiry-option-summary em{font-size:13px;font-weight:400;color:#596672}
#inquiry-screen .inquiry-option-list{background:none;border-radius:0;margin:0 0 16px 8px!important;padding:0!important}
#inquiry-screen .inquiry-option-list li{padding:9px 0;font-size:14px;line-height:1.6;border:0}
#inquiry-screen .inquiry-option-list strong{font-size:14px;font-weight:400}
#inquiry-screen .inquiry-vehicle-price-breakdown{margin:8px 0 0 8px;padding-top:12px}
#inquiry-screen .inquiry-vehicle-price-breakdown>div{min-height:36px;font-size:13px;color:#697581}
#inquiry-screen .inquiry-vehicle-price-breakdown strong{font-size:14px;font-weight:400}
#inquiry-screen .inquiry-vehicle-price-breakdown .is-total{margin-top:12px;padding:16px 0 0;min-height:40px;border-top:1px solid #e6eaee;border-radius:0;background:none;font-size:14px;font-weight:600}
#inquiry-screen .inquiry-vehicle-price-breakdown .is-total strong{font-size:17px;font-weight:650}
#inquiry-screen .inquiry-options-disclosure{margin:0 0 16px 8px;font-size:13px;color:#34414d}
#inquiry-screen .inquiry-options-disclosure summary{cursor:pointer;padding:10px 0;line-height:1.6}
#inquiry-screen .inquiry-options-disclosure summary span{float:right;font-variant-numeric:tabular-nums}
#inquiry-screen .inquiry-options-disclosure .inquiry-option-list{margin:8px 0 0!important}
#inquiry-screen #inquiry-form{padding:22px 20px;box-shadow:none;border-radius:16px}
#inquiry-screen .inquiry-customer-head{margin-bottom:22px}
#inquiry-screen .inquiry-customer-head h3{font-size:16px;margin:0 0 6px}
#inquiry-screen .inquiry-customer-head p{font-size:13px;line-height:1.6;color:#697581}
#inquiry-screen .inquiry-field{font-size:14px;gap:8px;margin-bottom:18px}
#inquiry-screen .inquiry-phone-row{align-items:stretch;gap:8px}
#inquiry-screen .inquiry-field input,#inquiry-screen .inquiry-phone-row button{min-height:48px;font-size:14px;border-radius:10px}
#inquiry-screen .inquiry-phone-row button{font-size:13px;white-space:nowrap}
#inquiry-screen .inquiry-sms-status:empty,#inquiry-screen #inquiry-error:empty{display:none}
#inquiry-screen .inquiry-consent{font-size:13px;line-height:1.6}
#inquiry-screen .inquiry-member-event{justify-content:center;background:none;padding:12px 0 0;margin-top:16px;border-radius:0;border-top:1px solid #edf0f2}
#inquiry-screen .inquiry-member-event small{font-size:13px}
#inquiry-screen .inquiry-member-event strong{font-size:13px;font-weight:400}
#inquiry-screen .inquiry-kakao-mark{display:none}
@media(max-width:400px){
 #inquiry-screen{padding:16px 12px 28px}
 #inquiry-screen .inquiry-title h2{font-size:19px}
 #inquiry-screen .inquiry-title p{max-width:190px;font-size:13px}
 #inquiry-screen .inquiry-quote-head>div{left:16px;max-width:70%}
 #inquiry-screen .inquiry-quote-head:after{width:84px;right:16px}
 #inquiry-screen .inquiry-quote-head strong{font-size:19px}
 #inquiry-screen .inquiry-quote-price{left:16px;top:112px;width:53%}
 #inquiry-screen .inquiry-quote-monthly-main strong{font-size:28px}
 #inquiry-screen .inquiry-quote-car-photo{right:8px;width:42%;top:91px;height:88px}
 #inquiry-screen .inquiry-quote-section,#inquiry-screen #inquiry-form{padding:20px 16px}
 #inquiry-screen .inquiry-contract dl{gap:8px}
 #inquiry-screen .inquiry-vehicle-config dl>div{grid-template-columns:84px minmax(0,1fr);gap:8px}
}
#inquiry-screen .inquiry-applicant-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:#edf0f3;border-radius:10px;margin:0 0 18px}
#inquiry-screen .inquiry-applicant-tabs button{border:0;background:transparent;padding:11px 8px;border-radius:7px;color:#687581;font-size:14px}
#inquiry-screen .inquiry-applicant-tabs button[aria-pressed=true]{background:white;color:#253442;font-weight:600;box-shadow:0 1px 4px #25344212}
#inquiry-screen .inquiry-member-summary{padding:0 0 18px;font-size:14px;line-height:1.6}
#inquiry-screen .inquiry-member-summary>strong{display:block;color:#253442;font-size:16px}
#inquiry-screen .inquiry-member-summary>span{display:block;color:#46535f;margin-top:3px}
#inquiry-screen .inquiry-member-summary p,#inquiry-screen .inquiry-member-summary small{font-size:13px;color:#697581;line-height:1.6}
#inquiry-screen .inquiry-auth-actions{display:grid;gap:10px;margin-top:16px}
#inquiry-screen .inquiry-auth-actions button{border:0;border-radius:9px;padding:13px;font-size:14px;background:#293642;color:white}
#inquiry-screen .inquiry-auth-actions [data-login]{background:none;color:#596672;font-size:13px;padding:4px;text-decoration:underline;text-underline-offset:3px}
#inquiry-screen [hidden]{display:none!important}

#inquiry-screen .inquiry-member-benefit{padding:0 2px 10px}
#inquiry-screen .inquiry-member-benefit p{margin:0;color:#56616c;font-size:13px;line-height:1.6;word-break:keep-all}
#inquiry-screen .inquiry-member-benefit strong{color:#34414d;font-weight:600}
#inquiry-screen .inquiry-member-benefit small{display:block;margin-top:4px;font-size:12px;line-height:1.6;color:#78838d;word-break:keep-all}

#inquiry-screen .inquiry-member-benefit strong{color:#f0522b}

/* Calm groups for contract facts and vehicle pricing. */
#inquiry-screen .inquiry-contract dl{padding:15px 14px;background:#f5f7f9;border-radius:11px;gap:10px}
#inquiry-screen .inquiry-contract dl>div{gap:7px;align-items:center;text-align:center}
#inquiry-screen .inquiry-contract dt,#inquiry-screen .inquiry-contract dd{text-align:center}
#inquiry-screen .inquiry-contract dd{margin:0;font-size:14px;font-weight:600;line-height:1.5;word-break:keep-all;overflow-wrap:normal}
#inquiry-screen .inquiry-contract-residual{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:13px 14px 0;color:#74808b;font-size:13px;line-height:1.6}
#inquiry-screen .inquiry-contract-residual strong{color:#52606d;font-size:13px;font-weight:400;white-space:nowrap;font-variant-numeric:tabular-nums}
#inquiry-screen .inquiry-vehicle-config dl{padding:0 8px 0;margin:0}
#inquiry-screen .inquiry-vehicle-config dl>div{padding:6px 0;min-height:34px}
#inquiry-screen .inquiry-option-summary{margin:4px 8px 0;padding:6px 0;min-height:34px;border:0}
#inquiry-screen .inquiry-option-list{margin:0 8px 0!important}
#inquiry-screen .inquiry-option-list li{padding:5px 0;gap:12px;line-height:1.6}
#inquiry-screen .inquiry-options-disclosure{margin:0 8px}
#inquiry-screen .inquiry-vehicle-price-breakdown{margin:12px 8px 0;padding-top:10px;border-top:1px solid #edf0f2}
#inquiry-screen .inquiry-vehicle-price-breakdown>div{min-height:32px}
#inquiry-screen .inquiry-vehicle-price-breakdown .is-total{margin-top:10px;padding:13px 12px;border:0;border-radius:10px;background:#f3f6f8;min-height:46px;line-height:1.5}
#inquiry-screen .inquiry-vehicle-price-breakdown .is-total strong{font-size:16px}

/* Leader rows make dense quote details easier to scan without adding more boxes. */
#inquiry-screen .inquiry-quote-section dl>div{display:grid;grid-template-columns:max-content minmax(24px,1fr) minmax(0,max-content);column-gap:0;align-items:center;text-align:left}
#inquiry-screen .inquiry-quote-section dl>div::after{content:'';grid-column:2;grid-row:1;height:0;margin:0 18px;border-top:1px solid #dfe4e8}
#inquiry-screen .inquiry-contract dl>div::after{margin-left:8px}
#inquiry-screen .inquiry-quote-section dt{display:flex;align-items:center;gap:8px;text-align:left;white-space:nowrap}
#inquiry-screen .inquiry-quote-section dt::before{content:'';flex:0 0 4px;width:4px;height:4px;border-radius:50%;background:#9aa4ad}
#inquiry-screen .inquiry-quote-section dd{grid-column:3;grid-row:1;max-width:220px;text-align:right}

/* Kakao membership benefit inside the consultation group. */
#inquiry-screen .inquiry-member-benefit{display:flex;align-items:center;gap:11px;margin:0 0 14px;padding:12px 13px;border-radius:13px;background:#fee500;color:#2d2724;box-shadow:0 5px 14px rgba(82,72,18,.1)}
#inquiry-screen .inquiry-member-benefit-icon{display:block;flex:0 0 30px;width:30px;height:30px;border-radius:8px;background:transparent}
#inquiry-screen .inquiry-member-benefit-icon svg{width:20px;height:20px;fill:#2d2724}
#inquiry-screen .inquiry-member-benefit>div{min-width:0}
#inquiry-screen .inquiry-member-benefit p{color:#2d2724;font-weight:500}
#inquiry-screen .inquiry-member-benefit strong{color:#2d2724;font-weight:800}
#inquiry-screen .inquiry-member-benefit small{margin-top:2px;color:rgba(45,39,36,.68)}
@media(max-width:400px){
 #inquiry-screen .inquiry-contract dl{padding:13px 10px;gap:7px}
 #inquiry-screen .inquiry-quote-section dl>div{grid-template-columns:max-content minmax(14px,1fr) minmax(0,max-content)}
 #inquiry-screen .inquiry-quote-section dl>div::after{margin-right:15px;margin-left:15px}
 #inquiry-screen .inquiry-contract dl>div::after{margin-left:7px}
 #inquiry-screen .inquiry-quote-section dd{max-width:150px}
 #inquiry-screen .inquiry-member-benefit{gap:9px;padding:11px}
 #inquiry-screen .inquiry-contract dd{font-size:13px}
 #inquiry-screen .inquiry-contract dt{font-size:12px}
 #inquiry-screen .inquiry-contract-residual{padding-right:10px;padding-left:10px}
 #inquiry-screen .inquiry-vehicle-config dl{padding-right:4px;padding-left:4px}
 #inquiry-screen .inquiry-option-summary,#inquiry-screen .inquiry-vehicle-price-breakdown,#inquiry-screen .inquiry-options-disclosure{margin-right:4px;margin-left:4px}
 #inquiry-screen .inquiry-option-list{margin-right:4px!important;margin-left:4px!important}
}

/* Contract facts share the same reading direction as the vehicle specification. */
#inquiry-screen .inquiry-contract dl{display:grid;grid-template-columns:1fr;gap:0;margin:0;padding:0 8px;background:none;border-radius:0}
#inquiry-screen .inquiry-contract dl>div{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:baseline;gap:12px;padding:6px 0;min-height:34px}
#inquiry-screen .inquiry-contract dt{text-align:left}
#inquiry-screen .inquiry-contract dd{text-align:right;font-size:14px;font-weight:400}
#inquiry-screen .inquiry-contract-residual{padding:6px 8px 0;min-height:34px}
#inquiry-screen .inquiry-option-list{margin:3px 8px 0 20px!important;padding:2px 0 2px 12px!important;border-left:2px solid #e6ebef}
#inquiry-screen .inquiry-option-list li{padding:5px 0;align-items:baseline}
#inquiry-screen .inquiry-option-list li>span{display:block;overflow-wrap:anywhere}
#inquiry-screen .inquiry-options-disclosure{margin:0 8px 0 20px;padding-left:12px;border-left:2px solid #e6ebef}
#inquiry-screen .inquiry-options-disclosure summary{padding:6px 0}
#inquiry-screen .inquiry-options-disclosure .inquiry-option-list{margin:2px 0 0!important;padding:0!important;border:0}
@media(max-width:400px){
 #inquiry-screen .inquiry-contract dl{padding:0 4px;gap:0}
 #inquiry-screen .inquiry-contract dl>div{grid-template-columns:84px minmax(0,1fr);gap:8px}
 #inquiry-screen .inquiry-contract dt{font-size:13px}
 #inquiry-screen .inquiry-contract-residual{padding-right:4px;padding-left:4px}
 #inquiry-screen .inquiry-option-list{margin-right:4px!important;margin-left:16px!important}
 #inquiry-screen .inquiry-options-disclosure{margin-right:4px;margin-left:16px}
}

#inquiry-screen .inquiry-vehicle-price-breakdown .inquiry-vehicle-residual{padding:9px 12px 0;min-height:30px;font-size:13px;color:#74808b}
#inquiry-screen .inquiry-vehicle-residual strong{font-size:13px;font-weight:400;color:#596672}

#inquiry-screen .inquiry-vehicle-price-breakdown .is-total{display:flex;flex-direction:column;align-items:stretch;gap:9px;padding:14px 12px}
#inquiry-screen .inquiry-total-main{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
#inquiry-screen .is-total .inquiry-vehicle-residual{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:0;min-height:0;font-size:13px;font-weight:400;color:#74808b}
#inquiry-screen .is-total .inquiry-vehicle-residual strong{font-size:13px;font-weight:400;color:#596672}
#inquiry-screen .inquiry-vehicle-residual small{font-size:12px;font-weight:400}


.kakao-talk-crop{position:relative;display:inline-block;overflow:hidden;width:30px;height:30px;border-radius:7px;flex:none}
.kakao-talk-crop img{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain}
.site-header .desktop-contact.kakao>.kakao-talk-crop{width:30px;height:30px;border-radius:7px;background:transparent!important}


/* Logged-in consultation identity card */
#inquiry-screen .inquiry-member-confirm{display:grid;grid-template-columns:42px minmax(0,1fr) 24px;align-items:center;gap:12px;margin:14px 0 17px;padding:14px 15px;border:1px solid #e0e5e9;border-radius:14px;background:linear-gradient(110deg,#f7f9fa,#fff);box-shadow:0 6px 18px rgba(35,50,62,.05)}
#inquiry-screen .inquiry-member-confirm[hidden]{display:none}
#inquiry-screen .inquiry-member-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#344553;color:#fff;font-size:15px;font-weight:800}
#inquiry-screen .inquiry-member-confirm-copy{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:3px 8px;min-width:0}
#inquiry-screen .inquiry-member-confirm-copy small{grid-column:1/-1;color:#82909a;font-size:11px;font-weight:600}
#inquiry-screen .inquiry-member-confirm-copy strong{color:#273642;font-size:14px;font-weight:750}
#inquiry-screen .inquiry-member-confirm-copy span{min-width:0;color:#667580;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#inquiry-screen .inquiry-member-confirm>i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e8eef1;color:#344553;font-size:12px;font-style:normal;font-weight:900}

/* garage-benefits.css */
.garage-benefits{margin:20px 0 30px;color:#273540}
.garage-benefits-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 2px 15px}
.garage-benefits-head small{display:block;margin-bottom:6px;color:#e65735;font-size:11px;font-weight:800;letter-spacing:.12em}
.garage-benefits-head h2{margin:0;font-size:24px;line-height:1.25;letter-spacing:-.045em}
.garage-benefits-head p{margin:0;color:#7a8791;font-size:13px;line-height:1.55;text-align:right;word-break:keep-all}
.garage-benefit-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:14px}
.garage-benefit-card{position:relative;overflow:hidden;border:1px solid #e3e8ec;border-radius:20px;background:#fff;box-shadow:0 8px 25px rgba(38,51,63,.055)}
.garage-kakao-benefit{display:flex;flex-direction:column;min-height:315px;padding:25px;background:linear-gradient(145deg,#fee500 0%,#ffea33 100%);border-color:#f1d900}
.garage-kakao-mark{width:42px;height:42px;margin-bottom:26px;border-radius:11px}
.garage-kakao-benefit .garage-benefit-label{margin:0 0 9px;color:#504a20;font-size:12px;font-weight:750}
.garage-kakao-benefit h3{max-width:330px;margin:0;color:#211f17;font-size:25px;line-height:1.35;letter-spacing:-.05em;word-break:keep-all}
.garage-kakao-benefit h3 strong{display:block;margin-top:4px;font-size:32px;letter-spacing:-.055em}
.garage-kakao-benefit>p{max-width:380px;margin:14px 0 22px;color:rgba(33,31,23,.7);font-size:13px;line-height:1.65;word-break:keep-all}
.garage-kakao-benefit a{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:max-content;margin-top:auto;padding:11px 15px;border-radius:10px;background:#242c34;color:#fff;font-size:13px;font-weight:750;text-decoration:none}
.garage-penalty-card{padding:24px 25px 22px;background:linear-gradient(155deg,#fff 0%,#f7f9fa 100%)}
.garage-penalty-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:21px}
.garage-penalty-heading span{display:inline-block;margin-bottom:7px;color:#e65735;font-size:11px;font-weight:800;letter-spacing:.08em}
.garage-penalty-heading h3{margin:0;font-size:22px;line-height:1.35;letter-spacing:-.04em;word-break:keep-all}
.garage-penalty-limit{flex:none;padding:8px 11px;border-radius:10px;background:#283746;color:#fff;font-size:12px;font-weight:750;white-space:nowrap}
.garage-penalty-modes{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:15px;padding:4px;border-radius:12px;background:#e9eef1}
.garage-penalty-modes button{min-height:37px;padding:8px 10px;border:0;border-radius:9px;background:transparent;color:#77838d;font-size:12px;font-weight:700;cursor:pointer}
.garage-penalty-modes button.active{background:#fff;color:#283642;box-shadow:0 3px 10px rgba(38,52,64,.1)}
.garage-penalty-inputs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.garage-penalty-inputs label{display:block;color:#65727e;font-size:12px;font-weight:650}
.garage-input-box{display:flex;align-items:center;gap:8px;margin-top:7px;padding:0 13px;border:1px solid #dce3e8;border-radius:12px;background:#fff}
.garage-input-box:focus-within{border-color:#8d9aa5;box-shadow:0 0 0 3px rgba(85,103,118,.09)}
.garage-input-box input{min-width:0;width:100%;height:44px;padding:0;border:0;outline:0;background:transparent;color:#263440;font:700 16px/1 Pretendard,sans-serif;text-align:right}
.garage-input-box input::placeholder{color:#aeb7be;font-weight:500;opacity:1}
.garage-input-box select{min-width:0;width:100%;height:44px;padding:0 24px 0 0;border:0;outline:0;background:transparent;color:#263440;font:700 15px/1 Pretendard,sans-serif;text-align:right;cursor:pointer}
.garage-term-select{position:relative;margin-top:7px}
.garage-term-select summary{display:flex;align-items:center;justify-content:space-between;height:44px;box-sizing:border-box;padding:0 13px;border:1px solid #dce3e8;border-radius:12px;background:#fff;color:#263440;cursor:pointer;list-style:none}
.garage-term-select summary::-webkit-details-marker{display:none}
.garage-term-select summary strong{font-size:15px;font-weight:650}
.garage-term-select summary i{color:#82909a;font-size:14px;font-style:normal;transition:transform .18s ease}
.garage-term-select[open] summary{border-color:#8d9aa5;box-shadow:0 0 0 3px rgba(85,103,118,.09)}
.garage-term-select[open] summary i{transform:rotate(180deg)}
.garage-term-menu{position:absolute;z-index:12;top:50px;right:0;left:0;display:grid;gap:3px;padding:6px;border:1px solid #dce3e8;border-radius:13px;background:#fff;box-shadow:0 12px 28px rgba(35,50,62,.14)}
.garage-term-menu button{display:flex;align-items:center;justify-content:space-between;min-height:36px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:#65727d;font:650 13px/1 Pretendard,sans-serif;text-align:left;cursor:pointer}
.garage-term-menu button:hover{background:#f1f4f6;color:#273642}
.garage-term-menu button.active{background:#eef2f4;color:#273642;font-weight:750}
.garage-term-menu button.active::after{content:'✓';color:#e65735;font-size:12px}
.garage-input-box span{flex:none;color:#7e8993;font-size:12px}
.garage-penalty-schedule{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}
.garage-penalty-schedule[hidden]{display:none}
.garage-penalty-schedule>label{display:block;color:#65727e;font-size:12px;font-weight:650}
.garage-penalty-schedule fieldset{grid-column:1/-1;display:flex;align-items:center;gap:7px;margin:0;padding:0;border:0}
.garage-penalty-schedule legend{float:left;margin-right:auto;color:#65727e;font-size:12px;font-weight:650}
.garage-penalty-schedule fieldset label{cursor:pointer}
.garage-penalty-schedule fieldset input{position:absolute;opacity:0;pointer-events:none}
.garage-penalty-schedule fieldset span{display:block;padding:8px 12px;border:1px solid #dce3e8;border-radius:9px;background:#fff;color:#707d88;font-size:12px;font-weight:700}
.garage-penalty-schedule fieldset input:checked+span{border-color:#344553;background:#344553;color:#fff}
.garage-penalty-formula{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 0;padding:11px 13px;border-radius:11px;background:#eef2f5;color:#697681;font-size:12px}
.garage-penalty-formula strong{color:#35434f;font-weight:750}
.garage-penalty-formula em{color:#e65735;font-style:normal}
.garage-penalty-result{display:grid;grid-template-columns:1fr;margin-top:12px;border:1px solid #e0e5e9;border-radius:14px;background:#fff}
.garage-penalty-result>div{padding:14px 15px}
.garage-penalty-result>div+div{border-left:1px solid #e8ecef}
.garage-penalty-result span{display:block;margin-bottom:6px;color:#7c8892;font-size:12px}
.garage-penalty-result strong{display:block;color:#24323e;font-size:21px;letter-spacing:-.04em;white-space:nowrap}
.garage-penalty-result .is-support strong{color:#ed5734}
.garage-penalty-consult{display:flex;align-items:flex-start;gap:9px;margin-top:10px;padding:11px 13px;border-radius:11px;background:#f0f3f5;color:#55636f}
.garage-penalty-consult>span{display:flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:18px;margin-top:1px;border-radius:50%;background:#657581;color:#fff;font:700 11px/1 Pretendard,sans-serif}
.garage-penalty-consult p{margin:0;font-size:12px;line-height:1.55;word-break:keep-all}
.garage-penalty-consult strong{color:#273642;font-weight:750}
.garage-penalty-note{margin:11px 1px 0;color:#87929b;font-size:12px;line-height:1.55;word-break:keep-all}
@media(max-width:760px){
 .garage-benefits{margin:16px 16px 25px}
 .garage-benefits-head{display:block;margin-bottom:12px}
 .garage-benefits-head h2{font-size:21px}
 .garage-benefits-head p{margin-top:7px;font-size:12px;text-align:left}
 .garage-benefit-grid{grid-template-columns:1fr;gap:11px}
 .garage-benefit-card{border-radius:18px}
 .garage-kakao-benefit{min-height:0;padding:20px}
 .garage-kakao-mark{width:36px;height:36px;margin-bottom:18px}
 .garage-kakao-benefit h3{font-size:21px}
 .garage-kakao-benefit h3 strong{font-size:27px}
 .garage-kakao-benefit>p{margin:11px 0 17px;font-size:12px}
 .garage-kakao-benefit a{width:100%;box-sizing:border-box}
 .garage-penalty-card{padding:20px 18px}
 .garage-penalty-heading{display:block;margin-bottom:17px}
 .garage-penalty-heading h3{font-size:20px}
 .garage-penalty-limit{display:inline-block;margin-top:10px}
 .garage-penalty-inputs{grid-template-columns:1fr 1fr;gap:8px}
 .garage-penalty-modes button{font-size:12px}
 .garage-penalty-schedule{grid-template-columns:1fr;gap:8px}
 .garage-penalty-schedule fieldset{grid-column:auto;margin-top:3px;flex-wrap:wrap}
 .garage-penalty-schedule legend{width:100%;margin:0 0 2px}
 .garage-input-box{padding:0 10px}
 .garage-input-box input{font-size:15px}
 .garage-penalty-formula{align-items:flex-start;flex-direction:column;gap:4px}
 .garage-penalty-result{grid-template-columns:1fr}
 .garage-penalty-result>div+div{border-top:1px solid #e8ecef;border-left:0}
}

/* Calm benefits palette — yellow Kakao banner, neutral calculation tool */
#saved-view .garage-kakao-benefit{border:1px solid #ead500!important;border-left:1px solid #ead500!important;background:#fee500!important;box-shadow:none!important}
#saved-view .garage-kakao-benefit::before{display:none!important;content:none!important}
#saved-view .garage-kakao-mark{background:transparent!important;box-shadow:none!important}
#saved-view .garage-kakao-benefit a{background:#2f3132!important;color:#fff!important}
#saved-view .garage-penalty-card{border:1px solid #dfe4e7!important;border-top:1px solid #dfe4e7!important;background:#fff!important;box-shadow:none!important}
#saved-view .garage-penalty-card::after{display:none!important}
#saved-view .garage-penalty-limit{border:1px solid #dce2e5!important;background:#f3f5f6!important;color:#485761!important}
#saved-view .garage-penalty-modes{background:#eef1f2!important}
#saved-view .garage-penalty-modes button.active{background:#fff!important;color:#2e3c46!important;box-shadow:0 1px 4px rgba(38,52,64,.06)!important}
#saved-view .garage-penalty-heading span{color:#77848d!important}
#saved-view .garage-penalty-formula{background:#f4f6f7!important;color:#6d7982!important}
#saved-view .garage-penalty-formula strong{color:#3c4a54!important}
#saved-view .garage-penalty-formula em{color:#3c4a54!important}
#saved-view .garage-penalty-result{border-color:#dfe4e7!important;background:#f4f6f7!important}
#saved-view .garage-penalty-result span{color:#74818a!important}
#saved-view .garage-penalty-result strong,#saved-view .garage-penalty-result .is-support strong{color:#273642!important}
#saved-view .garage-penalty-consult{background:#f4f6f7!important;color:#596873!important}
#saved-view .garage-penalty-consult>span{background:#dfe5e8!important;color:#53636e!important}

/* Restore the stronger event-banner treatment requested after v2 review */
#saved-view .garage-benefit-card{border-color:#e3e8ec;box-shadow:0 10px 28px rgba(38,51,63,.07)}
#saved-view .garage-kakao-benefit{grid-template-columns:48px minmax(0,1fr) auto;padding:22px 24px;border:1px solid #f1d900;background:linear-gradient(112deg,#fee500 0%,#ffe928 66%,#ffed55 100%)}
#saved-view .garage-kakao-mark{width:44px;height:44px;padding:0;border-radius:12px;background:transparent;box-shadow:0 5px 13px rgba(65,55,0,.12)}
#saved-view .garage-kakao-benefit .garage-benefit-label{color:#504a20}
#saved-view .garage-kakao-benefit h3{color:#211f17}
#saved-view .garage-kakao-benefit h3 strong{color:#211f17}
#saved-view .garage-kakao-benefit>p{color:rgba(33,31,23,.7)}
#saved-view .garage-kakao-benefit a{border:0;background:#242c34;color:#fff;box-shadow:none}
#saved-view .garage-kakao-benefit a span{color:inherit}
#saved-view .garage-penalty-card{padding:24px 25px 22px;border:1px solid #e3e8ec;border-top:3px solid #344553;background:linear-gradient(105deg,#fff 0%,#f8fafb 100%);box-shadow:0 10px 28px rgba(38,51,63,.07)}
#saved-view .garage-penalty-card::after{display:block}
#saved-view .garage-penalty-heading{padding-bottom:0;border-bottom:0}
#saved-view .garage-penalty-limit{border:0;background:#283746;color:#fff}
#saved-view .garage-penalty-modes{background:#e9eef1}
#saved-view .garage-penalty-modes button.active{box-shadow:0 3px 10px rgba(38,52,64,.1)}
#saved-view .garage-penalty-inputs,#saved-view .garage-penalty-schedule{padding:0;border-radius:0;background:transparent}
#saved-view .garage-penalty-schedule{margin-top:11px}
#saved-view .garage-penalty-formula{background:#eef2f5}
#saved-view .garage-penalty-result{border-color:#e0e5e9;background:#fff}
#saved-view .garage-penalty-result strong{color:#24323e}
#saved-view .garage-penalty-consult{background:#f0f3f5}
#saved-view .garage-penalty-consult>span{background:#657581;color:#fff}
@media(max-width:760px){
 #saved-view .garage-kakao-benefit{grid-template-columns:38px minmax(0,1fr);padding:19px 18px}
 #saved-view .garage-kakao-mark{width:36px;height:36px}
 #saved-view .garage-penalty-card{padding:19px 18px}
 #saved-view .garage-penalty-card::after{display:none}
 #saved-view .garage-penalty-heading{padding-bottom:0}
 #saved-view .garage-penalty-inputs,#saved-view .garage-penalty-schedule{padding:0}
}
@media(max-width:380px){.garage-penalty-inputs{grid-template-columns:1fr}.garage-penalty-modes{grid-template-columns:1fr}.garage-penalty-schedule fieldset label{flex:1}.garage-penalty-schedule fieldset span{text-align:center}}

.garage-term-field>span{display:block;color:#65727e;font-size:12px;font-weight:650}
.garage-start-field>span{display:block;color:#65727e;font-size:12px;font-weight:650}
.garage-month-picker{position:relative;margin-top:7px}
.garage-month-picker summary{display:flex;align-items:center;justify-content:space-between;height:44px;box-sizing:border-box;padding:0 13px;border:1px solid #dce3e8;border-radius:12px;background:#fff;color:#263440;cursor:pointer;list-style:none}
.garage-month-picker summary::-webkit-details-marker{display:none}
.garage-month-picker summary strong{color:#35434f;font-size:14px;font-weight:650}
.garage-month-picker summary i{position:relative;width:17px;height:17px;border:1.5px solid #82909a;border-radius:4px}
.garage-month-picker summary i::before{content:'';position:absolute;top:4px;right:2px;left:2px;border-top:1.5px solid #82909a}
.garage-month-picker summary i::after{content:'';position:absolute;top:-3px;left:3px;width:7px;height:4px;border-right:1.5px solid #82909a;border-left:1.5px solid #82909a}
.garage-month-picker[open] summary{border-color:#8d9aa5;box-shadow:0 0 0 3px rgba(85,103,118,.09)}
.garage-month-panel{position:absolute;z-index:14;top:50px;right:0;left:0;padding:10px;border:1px solid #dce3e8;border-radius:14px;background:#fff;box-shadow:0 15px 34px rgba(35,50,62,.16)}
.garage-month-panel header{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;margin-bottom:7px}
.garage-month-panel header strong{text-align:center;color:#273642;font-size:14px;font-weight:750}
.garage-month-panel header button{width:32px;height:32px;padding:0;border:0;border-radius:9px;background:#f2f5f6;color:#53626e;font-size:21px;line-height:1;cursor:pointer}
.garage-month-panel header button:hover{background:#e8edef;color:#273642}
.garage-month-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.garage-month-grid button{height:34px;padding:0;border:0;border-radius:8px;background:transparent;color:#687681;font:650 12px/1 Pretendard,sans-serif;cursor:pointer}
.garage-month-grid button:hover{background:#f1f4f6;color:#273642}
.garage-month-grid button.active{background:#344553;color:#fff}

.garage-start-help{display:block;margin:6px 2px 0;color:#8a959e;font-size:11px;font-weight:500;line-height:1.35}

/* stacked promotional benefit banners */
.garage-benefit-grid{grid-template-columns:1fr;gap:14px}
.garage-benefit-card{box-shadow:0 10px 28px rgba(38,51,63,.07)}
.garage-kakao-benefit{display:grid;grid-template-columns:48px minmax(0,1fr) auto;grid-template-rows:auto auto auto;column-gap:18px;align-items:center;min-height:0;padding:22px 24px;background:linear-gradient(112deg,#fee500 0%,#ffe928 66%,#ffed55 100%)}
.garage-kakao-mark{grid-column:1;grid-row:1/4;width:44px;height:44px;margin:0;border-radius:12px;box-shadow:0 5px 13px rgba(65,55,0,.12)}
.garage-kakao-benefit .garage-benefit-label{grid-column:2;grid-row:1;margin:0 0 4px}
.garage-kakao-benefit h3{grid-column:2;grid-row:2;max-width:none;font-size:19px;line-height:1.35}
.garage-kakao-benefit h3 strong{display:inline;margin:0 0 0 7px;font-size:23px}
.garage-kakao-benefit>p{grid-column:2;grid-row:3;max-width:none;margin:7px 0 0;font-size:12px;line-height:1.5}
.garage-kakao-benefit a{grid-column:3;grid-row:1/4;min-width:132px;margin:0;padding:12px 16px}
.garage-penalty-card{position:relative;padding:24px 25px 22px;border-top:3px solid #344553;background:linear-gradient(105deg,#fff 0%,#f8fafb 100%)}
.garage-penalty-card::after{content:'CONTRACT CARE';position:absolute;right:23px;bottom:15px;color:rgba(52,69,83,.035);font-size:34px;font-weight:900;letter-spacing:.04em;pointer-events:none}
.garage-penalty-card>*{position:relative;z-index:1}
@media(max-width:760px){
 .garage-kakao-benefit{grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto auto auto;column-gap:12px;padding:19px 18px}
 .garage-kakao-mark{grid-row:1/3;width:36px;height:36px}
 .garage-kakao-benefit .garage-benefit-label{grid-column:2;grid-row:1}
 .garage-kakao-benefit h3{grid-column:2;grid-row:2;font-size:17px}
 .garage-kakao-benefit h3 strong{display:block;margin:2px 0 0;font-size:22px}
 .garage-kakao-benefit>p{grid-column:1/3;grid-row:3;margin:12px 0 13px}
 .garage-kakao-benefit a{grid-column:1/3;grid-row:4;width:100%;min-width:0;box-sizing:border-box}
 .garage-penalty-card{padding:19px 18px}
 .garage-penalty-card::after{display:none}
}
.garage-kakao-benefit.is-channel-added{border-color:#dce3e7;background:linear-gradient(112deg,#f7f9fa 0%,#fff 72%)}
.garage-kakao-benefit.is-channel-added .garage-benefit-label{color:#60707c}
.garage-kakao-benefit.is-channel-added h3{color:#25343f}
.garage-kakao-benefit.is-channel-added>p{color:#6e7c87}
.garage-kakao-benefit.is-channel-added .garage-kakao-mark{box-shadow:0 6px 16px rgba(39,54,66,.16)}

/* Garage benefits v2 — restrained event card and utility calculator */
#saved-view .garage-benefit-card{border-color:#e0e5e7;box-shadow:none}
#saved-view .garage-kakao-benefit{grid-template-columns:52px minmax(0,1fr) auto;padding:22px 24px;border-left:3px solid #fee500;background:#fff}
#saved-view .garage-kakao-mark{width:42px;height:42px;padding:5px;box-sizing:border-box;border-radius:13px;background:#fee500;box-shadow:none}
#saved-view .garage-kakao-benefit .garage-benefit-label{color:#776d22}
#saved-view .garage-kakao-benefit h3{color:#273642}
#saved-view .garage-kakao-benefit h3 strong{color:#e65735}
#saved-view .garage-kakao-benefit>p{color:#78848d}
#saved-view .garage-kakao-benefit a{border:1px solid #e2d35a;background:#fffdf0;color:#3e443e;box-shadow:none}
#saved-view .garage-kakao-benefit a span{color:#a79100}
#saved-view .garage-penalty-card{padding:24px 25px 22px;border:1px solid #e0e5e7;background:#fff;box-shadow:none}
#saved-view .garage-penalty-card::after{display:none}
#saved-view .garage-penalty-heading{padding-bottom:17px;border-bottom:1px solid #e8ecee}
#saved-view .garage-penalty-limit{border:1px solid #f1c8bd;background:#fff5f2;color:#d95333}
#saved-view .garage-penalty-modes{background:#f0f2f3}
#saved-view .garage-penalty-modes button.active{box-shadow:none}
#saved-view .garage-penalty-inputs,#saved-view .garage-penalty-schedule{padding:15px;border-radius:14px;background:#f7f8f8}
#saved-view .garage-penalty-schedule{margin-top:10px}
#saved-view .garage-penalty-formula{background:#f3f5f5}
#saved-view .garage-penalty-result{border-color:#f1d8d0;background:#fff8f5}
#saved-view .garage-penalty-result strong{color:#e65735}
#saved-view .garage-penalty-consult{background:#f4f6f6}
#saved-view .garage-penalty-consult>span{background:#e7ebed;color:#5f6f79}
@media(max-width:760px){
 #saved-view .garage-kakao-benefit{grid-template-columns:42px minmax(0,1fr);padding:18px 17px}
 #saved-view .garage-kakao-mark{width:38px;height:38px}
 #saved-view .garage-penalty-heading{padding-bottom:14px}
 #saved-view .garage-penalty-inputs,#saved-view .garage-penalty-schedule{padding:12px}
}

/* garage-dashboard-v2.css */
body:has(#saved-view:not([hidden])),
body:has(#saved-view:not([hidden])) .app-shell,
body:has(#saved-view:not([hidden])) main{background:#f6f7f9}
#saved-view{--garage-ink:#27343f;--garage-muted:#7b8791;--garage-line:#e2e7eb;max-width:1280px;margin:0 auto;color:var(--garage-ink)}
#saved-view>.member-garage{display:none!important}

#saved-view .garage-dashboard-heading{display:block!important;min-height:0!important;margin:0 0 16px!important;padding:4px 2px 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
#saved-view .garage-dashboard-heading::after{display:none!important}
#saved-view .garage-dashboard-heading .garage-hero-copy{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:2px 18px;padding:0!important}
#saved-view .garage-dashboard-heading h1{grid-column:1;margin:0!important;color:var(--garage-ink)!important;font-size:28px!important;line-height:1.25!important;letter-spacing:-.045em!important}
#saved-view .garage-dashboard-heading p{grid-column:1;margin:0!important;color:var(--garage-muted)!important;font-size:13px!important;line-height:1.55!important}
#saved-view .garage-signin{grid-column:2;grid-row:1/3;align-self:center;padding:10px 13px;border:1px solid #dce2e6;border-radius:10px;background:#fff;color:#34434e;font-size:12px;font-weight:700}
#saved-view .garage-signin span{margin-left:7px;color:#e65735}
#saved-view .garage-signin[hidden],#saved-view .garage-setting-list>[hidden]{display:none!important}

#saved-view .garage-resume{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,34%);align-items:center;gap:22px;min-height:184px;margin-bottom:29px;padding:22px 26px;border:1px solid var(--garage-line);border-radius:19px;background:#fff;overflow:hidden}
#saved-view .garage-resume-copy{min-width:0}
#saved-view .garage-resume-copy>span{display:block;margin-bottom:9px;color:#df5939;font-size:11px;font-weight:750;letter-spacing:.02em}
#saved-view .garage-resume h2{margin:0;color:var(--garage-ink);font-size:25px;line-height:1.25;letter-spacing:-.045em}
#saved-view .garage-resume p{margin:7px 0 18px;color:var(--garage-muted);font-size:13px;line-height:1.5;word-break:keep-all}
#saved-view .garage-resume-action{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:38px;padding:9px 14px;border-radius:9px;background:#e65735;color:#fff;font-size:12px;font-weight:750;white-space:nowrap}
#saved-view .garage-resume-action span:last-child{font-size:17px;line-height:1}
#saved-view .garage-resume-visual{display:flex;align-items:center;justify-content:center;min-width:0;min-height:146px;border-radius:14px;background:#f6f8f9}
#saved-view .garage-resume-visual img{display:block;max-width:94%;width:100%;height:154px;object-fit:contain;mix-blend-mode:multiply}
#saved-view .garage-resume-visual img[hidden]{display:none}
#saved-view .garage-resume.is-empty .garage-resume-visual{background:#f7f8f9}
#saved-view .garage-resume.is-empty .garage-resume-visual::after{content:'HICARZ';color:#e5e9ec;font-size:35px;font-weight:800;letter-spacing:.12em}

#saved-view .garage-vehicle-section{margin:0 0 32px;padding:0;border:0;background:transparent}
#saved-view .garage-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 14px}
#saved-view .garage-section-title h2{margin:0;color:var(--garage-ink);font-size:22px;line-height:1.3;letter-spacing:-.04em}
#saved-view .garage-section-title p{margin:5px 0 0;color:#87929b;font-size:12px;line-height:1.5}
#saved-view .garage-content-tabs{display:flex;gap:26px;margin:0 0 17px;border-bottom:1px solid #dfe5e9}
#saved-view .garage-content-tabs button{display:flex;align-items:center;gap:7px;padding:0 2px 12px;border:0;border-bottom:2px solid transparent;color:#84909a;font-size:14px;font-weight:650}
#saved-view .garage-content-tabs button strong{display:grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border-radius:8px;background:#e9eef1;color:#66747f;font-size:11px}
#saved-view .garage-content-tabs button.active{border-bottom-color:#e65735;color:var(--garage-ink)}
#saved-view .garage-content-tabs button.active strong{background:#384854;color:#fff}
#saved-view .garage-panels{margin:0!important;padding:0!important;background:transparent!important}
#saved-view .garage-storage-note{margin:11px 2px 0;color:#8a959e;font-size:12px;line-height:1.5}
#saved-view .garage-panel{padding:0!important;border:0!important;background:transparent!important}
#saved-view .garage-panel-heading{display:none!important}
#saved-view .garage-condition-inline{flex:none;min-height:36px;padding:6px 10px;border:1px solid #e0e5e8;border-radius:9px;background:#fff;box-shadow:none}
#saved-view .garage-condition-inline strong,#saved-view .garage-condition-inline small{font-size:12px}
#saved-view :is(#saved-cars,#recent-cars) .car-card{box-shadow:none!important}
#saved-view .garage-empty-state{min-height:170px;padding:30px 20px;border:1px solid var(--garage-line);border-radius:16px;background:#fff;text-align:center}
#saved-view .garage-empty-state h3{margin:0 0 5px;color:var(--garage-ink);font-size:17px}
#saved-view .garage-empty-state p{margin:0;color:var(--garage-muted);font-size:12px;line-height:1.5}
#saved-view .garage-empty-state button{margin-top:15px;padding:9px 14px;border-radius:9px;background:#f2f4f5;color:#34434e;font-size:12px;font-weight:700}

#saved-view .garage-benefits{margin:0 0 31px!important}
#saved-view .garage-benefits-head{margin-bottom:13px}
#saved-view .garage-account-settings{margin:0 0 30px;padding:20px 23px;border:1px solid var(--garage-line);border-radius:18px;background:#fff}
#saved-view .garage-account-settings .garage-section-title{margin-bottom:12px}
#saved-view .garage-account-settings .garage-section-title h2{font-size:19px}
#saved-view .garage-setting-list{border-top:1px solid #e7ebee}
#saved-view .garage-setting-list>button,#saved-view .garage-setting-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto 14px;align-items:center;gap:13px;width:100%;min-height:48px;padding:0 2px;border:0;border-bottom:1px solid #edf0f2;background:transparent;text-align:left}
#saved-view .garage-setting-list>button{cursor:pointer}
#saved-view .garage-setting-list>div{grid-template-columns:minmax(0,1fr) auto}
#saved-view .garage-setting-list span{color:#34434e;font-size:13px;font-weight:650}
#saved-view .garage-setting-list small{color:#8b969e;font-size:12px;font-weight:500}
#saved-view .garage-setting-list i{color:#8b969e;font-size:19px;font-style:normal;text-align:right}

@media(max-width:760px){
 #saved-view{margin:0 -20px}
 #saved-view .garage-dashboard-heading{margin:0 16px 12px!important;padding:2px 0 0!important}
 #saved-view .garage-dashboard-heading h1{font-size:23px!important}
 #saved-view .garage-dashboard-heading p{font-size:12px!important}
 #saved-view .garage-signin{padding:8px 9px;font-size:11px}
 #saved-view .garage-resume{grid-template-columns:minmax(0,1fr) 38%;gap:6px;min-height:154px;margin:0 16px 24px;padding:16px;border-radius:17px}
 #saved-view .garage-resume-copy>span{margin-bottom:6px;font-size:12px}
 #saved-view .garage-resume h2{font-size:19px}
 #saved-view .garage-resume p{margin:5px 0 12px;font-size:12px;line-height:1.4}
 #saved-view .garage-resume-action{min-height:34px;padding:7px 9px;font-size:12px}
 #saved-view .garage-resume-visual{min-height:110px}
 #saved-view .garage-resume-visual img{height:116px}
 #saved-view .garage-resume.is-empty .garage-resume-visual::after{font-size:14px}
 #saved-view .garage-vehicle-section{margin:0 16px 27px}
 #saved-view .garage-section-title{align-items:flex-start;gap:8px}
 #saved-view .garage-section-title h2{font-size:20px}
 #saved-view .garage-section-title p{font-size:12px}
 #saved-view .garage-condition-inline{min-height:32px;padding:5px 7px}
 #saved-view .garage-condition-inline strong,#saved-view .garage-condition-inline small{font-size:11px}
 #saved-view .garage-content-tabs{gap:20px;margin-bottom:13px}
 #saved-view .garage-content-tabs button{font-size:13px}
 #saved-view .garage-benefits{margin:0 16px 26px!important}
 #saved-view .garage-account-settings{margin:0 16px 25px;padding:17px 16px;border-radius:16px}
 #saved-view .garage-setting-list small{max-width:138px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media(max-width:380px){
 #saved-view .garage-resume{grid-template-columns:minmax(0,1fr) 34%}
 #saved-view .garage-resume h2{font-size:17px}
 #saved-view .garage-resume p{font-size:11px}
 #saved-view .garage-condition-inline small{display:none}
}

/* garage-benefits-v6.css */
/* The garage has three deliberate surfaces: browsing, benefits, account. */
body:has(#saved-view:not([hidden])),
body:has(#saved-view:not([hidden])) .app-shell,
body:has(#saved-view:not([hidden])) main{background:#fff}
#saved-view .garage-top{position:relative;isolation:isolate;padding:0 0 1px}
#saved-view .garage-top::before{content:'';position:absolute;z-index:-1;inset:0 auto 0 50%;width:100vw;transform:translateX(-50%);background:#f6f7f9}
#saved-view .garage-benefits{margin:0!important;padding:32px 0 34px;background:#fff}
#saved-view .garage-benefits-head{margin-bottom:16px}
#saved-view .garage-benefit-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:15px}
#saved-view .garage-benefit-card{border:1px solid #e3e8eb;border-radius:18px;box-shadow:none}

/* A member benefit, with Kakao yellow confined to its mark. */
#saved-view .garage-kakao-benefit,
#saved-view .garage-kakao-benefit.is-channel-added{display:grid;grid-template-columns:42px minmax(0,1fr) auto;grid-template-rows:auto auto auto;align-items:center;column-gap:18px;min-height:0;padding:22px 24px;border:1px solid #e8ecee!important;background:#f3f5f6!important;box-shadow:none!important}
#saved-view .garage-kakao-benefit::before{display:none!important}
#saved-view .garage-kakao-mark{grid-column:1;grid-row:1/4;width:42px;height:42px;margin:0;padding:5px;box-sizing:border-box;border-radius:12px;background:#fee500!important;box-shadow:none!important}
#saved-view .garage-kakao-benefit .garage-benefit-label{grid-column:2;grid-row:1;margin:0 0 3px;color:#7b878f;font-size:12px}
#saved-view .garage-kakao-benefit h3{grid-column:2;grid-row:2;max-width:none;margin:0;color:#293742;font-size:18px;line-height:1.4}
#saved-view .garage-kakao-benefit h3 strong{display:inline;margin-left:7px;color:#df5536;font-size:21px}
#saved-view .garage-kakao-benefit>p{grid-column:2;grid-row:3;max-width:none;margin:6px 0 0;color:#78858d;font-size:12px;line-height:1.5}
#saved-view .garage-kakao-benefit a{grid-column:3;grid-row:1/4;width:auto;min-width:0;margin:0;padding:11px 14px;border:1px solid #35434d;border-radius:9px;background:#35434d!important;color:#fff!important;box-shadow:none;white-space:nowrap}
#saved-view .garage-kakao-benefit a span{color:#fff}
#saved-view .garage-kakao-benefit a:hover{background:#26343e!important}

/* Small native showroom artwork, with the estimate tool as the main content. */
#saved-view .garage-penalty-card{display:grid;grid-template-columns:minmax(0,36%) minmax(0,64%);padding:0;border:1px solid #e3e8eb!important;background:#fff!important;box-shadow:none!important}
#saved-view .garage-penalty-card::after{display:none!important}
#saved-view .garage-penalty-story{display:flex;flex-direction:column;min-width:0;min-height:410px;padding:25px 26px 23px;box-sizing:border-box;background:#f5f7f7}
#saved-view .garage-penalty-heading{display:block;margin:0;padding:0;border:0!important}
#saved-view .garage-penalty-heading span{display:inline-block;margin-bottom:8px;color:#88949b!important;font-size:11px}
#saved-view .garage-penalty-heading h3{max-width:330px;color:#293742;font-size:21px;line-height:1.4}
#saved-view .garage-penalty-limit{display:inline-block;margin-top:13px;padding:7px 10px;border:1px solid #dfe5e8!important;border-radius:8px;background:#fff!important;color:#53616a!important;font-size:12px}
#saved-view .garage-penalty-art{display:flex;align-items:center;justify-content:center;width:170px;height:116px;margin:17px 0 14px;overflow:hidden;border-radius:15px;background:linear-gradient(135deg,#e76042,#d94e31)}
#saved-view .garage-penalty-art svg{display:block;width:158px;height:112px}
#saved-view .garage-penalty-progress{max-width:340px;margin-top:auto}
#saved-view .garage-penalty-progress-track{position:relative;display:flex;justify-content:space-between;align-items:center;margin:0 5px 8px}
#saved-view .garage-penalty-progress-track::before{content:'';position:absolute;right:6px;left:6px;top:50%;height:2px;transform:translateY(-50%);background:#d7dfe2}
#saved-view .garage-penalty-progress-track i{position:relative;width:10px;height:10px;border:2px solid #c5d0d4;border-radius:50%;background:#f5f7f7;box-sizing:border-box}
#saved-view .garage-penalty-story.is-period-ready .garage-penalty-progress-track i:first-child,
#saved-view .garage-penalty-story.is-calculated .garage-penalty-progress-track i{border-color:#df5536;background:#df5536}
#saved-view .garage-penalty-progress-labels{display:flex;justify-content:space-between;gap:12px;color:#87939a;font-size:12px;font-weight:650}
#saved-view .garage-penalty-story.is-period-ready .garage-penalty-progress-labels span:first-child,
#saved-view .garage-penalty-story.is-calculated .garage-penalty-progress-labels span:last-child{color:#35444e}
#saved-view .garage-penalty-tool{align-self:center;width:100%;max-width:570px;box-sizing:border-box;margin:0 auto;padding:26px 28px}
#saved-view .garage-penalty-modes{margin-bottom:15px;background:#edf1f3!important}
#saved-view .garage-penalty-modes button.active{box-shadow:0 1px 5px rgba(36,49,58,.07)!important}
#saved-view .garage-penalty-inputs,
#saved-view .garage-penalty-schedule{padding:0!important;background:transparent!important}
#saved-view .garage-penalty-formula{margin-top:16px;background:#f5f7f8!important}
#saved-view .garage-penalty-formula em{color:#35434d!important}
#saved-view .garage-penalty-result{margin-top:11px;border-color:#e0e6e9!important;background:#f5f7f8!important}
#saved-view .garage-penalty-result strong{color:#273642!important}
#saved-view .garage-penalty-consult{margin-top:12px;background:#f5f7f8!important}
#saved-view .garage-penalty-consult>span{background:#dfe6e9!important;color:#596872!important}

/* Account settings end at this card; following site content stays separate. */
#saved-view .garage-account-settings{margin:0 0 32px!important;padding:20px 22px 22px;border:1px solid #e0e6e9;border-radius:17px;background:#f2f4f5}
#saved-view .garage-account-settings .garage-section-title{margin-bottom:13px}
#saved-view .garage-setting-list{overflow:hidden;border:1px solid #e0e6e9;border-radius:11px;background:#fff}
#saved-view .garage-setting-list>button,
#saved-view .garage-setting-list>div{min-height:48px;padding:0 15px;border:0;border-bottom:1px solid #e9edf0;background:#fff}
#saved-view .garage-setting-list>:last-child{border-bottom:0}

@media(max-width:760px){
 #saved-view .garage-benefits{padding:26px 16px 28px}
 #saved-view .garage-benefits-head{margin-bottom:13px}
 #saved-view .garage-benefit-grid{gap:12px}
 #saved-view .garage-kakao-benefit,
 #saved-view .garage-kakao-benefit.is-channel-added{grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto auto auto;column-gap:11px;padding:17px}
 #saved-view .garage-kakao-mark{grid-row:1/3;width:36px;height:36px}
 #saved-view .garage-kakao-benefit h3{font-size:16px}
 #saved-view .garage-kakao-benefit h3 strong{display:block;margin:2px 0 0;font-size:20px}
 #saved-view .garage-kakao-benefit>p{grid-column:1/3;grid-row:3;margin:12px 0 13px}
 #saved-view .garage-kakao-benefit a{grid-column:1/3;grid-row:4;justify-self:stretch;justify-content:center;width:100%}
 #saved-view .garage-penalty-card{grid-template-columns:minmax(0,1fr)}
 #saved-view .garage-penalty-story{display:grid;grid-template-columns:minmax(0,1fr) 105px;grid-template-rows:auto auto;gap:10px;min-height:0;padding:18px;background:#f5f7f7}
 #saved-view .garage-penalty-heading{grid-column:1;grid-row:1}
 #saved-view .garage-penalty-heading h3{font-size:18px}
 #saved-view .garage-penalty-limit{margin-top:9px;font-size:11px}
 #saved-view .garage-penalty-art{grid-column:2;grid-row:1;width:105px;height:88px;margin:12px 0 0;border-radius:12px}
 #saved-view .garage-penalty-art svg{width:104px;height:82px}
 #saved-view .garage-penalty-progress{grid-column:1/3;grid-row:2;max-width:none;margin-top:2px}
 #saved-view .garage-penalty-tool{max-width:none;padding:18px}
 #saved-view .garage-account-settings{margin:0 16px 26px!important;padding:17px;border-radius:16px}
}

/* garage-preparation.css */
/* The garage is a personal workspace. Benefits are actions, not campaign banners. */
#saved-view .garage-benefits{padding:34px 0 38px;background:#fff}
#saved-view .garage-benefits-head{align-items:end;margin:0 0 18px}
#saved-view .garage-benefits-head small{margin:0 0 5px;color:#df5939;font-size:12px;font-weight:700;letter-spacing:0}
#saved-view .garage-benefits-head h2{font-size:23px;color:#27343f}
#saved-view .garage-benefits-head p{max-width:350px;font-size:13px;color:#7b8791}
#saved-view .garage-benefit-grid{gap:10px}
#saved-view .garage-benefit-card{border:1px solid #e1e6e9;border-radius:15px;background:#fff;box-shadow:none}
#saved-view .garage-kakao-benefit,
#saved-view .garage-kakao-benefit.is-channel-added{display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-template-rows:auto auto auto;column-gap:16px;min-height:0;padding:19px 21px;border:1px solid #e1e6e9!important;background:#fff!important}
#saved-view .garage-kakao-mark{grid-column:1;grid-row:1/4;width:38px;height:38px;padding:4px;border-radius:10px;background:#fee500!important}
#saved-view .garage-kakao-benefit .garage-benefit-label{grid-column:2;grid-row:1;margin:0 0 3px;color:#7b8791;font-size:12px;font-weight:600}
#saved-view .garage-kakao-benefit h3{grid-column:2;grid-row:2;max-width:none;margin:0;color:#27343f;font-size:17px;line-height:1.35;font-weight:700}
#saved-view .garage-kakao-benefit h3 strong{display:inline;margin:0 0 0 5px;color:#27343f;font-size:17px;font-weight:750}
#saved-view .garage-kakao-benefit>p{grid-column:2;grid-row:3;max-width:none;margin:5px 0 0;color:#7b8791;font-size:12px;line-height:1.5}
#saved-view .garage-kakao-benefit a{grid-column:3;grid-row:1/4;align-self:center;min-height:39px;padding:10px 13px;border:1px solid #dce3e7;border-radius:9px;background:#f3f5f6!important;color:#34434e!important;font-size:12px;white-space:nowrap}
#saved-view .garage-kakao-benefit a span{color:inherit}
#saved-view .garage-kakao-benefit a:hover{background:#e8edef!important}
#saved-view .garage-penalty-card{display:block;padding:0;border:1px solid #e1e6e9!important;background:#fff!important}
#saved-view .garage-penalty-trigger{display:grid;grid-template-columns:minmax(0,1fr) auto 20px;align-items:center;gap:13px;width:100%;min-height:72px;padding:17px 21px;border:0;background:transparent;color:#27343f;text-align:left;cursor:pointer}
#saved-view .garage-penalty-trigger span{font-size:17px;font-weight:700;letter-spacing:-.03em}
#saved-view .garage-penalty-trigger strong{color:#55646e;font-size:13px;font-weight:650}
#saved-view .garage-penalty-trigger i{color:#74828b;font-size:18px;font-style:normal;text-align:right;transition:transform .2s ease}
#saved-view .garage-penalty-card.is-open .garage-penalty-trigger i{transform:rotate(180deg)}
#saved-view .garage-penalty-tool{display:flex;flex-direction:column;align-items:center;width:100%;max-width:none;margin:0;padding:22px 21px 24px;border-top:1px solid #e6ebee}
#saved-view .garage-penalty-tool[hidden]{display:none!important}
#saved-view .garage-penalty-tool>*{width:100%;max-width:540px;box-sizing:border-box}
#saved-view .garage-penalty-modes{margin:0 0 17px}
#saved-view .garage-penalty-formula{margin-top:16px}
#saved-view .garage-penalty-result{margin-top:12px}
#saved-view .garage-account-settings{margin-bottom:36px!important;background:#f4f6f7}
body:has(#saved-view:not([hidden])) .garage-help-and-reviews{display:none!important}
@media(max-width:760px){
 #saved-view .garage-benefits{padding:28px 16px 32px}
 #saved-view .garage-benefits-head{display:block;margin-bottom:15px}
 #saved-view .garage-benefits-head h2{font-size:20px}
 #saved-view .garage-benefits-head p{margin-top:6px;text-align:left}
 #saved-view .garage-kakao-benefit,#saved-view .garage-kakao-benefit.is-channel-added{grid-template-columns:37px minmax(0,1fr);grid-template-rows:auto auto auto auto;column-gap:11px;padding:16px}
 #saved-view .garage-kakao-mark{grid-row:1/3;width:35px;height:35px}
 #saved-view .garage-kakao-benefit h3,#saved-view .garage-kakao-benefit h3 strong{font-size:15px}
 #saved-view .garage-kakao-benefit h3 strong{display:block;margin:2px 0 0}
 #saved-view .garage-kakao-benefit>p{grid-column:1/3;grid-row:3;margin:11px 0 12px}
 #saved-view .garage-kakao-benefit a{grid-column:1/3;grid-row:4;justify-self:stretch;justify-content:center;width:100%}
 #saved-view .garage-penalty-trigger{grid-template-columns:minmax(0,1fr) 20px;gap:3px 10px;min-height:76px;padding:16px}
 #saved-view .garage-penalty-trigger span{grid-column:1;font-size:16px}
 #saved-view .garage-penalty-trigger strong{grid-column:1;font-size:12px}
 #saved-view .garage-penalty-trigger i{grid-column:2;grid-row:1/3}
 #saved-view .garage-penalty-tool{padding:17px 16px 19px}
 #saved-view .garage-account-settings{margin-bottom:27px!important}
}

/* One quiet canvas throughout the garage. White is reserved for content. */
body:has(#saved-view:not([hidden])),
body:has(#saved-view:not([hidden])) .app-shell,
body:has(#saved-view:not([hidden])) main{background:#f2f3f1}
#saved-view .garage-top::before{background:#f2f3f1}
#saved-view .garage-benefits{background:transparent}
#saved-view .garage-resume,
#saved-view .garage-benefit-card,
#saved-view .garage-account-settings{border-color:#e5e6e2;background:#fff;box-shadow:0 2px 10px rgba(32,42,47,.025)}
#saved-view .garage-resume-visual{background:#f6f7f5}
#saved-view #saved-cars,
#saved-view #recent-cars{border-radius:0;background:#f2f3f1!important}
#saved-view .garage-kakao-benefit,
#saved-view .garage-kakao-benefit.is-channel-added{border-color:#e5e6e2!important;background:#fff!important}
#saved-view .garage-penalty-card{border-color:#e5e6e2!important;background:#fff!important}
#saved-view .garage-penalty-tool{border-top-color:#e9eae6}
#saved-view .garage-account-settings{background:#fff}
#saved-view .garage-setting-list{border-color:#e9eae6;background:#f7f8f6}
#saved-view .garage-setting-list>button,
#saved-view .garage-setting-list>div{border-bottom-color:#e9eae6;background:#f7f8f6}
#saved-view .garage-setting-list>:last-child{border-bottom:0}
body:has(#saved-view:not([hidden])) .site-ending{margin-top:0}

/* Keep the soft gray only behind the saved/recent vehicle lists. */
body:has(#saved-view:not([hidden])),
body:has(#saved-view:not([hidden])) .app-shell,
body:has(#saved-view:not([hidden])) main,
#saved-view .garage-top::before,
#saved-view .garage-benefits{background:#fff}
#saved-view #saved-cars,
#saved-view #recent-cars{background:#f2f3f1!important}

/* The first card describes the comparison basis instead of repeating a car. */
#saved-view .garage-basis{grid-template-columns:minmax(0,1fr) minmax(270px,35%);min-height:174px}
#saved-view .garage-basis .garage-resume-copy>span{color:#7c888e;font-size:12px}
#saved-view .garage-basis .garage-resume-copy p{margin-bottom:16px}
#saved-view .garage-basis .garage-resume-action{background:#35434d;color:#fff}
#saved-view .garage-basis-values{display:grid;align-content:center;gap:0;min-height:120px;padding:12px 0 12px 21px;border-left:1px solid #e5e8e5;background:#fff}
#saved-view .garage-basis-values>div{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:46px}
#saved-view .garage-basis-values>div+div{border-top:1px solid #e5e8e5}
#saved-view .garage-basis-values span{color:#7a858c;font-size:12px}
#saved-view .garage-basis-values strong{color:#2d3b44;font-size:14px;font-weight:700;text-align:right}
#saved-view .garage-setting-list,
#saved-view .garage-setting-list>button,
#saved-view .garage-setting-list>div{background:#fff}
@media(max-width:760px){
 #saved-view .garage-basis{grid-template-columns:minmax(0,1fr);gap:13px;min-height:0}
#saved-view .garage-basis .garage-resume-copy p{margin:5px 0 13px;font-size:12px}
 #saved-view .garage-basis-values{min-height:0;padding:6px 0 0;border-top:1px solid #e5e8e5;border-left:0}
 #saved-view .garage-basis-values>div{min-height:40px}
 #saved-view .garage-basis-values strong{font-size:12px}
}

/* The whole vehicle section is the soft-gray band; the vehicle cards stay white. */
#saved-view .garage-vehicle-section{position:relative;isolation:isolate;margin-bottom:0;padding:38px 0 46px}
#saved-view .garage-vehicle-section::before{content:'';position:absolute;z-index:-1;inset:0 auto 0 50%;width:100vw;transform:translateX(-50%);background:#f6f7f9}
#saved-view #saved-cars,
#saved-view #recent-cars{background:transparent!important}
#saved-view .garage-benefits{padding-top:42px}
@media(max-width:760px){
 #saved-view .garage-vehicle-section{margin:0 16px;padding:29px 0 34px}
 #saved-view .garage-benefits{padding-top:32px}
}

/* My Garage: next action first, comparison controls beside the vehicle list. */
#saved-view .garage-next-action{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 30px;padding:22px 26px;border:1px solid #e4e8eb;border-radius:18px;background:#fff}
#saved-view .garage-next-copy{min-width:0}
#saved-view .garage-next-copy>span{display:block;margin-bottom:5px;color:#db5b3b;font-size:12px;font-weight:700}
#saved-view .garage-next-copy h2{margin:0;color:#27343f;font-size:21px;line-height:1.3;letter-spacing:-.035em}
#saved-view .garage-next-copy p{margin:6px 0 0;color:#78848e;font-size:13px;line-height:1.5;word-break:keep-all}
#saved-view .garage-next-link{display:inline-flex;align-items:center;justify-content:center;gap:17px;flex:none;min-height:42px;padding:0 15px;border:1px solid #dbe2e6;border-radius:10px;background:#f7f9fa;color:#2e3e49;font-size:13px;font-weight:700;cursor:pointer}
#saved-view .garage-next-link span:last-child{font-size:18px;font-weight:400;line-height:1}
#saved-view .garage-condition-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:58px;margin:0 0 18px;padding:9px 13px 9px 17px;border:1px solid #e1e6e9;border-radius:12px;background:#fff}
#saved-view .garage-condition-bar>span{color:#61707b;font-size:13px;font-weight:650}
#saved-view .garage-condition-button-slot{min-width:0}
#saved-view .garage-condition-bar .garage-condition-inline{display:flex!important;align-items:center;gap:11px;border:0;background:#f4f6f8}
#saved-view .garage-condition-bar .garage-condition-inline strong,#saved-view .garage-condition-bar .garage-condition-inline small{font-size:12px}
#saved-view .garage-vehicle-section{scroll-margin-top:92px}
@media(max-width:760px){
 #saved-view .garage-next-action{align-items:flex-start;flex-direction:column;gap:15px;margin:0 16px 25px;padding:19px 18px;border-radius:16px}
 #saved-view .garage-next-copy h2{font-size:18px}
 #saved-view .garage-next-copy p{font-size:12px}
 #saved-view .garage-next-link{min-height:38px;padding:0 12px;font-size:12px}
 #saved-view .garage-condition-bar{align-items:flex-start;flex-direction:column;gap:7px;margin-bottom:15px;padding:12px}
 #saved-view .garage-condition-bar .garage-condition-inline{max-width:100%;padding:7px 9px}
 #saved-view .garage-condition-bar .garage-condition-inline strong{white-space:normal;text-align:left}
 #saved-view .garage-vehicle-section{scroll-margin-top:72px}
}

/* garage-experience.css */
/* My Garage: vehicles first, with focused sheets for the supporting tools. */
body:has(#saved-view:not([hidden])),body:has(#saved-view:not([hidden])) .app-shell,body:has(#saved-view:not([hidden])) main{background:#fff}
#saved-view{color:#293640}
#saved-view .garage-dashboard-heading{margin:0 0 26px!important;padding:5px 0 0!important}
#saved-view .garage-dashboard-heading h1{font-size:30px!important}
#saved-view .garage-dashboard-heading p{font-size:14px!important}
#saved-view .garage-vehicle-section{position:relative;isolation:isolate;margin:0;padding:37px 0 44px;scroll-margin-top:90px}
#saved-view .garage-vehicle-section::before{content:'';position:absolute;z-index:-1;inset:0 auto 0 50%;width:100vw;transform:translateX(-50%);background:#f6f7f9}
#saved-view .garage-vehicle-section>.garage-section-title{align-items:center;margin-bottom:22px}
#saved-view .garage-section-title h2{font-size:23px}
#saved-view .garage-section-title p{font-size:13px}
#saved-view .garage-condition-button-slot .garage-condition-inline{display:flex!important;align-items:center;gap:8px;min-height:39px;padding:7px 11px;border:1px solid #dfe5e8;border-radius:10px;background:#fff}
#saved-view .garage-condition-button-slot .garage-condition-inline strong,#saved-view .garage-condition-button-slot .garage-condition-inline small{font-size:12px}
#saved-view .garage-content-tabs{margin-bottom:20px}
#saved-view #saved-cars,#saved-view #recent-cars{background:transparent!important}
#saved-view .garage-storage-note{margin-top:15px}
#saved-view .garage-prep-section,#saved-view .garage-review-section,#saved-view .garage-rewards-section{padding:40px 0 0}
#saved-view .garage-prep-rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
#saved-view .garage-prep-rows>button{display:grid;grid-template-columns:28px minmax(0,1fr) 15px;align-items:start;gap:12px;width:100%;min-height:112px;padding:21px 17px;border:1px solid #e1e6e9;border-radius:15px;background:#fff;color:#2c3943;text-align:left;cursor:pointer}
#saved-view .garage-prep-rows>button:hover{border-color:#c4cdd3;background:#fafbfc}
#saved-view .garage-prep-rows b{color:#df6344;font-size:12px;font-weight:750}
#saved-view .garage-prep-rows strong{display:block;font-size:16px;line-height:1.35}
#saved-view .garage-prep-rows small{display:block;margin-top:7px;color:#7b8992;font-size:12px;line-height:1.45}
#saved-view .garage-prep-rows i{color:#9aa5ad;font-size:19px;font-style:normal}
#saved-view .garage-review-rail{display:flex;gap:13px;overflow-x:auto;padding:2px 0 9px;scroll-snap-type:x mandatory;scrollbar-width:thin}
#saved-view .garage-review-rail{scrollbar-width:none}
#saved-view .garage-review-rail::-webkit-scrollbar{display:none}
#saved-view .garage-review-tile{position:relative;flex:0 0 210px;width:210px;height:170px;padding:0;border:0;border-radius:14px;background:#f1f4f6;overflow:hidden;scroll-snap-align:start;cursor:pointer}
#saved-view .garage-review-tile img{display:block;width:100%;height:100%;object-fit:cover}
#saved-view .garage-review-tile span{position:absolute;left:10px;bottom:10px;padding:5px 9px;border-radius:7px;background:rgba(31,42,50,.82);color:#fff;font-size:12px;font-weight:650}
#saved-view .garage-rewards-section{margin:0!important;padding-bottom:40px;background:#fff}
#saved-view .garage-benefits-head{display:flex;align-items:end;margin-bottom:17px}
#saved-view .garage-benefits-head h2{font-size:23px}
#saved-view .garage-benefits-head p{font-size:13px}
#saved-view .garage-benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;align-items:stretch}
#saved-view .garage-kakao-benefit,#saved-view .garage-kakao-benefit.is-channel-added{grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto auto auto;column-gap:12px;padding:18px!important;border:1px solid #e1e6e9!important;border-radius:15px;background:#fff!important}
#saved-view .garage-kakao-mark{grid-column:1;grid-row:1/3;width:35px;height:35px}
#saved-view .garage-kakao-benefit .garage-benefit-label{grid-column:2;grid-row:1}
#saved-view .garage-kakao-benefit h3{grid-column:2;grid-row:2;font-size:16px}
#saved-view .garage-kakao-benefit h3 strong{display:block;margin:3px 0 0;font-size:16px}
#saved-view .garage-kakao-benefit>p{grid-column:1/3;grid-row:3;margin:11px 0 13px}
#saved-view .garage-kakao-benefit a{grid-column:1/3;grid-row:4;justify-self:start}
#saved-view .garage-referral-tile{display:grid;grid-template-columns:38px minmax(0,1fr) 16px;align-items:start;gap:12px;width:100%;padding:18px;border:1px solid #e1e6e9;border-radius:15px;background:#fff;color:#293640;text-align:left;cursor:pointer}
#saved-view .garage-referral-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#f2f5f6;color:#e65e3c;font-size:25px;font-weight:300}
#saved-view .garage-referral-tile small{display:block;margin:0 0 3px;color:#7b8791;font-size:12px;font-weight:650}
#saved-view .garage-referral-tile strong{display:block;font-size:16px;line-height:1.4}
#saved-view .garage-referral-tile em{display:inline-block;margin-top:15px;color:#52616c;font-size:12px;font-style:normal;text-decoration:underline;text-underline-offset:3px}
#saved-view .garage-referral-tile i{font-size:19px;font-style:normal;color:#9aa5ad}
#saved-view .garage-account-settings{margin:0 0 36px;padding:22px 23px;border:1px solid #e1e6e9;border-radius:16px;background:#fff}
#saved-view .garage-setting-list,#saved-view .garage-setting-list>button{background:#fff}
body .garage-sheet{position:fixed;inset:0 0 0 auto;width:min(510px,100vw);height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#fff;color:#293640;box-shadow:-14px 0 46px rgba(29,41,51,.13)}
body .garage-sheet::backdrop{background:rgba(21,30,38,.35)}
body .garage-sheet-frame{display:flex;flex-direction:column;height:100%}
body .garage-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:15px;flex:none;min-height:85px;padding:18px 24px;border-bottom:1px solid #e8ecef}
body .garage-sheet-head small{color:#e1603d;font-size:12px;font-weight:700}
body .garage-sheet-head h2{margin:4px 0 0;font-size:21px;letter-spacing:-.035em}
body .garage-sheet-head button{display:grid;place-items:center;flex:none;width:35px;height:35px;border:0;border-radius:50%;background:#f2f4f5;color:#596772;font-size:25px;cursor:pointer}
body .garage-sheet-body{overflow:auto;min-height:0;padding:22px 24px 38px}
body .garage-sheet-body .garage-penalty-card{display:block!important;width:100%;padding:0;border:0!important;box-shadow:none!important}
body .garage-sheet-body .garage-penalty-card>*{max-width:none}
body .garage-sheet .garage-process-steps>p,body .garage-sheet .garage-referral-detail>p:first-child{margin:0 0 23px;color:#65747e;font-size:14px;line-height:1.6}
body .garage-sheet .garage-process-steps ol,body .garage-sheet .garage-referral-detail ol{list-style:none;margin:0;padding:0}
body .garage-sheet .garage-process-steps li{display:flex;gap:17px;padding:18px 0;border-bottom:1px solid #ebeff1}
body .garage-sheet .garage-process-steps li b{color:#e1603d;font-size:12px}
body .garage-sheet .garage-process-steps li strong{display:block;font-size:15px}
body .garage-sheet .garage-process-steps li small{display:block;margin-top:5px;color:#7b8992;font-size:13px;line-height:1.5}
body .garage-sheet .garage-faq-list details{border-bottom:1px solid #e6ebee}
body .garage-sheet .garage-faq-list summary{padding:18px 20px 18px 0;color:#293640;font-size:14px;font-weight:650;cursor:pointer}
body .garage-sheet .garage-faq-list p{margin:0;padding:0 0 20px;color:#64737e;font-size:13px;line-height:1.7}
body .garage-sheet .garage-review-detail img{display:block;width:100%;max-height:68vh;border-radius:13px;object-fit:contain;background:#f5f6f7}
body .garage-sheet .garage-review-detail p{font-size:14px;color:#64737e}
body .garage-sheet .garage-referral-detail li{padding:16px 0;border-bottom:1px solid #ebeff1;font-size:14px}
body .garage-sheet .garage-referral-detail .garage-referral-note{margin-top:24px;padding:15px;border-radius:10px;background:#f6f8f9;color:#687783;font-size:12px;line-height:1.6}
body .garage-sheet .garage-referral-actions{margin-top:24px;padding:18px;border:1px solid #e3e8eb;border-radius:12px;background:#fbfcfc}
body .garage-sheet .garage-referral-actions p{margin:0 0 13px;color:#586873;font-size:13px;line-height:1.55}
body .garage-sheet .garage-referral-actions p:last-child{margin-bottom:0}
body .garage-sheet .garage-referral-actions button{min-height:40px;padding:0 15px;border:0;border-radius:9px;background:#34434e;color:#fff;font-size:13px;font-weight:700;cursor:pointer}
@media(max-width:760px){
 #saved-view .garage-dashboard-heading{margin:0 16px 17px!important}
 #saved-view .garage-dashboard-heading h1{font-size:24px!important}
 #saved-view .garage-dashboard-heading p{font-size:12px!important}
 #saved-view .garage-vehicle-section{margin:0 16px;padding:27px 0 32px}
 #saved-view .garage-vehicle-section>.garage-section-title{align-items:flex-start;gap:10px}
 #saved-view .garage-section-title h2{font-size:20px}
 #saved-view .garage-section-title p{font-size:12px}
 #saved-view .garage-condition-button-slot .garage-condition-inline{min-height:32px;padding:5px 7px}
 #saved-view .garage-condition-button-slot .garage-condition-inline small{display:none}
 #saved-view .garage-prep-section,#saved-view .garage-review-section,#saved-view .garage-rewards-section{margin:0 16px!important;padding-top:31px}
 #saved-view .garage-prep-rows{grid-template-columns:1fr;gap:9px}
 #saved-view .garage-prep-rows>button{min-height:76px;padding:15px;align-items:center}
 #saved-view .garage-prep-rows strong{font-size:14px}
 #saved-view .garage-prep-rows small{margin-top:4px;font-size:12px}
 #saved-view .garage-review-tile{flex-basis:180px;width:180px;height:150px}
 #saved-view .garage-benefits-head{display:block}
 #saved-view .garage-benefit-grid{grid-template-columns:1fr}
 #saved-view .garage-rewards-section{padding-bottom:30px}
 #saved-view .garage-account-settings{margin:0 16px 30px;padding:18px 16px}
 body .garage-sheet{inset:auto 0 0;width:100vw;height:min(88dvh,780px);border-radius:20px 20px 0 0}
 body .garage-sheet-head{min-height:70px;padding:13px 18px}
 body .garage-sheet-head h2{font-size:19px}
 body .garage-sheet-body{padding:18px 18px 32px}
}

/* Match the vehicle configurator's independent right-hand workspace. */
body .garage-sheet{z-index:80}
body .garage-sheet.is-workspace-panel{inset:0 0 0 auto;width:520px;max-width:100vw;height:100dvh;max-height:100dvh;border-left:1px solid #e2e7ed;border-radius:0;box-shadow:-12px 0 42px #22304016}
body .garage-sheet.is-workspace-panel[open]{animation:garage-panel-enter .32s cubic-bezier(.22,.72,.24,1) both}
body .garage-sheet.is-workspace-panel.is-closing[open]{animation:garage-panel-exit .36s cubic-bezier(.22,.72,.24,1) both;pointer-events:none}
@keyframes garage-panel-enter{from{transform:translateX(100%)}to{transform:translateX(0)}}
@keyframes garage-panel-exit{from{transform:translateX(0)}to{transform:translateX(100%)}}
@layer workspace{
 html[data-device=desktop] body.garage-panel-open{--workspace-drawer:520px}
}
@media(max-width:760px){
 body .garage-sheet.is-workspace-panel{inset:0;width:100vw;height:100dvh;max-width:none;border-left:0}
 @layer workspace{
  .site-workspace{transition:translate .32s cubic-bezier(.22,.72,.24,1)!important}
  body.garage-panel-open .site-workspace{translate:-20px 0!important}
 }
}
@media(prefers-reduced-motion:reduce){
 body .garage-sheet.is-workspace-panel[open],body .garage-sheet.is-workspace-panel.is-closing[open]{animation:none}
 @layer workspace{.site-workspace{transition:none!important}}
}

/* Garage editorial cards: a calm hierarchy rather than a utility grid. */
#saved-view .garage-dashboard-heading .garage-hero-copy{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:start;gap:4px 18px}
#saved-view .garage-dashboard-heading h1{grid-column:1;grid-row:1}
#saved-view .garage-dashboard-heading p{grid-column:1/-1;grid-row:2}
#saved-view .garage-header-actions{grid-column:2;grid-row:1;display:flex;justify-content:flex-end;align-items:center;gap:7px;padding-top:2px}
#saved-view .garage-header-actions button{min-height:32px;padding:0 11px;border:1px solid #e2e6e9;border-radius:9px;background:#fff;color:#65727d;font-size:12px;font-weight:650;white-space:nowrap;cursor:pointer}
#saved-view .garage-header-actions button:first-child{color:#34424d}
#saved-view .garage-header-actions button:hover{border-color:#bec8ce;background:#f7f8f9}
#saved-view .garage-header-actions button[hidden]{display:none!important}
#saved-view .garage-signin{grid-column:2;grid-row:2;align-self:start;justify-self:end}
#saved-view .garage-hero-copy:has(.garage-signin:not([hidden])) p{grid-column:1}

#saved-view .garage-prep-rows{gap:14px}
#saved-view .garage-prep-rows>button{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:228px;padding:23px 24px 21px;border:1px solid #edf0f2;border-radius:20px;background:#f7f8f9;box-shadow:0 3px 14px rgba(34,47,57,.025);color:#263540;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}
#saved-view .garage-prep-rows>button:first-child{background:#f8f7f4}
#saved-view .garage-prep-rows>button:hover{border-color:#dce3e7;background:#f3f6f7;box-shadow:0 8px 20px rgba(34,47,57,.06);transform:translateY(-2px)}
#saved-view .garage-guide-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#fff;color:#475662;box-shadow:0 2px 8px rgba(35,47,55,.045)}
#saved-view .garage-guide-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#saved-view .garage-guide-copy{display:block;margin-top:16px}
#saved-view .garage-guide-copy small{display:block;margin:0 0 6px;color:#d15e3f;font-size:12px;font-weight:700;line-height:1.3}
#saved-view .garage-guide-copy strong{display:block;font-size:19px;font-weight:750;line-height:1.34;letter-spacing:-.035em}
#saved-view .garage-guide-copy em{display:block;margin-top:7px;color:#7b8992;font-size:13px;font-style:normal;line-height:1.45}
#saved-view .garage-guide-cta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:20px;color:#34434e;font-size:13px;font-weight:700}
#saved-view .garage-guide-cta i{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#fff;color:#4d5b65;font-size:15px;font-style:normal;font-weight:500}

#saved-view .garage-benefit-grid{gap:14px}
#saved-view .garage-kakao-benefit,#saved-view .garage-kakao-benefit.is-channel-added{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto 1fr auto;align-items:start;column-gap:13px;min-height:238px;padding:23px 24px!important;border:1px solid #eeeae0!important;border-radius:20px;background:#faf9f5!important;box-shadow:0 3px 14px rgba(34,47,57,.025)!important}
#saved-view .garage-kakao-mark{grid-column:1;grid-row:1/3;width:42px;height:42px}
#saved-view .garage-kakao-benefit .garage-benefit-label{grid-column:2;grid-row:1;margin:1px 0 6px;color:#8b806c;font-size:12px;font-weight:700}
#saved-view .garage-kakao-benefit h3{grid-column:2;grid-row:2;margin:0;color:#2d3a44;font-size:15px;font-weight:650;line-height:1.4}
#saved-view .garage-kakao-benefit h3 strong{display:block;margin:2px 0 0;color:#d65d3d;font-size:21px;font-weight:760;line-height:1.3;letter-spacing:-.035em}
#saved-view .garage-kakao-benefit>p{grid-column:1/3;grid-row:3;align-self:start;margin:15px 0 0;color:#7b858d;font-size:13px;line-height:1.5}
#saved-view .garage-kakao-benefit a{grid-column:1/3;grid-row:4;justify-self:stretch;display:flex;align-items:center;justify-content:space-between;min-height:30px;margin:18px 0 0;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#34434e!important;font-size:13px;font-weight:700;text-decoration:none}
#saved-view .garage-kakao-benefit a span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#fff;color:#34434e!important;font-size:16px;font-weight:500}
#saved-view .garage-kakao-benefit a:hover{background:transparent!important;color:#d65d3d!important}
#saved-view .garage-referral-tile{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:13px;min-height:238px;padding:23px 24px;border:1px solid #e7ecef;border-radius:20px;background:#f5f7f8;box-shadow:0 3px 14px rgba(34,47,57,.025);color:#2d3a44;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}
#saved-view .garage-referral-tile:hover{border-color:#d6e0e5;background:#f1f5f6;box-shadow:0 8px 20px rgba(34,47,57,.06);transform:translateY(-2px)}
#saved-view .garage-referral-mark{grid-column:1;grid-row:1;width:42px;height:42px;border-radius:14px;background:#fff;color:#526671;font-size:initial;font-weight:initial;box-shadow:0 2px 8px rgba(35,47,55,.045)}
#saved-view .garage-referral-mark svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
#saved-view .garage-referral-copy{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:stretch;min-height:190px}
#saved-view .garage-referral-copy small{margin:1px 0 6px;color:#7c8b93;font-size:12px;font-weight:700}
#saved-view .garage-referral-copy strong{font-size:21px;font-weight:760;line-height:1.3;letter-spacing:-.035em}
#saved-view .garage-referral-description{display:block;margin-top:15px;color:#7b8992;font-size:13px;line-height:1.5}
#saved-view .garage-referral-copy em{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:17px;color:#34434e;font-size:13px;font-style:normal;font-weight:700;text-decoration:none}
#saved-view .garage-referral-copy em i{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#fff;color:#4d5b65;font-size:15px;font-style:normal;font-weight:500}

@media(max-width:760px){
 #saved-view .garage-dashboard-heading{margin-bottom:21px!important}
 #saved-view .garage-dashboard-heading .garage-hero-copy{gap:7px 8px}
 #saved-view .garage-header-actions{gap:5px;padding-top:0}
 #saved-view .garage-header-actions button{min-height:30px;padding:0 7px;font-size:12px}
 #saved-view .garage-dashboard-heading p{line-height:1.5}
 #saved-view .garage-signin{grid-column:1/-1;grid-row:3;justify-self:start}
 #saved-view .garage-hero-copy:has(.garage-signin:not([hidden])) p{grid-column:1/-1}
 #saved-view .garage-prep-rows{gap:10px}
 #saved-view .garage-prep-rows>button{display:grid;grid-template-columns:42px minmax(0,1fr) 27px;grid-template-rows:auto auto;align-items:center;gap:0 12px;min-height:123px;padding:17px 16px;border-radius:17px}
 #saved-view .garage-guide-icon{grid-column:1;grid-row:1;width:40px;height:40px;border-radius:12px;align-self:start}
 #saved-view .garage-guide-icon svg{width:23px;height:23px}
 #saved-view .garage-guide-copy{grid-column:2/4;grid-row:1;margin:0}
 #saved-view .garage-guide-copy small{margin-bottom:4px}
 #saved-view .garage-guide-copy strong{font-size:16px;line-height:1.34}
 #saved-view .garage-guide-copy strong br{display:none}
 #saved-view .garage-guide-copy em{margin-top:4px;font-size:12px}
 #saved-view .garage-guide-cta{grid-column:2/4;grid-row:2;margin-top:9px;padding-top:0;font-size:12px}
 #saved-view .garage-guide-cta i{width:25px;height:25px}
 #saved-view .garage-kakao-benefit,#saved-view .garage-kakao-benefit.is-channel-added,#saved-view .garage-referral-tile{min-height:0;padding:20px!important;border-radius:18px}
 #saved-view .garage-kakao-benefit h3 strong,#saved-view .garage-referral-copy strong{font-size:19px}
 #saved-view .garage-kakao-benefit>p{margin-top:13px;font-size:12px}
 #saved-view .garage-kakao-benefit a{margin-top:16px}
 #saved-view .garage-referral-copy{min-height:0}
 #saved-view .garage-referral-description{margin-top:12px;font-size:12px}
 #saved-view .garage-referral-copy em{margin-top:16px;padding-top:0}
}

/* Full-width search-orange garage header and centered illustrated actions. */
#saved-view .garage-dashboard-heading{position:relative;isolation:isolate;margin:0 0 26px!important;padding:28px 0 30px!important}
#saved-view .garage-dashboard-heading::before{content:'';position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:linear-gradient(135deg,#e15b3b 0%,#df5536 58%,#d94a2d 100%)}
#saved-view .garage-dashboard-heading h1{color:#fff!important}
#saved-view .garage-dashboard-heading p{color:rgba(255,255,255,.88)!important}
#saved-view .garage-header-actions button{border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.12);color:#fff!important}
#saved-view .garage-header-actions button:hover{border-color:#fff;background:rgba(255,255,255,.22)}
#saved-view .garage-signin{border-color:rgba(255,255,255,.6);background:#fff;color:#c94728}
#saved-view .garage-prep-rows,#saved-view .garage-benefit-grid{max-width:978px;margin-inline:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
#saved-view .garage-prep-rows>button{display:flex;flex-direction:column;min-height:326px;padding:0 0 18px;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 5px 19px rgba(35,46,54,.06)}
#saved-view .garage-prep-rows>button:first-child{background:#fff}
#saved-view .garage-prep-rows>button:hover{background:#fff;transform:translateY(-3px)}
#saved-view .garage-card-art{display:block;width:100%;height:128px;background:#fff0e9;overflow:hidden}
#saved-view .garage-prep-rows>button:nth-child(2) .garage-card-art{background:#eee8ff}
#saved-view .garage-prep-rows>button:nth-child(3) .garage-card-art{background:#e6f5f1}
#saved-view .garage-prep-rows>button:nth-child(4) .garage-card-art{background:#e8f1fd}
#saved-view .garage-prep-rows>button .garage-card-art{background-image:url('garage-card-1.svg');background-repeat:no-repeat;background-size:400% 100%;background-position:0 0}
#saved-view .garage-prep-rows>button:nth-child(2) .garage-card-art{background-position:33.333% 0}
#saved-view .garage-prep-rows>button:nth-child(3) .garage-card-art{background-position:66.666% 0}
#saved-view .garage-prep-rows>button:nth-child(4) .garage-card-art{background-position:100% 0}
#saved-view .garage-card-art svg{display:block;width:100%;height:100%;object-fit:contain}
#saved-view .garage-guide-icon{display:none}
#saved-view .garage-guide-copy{margin:19px 20px 0}
#saved-view .garage-guide-copy small{color:#dc5b39}
#saved-view .garage-prep-rows>button:nth-child(2) .garage-guide-copy small{color:#6f55a8}
#saved-view .garage-prep-rows>button:nth-child(3) .garage-guide-copy small{color:#398d77}
#saved-view .garage-prep-rows>button:nth-child(4) .garage-guide-copy small{color:#4978ae}
#saved-view .garage-guide-copy strong{font-size:17px}
#saved-view .garage-guide-cta{width:calc(100% - 40px);margin:auto 20px 0;padding-top:16px}
#saved-view .garage-guide-cta i{background:#f4f6f7}
#saved-view .garage-kakao-benefit,#saved-view .garage-kakao-benefit.is-channel-added,#saved-view .garage-referral-tile,#saved-view .garage-support-tile{display:flex!important;flex-direction:column;align-items:stretch;min-width:0;min-height:326px;padding:0 0 18px!important;border:1px solid #edf0f2!important;border-radius:20px;background:#fff!important;box-shadow:0 5px 19px rgba(35,46,54,.06)!important;color:#293640;text-align:left;overflow:hidden}
#saved-view .garage-kakao-benefit .garage-benefit-art,#saved-view .garage-referral-tile .garage-referral-art,#saved-view .garage-support-tile .garage-support-art{display:block;flex:none;width:100%;height:128px;background:#fff3d8}
#saved-view .garage-kakao-benefit .garage-benefit-art svg,#saved-view .garage-referral-tile .garage-referral-art svg,#saved-view .garage-support-tile .garage-support-art svg{display:block;width:100%;height:100%}
#saved-view .garage-kakao-benefit .garage-kakao-art{position:relative;background:radial-gradient(circle at 54% 50%,#ffeca7 0 54px,transparent 55px),#fff3d8}
#saved-view .garage-kakao-benefit .garage-kakao-art svg{display:none}
#saved-view .garage-kakao-benefit .garage-kakao-art::after{content:'';position:absolute;top:50%;left:50%;width:72px;height:72px;transform:translate(-50%,-50%) rotate(-8deg);border-radius:16px;background:#fee500 url('kakao-talk-icon.svg') center/cover no-repeat;box-shadow:0 12px 22px rgba(102,79,10,.13)}
#saved-view .garage-support-tile .garage-support-art{background:#f6eaf0}
#saved-view .garage-referral-tile .garage-referral-art{background:#ffe9db}
#saved-view .garage-support-tile .garage-support-art,#saved-view .garage-referral-tile .garage-referral-art{background-image:url('garage-benefit-1.svg');background-repeat:no-repeat;background-size:200% 100%;background-position:0 0}
#saved-view .garage-referral-tile .garage-referral-art{background-position:100% 0}
#saved-view .garage-review-section{max-width:978px;margin:0 auto}
#saved-view .garage-experience-banner{display:flex;align-items:center;gap:20px;width:100%;min-height:116px;padding:0 24px 0 0;border:1px solid #e5e9ec;border-radius:17px;background:#f5f7f8;color:#293640;text-align:left;overflow:hidden;cursor:pointer;transition:border-color .2s,transform .2s}
#saved-view .garage-experience-banner:hover{border-color:#cbd5da;transform:translateY(-2px)}
#saved-view .garage-experience-banner-art{position:relative;flex:none;width:170px;height:116px;background:linear-gradient(135deg,#294554,#55707a);overflow:hidden}
#saved-view .garage-experience-banner-art i:first-child{position:absolute;left:18px;top:22px;width:87px;height:65px;border:5px solid #fff;border-radius:10px;transform:rotate(-10deg);opacity:.72}
#saved-view .garage-experience-banner-art i:nth-child(2){position:absolute;left:72px;top:34px;width:80px;height:61px;border:5px solid #fff;border-radius:10px;transform:rotate(8deg);background:#f5f7f8}
#saved-view .garage-experience-banner-art i:nth-child(3){position:absolute;left:96px;top:50px;width:30px;height:30px;border-radius:50%;background:#ea6542;box-shadow:0 0 0 5px #fff}
#saved-view .garage-experience-banner-copy{display:grid;gap:5px;min-width:0}
#saved-view .garage-experience-banner-copy small{color:#d25d3e;font-size:12px;font-weight:750}
#saved-view .garage-experience-banner-copy strong{font-size:19px;line-height:1.3;letter-spacing:-.035em}
#saved-view .garage-experience-banner-copy em{color:#71808a;font-size:13px;font-style:normal;line-height:1.35}
#saved-view .garage-experience-banner-arrow{display:grid;place-items:center;flex:none;width:34px;height:34px;margin-left:auto;border-radius:50%;background:#fff;color:#344a58;font-size:18px}
#saved-view .garage-kakao-mark,#saved-view .garage-referral-mark{display:none!important}
#saved-view .garage-kakao-benefit .garage-benefit-label,#saved-view .garage-referral-copy small,#saved-view .garage-support-copy small{display:block;margin:19px 20px 6px;color:#977d28;font-size:12px;font-weight:700;line-height:1.3}
#saved-view .garage-referral-copy small{color:#d46b45}
#saved-view .garage-support-copy small{color:#a5647f}
#saved-view .garage-kakao-benefit h3,#saved-view .garage-referral-copy strong,#saved-view .garage-support-copy strong{display:block;margin:0 20px;color:#293640;font-size:17px;font-weight:750;line-height:1.35;letter-spacing:-.035em}
#saved-view .garage-kakao-benefit h3 strong{display:block;margin:0;color:#cf5d35;font-size:18px}
#saved-view .garage-kakao-benefit>p,#saved-view .garage-referral-description,#saved-view .garage-support-copy>span{display:block;margin:8px 20px 0;color:#7b8992;font-size:12px;line-height:1.5}
#saved-view .garage-kakao-benefit a,#saved-view .garage-referral-copy em,#saved-view .garage-support-copy em{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 40px);min-height:27px;margin:auto 20px 0;padding:16px 0 0!important;color:#34434e!important;font-size:13px;font-weight:700;text-decoration:none;font-style:normal}
#saved-view .garage-kakao-benefit a span,#saved-view .garage-referral-copy em i,#saved-view .garage-support-copy em i{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#f4f6f7;color:#34434e;font-size:15px;font-style:normal;font-weight:500}
#saved-view .garage-referral-copy,#saved-view .garage-support-copy{display:flex;flex:1;flex-direction:column;min-height:0}
#saved-view .garage-kakao-benefit .garage-benefit-label{color:#6c7274}
#saved-view .garage-kakao-benefit h3{color:#293640}
#saved-view .garage-kakao-benefit h3 strong{color:#c55336}
#saved-view .garage-kakao-benefit>p{color:#5e6e78}
#saved-view .garage-kakao-benefit a{color:#293640!important}
#saved-view .garage-referral-copy{width:100%;align-self:stretch}
#saved-view .garage-referral-copy small{margin-top:19px}
#saved-view .garage-referral-copy strong,#saved-view .garage-referral-description{margin-left:20px;margin-right:20px}
#saved-view .garage-support-tile{cursor:pointer}
#saved-view .garage-support-tile:hover,#saved-view .garage-referral-tile:hover{transform:translateY(-3px);border-color:#dce3e7!important}
body .garage-sheet.is-workspace-panel.is-switching[open]{animation:garage-panel-enter .32s cubic-bezier(.22,.72,.24,1) both}
body .garage-sheet .garage-support-detail>p{margin:0 0 20px;color:#65747e;font-size:14px;line-height:1.65}
body .garage-sheet .garage-support-points{display:grid;gap:10px;margin:22px 0;padding:19px;border-radius:14px;background:#f7f8fa}
body .garage-sheet .garage-support-points div{display:flex;justify-content:space-between;gap:15px;font-size:14px}
body .garage-sheet .garage-support-points small{color:#77858f;font-size:13px}
body .garage-sheet .garage-support-detail button{width:100%;min-height:45px;border:0;border-radius:10px;background:#34434e;color:#fff;font-size:14px;font-weight:700;cursor:pointer}
#saved-view .garage-prep-rows:has(>button:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}
body .garage-tax-calculator{max-width:520px;margin:auto;color:#293640}
body .garage-tax-intro{margin:0 0 25px;color:#62727d;font-size:14px;line-height:1.65}
body .garage-tax-fields{display:grid;gap:20px}
body .garage-tax-fields fieldset{margin:0;padding:0;border:0}
body .garage-tax-fields legend,body .garage-tax-fields label{display:block;margin:0;color:#31414c;font-size:14px;font-weight:700}
body .garage-tax-fields label small{display:block;margin:5px 0 0;color:#87939b;font-size:12px;font-weight:500}
body .garage-tax-types{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
body .garage-tax-types button,body .garage-tax-presets button{min-height:43px;border:1px solid #dfe5e9;border-radius:10px;background:#fff;color:#52616c;font-size:13px;font-weight:700;cursor:pointer}
body .garage-tax-types button.active{border-color:#34434e;background:#34434e;color:#fff}
body .garage-tax-input{display:flex;align-items:center;gap:10px;height:48px;margin-top:10px;padding:0 14px;border:1px solid #dfe5e9;border-radius:11px;background:#fafbfc}
body .garage-tax-input:focus-within{border-color:#677784;box-shadow:0 0 0 3px rgba(82,100,114,.1)}
body .garage-tax-input input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#293640;font-family:inherit;font-size:16px;font-weight:700}
body .garage-tax-input input::placeholder{color:#aab4bb;font-weight:500}
body .garage-tax-input>span{color:#6e7c86;font-size:13px;font-weight:600}
body .garage-tax-presets{display:flex;flex-wrap:wrap;gap:7px;margin-top:-12px}
body .garage-tax-presets button{min-height:30px;padding:0 10px;border-radius:8px;background:#f6f8f9;font-size:12px}
body .garage-tax-result{margin-top:28px;padding:22px;border-radius:16px;background:#f1f5f8}
body .garage-tax-result>span{display:block;color:#64737e;font-size:13px;font-weight:650}
body .garage-tax-result>strong{display:block;margin:6px 0 18px;color:#2d4150;font-size:26px;font-weight:800;letter-spacing:-.04em}
body .garage-tax-result dl{display:grid;gap:10px;margin:0;padding-top:14px;border-top:1px solid #dbe4e9}
body .garage-tax-result dl div{display:flex;justify-content:space-between;gap:14px;font-size:13px}
body .garage-tax-result dt{color:#75838e}
body .garage-tax-result dd{margin:0;font-weight:700}
body .garage-tax-note{margin:18px 0 0;color:#788690;font-size:12px;line-height:1.7;word-break:keep-all}
body .garage-tax-sources{display:flex;flex-wrap:wrap;gap:8px 13px;margin-top:18px;color:#87939b;font-size:12px}
body .garage-tax-sources a{color:#4f6472;text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){
#saved-view .garage-experience-banner{gap:13px;min-height:98px;padding-right:15px}
#saved-view .garage-experience-banner-art{width:90px;height:98px}
#saved-view .garage-experience-banner-art i:first-child{left:-12px;top:25px}
#saved-view .garage-experience-banner-art i:nth-child(2){left:30px;top:34px}
#saved-view .garage-experience-banner-art i:nth-child(3){left:48px}
#saved-view .garage-experience-banner-copy strong{font-size:15px}
#saved-view .garage-experience-banner-copy em{font-size:12px}
#saved-view .garage-experience-banner-arrow{width:26px;height:26px;font-size:15px}
 #saved-view .garage-dashboard-heading{margin:0 0 20px!important;padding:23px 16px 25px!important}
 #saved-view .garage-dashboard-heading::before{width:100vw}
 #saved-view .garage-prep-rows,#saved-view .garage-benefit-grid{grid-template-columns:1fr;max-width:430px;gap:12px}
 #saved-view .garage-prep-rows:has(>button:nth-child(4)){grid-template-columns:1fr}
 #saved-view .garage-prep-rows>button,#saved-view .garage-kakao-benefit,#saved-view .garage-kakao-benefit.is-channel-added,#saved-view .garage-referral-tile,#saved-view .garage-support-tile{min-height:0;padding-bottom:17px!important}
 #saved-view .garage-card-art,#saved-view .garage-kakao-benefit .garage-benefit-art,#saved-view .garage-referral-tile .garage-referral-art,#saved-view .garage-support-tile .garage-support-art{height:116px}
 #saved-view .garage-guide-copy{margin:16px 18px 13px}
 #saved-view .garage-guide-copy strong{font-size:17px}
 #saved-view .garage-guide-cta{width:calc(100% - 36px);margin:0 18px;padding-top:0}
 #saved-view .garage-kakao-benefit .garage-benefit-label,#saved-view .garage-referral-copy small,#saved-view .garage-support-copy small{margin:16px 18px 5px}
 #saved-view .garage-kakao-benefit h3,#saved-view .garage-referral-copy strong,#saved-view .garage-support-copy strong{margin-inline:18px}
 #saved-view .garage-kakao-benefit>p,#saved-view .garage-referral-description,#saved-view .garage-support-copy>span{margin-inline:18px}
 #saved-view .garage-kakao-benefit a,#saved-view .garage-referral-copy em,#saved-view .garage-support-copy em{width:calc(100% - 36px);margin:14px 18px 0;padding-top:0!important}
}

/* garage-inquiries.css */
/* Card artwork is separate from the full-width images in detail sheets. */
#saved-view .garage-prep-rows>button .garage-card-art{background-image:url('garage-card-1.svg');background-repeat:no-repeat;background-size:400% 100%;background-position:0 0}
#saved-view .garage-prep-rows>button:nth-child(2) .garage-card-art{background-position:33.333% 0}
#saved-view .garage-prep-rows>button:nth-child(3) .garage-card-art{background-position:66.666% 0}
#saved-view .garage-prep-rows>button:nth-child(4) .garage-card-art{background-position:100% 0}
#saved-view .garage-card-art svg,#saved-view .garage-support-art svg,#saved-view .garage-referral-art svg{display:none!important}
#saved-view .garage-kakao-benefit .garage-kakao-art{background:linear-gradient(125deg,#fee500 0%,#ffd02d 100%)}
#saved-view .garage-kakao-benefit .garage-kakao-art::after{box-shadow:0 12px 25px rgba(78,66,0,.22)}
#saved-view .garage-support-tile .garage-support-art,#saved-view .garage-referral-tile .garage-referral-art{background-image:url('garage-benefit-1.svg');background-repeat:no-repeat;background-size:200% 100%;background-position:0 0}
#saved-view .garage-referral-tile .garage-referral-art{background-position:100% 0}
#saved-view .garage-prep-rows>button .garage-card-art{background-image:url('garage-card-1.svg');background-size:cover;background-position:center}
#saved-view .garage-prep-rows>button:nth-child(2) .garage-card-art{background-image:url('garage-card-2.svg');background-position:center}
#saved-view .garage-prep-rows>button:nth-child(3) .garage-card-art{background-image:url('garage-card-3.svg');background-position:center}
#saved-view .garage-prep-rows>button:nth-child(4) .garage-card-art{background-image:url('garage-card-4.svg');background-position:center}
#saved-view .garage-support-tile .garage-support-art{background-image:url('garage-benefit-1.svg');background-size:cover;background-position:center}
#saved-view .garage-referral-tile .garage-referral-art{background-image:url('garage-benefit-2.svg');background-size:cover;background-position:center}
#saved-view .garage-card-art img,#saved-view .garage-support-art img,#saved-view .garage-referral-art img{display:block;width:100%;height:100%;object-fit:cover}
#saved-view .garage-panel-enter{animation:garage-tab-reveal .32s cubic-bezier(.2,.7,.2,1) both}
@keyframes garage-tab-reveal{from{opacity:0;transform:translateY(11px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#saved-view .garage-panel-enter{animation:none}}

#saved-view .garage-inquiries-panel{max-width:978px;margin:0 auto}
#saved-view .garage-inquiries-panel[hidden]{display:none!important}
#saved-view .garage-vehicle-section:has(.garage-inquiries-panel:not([hidden])) .garage-storage-note{display:none}
#saved-view .garage-request-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:16px 0 26px}
#saved-view .garage-request-card{display:flex;flex-direction:column;gap:9px;min-height:132px;padding:19px 20px;border:1px solid #e1e6e9;border-radius:17px;background:#fff;color:#293640;text-align:left;cursor:pointer}
#saved-view .garage-request-card.active{border-color:#df6543;box-shadow:0 0 0 1px #df6543}
#saved-view .garage-request-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
#saved-view .garage-request-top strong{font-size:17px;line-height:1.35}
#saved-view .garage-request-top em{flex:none;padding:5px 8px;border-radius:6px;background:#f2f5f7;color:#495b67;font-size:12px;font-weight:700;font-style:normal}
#saved-view .garage-request-sub{color:#586976;font-size:13px}
#saved-view .garage-request-meta{margin-top:auto;color:#8b98a1;font-size:12px}
#saved-view .garage-request-empty{grid-column:1/-1;padding:28px;border:1px solid #e5e9ec;border-radius:17px;background:#fff}
#saved-view .garage-request-empty strong{font-size:16px}
#saved-view .garage-request-empty p{margin:9px 0 18px;color:#74818a;font-size:13px;line-height:1.5}
#saved-view .garage-request-empty a{display:inline-flex;gap:14px;align-items:center;color:#d75d3b;font-size:13px;font-weight:700;text-decoration:none}
#saved-view .garage-request-error{grid-column:1/-1;color:#7a8790;font-size:13px}
#saved-view .garage-intake-list,#saved-view .garage-request-list,#saved-view .garage-closed-section{display:grid;grid-template-columns:1fr;gap:0}
#saved-view .garage-intake-list{margin-top:14px;border:1px solid #e2e8eb;border-radius:14px;overflow:hidden}
#saved-view .garage-request-card{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(175px,1.15fr) minmax(175px,1fr);align-items:center;gap:18px;min-height:68px;margin:0;padding:12px 17px;border:0;border-bottom:1px solid #e8ecef;border-radius:0;box-shadow:none;background:#fff}
#saved-view .garage-request-card:last-child{border-bottom:0}
#saved-view .garage-request-card.active{border-color:#e8ecef;box-shadow:inset 3px 0 #e65d3c;background:#fafbfc}
#saved-view .garage-request-top{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-width:0}
#saved-view .garage-request-top strong{min-width:0;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#saved-view .garage-request-top em{order:2;padding:4px 7px;font-size:11px;white-space:nowrap}
#saved-view .garage-request-sub{min-width:0;color:#52616c;font-size:13px;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#saved-view .garage-request-meta{min-width:0;margin:0;color:#87939b;font-size:12px;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#saved-view .garage-stage-primary .garage-request-list{gap:0;margin-top:15px;border:1px solid #e2e8eb;border-radius:14px;overflow:hidden}
#saved-view .garage-closed-section .garage-request-card{border:1px solid #e8ecef;border-bottom:0}
#saved-view .garage-closed-section .garage-request-card:last-child{border-bottom:1px solid #e8ecef}
#saved-view .garage-stage-guide{padding:27px 28px;border:1px solid #e5e9ec;border-radius:20px;background:#fff}
#saved-view .garage-stage-head{display:flex;align-items:end;justify-content:space-between;gap:20px}
#saved-view .garage-stage-head span{color:#d65c3b;font-size:12px;font-weight:750}
#saved-view .garage-stage-head h3{margin:5px 0 0;color:#293640;font-size:21px;letter-spacing:-.04em}
#saved-view .garage-stage-head p{max-width:360px;margin:0;color:#7a8790;font-size:12px;line-height:1.5;text-align:right}
#saved-view .garage-stage-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:25px;border:1px solid #e4e9ec;border-radius:12px;overflow:hidden}
#saved-view .garage-stage-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:54px;border:0;border-right:1px solid #e4e9ec;background:#f9fafb;color:#64737d;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer}
#saved-view .garage-stage-tabs button:last-child{border-right:0}
#saved-view .garage-stage-tabs button.active{background:#303d47;color:#fff}
#saved-view .garage-stage-tabs button.is-current{box-shadow:inset 0 -3px #df6543}
#saved-view .garage-stage-tabs button.is-complete .garage-stage-number{color:#d65d3c;opacity:1}
#saved-view .garage-stage-number{font-size:11px;opacity:.63}
#saved-view .garage-stage-detail{margin-top:22px}
#saved-view .garage-stage-detail-head{padding-bottom:18px;border-bottom:1px solid #e8ecef}
#saved-view .garage-stage-detail h4{margin:0;color:#293640;font-size:17px}
#saved-view .garage-stage-detail-head p{margin:7px 0 0;color:#75838d;font-size:13px;line-height:1.55}
#saved-view .garage-stage-detail details{border-bottom:1px solid #e8ecef}
#saved-view .garage-stage-detail summary{position:relative;padding:16px 26px 16px 0;color:#3b4b56;font-size:13px;font-weight:700;cursor:pointer;list-style:none}
#saved-view .garage-stage-detail summary::-webkit-details-marker{display:none}
#saved-view .garage-stage-detail summary::after{content:'+';position:absolute;right:3px;top:15px;color:#8d9aa3;font-size:19px;font-weight:400}
#saved-view .garage-stage-detail details[open] summary::after{content:'−'}
#saved-view .garage-stage-detail details>p{margin:0;padding:0 12px 18px 0;color:#74818a;font-size:13px;line-height:1.65;word-break:keep-all}
@media(max-width:760px){
#saved-view .garage-request-card{grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;min-height:77px;padding:12px 14px}
#saved-view .garage-request-top{grid-column:1/-1}
#saved-view .garage-request-sub{grid-column:1;white-space:normal;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
#saved-view .garage-request-meta{grid-column:2;font-size:11px}
 #saved-view .garage-request-list{grid-template-columns:1fr}
 #saved-view .garage-stage-guide{padding:20px 16px}
 #saved-view .garage-stage-head{display:block}
 #saved-view .garage-stage-head p{max-width:none;margin-top:9px;text-align:left}
 #saved-view .garage-stage-tabs{margin-top:19px}
 #saved-view .garage-stage-tabs button{flex-direction:column;gap:2px;min-height:53px;font-size:12px}
 #saved-view .garage-stage-number{font-size:10px}
}

/* Each stage has its own vehicles, explanation and questions. */
#saved-view .garage-intake-section{margin:18px 0 26px;padding:22px 24px;border:1px solid #e4e9ec;border-radius:18px;background:#fff}
#saved-view .garage-inquiry-row-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
#saved-view .garage-inquiry-row-heading h3{margin:0;color:#293640;font-size:18px;letter-spacing:-.035em}
#saved-view .garage-inquiry-row-heading h3 span{display:inline-grid;place-items:center;min-width:23px;height:23px;margin-left:5px;border-radius:50%;background:#edf1f4;color:#52616c;font-size:12px;vertical-align:2px}
#saved-view .garage-inquiry-row-heading p{margin:0;color:#84919a;font-size:12px;line-height:1.5}
#saved-view .garage-intake-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
#saved-view .garage-intake-empty{grid-column:1/-1;margin:0;padding:16px 0;color:#82909a;font-size:13px}
#saved-view .garage-closed-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}
#saved-view .garage-closed-section[hidden]{display:none}
#saved-view .garage-closed-section h3{grid-column:1/-1;margin:0;color:#465762;font-size:16px}
#saved-view .garage-stage-tabs{margin-top:0;margin-bottom:20px}
#saved-view .garage-stage-tabs button{gap:7px}
#saved-view .garage-stage-tabs button strong{display:grid;place-items:center;min-width:19px;height:19px;border-radius:50%;background:#e8edf0;color:#60717b;font-size:11px}
#saved-view .garage-stage-tabs button.active strong{background:rgba(255,255,255,.2);color:#fff}
#saved-view .garage-stage-view{padding:26px;border:1px solid #e4e9ec;border-radius:20px;background:#fff}
#saved-view .garage-stage-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:28px;margin-top:22px}
#saved-view .garage-stage-open{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:88px;padding:17px 20px;border:1px solid #e7ecef;border-radius:14px;background:#f6f8f9;color:#2c3a44;text-align:left;cursor:pointer}
#saved-view .garage-stage-open strong{display:block;font-size:15px}
#saved-view .garage-stage-open small{display:block;margin-top:5px;color:#798792;font-size:12px;line-height:1.5}
#saved-view .garage-stage-open em{flex:none;padding:7px 9px;border-radius:7px;background:#fff;color:#3a4b56;font-size:12px;font-style:normal;font-weight:700}
#saved-view .garage-stage-primary .garage-request-list{grid-template-columns:1fr;margin:17px 0 0}
#saved-view .garage-stage-primary .garage-request-empty{padding:39px 22px;text-align:center;border-style:dashed;box-shadow:none}
#saved-view .garage-stage-primary .garage-request-empty p{margin-bottom:0}
#saved-view .garage-stage-faq{min-width:0}
#saved-view .garage-stage-faq h4{margin:0 0 5px;color:#293640;font-size:16px}
#saved-view .garage-stage-questions details{border-bottom:1px solid #e8ecef}
#saved-view .garage-stage-questions summary{position:relative;padding:17px 24px 17px 0;color:#3b4b56;font-size:13px;font-weight:650;line-height:1.5;cursor:pointer;list-style:none;word-break:keep-all}
#saved-view .garage-stage-questions summary::-webkit-details-marker{display:none}
#saved-view .garage-stage-questions summary::after{content:'+';position:absolute;right:2px;top:15px;color:#8d9aa3;font-size:19px;font-weight:400}
#saved-view .garage-stage-questions details[open] summary::after{content:'−'}
#saved-view .garage-stage-questions details>p{margin:0;padding:0 20px 18px 0;color:#72808a;font-size:13px;line-height:1.65;word-break:keep-all}
body .garage-stage-drawer{max-width:520px;margin:auto;color:#293640}
body .garage-stage-drawer-intro{margin:0 0 24px;color:#61717c;font-size:14px;line-height:1.6}
body .garage-stage-drawer ol{display:grid;gap:0;margin:0;padding:0;list-style:none}
body .garage-stage-drawer li{display:grid;grid-template-columns:30px 1fr;gap:15px;padding:0 0 26px}
body .garage-stage-drawer li>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#edf1f4;color:#4b5e69;font-size:11px;font-weight:800}
body .garage-stage-drawer li strong{display:block;padding-top:3px;font-size:15px}
body .garage-stage-drawer li p{margin:8px 0 0;color:#72818b;font-size:13px;line-height:1.65;word-break:keep-all}
body .garage-stage-drawer-note{margin:0;padding:16px;border-radius:11px;background:#f6f8f9;color:#77858e;font-size:12px;line-height:1.6}
@media(max-width:760px){
 #saved-view .garage-intake-section,#saved-view .garage-stage-view{padding:19px 16px}
 #saved-view .garage-inquiry-row-heading{display:block}
 #saved-view .garage-inquiry-row-heading p{margin-top:6px}
 #saved-view .garage-intake-list,#saved-view .garage-stage-body,#saved-view .garage-closed-section{grid-template-columns:1fr}
 #saved-view .garage-stage-body{gap:29px;margin-top:17px}
 #saved-view .garage-stage-tabs button{gap:2px}
 #saved-view .garage-stage-tabs button strong{min-width:16px;height:16px;font-size:10px}
 #saved-view .garage-stage-primary .garage-request-empty{padding:28px 15px}
}
#saved-view .garage-inquiries-panel .garage-intake-list,#saved-view .garage-inquiries-panel .garage-request-list,#saved-view .garage-inquiries-panel .garage-closed-section{grid-template-columns:minmax(0,1fr)}
#saved-view .garage-inquiries-panel .garage-request-card{grid-template-columns:minmax(125px,.75fr) minmax(185px,1.2fr) minmax(205px,1fr);min-height:70px}
@media(max-width:760px){#saved-view .garage-inquiries-panel .garage-request-card{grid-template-columns:minmax(0,1fr) auto}}

/* Compact estimate list: keep the same visual density as saved/recent vehicles. */
#saved-view .garage-inquiries-panel{max-width:none}
#saved-view .garage-inquiry-guide{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid #dfe5e9;border-radius:10px;background:#fff;color:#44545f;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer}
#saved-view .garage-inquiry-guide i{color:#e2603f;font-style:normal}
#saved-view .garage-inquiry-summary{display:flex;align-items:center;gap:9px;margin:15px 0 12px;color:#71808a;font-size:12px}
#saved-view .garage-inquiry-summary span{display:inline-flex;align-items:center;gap:3px}
#saved-view .garage-inquiry-summary span+span{padding-left:10px;border-left:1px solid #dfe5e9}
#saved-view .garage-inquiry-summary strong{color:#2e3d47;font-size:14px}
#saved-view .garage-inquiry-rows{overflow:hidden;border:1px solid #e1e6e9;border-radius:16px;background:#fff}
#saved-view .garage-inquiry-row{display:grid;grid-template-columns:128px minmax(0,1fr) 92px;align-items:center;gap:20px;width:100%;min-height:112px;padding:13px 19px;border:0;border-bottom:1px solid #e8ecef;background:#fff;color:#293640;font-family:inherit;text-align:left;cursor:pointer;transition:background .2s ease,transform .2s ease}
#saved-view .garage-inquiry-row:last-child{border-bottom:0}
#saved-view .garage-inquiry-row:hover{background:#f8fafb}
#saved-view .garage-inquiry-row:active{transform:scale(.996)}
#saved-view .garage-inquiry-car{display:grid;place-items:center;width:128px;height:78px;border-radius:11px;background:#f5f7f8;overflow:hidden}
#saved-view .garage-inquiry-car img{display:block;width:100%;height:100%;object-fit:contain}
#saved-view .garage-inquiry-car i{position:relative;width:64px;height:25px;border:3px solid #cbd3d8;border-radius:16px 24px 9px 9px}
#saved-view .garage-inquiry-car i::before,#saved-view .garage-inquiry-car i::after{content:'';position:absolute;bottom:-9px;width:13px;height:13px;border-radius:50%;background:#aebac1;border:3px solid #f5f7f8}
#saved-view .garage-inquiry-car i::before{left:7px}#saved-view .garage-inquiry-car i::after{right:7px}
#saved-view .garage-inquiry-info{display:flex;flex-direction:column;min-width:0}
#saved-view .garage-inquiry-title{display:flex;align-items:center;gap:9px;min-width:0}
#saved-view .garage-inquiry-title>strong{min-width:0;font-size:17px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#saved-view .garage-inquiry-status{flex:none;padding:5px 8px;border-radius:7px;background:#eef2f4;color:#52626d;font-size:11px;font-weight:750;font-style:normal}
#saved-view .garage-inquiry-status.is-reviewing{background:#fff0ea;color:#c85234}
#saved-view .garage-inquiry-status.is-approved{background:#edf4f0;color:#426b58}
#saved-view .garage-inquiry-status.is-contracted{background:#e9eef1;color:#314653}
#saved-view .garage-inquiry-status.is-delivered{background:#ffede6;color:#cb5133}
#saved-view .garage-inquiry-status.is-declined{color:#8d989f}
#saved-view .garage-inquiry-mini-progress{display:inline-flex;align-items:center;gap:0;margin-left:4px;white-space:nowrap}
#saved-view .garage-inquiry-mini-progress i{position:relative;display:inline-flex;align-items:center;color:#a1abb1;font-size:10px;font-style:normal;font-weight:600}
#saved-view .garage-inquiry-mini-progress i+i{margin-left:18px}
#saved-view .garage-inquiry-mini-progress i+i::before{content:'';position:absolute;right:calc(100% + 5px);width:8px;height:1px;background:#d9dfe3}
#saved-view .garage-inquiry-mini-progress i.complete{color:#71808a}
#saved-view .garage-inquiry-mini-progress i.current{color:#293a45;font-weight:850}
#saved-view .garage-inquiry-mini-progress i.current::after{content:'';position:absolute;left:50%;bottom:-4px;width:13px;height:2px;border-radius:2px;background:#e25f3e;transform:translateX(-50%)}
#saved-view .garage-inquiry-spec{margin-top:6px;color:#64737d;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#saved-view .garage-inquiry-next{margin-top:9px;color:#344550;font-size:12px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#saved-view .garage-inquiry-meta{display:flex;align-items:center;justify-content:flex-end;gap:15px;color:#8a979f}
#saved-view .garage-inquiry-meta small{font-size:11px;white-space:nowrap}
#saved-view .garage-inquiry-meta i{color:#596a75;font-size:28px;font-style:normal;font-weight:300}
#saved-view .garage-inquiry-empty{padding:44px 24px;text-align:center}
#saved-view .garage-inquiry-empty strong{font-size:16px}.garage-inquiry-empty p{margin:8px 0 0;color:#77858f;font-size:13px}
body .garage-inquiry-detail,body .garage-inquiry-guide-sheet{max-width:540px;margin:auto;color:#293640}
body .garage-inquiry-detail-hero{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:20px;padding:22px;border-radius:18px;background:#f5f7f8}
body .garage-inquiry-detail-hero>img{width:150px;height:92px;object-fit:contain}
body .garage-inquiry-detail-hero h3{margin:9px 0 0;font-size:23px;letter-spacing:-.04em}
body .garage-inquiry-detail-hero p{margin:6px 0 0;color:#64747f;font-size:13px;line-height:1.5}
body .garage-inquiry-timeline{display:grid;grid-template-columns:repeat(4,1fr);margin:25px 0 0;padding:0;list-style:none}
body .garage-inquiry-timeline li{position:relative;display:grid;justify-items:center;gap:7px;color:#9aa5ac;font-size:12px}
body .garage-inquiry-timeline li::before{content:'';position:absolute;top:13px;left:-50%;width:100%;height:1px;background:#dfe5e8}
body .garage-inquiry-timeline li:first-child::before{display:none}
body .garage-inquiry-timeline span{position:relative;z-index:1;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#edf1f3;color:#7c8991;font-size:11px;font-weight:800}
body .garage-inquiry-timeline .complete::before,body .garage-inquiry-timeline .current::before{background:#e06342}
body .garage-inquiry-timeline .complete span,body .garage-inquiry-timeline .current span{background:#e06342;color:#fff}
body .garage-inquiry-timeline .current strong{color:#2c3a44}
body .garage-inquiry-current{margin-top:28px;padding:20px;border:1px solid #e4e9ec;border-radius:15px}
body .garage-inquiry-current small,body .garage-inquiry-detail-section>small,body .garage-inquiry-guide-sheet header small{color:#dc6241;font-size:11px;font-weight:800;letter-spacing:.05em}
body .garage-inquiry-current h4,body .garage-inquiry-detail-section h4{margin:7px 0 0;font-size:17px}
body .garage-inquiry-current p{margin:8px 0 0;color:#6d7c86;font-size:13px;line-height:1.65}
body .garage-inquiry-detail-section{margin-top:30px;padding-top:25px;border-top:1px solid #e7ebee}
body .garage-inquiry-detail-section ol,body .garage-inquiry-guide-sheet ol{display:grid;gap:0;margin:20px 0 0;padding:0;list-style:none}
body .garage-inquiry-detail-section li,body .garage-inquiry-guide-sheet li{display:grid;grid-template-columns:30px 1fr;gap:14px;padding-bottom:21px}
body .garage-inquiry-detail-section li>span,body .garage-inquiry-guide-sheet li>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#edf1f3;color:#50616b;font-size:10px;font-weight:800}
body .garage-inquiry-detail-section li strong,body .garage-inquiry-guide-sheet li strong{display:block;padding-top:3px;font-size:14px}
body .garage-inquiry-detail-section li p,body .garage-inquiry-guide-sheet li p{margin:6px 0 0;color:#71808a;font-size:13px;line-height:1.55}
body .garage-inquiry-qa details{border-bottom:1px solid #e7ebee}
body .garage-inquiry-qa summary{padding:16px 24px 16px 0;font-size:13px;font-weight:700;cursor:pointer}
body .garage-inquiry-qa details p{margin:0;padding:0 0 18px;color:#71808a;font-size:13px;line-height:1.65}
body .garage-inquiry-receipt{margin:25px 0 0;color:#96a0a6;font-size:11px;text-align:center}
body .garage-inquiry-guide-sheet header{padding:28px;border-radius:18px;background:#f4f6f7}
body .garage-inquiry-guide-sheet header h3{margin:8px 0 0;font-size:24px;letter-spacing:-.04em}
body .garage-inquiry-guide-sheet header p{margin:8px 0 0;color:#6d7c86;font-size:13px}
body .garage-inquiry-guide-sheet>ol{margin-top:28px}
@media(max-width:760px){
 #saved-view .garage-inquiry-guide{padding:8px 10px;font-size:12px}
 #saved-view .garage-inquiry-summary{overflow:auto;white-space:nowrap;scrollbar-width:none}
 #saved-view .garage-inquiry-row{grid-template-columns:88px minmax(0,1fr) 25px;gap:12px;min-height:104px;padding:12px}
 #saved-view .garage-inquiry-car{width:88px;height:66px}
 #saved-view .garage-inquiry-title>strong{font-size:15px}
 #saved-view .garage-inquiry-title{flex-wrap:wrap;gap:6px 8px}
 #saved-view .garage-inquiry-mini-progress{order:3;flex-basis:100%;margin:1px 0 0}
 #saved-view .garage-inquiry-mini-progress i{font-size:9px}
 #saved-view .garage-inquiry-mini-progress i+i{margin-left:14px}
 #saved-view .garage-inquiry-mini-progress i+i::before{right:calc(100% + 4px);width:6px}
 #saved-view .garage-inquiry-spec{font-size:12px}
 #saved-view .garage-inquiry-next{font-size:11px}
 #saved-view .garage-inquiry-meta small{display:none}
 #saved-view .garage-inquiry-meta{gap:0}
 body .garage-inquiry-detail-hero{grid-template-columns:112px minmax(0,1fr);gap:14px;padding:17px}
 body .garage-inquiry-detail-hero>img{width:112px;height:76px}
 body .garage-inquiry-detail-hero h3{font-size:20px}
}

/* garage-editorial.css */
body .garage-sheet-body:has(.garage-editorial){padding:0 0 35px}
body .garage-editorial{--editorial-accent:#e65c37;--editorial-bg:#f8e8df;color:#293640}
body .garage-theme-slate{--editorial-accent:#e65c37;--editorial-bg:#e9eef0}
body .garage-theme-mint{--editorial-accent:#287f78;--editorial-bg:#e7f2ef}
body .garage-theme-blue{--editorial-accent:#416d9a;--editorial-bg:#eaf0f7}
body .garage-editorial-hero{position:relative;min-height:235px;padding:30px 29px 25px;overflow:hidden;background:var(--editorial-bg)}
body .garage-theme-orange .garage-editorial-hero{--editorial-bg:#eaf0f2;--editorial-image:url('garage-card-1.svg')}
body .garage-theme-slate .garage-editorial-hero{--editorial-bg:#eaf2ef;--editorial-image:url('garage-card-2.svg')}
body .garage-theme-mint .garage-editorial-hero{--editorial-bg:#eef1f8;--editorial-image:url('garage-card-3.svg')}
body .garage-theme-blue .garage-editorial-hero{--editorial-bg:#f4efe9;--editorial-image:url('garage-card-4.svg')}
body .garage-theme-support .garage-editorial-hero{--editorial-bg:#e9edf1;--editorial-image:url('garage-benefit-1.svg')}
body .garage-theme-review .garage-editorial-hero{--editorial-bg:#e5edf0;--editorial-image:url('garage-card-3.svg')}
body .garage-editorial-hero::after{content:'';position:absolute;inset:0 0 0 auto;width:56%;background:linear-gradient(90deg,var(--editorial-bg),transparent 30%),var(--editorial-image) center/cover no-repeat;pointer-events:none}
body .garage-editorial-hero .garage-editorial-art{display:none}
body .garage-editorial-hero h3{max-width:50%}
body .garage-editorial-hero p{max-width:48%}
body .garage-editorial-eyebrow{display:inline-block;margin-bottom:17px;padding:6px 10px;border-radius:7px;background:#fff;color:var(--editorial-accent);font-size:12px;font-weight:750}
body .garage-editorial-hero h3{position:relative;z-index:1;max-width:330px;margin:0;color:#26353f;font-size:28px;line-height:1.25;letter-spacing:-.045em;word-break:keep-all}
body .garage-editorial-hero p{position:relative;z-index:1;max-width:315px;margin:15px 0 0;color:#536470;font-size:14px;line-height:1.55;word-break:keep-all}
body .garage-editorial-art{position:absolute;right:-28px;bottom:-50px;width:190px;height:156px;transform:rotate(-13deg);opacity:.75}
body .garage-editorial-art span{position:absolute;display:block;border:2px solid var(--editorial-accent);border-radius:20px;background:#fff;box-shadow:0 8px 0 color-mix(in srgb,var(--editorial-accent) 18%,transparent)}
body .garage-editorial-art span:first-child{inset:8px 36px 42px 4px}
body .garage-editorial-art span:nth-child(2){inset:36px 3px 16px 59px;background:var(--editorial-accent)}
body .garage-editorial-art span:last-child{top:28px;left:35px;width:38px;height:38px;border-radius:50%}
body .garage-editorial-art:has(svg){right:-5px;bottom:-8px;width:222px;height:117px;transform:none;opacity:.9}
body .garage-editorial-art svg{display:block;width:100%;height:100%}
body .garage-editorial-section{padding:30px 27px 5px}
body .garage-editorial-section+ .garage-editorial-section{margin-top:18px;border-top:8px solid #f6f8f9}
body .garage-editorial-section>small{display:block;margin-bottom:7px;color:var(--editorial-accent);font-size:12px;font-weight:800;letter-spacing:.04em}
body .garage-editorial-section>h4{margin:0 0 20px;font-size:19px;letter-spacing:-.035em}
body .garage-editorial-cards{display:grid;gap:10px}
body .garage-editorial-info{padding:18px;border:1px solid #e5ebee;border-radius:14px;background:#f8fafb}
body .garage-editorial-info strong{display:block;font-size:15px}
body .garage-editorial-info p{margin:8px 0 0;color:#62717b;font-size:14px;line-height:1.65;word-break:keep-all}
body .garage-editorial-detail{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 54px);margin:30px 27px 12px;padding:16px 18px;border:0;border-radius:12px;background:#303e49;color:#fff;font-size:14px;font-weight:750;text-align:left;cursor:pointer}
body .garage-editorial-detail i{font-style:normal;font-size:17px}
body .garage-editorial .garage-process-steps>p{margin-bottom:6px}
body .garage-editorial .garage-faq-list details{border-bottom:1px solid #e6ebee}
body .garage-editorial .garage-tax-calculator,body .garage-editorial .garage-penalty-card{margin:0}
body .garage-stage-qa details{border-bottom:1px solid #e6ebee}
body .garage-stage-qa summary{padding:17px 0;font-size:14px;font-weight:650;cursor:pointer}
body .garage-stage-qa details p{margin:0;padding:0 0 18px;color:#64737e;font-size:14px;line-height:1.6}
body .garage-editorial-inline{margin-top:10px;padding:0;border:0;background:none;color:#465864;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
body .garage-editorial .garage-stage-drawer-note{margin:26px 27px 0}
body .garage-sheet-frame{position:relative;overflow:hidden}
body .garage-sub-sheet[hidden]{display:none}
body .garage-sub-sheet{position:absolute;z-index:4;inset:0;display:flex;align-items:end}
body .garage-sub-backdrop{position:absolute;inset:0;background:rgba(22,32,40,.35);opacity:0;transition:opacity .26s}
body .garage-sub-panel{position:relative;width:100%;max-height:min(76dvh,690px);overflow:auto;padding:0 24px 32px;border-radius:24px 24px 0 0;background:#fff;box-shadow:0 -12px 35px rgba(24,36,45,.13);transform:translateY(105%);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
body .garage-sub-sheet.is-open .garage-sub-backdrop{opacity:1}
body .garage-sub-sheet.is-open .garage-sub-panel{transform:translateY(0)}
body .garage-sub-panel header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 0 17px}
body .garage-sub-panel h3{margin:0;font-size:19px;letter-spacing:-.035em}
body .garage-sub-panel header button{display:grid;place-items:center;flex:none;width:34px;height:34px;border:0;border-radius:50%;background:#f1f4f6;color:#41515d;font-size:23px;cursor:pointer}
body .garage-sub-content .garage-editorial-info{background:#fff}
body .garage-stage-detail-point{margin-top:20px;padding-top:19px;border-top:1px solid #e5eaed}
body .garage-stage-detail-point small{display:block;margin-bottom:9px;color:#df6344;font-size:12px;font-weight:750}
body .garage-stage-detail-point strong{display:block;font-size:14px}
body .garage-stage-detail-point p{margin:8px 0 0;color:#62717b;font-size:14px;line-height:1.65}
body .garage-editorial .garage-referral-actions{margin:0;padding:18px;border:1px solid #e5eaed;border-radius:14px;background:#f8fafb}
body .garage-editorial .garage-referral-actions p{margin:0 0 12px;color:#596a75;font-size:14px;line-height:1.6}
body .garage-editorial .garage-referral-actions p:last-child{margin-bottom:0}
body .garage-editorial .garage-referral-actions button{min-height:41px;padding:0 16px;border:0;border-radius:9px;background:#303e49;color:#fff;font-size:14px;font-weight:700;cursor:pointer}
@media(max-width:760px){body .garage-editorial-hero{min-height:215px;padding:25px 22px}body .garage-editorial-hero h3{font-size:25px}body .garage-editorial-section{padding:26px 21px 4px}body .garage-editorial-detail{width:calc(100% - 42px);margin:26px 21px 10px}body .garage-sub-panel{padding:0 20px 25px}}
@media(max-width:760px){body .garage-editorial-hero::after{width:52%;opacity:.48}body .garage-editorial-hero h3{max-width:74%}body .garage-editorial-hero p{max-width:68%}}
@media(prefers-reduced-motion:reduce){body .garage-sub-backdrop,body .garage-sub-panel{transition:none}}

/* garage-referral.css */
body .garage-sheet-body:has(.garage-invite-page){padding:0;scrollbar-gutter:stable}
body .garage-invite-page{color:#26333c;background:#fff}
body .garage-invite-hero{position:relative;min-height:245px;padding:28px 28px 27px;overflow:hidden;background:#222527;color:#fff}
body .garage-invite-hero>span{position:relative;z-index:1;color:#ff8d5b;font-size:11px;font-weight:800;letter-spacing:.14em}
body .garage-invite-hero h3{position:relative;z-index:1;margin:24px 0 0;font-size:30px;line-height:1.22;letter-spacing:-.05em}
body .garage-invite-hero h3 em{color:#fa6a3d;font-style:normal}
body .garage-invite-hero p{position:relative;z-index:1;margin:13px 0 0;color:#d9dcde;font-size:13px}
body .garage-invite-hero-art{position:absolute;right:-45px;bottom:-75px;width:215px;height:215px;border-radius:50%;background:#303437}
body .garage-invite-hero-art i{position:absolute;display:block;border:2px solid #ef633a;border-radius:13px;transform:rotate(-12deg)}
body .garage-invite-hero-art i:first-child{top:30px;left:25px;width:120px;height:78px;background:#ff7a49}
body .garage-invite-hero-art i:nth-child(2){top:78px;left:59px;width:120px;height:78px;background:#fff}
body .garage-invite-hero-art i:last-child{top:97px;left:80px;width:28px;height:28px;border-radius:50%;background:#ffd6c4}
body .garage-invite-hero{background:#fff0e8;color:#293640}
body .garage-invite-hero::after{content:'';position:absolute;inset:0 0 0 auto;width:56%;background:linear-gradient(90deg,#fff0e8,transparent 30%),url('garage-benefit-2.svg') center/cover no-repeat;pointer-events:none}
body .garage-invite-hero>span{color:#aa6246}
body .garage-invite-hero h3{max-width:60%;color:#293640}
body .garage-invite-hero h3 em{color:#cf5937}
body .garage-invite-hero p{max-width:55%;color:#5e6d75}
body .garage-invite-hero-art{display:none}
@media(max-width:760px){body .garage-invite-hero::after{width:55%;opacity:.48}body .garage-invite-hero h3{max-width:70%}body .garage-invite-hero p{max-width:65%}}
body .garage-invite-tabs{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:1fr 1fr;background:#fff;border-bottom:1px solid #e5e9ec}
body .garage-invite-tabs button{min-height:52px;border:0;border-bottom:2px solid transparent;background:#fff;color:#7b858b;font-size:14px;font-weight:650;cursor:pointer}
body .garage-invite-tabs button[aria-selected="true"]{border-bottom-color:#272e32;color:#252c30}
body .garage-invite-panel[hidden]{display:none}
body .garage-invite-rewards{padding:36px 24px 30px;text-align:center}
body .garage-invite-rewards>h4{margin:0 0 27px;font-size:20px;line-height:1.45;letter-spacing:-.035em}
body .garage-invite-reward+.garage-invite-reward{margin-top:22px;padding-top:27px;border-top:1px solid #e7ebee}
body .garage-invite-pill{display:inline-block;margin-bottom:14px;padding:7px 13px;border-radius:30px;background:#2b3033;color:#fff;font-size:12px;font-weight:700}
body .garage-invite-reward>div{position:relative;min-height:85px;padding:19px 82px 18px 18px;border-radius:13px;background:#f6f8fa;text-align:left}
body .garage-invite-reward small{display:block;margin-bottom:7px;color:#67747d;font-size:12px}
body .garage-invite-reward strong{font-size:15px;line-height:1.4}
body .garage-invite-reward strong b{color:#e75e3a}
body .garage-invite-reward svg{position:absolute;right:17px;top:18px;width:47px;height:42px}
body .garage-invite-more{margin-top:25px;padding:6px;border:0;background:none;color:#4c5c67;font-size:13px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
body .garage-invite-more span{margin-left:3px;font-size:18px;text-decoration:none}
body .garage-invite-status{padding:30px 24px;border-top:8px solid #f5f6f8}
body .garage-invite-status h4{margin:0 0 23px;font-size:19px}
body .garage-invite-joined{display:flex;align-items:center;gap:12px;margin-bottom:19px}
body .garage-invite-joined svg{width:49px;height:49px}
body .garage-invite-joined span{display:grid;gap:4px;color:#79868e;font-size:12px}
body .garage-invite-joined strong{color:#25333d;font-size:19px}
body .garage-invite-status-banner{display:grid;gap:5px;place-items:center;min-height:82px;margin-bottom:24px;border-radius:14px;background:#252a2d;color:#fff}
body .garage-invite-status-banner span{align-self:end;color:#d6dadd;font-size:12px}
body .garage-invite-status-banner strong{align-self:start;font-size:20px}
body .garage-invite-status-line{display:flex;justify-content:space-between;margin-bottom:12px;font-size:13px;font-weight:700}
body .garage-invite-friends-head{display:flex;justify-content:space-between;gap:12px;margin:23px 0 12px;font-size:13px}
body .garage-invite-friends-head span{font-weight:700}
body .garage-invite-friends{display:grid;gap:1px;margin-bottom:10px}
body .garage-invite-friend{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;padding:12px 4px;border-bottom:1px solid #e8ecef;font-size:13px}
body .garage-invite-friend span{color:#e8613d;font-weight:700}
body .garage-invite-friend small{grid-column:1/-1;color:#89949b;font-size:12px}
body .garage-invite-empty{padding:18px;border-radius:11px;background:#f6f8fa;color:#78858d;font-size:13px;text-align:center;line-height:1.5}
body .garage-invite-disclaimer{margin:0;padding:10px 24px 23px;color:#859097;font-size:12px;line-height:1.6}
body .garage-invite-footer{position:sticky;z-index:2;bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:12px 16px 16px;background:#fff;box-shadow:0 -8px 22px rgba(26,39,48,.07)}
body .garage-invite-footer button{min-height:47px;border:0;border-radius:10px;background:#f2f4f6;color:#293640;font-size:14px;font-weight:750;cursor:pointer}
body .garage-invite-footer button:last-child{background:#30373c;color:#fff}
body .garage-invite-how-intro{padding:34px 23px 18px;text-align:center}
body .garage-invite-how-intro small{color:#e8613d;font-size:11px;font-weight:800;letter-spacing:.1em}
body .garage-invite-how-intro h4{margin:8px 0;font-size:22px}
body .garage-invite-how-intro p{margin:0;color:#697783;font-size:13px}
body .garage-invite-steps{display:grid;gap:13px;padding:0 17px 25px}
body .garage-invite-step{min-height:290px;padding:30px 21px 20px;border-radius:19px;background:#f6f8fb;text-align:center;overflow:hidden}
body .garage-invite-step-number{display:inline-block;padding:10px 23px;border-radius:24px;background:#f1653f;color:#fff;font-size:16px;font-weight:800}
body .garage-invite-step h4{margin:20px auto 8px;max-width:280px;font-size:21px;line-height:1.35;word-break:keep-all}
body .garage-invite-step p{margin:10px auto 0;max-width:300px;color:#71808b;font-size:13px;line-height:1.55;word-break:keep-all}
body .garage-invite-step-art{position:relative;width:140px;height:95px;margin:12px auto 0}
body .garage-invite-step-art span{position:absolute;display:block}
body .garage-invite-step-art span:first-child{left:22px;top:4px;width:96px;height:86px;border:8px solid #343d43;border-bottom:0;border-radius:18px 18px 0 0;background:#fff}
body .garage-invite-step-art span:nth-child(2){left:49px;top:29px;width:42px;height:42px;border-radius:50%;background:#f1653f}
body .garage-invite-step-art span:last-child{left:6px;bottom:6px;width:128px;height:17px;border-radius:12px;background:#ffe500}
body .garage-invite-step-art.art-car span:first-child{top:37px;left:11px;width:120px;height:45px;border:0;border-radius:35px 35px 12px 12px;background:#f1653f}
body .garage-invite-step-art.art-car span:nth-child(2){top:69px;left:28px;width:20px;height:20px;background:#30383d;box-shadow:64px 0 #30383d}
body .garage-invite-step-art.art-car span:last-child{top:12px;left:47px;width:55px;height:38px;border-radius:22px 22px 0 0;background:#ffd6c4}
body .garage-invite-step-art.art-check span:first-child{top:9px;left:34px;width:75px;height:75px;border:0;border-radius:50%;background:#e1f1ec}
body .garage-invite-step-art.art-check span:nth-child(2){top:26px;left:51px;width:42px;height:27px;border-radius:0;border-left:8px solid #178970;border-bottom:8px solid #178970;background:transparent;transform:rotate(-45deg)}
body .garage-invite-step-art.art-check span:last-child{display:none}
body .garage-invite-how-note{margin:0 18px 26px;padding:17px;border-radius:12px;background:#fff8f4;color:#7d6256;font-size:13px;line-height:1.6}
body .garage-invite-detail>div{padding:18px 0;border-bottom:1px solid #e6ebee}
body .garage-invite-detail small{display:block;margin-bottom:6px;color:#e8613d;font-size:12px;font-weight:750}
body .garage-invite-detail strong{font-size:15px}
body .garage-invite-detail p{margin:8px 0 0;color:#6b7882;font-size:13px;line-height:1.6}
body .garage-referral-welcome{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:15px auto 25px;padding:21px 24px;border:1px solid #e9d4c9;border-radius:16px;background:#fff4ee;color:#293640}
body .garage-referral-welcome small{display:block;margin-bottom:6px;color:#e8613d;font-size:11px;font-weight:800;letter-spacing:.08em}
body .garage-referral-welcome strong{display:block;font-size:18px}
body .garage-referral-welcome p{margin:7px 0 0;color:#65747e;font-size:13px;line-height:1.5}
body .garage-referral-welcome button{flex:none;min-height:42px;padding:0 16px;border:0;border-radius:9px;background:#303e49;color:#fff;font-size:13px;font-weight:750;cursor:pointer}
@media(max-width:760px){body .garage-referral-welcome{display:block;margin:12px 16px 20px;padding:19px}body .garage-referral-welcome button{margin-top:16px;width:100%}}
@media(max-width:760px){body .garage-invite-hero{min-height:225px;padding:25px 22px}body .garage-invite-hero h3{font-size:28px}body .garage-invite-rewards{padding:31px 18px 25px}body .garage-invite-status{padding:27px 19px}body .garage-invite-footer{padding-bottom:max(14px,env(safe-area-inset-bottom))}}

/* garage-simplify.css */
/* My Garage: keep the first view focused on the cars and one clear action per section. */
#saved-view .garage-prep-section,
#saved-view .garage-rewards-section{max-width:1120px;margin-left:auto;margin-right:auto}
#saved-view .garage-prep-rows{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 18px!important;max-width:960px;margin:0 auto!important}
#saved-view .garage-prep-rows>button{display:grid!important;grid-template-columns:46px minmax(0,1fr) 22px!important;align-items:center!important;gap:14px!important;min-height:88px!important;padding:16px 4px!important;border:0!important;border-bottom:1px solid #e8edf2!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;text-align:left!important}
#saved-view .garage-prep-rows>button:hover{background:#f8fafc!important}
#saved-view .garage-prep-rows .garage-card-art{display:none!important}
#saved-view .garage-prep-rows .garage-guide-icon{display:grid!important;place-items:center;width:42px!important;height:42px!important;margin:0!important;border-radius:14px!important;background:#f2f5f8!important;color:#344454!important}
#saved-view .garage-prep-rows .garage-guide-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#saved-view .garage-prep-rows>button[data-open="tax"] .garage-guide-icon{font-size:21px;font-weight:600}
#saved-view .garage-prep-rows .garage-guide-copy{display:block!important;min-width:0;margin:0!important;padding:0!important}
#saved-view .garage-prep-rows .garage-guide-copy small{display:block!important;margin:0 0 4px!important;color:#7d8895!important;font-size:12px!important;font-weight:500!important}
#saved-view .garage-prep-rows .garage-guide-copy strong{display:block!important;color:#263443!important;font-size:16px!important;font-weight:650!important;line-height:1.4!important}
#saved-view .garage-prep-rows .garage-guide-copy strong br,
#saved-view .garage-prep-rows .garage-guide-copy em{display:none!important}
#saved-view .garage-prep-rows .garage-guide-cta{display:block!important;font-size:0!important;justify-self:end;color:#8a96a2!important}
#saved-view .garage-prep-rows .garage-guide-cta i{font-size:19px!important;font-style:normal}
#saved-view .garage-benefit-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;max-width:960px;margin:0 auto!important}
#saved-view .garage-kakao-benefit{grid-column:1/-1!important;display:grid!important;grid-template-columns:76px minmax(0,1fr) auto!important;grid-template-rows:auto auto auto!important;align-items:center!important;column-gap:18px!important;row-gap:3px!important;min-height:128px!important;padding:20px 24px!important;border-radius:18px!important;box-shadow:none!important}
#saved-view .garage-kakao-benefit .garage-benefit-art{grid-column:1;grid-row:1/4;width:68px!important;height:68px!important;min-height:0!important;margin:0!important;overflow:hidden;border-radius:18px!important}
#saved-view .garage-kakao-benefit .garage-benefit-art svg{width:100%!important;height:100%!important}
#saved-view .garage-kakao-benefit .garage-benefit-label{grid-column:2;grid-row:1;margin:0!important}
#saved-view .garage-kakao-benefit h3{grid-column:2;grid-row:2;margin:0!important;font-size:19px!important;line-height:1.4!important}
#saved-view .garage-kakao-benefit h3 strong{display:inline!important;margin-left:.3em}
#saved-view .garage-kakao-benefit>p:not(.garage-benefit-label){grid-column:2;grid-row:3;margin:0!important;font-size:13px!important;line-height:1.5!important}
#saved-view .garage-kakao-benefit>a{grid-column:3;grid-row:1/4;align-self:center!important;margin:0!important;white-space:nowrap}
/* The confirmed-channel state must keep the same horizontal member-banner layout. */
#saved-view .garage-kakao-benefit.garage-channel-benefit.is-channel-added{grid-column:1/-1!important;display:grid!important;grid-template-columns:116px minmax(0,1fr) auto!important;grid-template-rows:auto auto auto!important;align-items:center!important;gap:3px 22px!important;min-height:148px!important;height:auto!important;padding:23px 28px!important;border:0!important;border-radius:18px!important;background:linear-gradient(125deg,#303b43 0%,#3a4954 100%)!important;color:#fff!important;box-shadow:0 14px 30px rgba(33,47,56,.13)!important}
#saved-view .garage-kakao-benefit.garage-channel-benefit.is-channel-added>.channel-marks{grid-column:1!important;grid-row:1/4!important;display:flex!important;align-self:center!important;justify-content:center!important;width:116px!important;height:82px!important;margin:0!important;border-radius:18px!important;background:rgba(255,255,255,.08)!important}
#saved-view .garage-kakao-benefit.garage-channel-benefit.is-channel-added>.channel-marks i{width:38px!important;height:38px!important;border-radius:12px!important}
#saved-view .garage-kakao-benefit.garage-channel-benefit.is-channel-added .garage-benefit-label{grid-column:2!important;grid-row:1!important;margin:0 0 3px!important;color:#bfc9cf!important}
#saved-view .garage-kakao-benefit.garage-channel-benefit.is-channel-added h3,#saved-view .garage-kakao-benefit.garage-channel-benefit.is-channel-added h3 strong{grid-column:2!important;grid-row:2!important;margin:0!important;color:#fff!important}
#saved-view .garage-kakao-benefit.garage-channel-benefit.is-channel-added h3 strong{display:inline!important;font-size:21px!important}
#saved-view .garage-kakao-benefit.garage-channel-benefit.is-channel-added>p:not(.garage-benefit-label){grid-column:2!important;grid-row:3!important;margin:6px 0 0!important;color:#cbd3d7!important}
#saved-view .garage-kakao-benefit.garage-channel-benefit.is-channel-added>a{grid-column:3!important;grid-row:1/4!important;align-self:center!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#fff!important;box-shadow:none!important;white-space:nowrap!important}
#saved-view .garage-kakao-benefit.garage-channel-benefit.is-channel-added .garage-kakao-refresh{display:none!important}
#saved-view .garage-support-tile,#saved-view .garage-referral-tile{display:grid!important;grid-template-columns:48px minmax(0,1fr) 18px!important;align-items:center!important;gap:14px!important;min-height:102px!important;padding:18px!important;border-radius:16px!important;box-shadow:none!important;text-align:left!important}
#saved-view .garage-support-tile::after,#saved-view .garage-referral-tile::after{content:'›';grid-column:3;grid-row:1;color:#8693a0;font-size:25px;font-weight:300}
#saved-view .garage-support-art,#saved-view .garage-referral-art{grid-column:1;grid-row:1;width:48px!important;height:48px!important;min-height:0!important;margin:0!important;border-radius:14px!important;overflow:hidden}
#saved-view .garage-support-art img,#saved-view .garage-referral-art img{width:100%!important;height:100%!important;object-fit:cover!important}
#saved-view .garage-referral-mark{display:none!important}
#saved-view .garage-support-copy,#saved-view .garage-referral-copy{grid-column:2;grid-row:1;min-width:0;margin:0!important;padding:0!important}
#saved-view .garage-support-copy small,#saved-view .garage-referral-copy small{display:block;margin:0 0 4px!important;color:#798694!important;font-size:12px!important}
#saved-view .garage-support-copy strong,#saved-view .garage-referral-copy strong{display:block;color:#263443!important;font-size:16px!important;line-height:1.45!important}
#saved-view .garage-support-copy strong br,#saved-view .garage-referral-copy strong br{display:none!important}
#saved-view .garage-support-copy>span,#saved-view .garage-referral-copy>span,#saved-view .garage-support-copy em,#saved-view .garage-referral-copy em{display:none!important}
#saved-view .garage-inquiry-overview{padding:22px 24px;margin:14px 0 0;border:1px solid #e4e9ef;border-radius:18px;background:#fff}
#saved-view .garage-inquiry-overview-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px;color:#7c8997;font-size:13px}
#saved-view .garage-inquiry-overview-top em{font-style:normal;color:#324354;font-weight:650}
#saved-view .garage-inquiry-overview>strong{display:block;color:#263443;font-size:20px;line-height:1.35}
#saved-view .garage-inquiry-overview>p{margin:5px 0 0;color:#687788;font-size:14px;line-height:1.5}
#saved-view .garage-inquiry-overview .garage-inquiry-next{margin-top:14px;padding-top:13px;border-top:1px solid #edf0f3;color:#344454;font-weight:600}
#saved-view .garage-inquiry-expanded{margin-top:14px;border-top:1px solid #e8edf2}
#saved-view .garage-inquiry-expanded>summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;padding:16px 4px;color:#344454;font-size:14px;font-weight:650}
#saved-view .garage-inquiry-expanded>summary::-webkit-details-marker{display:none}
#saved-view .garage-inquiry-expanded[open]>summary span{transform:rotate(180deg)}
#saved-view .garage-inquiry-expanded .garage-stage-faq{display:none!important}
@media(max-width:767px){
 #saved-view .garage-prep-rows,#saved-view .garage-benefit-grid{grid-template-columns:1fr!important;gap:0!important}
 #saved-view .garage-prep-rows>button{min-height:78px!important;padding:13px 2px!important}
 #saved-view .garage-benefit-grid{gap:10px!important}
 #saved-view .garage-kakao-benefit{grid-column:1!important;grid-template-columns:52px minmax(0,1fr)!important;grid-template-rows:auto auto auto auto!important;gap:3px 13px!important;padding:17px!important}
 #saved-view .garage-kakao-benefit .garage-benefit-art{width:52px!important;height:52px!important;grid-row:1/3}
 #saved-view .garage-kakao-benefit .garage-benefit-label{grid-column:2;grid-row:1}
 #saved-view .garage-kakao-benefit h3{grid-column:2;grid-row:2;font-size:16px!important}
 #saved-view .garage-kakao-benefit>p:not(.garage-benefit-label){grid-column:1/-1;grid-row:3;margin-top:8px!important}
 #saved-view .garage-kakao-benefit>a{grid-column:1/-1;grid-row:4;justify-self:start;margin-top:8px!important}
 #saved-view .garage-kakao-benefit.garage-channel-benefit.is-channel-added{grid-template-columns:82px minmax(0,1fr)!important;grid-template-rows:auto auto auto auto!important;gap:3px 14px!important;min-height:0!important;padding:18px!important}
 #saved-view .garage-kakao-benefit.garage-channel-benefit.is-channel-added>.channel-marks{grid-column:1!important;grid-row:1/3!important;width:82px!important;height:70px!important}
 #saved-view .garage-kakao-benefit.garage-channel-benefit.is-channel-added>.channel-marks i{width:30px!important;height:30px!important}
 #saved-view .garage-kakao-benefit.garage-channel-benefit.is-channel-added .garage-benefit-label{grid-column:2!important;grid-row:1!important}
 #saved-view .garage-kakao-benefit.garage-channel-benefit.is-channel-added h3,#saved-view .garage-kakao-benefit.garage-channel-benefit.is-channel-added h3 strong{grid-column:2!important;grid-row:2!important;font-size:16px!important}
 #saved-view .garage-kakao-benefit.garage-channel-benefit.is-channel-added h3 strong{display:block!important;margin:3px 0 0!important}
 #saved-view .garage-kakao-benefit.garage-channel-benefit.is-channel-added>p:not(.garage-benefit-label){grid-column:1/-1!important;grid-row:3!important;margin:10px 0 0!important}
 #saved-view .garage-kakao-benefit.garage-channel-benefit.is-channel-added>a{grid-column:1/-1!important;grid-row:4!important;justify-self:start!important;margin-top:10px!important}
 #saved-view .garage-support-tile,#saved-view .garage-referral-tile{min-height:78px!important;padding:13px 16px!important}
 #saved-view .garage-inquiry-overview{padding:18px}
}

/* Empty saved/recent panels should use the full panel width, not one carousel card. */
#saved-view #saved-cars:has(>.garage-empty-card),#saved-view #recent-cars:has(>.garage-empty-card){display:grid!important;grid-auto-flow:row!important;grid-template-columns:minmax(0,1fr)!important;grid-auto-columns:auto!important;overflow:visible!important}
#saved-view #saved-cars>.garage-empty-card,#saved-view #recent-cars>.garage-empty-card{grid-column:1!important;width:100%!important;min-width:0!important}

html[data-device="mobile"] #saved-view .garage-benefits{box-sizing:border-box!important;width:auto!important;max-width:none!important;margin:0!important;padding:31px 16px 30px!important}

/* Mobile garage alignment: one-line tabs, contained benefits and quieter guide rows. */
#saved-view .garage-review-section{box-sizing:border-box;width:100%;max-width:none;margin-inline:0}
#saved-view .garage-dashboard-heading{margin-top:0!important;margin-bottom:0!important}
@media(max-width:767px){
 #saved-view .garage-content-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;width:100%!important}
 #saved-view .garage-content-tabs button{display:grid!important;grid-template-rows:auto auto;justify-items:center;align-content:end;gap:4px!important;min-width:0!important;padding:0 1px 10px!important;font-size:11px!important;line-height:1.2!important;white-space:nowrap!important}
 #saved-view .garage-content-tabs button strong{min-width:20px!important;height:19px!important;padding:0 5px!important;font-size:10px!important}
 #saved-view .garage-prep-rows .garage-guide-cta{display:none!important}
 #saved-view .garage-prep-rows>button{grid-template-columns:46px minmax(0,1fr)!important;padding-right:6px!important}
 #saved-view .garage-benefits{box-sizing:border-box!important;width:100%!important;max-width:none!important;margin-inline:0!important;padding:31px 16px 30px!important}
 #saved-view .garage-benefit-grid,#saved-view .garage-benefit-card,#saved-view .garage-kakao-benefit,#saved-view .garage-support-tile,#saved-view .garage-referral-tile{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important}
 #saved-view .garage-benefit-grid{margin-inline:0!important}
 #saved-view .garage-review-section{box-sizing:border-box;max-width:none;margin-inline:auto;width:calc(100% - 36px)}
}

/* desktop-contact-dock.css */
@media (min-width:768px){
  html[data-device="desktop"] .desktop-contact-actions{
    position:fixed!important;left:calc((100% - var(--workspace-drawer, 0px)) / 2)!important;bottom:20px!important;top:auto!important;right:auto!important;
    transform:translateX(-50%)!important;z-index:45!important;display:flex!important;align-items:center!important;
    gap:3px!important;width:auto!important;margin:0!important;padding:7px!important;
    border:1px solid #536980!important;border-radius:18px!important;background:#3c5065!important;
    box-shadow:0 12px 34px #1c283c30!important;
  }
  html[data-device="desktop"] .desktop-contact-actions :is(.desktop-contact,.member-login){
    display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;
    height:43px!important;padding:0 15px!important;margin:0!important;border:0!important;border-radius:12px!important;
    color:#fff!important;background:transparent!important;font-size:13px!important;font-weight:700!important;white-space:nowrap!important;
  }
  html[data-device="desktop"] .desktop-contact-actions :is(.desktop-contact,.member-login):hover,
  html[data-device="desktop"] .desktop-contact-actions :is(.desktop-contact,.member-login):focus-visible{background:#4f667d!important}
  html[data-device="desktop"] .desktop-contact-actions :is(.desktop-contact,.member-login)+:is(.desktop-contact,.member-login){border-left:1px solid #ffffff55!important;border-radius:0 12px 12px 0!important}
  html[data-device="desktop"] .desktop-contact-actions .desktop-contact>span{display:grid!important;place-items:center!important;width:23px!important;height:23px!important;background:none!important;color:#fff!important}
  html[data-device="desktop"] .desktop-contact-actions .desktop-contact svg{width:19px!important;height:19px!important;fill:currentColor!important}
  html[data-device="desktop"] .desktop-contact-actions .desktop-contact.kakao>span{background:#fee500!important;border-radius:7px!important;color:#191919!important}
  html[data-device="desktop"] .desktop-contact-actions .desktop-contact.kakao img{width:20px!important;height:20px!important}
  html[data-device="desktop"] .desktop-contact-actions .desktop-contact b{display:block!important;font-size:13px!important;line-height:1!important}
  html[data-device="desktop"] .desktop-contact-actions .member-login{min-width:74px!important}
  html[data-device="desktop"] body{padding-bottom:84px}
}
@media (max-width:767px){.desktop-contact-actions{display:none!important}}

/* experience-polish.css */
/* Quote review: identical leader spacing in contract and vehicle rows. */
#inquiry-screen .inquiry-contract dl>div,
#inquiry-screen .inquiry-vehicle-config dl>div{
  display:grid;
  grid-template-columns:max-content minmax(20px,1fr) max-content;
  column-gap:0;
  align-items:center;
}
#inquiry-screen .inquiry-contract dl>div::after,
#inquiry-screen .inquiry-vehicle-config dl>div::after{margin:0 18px}
@media(max-width:400px){
  #inquiry-screen .inquiry-contract dl>div,
  #inquiry-screen .inquiry-vehicle-config dl>div{grid-template-columns:max-content minmax(14px,1fr) max-content}
  #inquiry-screen .inquiry-contract dl>div::after,
  #inquiry-screen .inquiry-vehicle-config dl>div::after{margin:0 12px}
}

/* Use the same Kakao mark as the desktop contact dock. */
html #inquiry-screen .inquiry-member-benefit.is-kakao-signup{border-color:#303c46;background:#303c46!important;color:#fff!important;box-shadow:0 8px 22px rgba(29,44,56,.16)}
#inquiry-screen .inquiry-member-benefit .inquiry-kakao-mark{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;overflow:hidden;border-radius:9px;background:#fee500;box-shadow:none;color:transparent;font-size:0}
#inquiry-screen .inquiry-member-benefit .inquiry-kakao-mark img{display:block;width:100%;height:100%;object-fit:contain}
html #inquiry-screen .inquiry-member-benefit.is-kakao-signup p{color:#fff!important}
html #inquiry-screen .inquiry-member-benefit.is-kakao-signup strong{color:#f36b47!important}
html #inquiry-screen .inquiry-member-benefit.is-kakao-signup small{color:#c5ced4!important}

/* Every expanded configurator row has the same explicit close affordance. */
html[data-device="desktop"] #detail-dialog .config-summary-row,
html[data-device="mobile"] #detail-dialog .config-summary-row{grid-template-columns:112px minmax(0,1fr) 28px}
html[data-device="mobile"] #detail-dialog .config-summary-row{grid-template-columns:96px minmax(0,1fr) 28px}
#detail-dialog .config-summary-row>i{display:grid;place-items:center;width:28px;height:28px}
html #detail-dialog .config-summary-row[aria-expanded="true"]>i{font-size:0!important;transform:none!important;color:#ef5633}
html #detail-dialog .config-summary-row[aria-expanded="true"]>i::before{content:"×";font-size:26px;font-weight:300;line-height:1}

/* Four distinct, high-contrast app colors for the garage guide. */
#saved-view .garage-prep-rows>button[data-open="penalty"] .garage-guide-icon{background:#eb6040!important;color:#fff!important}
#saved-view .garage-prep-rows>button[data-open="process"] .garage-guide-icon{background:#3f76c7!important;color:#fff!important}
#saved-view .garage-prep-rows>button[data-open="faq"] .garage-guide-icon{background:#8059bb!important;color:#fff!important}
#saved-view .garage-prep-rows>button[data-open="tax"] .garage-guide-icon{background:#239780!important;color:#fff!important}

/* A clear camera silhouette and a cool backdrop distinguish the review event. */
#saved-view .garage-experience-banner{border-color:#dce5f4;background:#eef3ff;box-shadow:0 8px 24px rgba(61,89,139,.08)}
#saved-view .garage-experience-banner:hover{border-color:#a8bce1;background:#e8efff}
#saved-view .garage-experience-banner-art{display:grid;place-items:center;background:linear-gradient(140deg,#3c5793,#627bc0)}
#saved-view .garage-experience-banner-art svg{display:block;width:82px;height:82px;filter:drop-shadow(0 8px 8px rgba(22,39,80,.16))}
#saved-view .garage-experience-banner-copy small{color:#506ba8}
#saved-view .garage-experience-banner-copy strong{color:#263c69}
#saved-view .garage-experience-banner-copy em{color:#607394}
#saved-view .garage-experience-banner-arrow{color:#375591;background:#fff}
@media(max-width:767px){#saved-view .garage-experience-banner-art svg{width:68px;height:68px}}

/* The two smaller member benefits now read as distinct event banners. */
#saved-view .garage-benefit-grid>.garage-support-tile,
#saved-view .garage-benefit-grid>.garage-referral-tile{
  position:relative;
  display:grid!important;
  grid-template-columns:86px minmax(0,1fr)!important;
  grid-template-rows:auto!important;
  align-items:center!important;
  gap:16px!important;
  min-height:174px!important;
  padding:20px!important;
  overflow:hidden;
  border-radius:20px!important;
  box-shadow:0 12px 28px rgba(43,56,70,.09)!important;
  text-align:left!important;
  transition:transform .2s ease,box-shadow .2s ease;
}
#saved-view .garage-benefit-grid>.garage-support-tile{border:1px solid #f7b59f!important;background:linear-gradient(125deg,#fff0e9,#ffd8c7)!important}
#saved-view .garage-benefit-grid>.garage-referral-tile{border:1px solid #cfc2ed!important;background:linear-gradient(125deg,#f5efff,#e5d9f9)!important}
#saved-view .garage-benefit-grid>.garage-support-tile:hover,
#saved-view .garage-benefit-grid>.garage-referral-tile:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(43,56,70,.14)!important}
#saved-view .garage-benefit-grid>.garage-support-tile::after,
#saved-view .garage-benefit-grid>.garage-referral-tile::after{display:none}
#saved-view .garage-benefit-grid .garage-support-art,
#saved-view .garage-benefit-grid .garage-referral-art{grid-column:1;grid-row:1;width:86px!important;height:86px!important;overflow:hidden;border-radius:18px!important;box-shadow:0 8px 18px rgba(46,59,76,.12)}
#saved-view .garage-benefit-grid .garage-support-art img,
#saved-view .garage-benefit-grid .garage-referral-art img{width:100%;height:100%;object-fit:cover}
#saved-view .garage-benefit-grid .garage-support-copy,
#saved-view .garage-benefit-grid .garage-referral-copy{display:flex!important;flex-direction:column;grid-column:2;grid-row:1;align-self:center;width:auto;min-width:0;gap:3px;margin:0!important;padding:0!important}
#saved-view .garage-benefit-grid .garage-support-copy small,
#saved-view .garage-benefit-grid .garage-referral-copy small{margin:0 0 4px!important;font-size:12px!important;font-weight:800!important;letter-spacing:.03em}
#saved-view .garage-benefit-grid .garage-support-copy small{color:#b8462b!important}
#saved-view .garage-benefit-grid .garage-referral-copy small{color:#68479f!important}
#saved-view .garage-benefit-grid .garage-support-copy strong,
#saved-view .garage-benefit-grid .garage-referral-copy strong{margin:0!important;color:#263443!important;font-size:18px!important;font-weight:800!important;line-height:1.38!important}
#saved-view .garage-benefit-grid .garage-support-copy>span,
#saved-view .garage-benefit-grid .garage-referral-copy>span{display:block!important;margin:2px 0 0!important;color:#596879!important;font-size:12px!important;line-height:1.4}
#saved-view .garage-benefit-grid .garage-support-copy em,
#saved-view .garage-benefit-grid .garage-referral-copy em{display:inline-flex!important;align-items:center;justify-content:flex-start;width:auto;min-height:0;margin:8px 0 0;padding:0!important;color:#304251!important;font-size:12px;font-weight:750;font-style:normal}
#saved-view .garage-benefit-grid .garage-support-copy em i,
#saved-view .garage-benefit-grid .garage-referral-copy em i{display:inline-grid;place-items:center;width:22px;height:22px;margin-left:6px;border-radius:50%;background:rgba(255,255,255,.72);font-size:12px;font-style:normal}
@media(max-width:767px){
  #saved-view .garage-benefit-grid>.garage-support-tile,
  #saved-view .garage-benefit-grid>.garage-referral-tile{grid-template-columns:64px minmax(0,1fr)!important;gap:13px!important;min-height:150px!important;padding:16px!important}
  #saved-view .garage-benefit-grid .garage-support-art,
  #saved-view .garage-benefit-grid .garage-referral-art{width:64px!important;height:64px!important;border-radius:15px!important}
  #saved-view .garage-benefit-grid .garage-support-copy strong,
  #saved-view .garage-benefit-grid .garage-referral-copy strong{font-size:15px!important}
  body:has(#saved-view:not([hidden])) .app-shell main{padding-top:0!important}
}

/* Hover fills meet the dividers without rounding the internal edges. */
@media(min-width:768px){
  html[data-device="desktop"] .desktop-contact-actions{gap:0!important}
  html[data-device="desktop"] .desktop-contact-actions .desktop-contact.phone{border-radius:11px 0 0 11px!important}
  html[data-device="desktop"] .desktop-contact-actions .desktop-contact.kakao{border-radius:0!important}
  html[data-device="desktop"] .desktop-contact-actions .member-login:last-child{border-radius:0 11px 11px 0!important}
}

/* request-refinements.css */
/* Garage, configurator and media refinements. Loaded after the existing styles. */
#saved-view :is(#garage-saved-panel,#garage-recent-panel,#garage-inquiries-panel,#garage-existing-panel):has(.garage-empty-card) .garage-tab-heading>button{display:none!important}

/* The mileage control has one full-width track on both layouts. */
.existing-mileage-field{grid-template-columns:1fr auto!important;row-gap:0!important}
.existing-mileage-field>span{grid-column:1!important;grid-row:1;justify-self:end;align-self:center}
.existing-mileage-field>strong{grid-column:2!important;grid-row:1;justify-self:end;align-self:center}
.existing-mileage-field input{grid-column:1/-1!important;width:100%!important;min-width:0;margin:7px 0 0!important}
.existing-mileage-field small{grid-column:1/-1!important;margin:3px 0 0!important;line-height:1.35}
.existing-finance-heading{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:12px}
.existing-registration [data-finance] .existing-finance-heading h4{margin:0}
.existing-finance-heading [data-delivery-warning]{color:#dc5937;font-size:12px;font-weight:700;text-align:right;word-break:keep-all}
.existing-finance-heading [data-delivery-warning][hidden]{display:none}
.existing-registration:has([data-delivery-warning]:not([hidden])) .existing-basic-grid{border-color:#dc5937!important;box-shadow:0 0 0 1px #dc5937}
.existing-money input::placeholder{color:#a9b3ba!important;font-weight:400!important;opacity:1}
.existing-installment-remaining{grid-column:1/-1;margin:0;color:#667782;font-size:12px}

/* A stock-condition bar rises without moving its heading inside the expanded card. */
#detail-dialog .inventory-condition-card{overflow:hidden;padding:13px 15px!important}
#detail-dialog .inventory-condition-card.is-expanded{background:#273746}
#detail-dialog #inventory-panel-conditions{margin:13px -15px -13px!important;padding:16px 15px 20px!important;border:0!important;background:#fff;color:#293846}
#detail-dialog #inventory-panel-conditions[hidden]{display:none!important}
#detail-dialog #inventory-panel-conditions .purchase-condition-row legend{color:#344452!important}
#detail-dialog #inventory-panel-conditions .purchase-segments{background:#f2f5f6!important}
#detail-dialog #inventory-panel-conditions .purchase-segments span{color:#53636f!important}
#detail-dialog #inventory-panel-conditions .purchase-segments input:checked+span{border-color:#dfecf1!important;background:#fff!important;color:#263746!important}

/* Help controls sit beside the name, while the row remains the select target. */
#detail-dialog .config-help-row{position:relative}
#detail-dialog .config-help-row>.config-summary-row{padding-left:14px!important}
#detail-dialog .config-help-row>.config-summary-row>span{padding-right:0!important}
#detail-dialog .config-info-button{display:grid;place-items:center;width:18px;height:18px;padding:0;border:1px solid #aebcc5;border-radius:50%;background:#fff;color:#6c7c87;font-family:inherit;font-size:12px;font-weight:750;line-height:1;cursor:pointer}
#detail-dialog .config-help-row>.config-info-button{position:absolute;z-index:3;left:52px;top:50%;transform:translateY(-50%)}
#detail-dialog .config-help-row:has([data-open-config="config-grade"])>.config-summary-row{grid-template-columns:150px minmax(0,1fr) 18px!important}
#detail-dialog .config-help-row:has([data-open-config="config-grade"])>.config-info-button{left:132px}
#detail-dialog .config-help-row:has([data-open-color])>.config-info-button{left:78px}
#detail-dialog .config-label>.config-info-button{display:none}
#detail-dialog .config-help-overlay[hidden]{display:none!important}
#detail-dialog .config-help-overlay{position:fixed;inset:0 0 0 auto;z-index:140;display:flex;align-items:end;width:min(var(--adaptive-panel,520px),100vw);background:rgba(25,36,46,.34)}
#detail-dialog .config-help-sheet{position:relative;box-sizing:border-box;width:100%;max-height:min(75dvh,620px);overflow:auto;padding:25px 27px max(28px,env(safe-area-inset-bottom));border-radius:23px 23px 0 0;background:#fff;box-shadow:0 -12px 34px rgba(20,31,42,.17);animation:config-help-rise .3s cubic-bezier(.2,.75,.2,1) both}
#detail-dialog .config-help-sheet small{color:#e75b39;font-size:11px;font-weight:800;letter-spacing:.1em}
#detail-dialog .config-help-sheet h3{margin:7px 42px 12px 0;color:#253440;font-size:23px;letter-spacing:-.04em}
#detail-dialog .config-help-sheet p{margin:0;color:#526471;font-size:15px;line-height:1.7;word-break:keep-all}
#detail-dialog .config-help-sheet button{position:absolute;top:20px;right:20px;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:#eff2f4;color:#43525d;font-size:24px;cursor:pointer}
@keyframes config-help-rise{from{transform:translateY(100%)}to{transform:translateY(0)}}

/* The same charcoal as the persistent contact bar. */
html #inquiry-screen .inquiry-member-benefit.is-kakao-signup{background:#3c5065!important;border-color:#3c5065!important}
html #inquiry-screen .inquiry-auth-actions [data-join]{background:#3c5065!important;color:#fff!important}

#home-view #home-conditions{display:inline-flex;align-items:center;min-height:35px;padding:6px 13px!important;border:1px solid #e6eaed;border-radius:999px;background:#fff!important;color:#344453;box-shadow:0 3px 9px rgba(30,42,52,.035)}

/* Each event detail has purpose-made artwork, confined to the right side. */
body .garage-theme-orange .garage-editorial-hero{--event-bg:#493943;--event-art:url('garage-hero-penalty.svg')}
body .garage-theme-slate .garage-editorial-hero{--event-bg:#203a47;--event-art:url('garage-hero-process.svg')}
body .garage-theme-mint .garage-editorial-hero{--event-bg:#27453e;--event-art:url('garage-hero-faq.svg')}
body .garage-theme-blue .garage-editorial-hero{--event-bg:#293e60;--event-art:url('garage-hero-tax.svg')}
body .garage-theme-support .garage-editorial-hero{--event-bg:#304455;--event-art:url('garage-hero-support.svg')}
body .garage-theme-review .garage-editorial-hero{--event-bg:#49394f;--event-art:url('garage-hero-review.svg')}
html body .garage-editorial-hero{background:var(--event-bg,#203a47)!important}
html body .garage-editorial-hero::before{display:none!important}
html body .garage-editorial-hero::after{inset:0 0 0 auto!important;width:49%!important;height:100%!important;background:var(--event-art) right center/contain no-repeat!important;opacity:1!important;z-index:0!important}
html body .garage-editorial-hero :is(.garage-editorial-eyebrow,h3,p){position:relative;z-index:1;max-width:48%!important;color:#fff!important;text-shadow:none!important}
html body .garage-editorial-hero .garage-editorial-eyebrow{color:#e76542!important;background:#fff!important}
body .garage-invite-hero{background:#453b43!important}
body .garage-invite-hero::after{inset:0 0 0 auto!important;width:49%!important;height:100%!important;background:url('garage-hero-invite.svg') right center/contain no-repeat!important;opacity:1!important}
body .garage-invite-hero>span,body .garage-invite-hero h3,body .garage-invite-hero p{position:relative;z-index:1;max-width:48%!important;color:#fff!important}
body .garage-invite-hero h3 em{color:#ffab83!important}
body .channel-benefit-page>header{position:relative;overflow:hidden;background:#263b48!important}
body .channel-benefit-page>header::after{content:'';position:absolute;inset:0 0 0 auto;width:48%;background:url('garage-hero-channel.svg') right center/contain no-repeat;pointer-events:none}
body .channel-benefit-page>header>*{position:relative;z-index:1;max-width:50%}

/* A single indicator moves between navigation items. */
html body .site-header .top-nav>div{position:relative!important}
.site-header .top-nav button.active:after{display:none!important}
.site-header .top-nav .nav-moving-indicator{position:absolute;z-index:2;bottom:1px;left:0;height:3px;border-radius:3px;background:#f05b39;pointer-events:none;transform:translateX(var(--nav-indicator-x,0px));width:var(--nav-indicator-width,0px);transition:transform .28s cubic-bezier(.2,.8,.2,1),width .28s cubic-bezier(.2,.8,.2,1)}
html[data-device=desktop] .site-header .top-nav .nav-external-product{display:inline-flex;flex:none;align-items:center;gap:7px;align-self:center;height:34px;margin-left:8px;padding:0 12px;border:1px solid #24464d;border-radius:9px;background:#24464d;color:#fff;text-decoration:none;white-space:nowrap;pointer-events:auto;transition:background .18s,border-color .18s,color .18s}
html[data-device=desktop] .site-header .top-nav .nav-external-product strong{font-size:12px;font-weight:700;letter-spacing:-.02em}
html[data-device=desktop] .site-header .top-nav .nav-external-product:hover,html[data-device=desktop] .site-header .top-nav .nav-external-product:focus-visible{border-color:#345b62;background:#345b62;color:#fff}
html[data-device=desktop] .site-header .top-nav .nav-external-arrow{flex:none;width:13px;height:13px;opacity:.75}
html[data-device=desktop] .site-header .top-nav .nav-magazine-placeholder{display:inline-flex;align-items:center;align-self:center;flex:none;height:34px;padding:0 4px;color:#9ba7ae;font-size:13px;font-weight:700;white-space:nowrap;cursor:default;pointer-events:auto}
.mobile-nav{position:fixed!important}

/* Portrait and landscape videos use their own natural proportions. */
body .home-video-dialog{position:fixed!important;inset:0!important;margin:auto!important;width:min(390px,calc(100vw - 34px),calc((100dvh - 60px)*9/16))!important;max-width:none!important;max-height:calc(100dvh - 40px)!important}
body .home-video-dialog .home-video-dialog-inner{aspect-ratio:9/16!important}
body .home-video-dialog.is-wide{width:min(940px,calc(100vw - 40px),calc((100dvh - 60px)*16/9))!important}
body .home-video-dialog.is-wide .home-video-dialog-inner{aspect-ratio:16/9!important}
@media(max-width:760px){
 html[data-device=mobile] #detail-dialog .config-data-host .config-label>.config-info-button{display:none!important}
 html[data-device=mobile] body:has(#saved-view:not([hidden])) .site-workspace .top{position:fixed!important;inset:0 0 auto 0!important;z-index:65!important;width:100%!important;height:60px!important;min-height:60px!important;background:#fff!important}
 html[data-device=mobile] body:has(#saved-view:not([hidden])) #saved-view{margin-top:60px!important}
 .existing-mileage-field{min-height:86px!important}
 #detail-dialog .config-help-overlay{width:100vw}
 #detail-dialog .config-data-host .config-label{position:relative!important}
 #detail-dialog .config-label>.config-info-button{display:grid;position:absolute;top:11px;left:63px;z-index:3}
 #detail-dialog .config-inline-heading{position:relative}
 #detail-dialog .config-inline-heading>.config-info-button{position:absolute;left:41px;top:0}
 #detail-dialog .color-heading{position:relative}
 #detail-dialog .color-heading>.config-info-button{position:absolute;left:76px;top:0}
 body .home-video-dialog{width:min(340px,calc(100vw - 42px),calc((100dvh - 90px)*9/16))!important}
 body .home-video-dialog.is-wide{width:min(calc(100vw - 32px),calc((100dvh - 90px)*16/9))!important}
 body .garage-editorial-hero::after,body .garage-invite-hero::after{width:45%!important;opacity:.86!important}
 body .garage-editorial-hero :is(.garage-editorial-eyebrow,h3,p),body .garage-invite-hero>span,body .garage-invite-hero h3,body .garage-invite-hero p{max-width:57%!important}
 body .garage-editorial-hero h3{font-size:22px!important}
 body .channel-benefit-page>header::after{width:45%}
 body .channel-benefit-page>header>*{max-width:57%}
}
@media(prefers-reduced-motion:reduce){.nav-moving-indicator{transition:none!important}.config-help-sheet{animation:none!important}}

/* Keep the mode transition at the same vertical origin as its final panel. */
#detail-dialog .config-view-stage{margin-top:0!important;padding-top:0!important}
#detail-dialog .inventory-list-card{margin-top:0!important}
#detail-dialog .config-help-row>.config-info-button{left:var(--help-icon-left,52px)!important}
#detail-dialog .config-label>.config-info-button,#detail-dialog .config-inline-heading>.config-info-button,#detail-dialog .color-heading>.config-info-button{left:var(--help-icon-left,63px)!important}
#detail-dialog .config-help-row:has([data-open-config="config-grade"])>.config-summary-row{grid-template-columns:112px minmax(0,1fr) 28px!important}
#detail-dialog .config-help-row:has([data-open-config="config-grade"])>.config-summary-row>span{font-size:11px;white-space:nowrap}
#detail-dialog .config-help-row:has([data-open-config="config-grade"])>.config-summary-row>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Unavailable card prices have one treatment on every page and viewport. */
:is(#home-cars,#home-recent-cars,#explore-cars,#saved-cars,#recent-cars) .car-card .card-main .price-row.is-unavailable strong{color:#88939c!important;font-size:15px!important;font-weight:750!important;letter-spacing:-.025em!important;white-space:nowrap!important}
:is(#home-cars,#home-recent-cars,#explore-cars,#saved-cars,#recent-cars) .car-card .card-main .price-row.is-rent-blocked strong{color:#9aa4ac!important}
:is(#home-cars,#home-recent-cars,#explore-cars,#saved-cars,#recent-cars) .car-card .card-main .price-row.is-rent-blocked .price-mode{display:none!important}

#home-view .home-ranking #home-conditions{white-space:nowrap!important;flex:none}
@media(max-width:390px){#home-view .home-ranking .mobile-popular-break{display:block}#home-view .home-ranking .section-head{gap:8px}#home-view .home-ranking #home-conditions{font-size:11px!important;padding:6px 9px!important}}

/* Final home banner spacing and readable reward typography. */
html[data-device=desktop] #home-view .home-hero-actions .home-member-ticket>.home-member-copy{gap:2px!important}
html[data-device=desktop] #home-view .home-hero-actions .home-member-ticket>.home-member-copy small{margin-bottom:0!important}
#home-view .home-hero-actions .home-member-ticket>.home-member-reward strong{letter-spacing:0!important;word-spacing:.08em!important}
#home-view .home-hero-actions .home-member-ticket>.home-member-reward em{letter-spacing:-.025em!important;margin-inline:2px!important}

/* Show calculation in the amount itself without changing a card's height. */
[data-price-key].is-calculating,.price-row.is-loading strong,#config-footer-amount[aria-busy=true]{color:#6c7b85!important;font-size:14px!important;font-weight:700!important;letter-spacing:0!important}
.price-row.is-loading strong::after,#config-footer-amount[aria-busy=true]::after{content:'…';display:inline-block;animation:price-wait 1s steps(4,end) infinite}
@keyframes price-wait{50%{opacity:.25}}

/* Restore the social row immediately above the contact details. */
.ending-contact{grid-template-columns:auto auto;align-content:start;gap:8px 26px;margin-top:18px}
.ending-socials{grid-column:1/-1;grid-row:1;display:flex;align-items:center;gap:12px;margin-bottom:7px}
.ending-socials .app-footer-social{display:grid;place-items:center;width:31px;height:31px;border:1px solid #626a70;border-radius:8px;color:#fff;text-decoration:none}
.ending-socials a.app-footer-social:hover{border-color:#e65b3a;color:#fff;background:#414b52}
.ending-socials .app-social-icon{width:18px;height:18px}
.ending-contact>span{grid-row:2;grid-column:1/-1}
.ending-phone{grid-row:3;grid-column:1}
.ending-kakao{grid-row:3;grid-column:2;align-self:center;justify-self:start}

/* Match garage card proportions to the desktop design at a mobile width. */
@media(max-width:760px){
 html[data-device=mobile] #saved-cars.garage-saved-grid,html[data-device=mobile] #recent-cars.garage-recent-grid{grid-auto-columns:min(250px,74vw)!important;gap:12px!important}
 html[data-device=mobile] #saved-cars>.car-card,html[data-device=mobile] #recent-cars>.car-card{padding:9px 13px 12px!important}
 html[data-device=mobile] #saved-cars .card-main,html[data-device=mobile] #recent-cars .card-main{padding-top:30px!important}
 html[data-device=mobile] #saved-cars .car-visual,html[data-device=mobile] #recent-cars .car-visual{height:136px!important;margin-bottom:12px!important}
 html[data-device=mobile] #saved-cars .car-visual img,html[data-device=mobile] #recent-cars .car-visual img{max-width:225px!important}
 html[data-device=mobile] #saved-cars .car-title,html[data-device=mobile] #recent-cars .car-title{font-size:17px!important}
 html[data-device=mobile] #saved-cars .car-brand-line,html[data-device=mobile] #recent-cars .car-brand-line{font-size:11px!important}
 html[data-device=mobile] #garage-saved-panel #saved-cars .dual-prices,html[data-device=mobile] #garage-recent-panel #recent-cars .dual-prices{margin-top:12px!important;padding:4px!important;border-radius:13px!important}
 html[data-device=mobile] #garage-saved-panel #saved-cars .price-row,html[data-device=mobile] #garage-recent-panel #recent-cars .price-row{min-height:38px!important;padding:7px 8px!important}
 html[data-device=mobile] .ending-contact{margin-top:0;width:100%;grid-template-columns:auto auto;column-gap:18px}
 html[data-device=mobile] .ending-socials{gap:9px;margin-bottom:10px}
 html[data-device=mobile] .ending-socials .app-footer-social{width:30px;height:30px}
 html[data-device=mobile] .ending-phone{font-size:27px;white-space:nowrap}
 html[data-device=mobile] .ending-kakao{padding:10px 11px;white-space:nowrap}
 html[data-device=mobile] #home-view .home-ranking>.section-head{position:relative!important;display:block!important}
 html[data-device=mobile] #home-view .home-ranking>.section-head>div:first-child{display:block!important}
 html[data-device=mobile] #home-view .home-ranking>.section-head h2{margin-right:118px!important}
 html[data-device=mobile] #home-view .home-ranking .home-section-side{position:absolute!important;right:0;top:13px;align-self:auto!important}
 html[data-device=mobile] #home-view .home-ranking #home-conditions{min-height:29px!important;height:29px!important;padding:4px 9px!important;font-size:11px!important;line-height:19px!important}
 html[data-device=mobile] #home-view .home-ranking .section-description{white-space:nowrap!important;font-size:13px!important;letter-spacing:-.045em!important}
 html[data-device=mobile] #home-view .home-ranking .mobile-popular-break{display:inline!important}
}
/* Both configuration panels begin at one immutable vertical origin. */
@media(min-width:761px){html[data-device=desktop] #detail-dialog .config-sticky-space,html[data-device=desktop] #detail-dialog.is-stock-mode .config-sticky-space{height:215px!important;transition:none!important}}
@media(max-width:760px){html[data-device=mobile] #detail-dialog .config-sticky-space,html[data-device=mobile] #detail-dialog.is-stock-mode .config-sticky-space{height:147.5px!important;transition:none!important}}

/* Keep the garage stories and rewards in the site's quiet slate palette. */
#saved-view .garage-experience-banner{background:#f1f4f5!important;border-color:#e2e8eb!important}
#saved-view .garage-experience-banner-art{background:linear-gradient(135deg,#2d414e,#516775)!important}
#saved-view .garage-benefit-grid>.garage-support-tile{border-color:#dfe7ea!important;background:linear-gradient(125deg,#f4f7f8,#e8eef0)!important}
#saved-view .garage-benefit-grid>.garage-referral-tile{border-color:#e0e6e9!important;background:linear-gradient(125deg,#f6f8f9,#e9eff1)!important}
#saved-view .garage-support-tile .garage-support-art,#saved-view .garage-referral-tile .garage-referral-art{background-color:#e8edef!important;filter:grayscale(.78) saturate(.6)}
#saved-view .garage-support-copy small,#saved-view .garage-referral-copy small{color:#617481!important}
body .garage-theme-review .garage-editorial-hero,body .garage-theme-support .garage-editorial-hero,body .garage-invite-hero{background:#304350!important}

/* Keep the calendar glyph truly centered and use a restrained focus treatment. */
.existing-registration .existing-month-calendar header button{display:grid!important;place-items:center!important;padding:0!important;font-family:Arial,sans-serif!important;font-size:25px!important;font-weight:300!important;line-height:1!important}
.existing-registration .existing-month-calendar header button svg{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.existing-registration :is([data-manual],[data-finance]) input:focus,.existing-registration :is([data-manual],[data-finance]) input:focus-visible{outline:none!important;border-color:#9eabb3!important;box-shadow:0 0 0 2px rgba(51,71,82,.1)!important}
.existing-registration :is([data-manual],[data-finance]) .existing-select-trigger:focus-visible{outline:none!important;box-shadow:0 0 0 2px rgba(51,71,82,.1)!important}

@media(max-width:760px){
 html[data-device=mobile] .mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important}
 html[data-device=mobile] .mobile-nav>button,html[data-device=mobile] .mobile-nav :is(.mobile-consult-wrap,.mobile-more-wrap)>button{font-size:11px!important}
 .mobile-more-wrap{position:relative;display:flex;align-items:stretch;min-width:0}
 .mobile-more-wrap>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;height:100%;padding:0;border:0;border-radius:24px;background:transparent;color:#6b7280;font:600 11px/1 Pretendard,sans-serif}
 .mobile-more-wrap>button .icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
 .mobile-more-pop{position:absolute;right:0;bottom:calc(100% + 13px);display:grid;gap:8px;width:190px;padding:8px;border:1px solid #e3e9ec;border-radius:17px;background:#fff;box-shadow:0 14px 32px rgba(24,41,49,.15);visibility:hidden;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .22s,transform .25s cubic-bezier(.22,1,.36,1),visibility 0s linear .25s}
 .mobile-nav.is-more-open .mobile-more-pop{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto;transition:opacity .22s,transform .25s cubic-bezier(.22,1,.36,1)}
 .mobile-more-pop>a,.mobile-more-pop>span{display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:0 12px;border-radius:10px;color:#30424d;font-size:13px;font-weight:700;text-decoration:none}
 .mobile-more-pop>a{background:#eef3f4}.mobile-more-pop>a::after{content:'↗';font-size:16px}
 .mobile-more-pop>span{color:#8b989f}.mobile-more-pop>span small{font-size:11px;font-weight:500}
 .mobile-nav.is-more-open .mobile-more-wrap>button{color:#17383f!important}
 .mobile-more-scrim{position:fixed;z-index:45;inset:0;background:rgba(17,24,31,.18);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility 0s linear .2s}
 .mobile-more-scrim.is-on{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .2s}
}

/* Mobile showroom prices sit near the lower-left edge without resizing cards. */
@media(max-width:760px){
 html[data-device=mobile] #explore-cars .car-card .dual-prices{transform:translateY(8px)!important}
 html[data-device=mobile] #explore-cars .car-card .price-row.rent{padding-bottom:2px!important}
 html[data-device=mobile] #explore-cars .car-card .price-row.lease{margin-top:1px!important;padding-top:2px!important;padding-bottom:3px!important}
}

/* Match the garage card's restrained lift on desktop showroom cards. */
@media(hover:hover) and (min-width:761px){
 html[data-device=desktop] :is(#home-cars,#home-recent-cars,#explore-cars) .car-card{translate:0 0;transition:translate .18s ease,box-shadow .18s ease,border-color .18s ease!important}
 html[data-device=desktop] :is(#home-cars,#home-recent-cars,#explore-cars) .car-card:hover{translate:0 -2px!important;box-shadow:0 9px 24px #26344210!important}
 html[data-device=desktop] :is(#home-cars,#home-recent-cars) .car-card:hover{translate:0 -4px!important;box-shadow:0 12px 28px #26344220!important}
}
@media(min-width:761px){
 html[data-device=desktop] #home-cars.home-popular-row{padding-top:8px!important}
 html[data-device=desktop] :is(#home-cars,#home-recent-cars) .car-card .dual-prices{translate:0 5px!important}
 html[data-device=desktop] #explore-cars .car-card .dual-prices{translate:0 3px!important}
}

/* Garage cards use the showroom text hierarchy and one even lower-left inset. */
#saved-view :is(#saved-cars,#recent-cars) .card-main{padding-left:13px!important;padding-right:13px!important}
#saved-view :is(#saved-cars,#recent-cars) .car-brand-line{order:-1!important;font-size:12px!important;font-weight:400!important;line-height:18px!important}
#saved-view :is(#saved-cars,#recent-cars) .car-title{font-size:18px!important;font-weight:700!important;line-height:1.35!important}
#saved-view :is(#saved-cars,#recent-cars) .car-spec-line{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden!important;height:32px!important;min-height:32px!important;margin:4px 0 0!important;color:#253442!important;font-size:12px!important;font-weight:400!important;line-height:16px!important}
#saved-view :is(#saved-cars,#recent-cars) .price-mode{font-size:12px!important}
#saved-view :is(#saved-cars,#recent-cars) .price-row{padding-left:0!important;padding-right:0!important}
#saved-view :is(#saved-cars,#recent-cars) .dual-prices{translate:0 -2px!important}
@media(max-width:760px){html[data-device=mobile] #saved-view :is(#saved-cars,#recent-cars) .car-title{font-size:16px!important}}

/* Fade the photo's orange JPEG edge into the hero and make room for desktop copy. */
@media(max-width:760px){
 html[data-device=mobile] #home-view .home-hero-v2{
  margin-bottom:108px!important;
  isolation:isolate!important;background:#eb5834!important;
 }
 html[data-device=mobile] #home-view .home-hero-v2::before{content:""!important;position:absolute!important;z-index:0!important;inset:auto auto 0 183px!important;width:calc(100% - 183px)!important;height:145px!important;display:block!important;border:0!important;border-radius:0!important;background:#eb5834 url('home-hero-user-mobile-v10-optimized.jpg') left bottom/auto 145px no-repeat!important;mask-image:linear-gradient(90deg,transparent 0,#000 24px)!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24px)!important;filter:none!important;pointer-events:none}
 html[data-device=mobile] #home-view .home-hero-v2::after{content:""!important;position:absolute!important;z-index:1!important;inset:0!important;width:auto!important;height:auto!important;display:block!important;border:0!important;border-radius:0!important;background:linear-gradient(180deg,rgba(24,30,38,.12) 0%,rgba(24,30,38,0) 48%,rgba(24,30,38,.1) 100%)!important;filter:none!important;opacity:1!important;pointer-events:none}
 html[data-device=mobile] #home-view .home-hero-v2>.home-hero-copy{position:relative!important;z-index:2!important}
 html[data-device=mobile] #home-view #home-shorts{margin-bottom:12px!important}
}
@layer workspace{
 @media(max-width:760px){
  html[data-device=mobile] #home-view .home-hero-copy>p{display:block!important;width:166px!important;max-width:166px!important;margin:8px 0 0!important;font-size:11px!important;line-height:1.42!important}
 }
}

/* The heading and its contract badge share the same row. */
@media(max-width:760px){html[data-device=mobile] #home-view .home-ranking .home-section-side{top:23px!important}}

/* A waiting amount is quiet on white cards, but remains legible on the dark action bar. */
:is(#home-view,#explore-view) .price-row.is-loading strong{font-size:12px!important;line-height:1.25!important;color:#78858f!important}
#detail-dialog #config-footer-amount[aria-busy=true],#detail-dialog #config-footer-residual[aria-busy=true]{color:#fff!important}
#detail-dialog #config-footer-residual[aria-busy=true]{font-weight:700!important}

/* Reuse the desktop card's actual width and internal rhythm in the mobile garage. */
@media(max-width:760px){
 html[data-device=mobile] #saved-cars.garage-saved-grid,html[data-device=mobile] #recent-cars.garage-recent-grid{grid-auto-columns:210px!important}
 html[data-device=mobile] #saved-cars>.car-card,html[data-device=mobile] #recent-cars>.car-card{width:210px!important;min-width:210px!important;padding:8px 7px!important}
 html[data-device=mobile] #saved-cars .card-main,html[data-device=mobile] #recent-cars .card-main{padding:28px 20px 2px!important}
 html[data-device=mobile] #saved-cars .car-visual,html[data-device=mobile] #recent-cars .car-visual{height:112px!important;margin-bottom:10px!important}
 html[data-device=mobile] #saved-cars .car-visual img,html[data-device=mobile] #recent-cars .car-visual img{max-width:156px!important}
 html[data-device=mobile] #saved-cars .car-title,html[data-device=mobile] #recent-cars .car-title{font-size:16px!important}
 html[data-device=mobile] #saved-cars .car-brand-line,html[data-device=mobile] #recent-cars .car-brand-line{font-size:10px!important}
 html[data-device=mobile] #garage-saved-panel #saved-cars .dual-prices,html[data-device=mobile] #garage-recent-panel #recent-cars .dual-prices{margin-top:11px!important;padding:0!important}
 html[data-device=mobile] #garage-saved-panel #saved-cars .price-row,html[data-device=mobile] #garage-recent-panel #recent-cars .price-row{min-height:42px!important;padding:8px 0!important}
 html[data-device=mobile] body.mobile-garage-header-scrolled:has(#saved-view:not([hidden])) .site-workspace .top{background:#e65331!important}
 html[data-device=mobile] body.mobile-garage-header-scrolled:has(#saved-view:not([hidden])) .top-brand-row .official-logo img{filter:brightness(0) invert(1)!important}
 html[data-device=mobile] body.mobile-garage-header-scrolled:has(#saved-view:not([hidden])) .top-brand-row>.member-login{background:#fff!important;color:#e65331!important}
}

/* Social glyphs use the same white treatment as Instagram. */
.ending-socials .app-footer-social:not([aria-label="인스타그램"]) .app-social-icon path{fill:currentColor!important}
.ending-socials .app-footer-social[aria-label="네이버 블로그"] .app-social-icon text{fill:#303030!important}
@media(min-width:761px){
 .site-ending .ending-inner{padding-top:39px;padding-bottom:25px}
 .site-ending .ending-top{align-items:center}
 .site-ending .ending-contact{margin-top:0;gap:5px 22px}
 .site-ending .ending-socials{justify-content:flex-end;gap:10px;margin-bottom:2px}
 .site-ending .ending-bottom{margin-top:27px}
}
/* Center the text within the long-form video's gray caption area. */
@media(max-width:760px){
 html[data-device=mobile] #home-view .home-wide-card{height:clamp(270px,calc(40.2vw + 124px),320px)!important}
 html[data-device=mobile] #home-view .home-wide-copy{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;justify-content:center!important;min-height:0!important;box-sizing:border-box!important;padding:10px 14px!important}
 html[data-device=mobile] #home-view .home-wide-copy strong{margin-top:5px!important}
 html[data-device=mobile] #home-view .home-wide-copy em{margin-top:6px!important}
}
/* Match the home header's orange fade when the garage hero leaves the viewport. */
@media(max-width:760px){
 html[data-device=mobile] body:has(#saved-view:not([hidden])) .top-brand-row{isolation:isolate;transition:border-color .28s ease,box-shadow .28s ease!important}
 html[data-device=mobile] body:has(#saved-view:not([hidden])) .top-brand-row::after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:url('brand/mobile-scroll-header-exact.png?v=2') left top/760px 60px no-repeat;opacity:0;transition:opacity .28s ease}
 html[data-device=mobile] body.mobile-garage-header-scrolled:has(#saved-view:not([hidden])) .top-brand-row::after{opacity:1}
 html[data-device=mobile] body.mobile-garage-header-scrolled:has(#saved-view:not([hidden])) .site-workspace .top{background:#fff!important}
 html[data-device=mobile] body.mobile-garage-header-scrolled:has(#saved-view:not([hidden])) .top-brand-row .official-logo img{filter:none!important}
 html[data-device=mobile] body.mobile-garage-header-scrolled:has(#saved-view:not([hidden])) .top-brand-row{border-bottom-color:rgba(255,255,255,.16)!important;box-shadow:0 7px 20px rgba(153,46,24,.2)!important}
 html[data-device=mobile] body:has(#saved-view:not([hidden])) .top-brand-row>.member-login{position:relative;z-index:3;transition:background .28s ease,color .28s ease}
}
/* Keep the garage contract chip inside the same mobile side gutter as other actions. */
@media(max-width:760px){
 html[data-device=mobile] #saved-view .garage-vehicle-section>.garage-section-title{min-width:0!important}
 html[data-device=mobile] #saved-view .garage-vehicle-section>.garage-section-title>div:first-child{min-width:0!important}
 html[data-device=mobile] #saved-view .garage-condition-button-slot{flex:0 1 auto!important;min-width:0!important;max-width:calc(100% - 112px)!important}
 html[data-device=mobile] #saved-view .garage-condition-button-slot .garage-condition-inline{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;gap:4px!important;padding-inline:7px!important}
 html[data-device=mobile] #saved-view .garage-condition-button-slot .garage-condition-inline strong{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
 html[data-device=mobile] #saved-view .garage-condition-button-slot .garage-condition-inline i{flex:none!important}
}
/* Request cards: give the five milestones room and readable type. */
#saved-view .garage-inquiry-row{min-height:126px!important}
#saved-view .garage-inquiry-mini-progress i{font-size:12px!important}
#saved-view .garage-inquiry-mini-progress i+i{margin-left:20px!important}
@media(max-width:760px){
 html[data-device=mobile] #saved-view .garage-inquiry-row{min-height:132px!important;padding-block:16px!important}
 html[data-device=mobile] #saved-view .garage-inquiry-mini-progress{gap:0!important;margin-top:5px!important}
 html[data-device=mobile] #saved-view .garage-inquiry-mini-progress i{font-size:11px!important}
 html[data-device=mobile] #saved-view .garage-inquiry-mini-progress i+i{margin-left:10px!important}
 html[data-device=mobile] #saved-view .garage-inquiry-mini-progress i+i::before{right:calc(100% + 3px)!important;width:5px!important}
}
body .garage-inquiry-detail-hero .garage-inquiry-status{display:inline-flex;align-items:center;width:max-content;padding:6px 9px;border-radius:7px;background:#fff;color:#465b68;font-size:11px;font-style:normal;font-weight:750;line-height:1.2;letter-spacing:0;white-space:nowrap}
body .garage-inquiry-detail-hero .garage-inquiry-status.is-reviewing{background:#fff0ea;color:#c85234}
body .garage-inquiry-detail-hero .garage-inquiry-status.is-approved{background:#edf4f0;color:#426b58}
body .garage-inquiry-detail-hero .garage-inquiry-status.is-contracted{background:#e9eef1;color:#314653}
body .garage-inquiry-detail-hero .garage-inquiry-status.is-delivered{background:#ffede6;color:#cb5133}
/* Video cards show only their thumbnails and play controls; formats share one height. */
#home-view .home-short-copy,#home-view .home-wide-copy{display:none!important}
#home-view .home-short-card::after,#home-view .home-wide-visual::after{display:none!important}
#home-view .home-wide-card{min-height:365px}
#home-view .home-wide-visual{flex:1 1 auto;aspect-ratio:auto;height:100%}
#home-view .home-wide-visual img{display:block;width:100%;height:100%;object-fit:contain;background:#202c38}
@media(max-width:760px){
 html[data-device=mobile] #home-view .home-short-card,html[data-device=mobile] #home-view .home-wide-card{height:228px!important;min-height:228px!important;max-height:228px!important}
 html[data-device=mobile] #home-view .home-wide-visual{height:100%!important;min-height:0!important}
 /* Position the Kakao offer against the hero, not the height of its text. */
 html[data-device=mobile] #home-view .home-hero-v2>.home-hero-copy{position:static!important}
 html[data-device=mobile] #home-view .home-hero-v2>.home-hero-copy>:not(.home-hero-actions){position:relative;z-index:2}
 html[data-device=mobile] #home-view .home-hero-actions{top:calc(100% + 14px)!important;bottom:auto!important;left:18px!important;right:18px!important;box-sizing:border-box!important;width:auto!important;max-width:none!important;height:70px!important}
 html[data-device=mobile] #home-view .home-member-actions .home-member-ticket{box-sizing:border-box!important;width:100%!important;max-width:none!important}
}

@media(max-width:359px){html[data-device=mobile] #saved-view .garage-condition-button-slot .garage-condition-inline{gap:2px!important;padding-inline:5px!important}html[data-device=mobile] #saved-view .garage-condition-button-slot .garage-condition-inline strong{font-size:10px!important}}
@media(max-width:760px){
 html[data-device=mobile] #saved-view .garage-condition-button-slot{flex:0 0 124px!important;width:124px!important;max-width:min(124px,calc(100% - 110px))!important}
 html[data-device=mobile] #saved-view .garage-inquiry-row{position:relative;min-height:148px!important;padding-bottom:48px!important}
 html[data-device=mobile] #saved-view .garage-inquiry-mini-progress{position:absolute;left:14px;right:14px;bottom:14px;display:flex!important;align-items:center;justify-content:space-between;min-width:0;margin:0!important}
 html[data-device=mobile] #saved-view .garage-inquiry-mini-progress i{position:relative;z-index:1;margin:0!important;padding:0 3px;background:#fff;font-size:12px!important}
 html[data-device=mobile] #saved-view .garage-inquiry-mini-progress::before{content:"";position:absolute;left:15px;right:15px;top:50%;height:1px;background:#d9dfe3}
 html[data-device=mobile] #saved-view .garage-inquiry-mini-progress i+i::before{display:none!important}
}

@media(max-width:359px){html[data-device=mobile] #saved-view .garage-condition-button-slot .garage-condition-inline strong{font-size:12px!important}}
/* Calm the desktop media row and let each thumbnail fill its card. */
@layer workspace{
 @media(min-width:761px){
  html[data-device=desktop] #home-view .home-shorts{width:min(1000px,calc(100% - 48px))!important;max-width:1000px!important}
  html[data-device=desktop] #home-view .home-media-board{grid-template-columns:max-content minmax(0,420px)!important;max-width:1000px!important;gap:12px!important}
  html[data-device=desktop] #home-view .home-media-board .home-shorts-track{grid-template-columns:repeat(3,170px)!important;gap:12px!important}
  html[data-device=desktop] #home-view .home-media-board .home-shorts-track[data-count="2"]{grid-template-columns:repeat(2,170px)!important}
  html[data-device=desktop] #home-view .home-media-board .home-shorts-track[data-count="1"]{grid-template-columns:170px!important}
  html[data-device=desktop] #home-view .home-short-card{box-sizing:border-box!important;width:170px!important;height:302px!important;min-height:302px!important;aspect-ratio:auto!important}
  html[data-device=desktop] #home-view .home-feature-video{width:420px!important;max-width:420px!important;height:302px!important}
  html[data-device=desktop] #home-view .home-wide-card{height:302px!important;min-height:302px!important;max-height:302px!important}
 }
 @media(max-width:760px){
  html[data-device=mobile] #home-view .home-wide-card{height:228px!important;min-height:228px!important;max-height:228px!important}
 }
}
#home-view .home-wide-visual{overflow:hidden}
#home-view .home-wide-visual img{object-fit:cover!important;background:transparent!important}
/* A 16:9 long-form frame at the same height as the short-form cards. */
@layer workspace{
 @media(min-width:761px){
  html[data-device=desktop] #home-view .home-media-board{grid-template-columns:max-content minmax(0,536px)!important}
  html[data-device=desktop] #home-view .home-feature-video{width:536px!important;max-width:536px!important}
 }
 @media(max-width:760px){
  html[data-device=mobile] #home-view .home-media-board .home-feature-video{flex:0 0 404px!important;width:404px!important;min-width:404px!important;max-width:404px!important}
 }
}
/* The source photo and hero use the same orange; a mask was fading the car itself. */
@media(max-width:760px){
 html[data-device=mobile] #home-view .home-hero-v2{background-image:none!important;background-color:#ea5833!important}
 html[data-device=mobile] #home-view .home-hero-v2::before{-webkit-mask-image:none!important;mask-image:none!important}
}
/* YouTube embeds inset some Shorts inside their 9:16 canvas. Crop that inset evenly. */
body .home-video-dialog:not(.is-wide) .home-video-dialog-inner{overflow:hidden}
body .home-video-dialog:not(.is-wide) iframe{transform:scale(1.17);transform-origin:center center}
/* Ease the member popup in when the Kakao benefit opens it. */
@keyframes hicarz-member-enter{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes hicarz-member-backdrop{from{opacity:0}to{opacity:1}}
body .member-auth-dialog[open]{animation:hicarz-member-enter .3s cubic-bezier(.2,.78,.2,1) both}
body .member-auth-dialog[open]::backdrop{animation:hicarz-member-backdrop .3s ease both}
@media(prefers-reduced-motion:reduce){body .member-auth-dialog[open],body .member-auth-dialog[open]::backdrop{animation:none!important}}
/* Use the full wide source photo on mobile: its long orange lead-in sits behind the text. */
@media(max-width:760px){
 html[data-device=mobile] #home-view .home-hero-v2::before{
  inset:0!important;width:100%!important;height:100%!important;
  background:#eb5834 url('home-hero-user-v10-optimized.jpg') -388px center/auto 180px no-repeat!important;
  -webkit-mask-image:none!important;mask-image:none!important;
 }
}

/* existing-vehicle.css */
#saved-view .garage-existing-panel[hidden]{display:none!important}
#saved-view .garage-existing-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}
#saved-view .garage-existing-head h2{margin:0;color:#293640;font-size:22px}.garage-existing-head p{margin:6px 0 0;color:#77858e;font-size:13px}
#saved-view .garage-existing-head>button{display:inline-flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid #dfe5e9;border-radius:11px;background:#fff;color:#34454f;font-family:inherit;font-size:13px;font-weight:750;cursor:pointer}
#saved-view .garage-existing-head>button i{color:#e05f3e;font-size:16px;font-style:normal}
#saved-view .garage-existing-list{overflow:hidden;border:1px solid #e2e7ea;border-radius:16px;background:#fff}
#saved-view .garage-existing-empty{padding:48px 24px;text-align:center}.garage-existing-empty>span{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 14px;border-radius:50%;background:#f0f3f5;color:#e05f3e;font-size:22px}.garage-existing-empty strong{display:block;font-size:17px}.garage-existing-empty p{margin:8px 0 18px;color:#74828c;font-size:13px}.garage-existing-empty button{padding:11px 16px;border:0;border-radius:10px;background:#34434d;color:#fff;font-family:inherit;font-weight:750;cursor:pointer}
#saved-view .garage-existing-row{display:grid;grid-template-columns:90px minmax(0,1fr) 28px;align-items:center;gap:17px;min-height:105px;padding:14px 18px;border-bottom:1px solid #e8ecef}.garage-existing-row:last-child{border-bottom:0}.garage-existing-symbol{position:relative;display:block;width:90px;height:66px;border-radius:11px;background:#f4f6f7}.garage-existing-symbol::before{content:'';position:absolute;left:17px;top:23px;width:54px;height:21px;border:3px solid #9eabb3;border-radius:15px 22px 8px 8px}.garage-existing-title{display:flex;align-items:center;gap:9px}.garage-existing-title strong{font-size:16px}.garage-existing-title em{padding:4px 7px;border-radius:6px;background:#edf1f3;color:#52636d;font-size:10px;font-style:normal;font-weight:750}.garage-existing-row p{margin:7px 0 0;color:#697883;font-size:12px}.garage-existing-row small{display:block;margin-top:7px;color:#354651;font-size:12px;font-weight:650}.garage-existing-row>i{color:#687984;font-size:25px;font-style:normal}
body .existing-registration,body .existing-detail,body .channel-benefit-page{max-width:550px;margin:auto;color:#293640}
body .existing-hero{padding:29px;border-radius:20px;background:#303a40;color:#fff;overflow:hidden}body .existing-hero small{color:#ff8565;font-size:11px;font-weight:800;letter-spacing:.08em}body .existing-hero h3{margin:10px 0 0;font-size:28px;line-height:1.22;letter-spacing:-.05em}body .existing-hero p{max-width:410px;margin:13px 0 0;color:#cbd2d6;font-size:13px;line-height:1.65}
body .existing-registration form>section{margin-top:28px}body .existing-registration h4{margin:0 0 13px;font-size:16px}body .existing-choice{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}body .existing-choice button,body .existing-mode-tabs button{min-height:44px;border:1px solid #dce3e7;border-radius:10px;background:#fff;color:#65747e;font-family:inherit;font-weight:700;cursor:pointer}body .existing-choice button.active,body .existing-mode-tabs button.active{border-color:#34444e;background:#34444e;color:#fff}
body .existing-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border-radius:12px;background:#f0f3f5}body .existing-mode-tabs button{border:0;background:transparent}body .existing-mode-tabs button.active{background:#fff;color:#2d3d47;box-shadow:0 2px 8px rgba(31,45,53,.08)}
body .existing-registration [data-master],body .existing-registration [data-manual],body .existing-common{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:16px}body .existing-registration label{display:grid;gap:7px;color:#53636d;font-size:12px;font-weight:700}body .existing-registration input,body .existing-registration select{width:100%;min-height:45px;padding:0 12px;border:1px solid #dce3e7;border-radius:10px;background:#fff;color:#293943;font-family:inherit;font-size:13px}body .existing-registration select:disabled{background:#f5f7f8;color:#a1abb1}.existing-options{grid-column:1/-1;margin:0;padding:16px;border:1px solid #e2e7ea;border-radius:12px}.existing-options legend{padding:0 7px;color:#34454f;font-size:13px;font-weight:750}.existing-options legend small{color:#909ba2;font-weight:500}.existing-options [data-options]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.existing-options [data-options] label{display:flex;align-items:flex-start;gap:8px}.existing-options [data-options] input{width:16px;min-height:16px;margin:1px 0}.existing-options p{grid-column:1/-1;margin:0;color:#87939b;font-size:12px}
body .existing-common label:last-child{grid-column:1/-1}body .existing-common label strong{color:#293a45;font-size:14px}body .existing-common input[type=range]{height:7px;padding:0;border:0;border-radius:10px;background:#e7ecef;accent-color:#e25f3e}
body .existing-registration [data-finance]{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:20px;border-radius:15px;background:#f5f7f8}body .existing-registration [data-finance] h4{grid-column:1/-1}.existing-money{position:relative}.existing-money input{padding-right:48px!important}.existing-money i{position:absolute;right:13px;top:50%;color:#7c8991;font-style:normal;transform:translateY(-50%)}.existing-penalty{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:end;padding-top:15px;border-top:1px solid #dfe5e8}.existing-penalty span{font-size:12px}.existing-penalty strong{font-size:23px}.existing-penalty small{grid-column:1/-1;margin-top:5px;color:#89949b;font-size:11px}.existing-check{grid-column:1/-1!important;display:flex!important;align-items:center;gap:8px!important}.existing-check input{width:17px!important;min-height:17px!important}.existing-purchase-note{grid-column:1/-1}.existing-purchase-note strong{font-size:15px}.existing-purchase-note p{margin:7px 0 0;color:#73818a;font-size:12px;line-height:1.6}
body .existing-form-error{min-height:20px;margin:14px 0 0;color:#c84f34;font-size:12px}.existing-submit{width:100%;min-height:50px;border:0;border-radius:12px;background:#34434d;color:#fff;font-family:inherit;font-size:14px;font-weight:800;cursor:pointer}.existing-submit:disabled{opacity:.55}.existing-complete{padding:70px 22px;text-align:center}.existing-complete span{display:grid;place-items:center;width:48px;height:48px;margin:auto;border-radius:50%;background:#e25f3e;color:#fff;font-size:22px}.existing-complete h3{margin:18px 0 0;font-size:22px}.existing-complete p{margin:9px 0 0;color:#70808a;font-size:13px;line-height:1.65}
body .existing-detail header{padding:24px;border-radius:16px;background:#f4f6f7}.existing-detail header small{color:#df603f;font-weight:750}.existing-detail h3{margin:7px 0 0;font-size:24px}.existing-detail header p{margin:5px 0 0;color:#71808a}.existing-detail dl{margin:22px 0}.existing-detail dl div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #e7ebee}.existing-detail dt{color:#7c8991}.existing-detail dd{margin:0;font-weight:700}.existing-detail section{padding:20px;border-radius:14px;background:#f5f7f8}.existing-detail section span,.existing-detail section small{font-size:12px}.existing-detail section strong{display:block;margin-top:7px;font-size:24px}.existing-detail section p{color:#71808a;font-size:12px}
.inquiry-existing-vehicle{display:grid;grid-template-columns:1fr auto;gap:4px 15px;width:100%;margin:17px 0 10px;padding:17px 18px;border:1px solid #dce3e7;border-radius:13px;background:#f5f7f8;color:#2f404a;font-family:inherit;text-align:left;cursor:pointer}.inquiry-existing-vehicle b{font-size:14px}.inquiry-existing-vehicle small{grid-column:1;color:#71808a;line-height:1.5}.inquiry-existing-vehicle i{grid-column:2;grid-row:1/3;align-self:center;color:#de603f;font-style:normal;font-weight:800}
.channel-marks{display:flex;align-items:center;gap:7px}.channel-marks i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;font-size:9px;font-style:normal;font-weight:900}.channel-marks .is-kakao{background:#fee500;color:#251f12}.channel-marks .is-youtube{background:#f00000;color:#fff;font-size:14px}.channel-marks .is-instagram{background:linear-gradient(135deg,#7345d6,#e44877,#f7a43a);color:#fff;font-size:18px}.garage-channel-benefit>.channel-marks{margin-bottom:15px}.garage-channel-benefit .garage-kakao-art{display:none!important}
body .channel-benefit-page header{padding:28px;border-radius:20px;background:#303a40;color:#fff}.channel-benefit-page header .channel-marks{margin-bottom:19px}.channel-benefit-page header small{color:#ff8a6b;font-size:10px;font-weight:800;letter-spacing:.08em}.channel-benefit-page header h3{margin:10px 0 0;font-size:26px;line-height:1.3}.channel-benefit-page header p{margin:12px 0 0;color:#cbd2d6;font-size:13px;line-height:1.65}.channel-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:24px;border-bottom:1px solid #dfe5e8}.channel-tabs button{padding:14px 5px;border:0;border-bottom:2px solid transparent;background:none;color:#87939b;font-family:inherit;font-weight:700;cursor:pointer}.channel-tabs button.active{border-color:#e25f3e;color:#293a45}.channel-benefit-page section{padding:25px 6px}.channel-benefit-page section h4{margin:0;font-size:18px}.channel-benefit-page section p{margin:10px 0 18px;color:#687883;font-size:13px;line-height:1.7}.channel-benefit-page section a{display:inline-flex;padding:12px 15px;border-radius:10px;background:#34444e;color:#fff;font-size:13px;font-weight:750;text-decoration:none}
.inquiry-member-benefit.is-channel-benefit{background:#303a40!important;color:#fff}.inquiry-member-benefit.is-channel-benefit small{color:#ccd3d7!important}
.member-benefit-note.is-channel-benefit{display:flex;align-items:center;gap:10px;background:#303a40!important;color:#fff!important;border:0!important}.member-benefit-note.is-channel-benefit>span:last-child{color:#fff}.member-benefit-note.is-channel-benefit .channel-marks{flex:0 0 auto}
.garage-storage-panel:has(.garage-existing-panel:not([hidden])) .garage-storage-note{display:none}
@media(max-width:760px){#saved-view .garage-existing-head{align-items:flex-end}.garage-existing-head p{max-width:190px}.garage-existing-row{grid-template-columns:72px minmax(0,1fr) 20px!important;gap:12px!important;padding:12px!important}.garage-existing-symbol{width:72px!important;height:58px!important}.garage-existing-symbol::before{left:12px!important;top:19px!important;width:45px!important}.existing-registration [data-master],.existing-registration [data-manual],.existing-common,.existing-registration [data-finance]{grid-template-columns:1fr!important}.existing-options,.existing-common label:last-child,.existing-registration [data-finance] h4,.existing-check,.existing-penalty,.existing-purchase-note{grid-column:1!important}.existing-options [data-options]{grid-template-columns:1fr}.existing-hero{padding:23px!important}.existing-hero h3{font-size:24px!important}}

/* Inquiry: Kakao signup notice belongs to the neutral application form. */
#inquiry-screen .inquiry-member-benefit.is-kakao-signup{display:flex;align-items:center;gap:13px;margin:0 0 14px;padding:15px 16px;border:1px solid #e0e5e8;border-radius:13px;background:#edf1f3!important;color:#2d3b45!important;box-shadow:none}
#inquiry-screen .inquiry-kakao-mark{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:#fee500;color:#231f16;font-size:10px;font-weight:900}
#inquiry-screen .inquiry-member-benefit.is-kakao-signup p{margin:0;color:#2d3b45!important;font-size:13px;font-weight:650;line-height:1.55}
#inquiry-screen .inquiry-member-benefit.is-kakao-signup strong{color:#e15535!important;font-weight:800}
#inquiry-screen .inquiry-member-benefit.is-kakao-signup small{display:block;margin-top:4px;color:#687781!important;font-size:11px;line-height:1.5}

/* Garage benefits: one dark event banner and two softly tinted utility cards. */
#saved-view .garage-kakao-benefit.garage-channel-benefit,#saved-view .garage-kakao-benefit.garage-channel-benefit.is-channel-added{grid-template-columns:116px minmax(0,1fr) auto!important;grid-template-rows:auto auto auto!important;gap:3px 22px!important;min-height:148px!important;padding:23px 28px!important;border:0!important;border-radius:18px!important;background:linear-gradient(125deg,#303b43 0%,#3a4954 100%)!important;color:#fff!important;cursor:pointer;box-shadow:0 14px 30px rgba(33,47,56,.13)!important}
#saved-view .garage-channel-benefit>.channel-marks{grid-column:1;grid-row:1/4;align-self:center;justify-content:center;width:116px;height:82px;margin:0!important;border-radius:18px;background:rgba(255,255,255,.08)}
#saved-view .garage-channel-benefit .channel-marks i{width:38px;height:38px;border-radius:12px}
#saved-view .garage-channel-benefit .garage-benefit-label{grid-column:2;grid-row:1;color:#bfc9cf!important}
#saved-view .garage-channel-benefit h3,#saved-view .garage-channel-benefit h3 strong{grid-column:2;grid-row:2;color:#fff!important}
#saved-view .garage-channel-benefit>p:not(.garage-benefit-label){grid-column:2;grid-row:3;color:#cbd3d7!important}
#saved-view .garage-channel-benefit>a{grid-column:3;grid-row:1/4;align-self:center;border:1px solid rgba(255,255,255,.2)!important;background:rgba(255,255,255,.09)!important;color:#fff!important;pointer-events:none}
#saved-view .garage-support-tile{background:#f1f5f6!important;border-color:#dfe6e9!important}
#saved-view .garage-referral-tile{background:#fff5f0!important;border-color:#f0ded5!important}
#saved-view .garage-support-tile:hover,#saved-view .garage-referral-tile:hover{border-color:#cfd8dd!important;transform:translateY(-1px)}

/* Channel detail: visual, step-by-step participation guide. */
.channel-benefit-page .channel-intro{padding:24px 6px 6px}.channel-benefit-page .channel-intro h4{margin:0;font-size:19px}.channel-benefit-page .channel-intro p{margin:9px 0;color:#687883;font-size:13px;line-height:1.7}
.channel-how{margin:16px 0 22px;padding:20px;border-radius:18px;background:#f4f6f7}.channel-how>small{color:#e05c3c;font-size:10px;font-weight:850;letter-spacing:.08em}.channel-how>h4{margin:5px 0 16px!important;font-size:17px!important}.channel-how ol{display:grid;gap:11px;margin:0;padding:0;list-style:none}.channel-how li{display:grid;grid-template-columns:106px minmax(0,1fr);align-items:center;gap:15px;padding:11px;border-radius:14px;background:#fff}.channel-how figure{position:relative;display:grid;place-items:center;width:106px;height:75px;margin:0;overflow:hidden;border-radius:12px;background:#e7eef1}.channel-how figure b{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#fff;color:#33444f;font-size:14px;box-shadow:0 8px 18px rgba(35,49,58,.1)}.channel-how figure i{position:absolute;top:7px;left:8px;color:rgba(40,53,62,.45);font-size:9px;font-style:normal;font-weight:850}.channel-how figure.is-kakao{background:#fee500}.channel-how figure.is-youtube{background:#ffdeda}.channel-how figure.is-youtube b{background:#ef1d20;color:#fff}.channel-how figure.is-instagram{background:linear-gradient(135deg,#eadfff,#ffe0e9,#ffedcf)}.channel-how figure.is-instagram b{background:linear-gradient(135deg,#7345d6,#e44877,#f7a43a);color:#fff}.channel-how figure.is-check,.channel-how figure.is-phone,.channel-how figure.is-screen{background:#dfeaec}.channel-how figure.is-check b{background:#344651;color:#fff}.channel-how figure.is-subscribe,.channel-how figure.is-follow{background:#fff0e9}.channel-how figure.is-subscribe b,.channel-how figure.is-follow b{background:#e35c3c;color:#fff}.channel-how li strong{display:block;color:#2b3a44;font-size:14px}.channel-how li p{margin:5px 0 0!important;color:#74828b!important;font-size:11px!important;line-height:1.55!important}

/* Existing-car form hierarchy and app-style controls. */
.existing-market{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border-radius:12px;background:#edf1f3}.existing-market button{min-height:42px;border:0;border-radius:9px;background:transparent;color:#74818a;font-family:inherit;font-size:13px;font-weight:750;cursor:pointer}.existing-market button.active{background:#fff;color:#2c3a44;box-shadow:0 2px 8px rgba(31,45,53,.08)}
body .existing-registration select{appearance:none;padding-right:38px;background:#f7f8f9 linear-gradient(45deg,transparent 50%,#77858e 50%) calc(100% - 17px) 20px/5px 5px no-repeat;border-color:#e1e6e9;color:#34434d;font-weight:650;cursor:pointer}body .existing-registration select:focus{outline:0;border-color:#aeb9c1;box-shadow:0 0 0 3px rgba(72,91,104,.08)}
.existing-native-select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}.existing-select-picker{position:relative}.existing-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:45px;padding:0 13px;border:1px solid #e1e6e9;border-radius:11px;background:#f7f8f9;color:#34434d;font-family:inherit;font-size:13px;font-weight:650;text-align:left}.existing-select-trigger:disabled{color:#a1abb1;background:#f4f6f7}.existing-select-trigger i{font-style:normal;color:#7c8992}.existing-select-picker.open .existing-select-trigger{border-color:#bcc6ce;border-radius:11px 11px 0 0;background:#fff}.existing-select-menu{position:absolute;z-index:55;top:calc(100% - 1px);right:0;left:0;max-height:270px;padding:6px 9px 10px;overflow-y:auto;border:1px solid #bcc6ce;border-top:0;border-radius:0 0 13px 13px;background:#fff;box-shadow:0 13px 28px rgba(28,43,57,.13)}.existing-select-menu[hidden]{display:none}.existing-select-menu>button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;margin:3px 0;padding:11px 12px;border:1px solid transparent;border-radius:11px;background:#fff;color:#34414d;font-family:inherit;font-size:13px;font-weight:600;text-align:left}.existing-select-menu>button:hover{background:#f5f7f8}.existing-select-menu>button i{display:grid;place-items:center;width:20px;height:20px;margin-left:10px;border-radius:50%;background:#fff;color:transparent;font-size:10px;font-style:normal;box-shadow:inset 0 0 0 1px #dce2e7}.existing-select-menu>button[aria-selected=true]{border-color:#d7dde3;background:#f2f4f6;color:#293643}.existing-select-menu>button[aria-selected=true] i{background:#e15b3b;color:#fff;box-shadow:none}
.existing-basic-grid{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:13px;align-items:stretch}.existing-delivery-field,.existing-mileage-field{padding:15px;border:1px solid #e2e7ea;border-radius:14px;background:#f7f8f9}.existing-mileage-field{display:grid!important;grid-template-columns:1fr auto;align-content:start}.existing-mileage-field input{grid-column:1/-1;margin-top:12px}.existing-mileage-field small{grid-column:1/-1;margin-top:9px;color:#8b969d;font-weight:500}.existing-month-picker{position:relative;margin-top:8px}.existing-month-picker summary{display:flex;align-items:center;justify-content:space-between;height:45px;padding:0 13px;border:1px solid #dce3e7;border-radius:11px;background:#fff;list-style:none;cursor:pointer}.existing-month-picker summary::-webkit-details-marker{display:none}.existing-month-picker summary strong{font-size:13px}.existing-month-picker summary i{position:relative;width:16px;height:16px;border:1.5px solid #7e8d97;border-radius:4px}.existing-month-picker summary i:before{content:'';position:absolute;top:4px;right:2px;left:2px;border-top:1.5px solid #7e8d97}.existing-month-panel{position:absolute;z-index:45;top:51px;left:0;width:260px;padding:11px;border:1px solid #dce3e7;border-radius:14px;background:#fff;box-shadow:0 16px 38px rgba(28,42,52,.18)}.existing-month-panel header{display:grid;grid-template-columns:34px 1fr 34px;align-items:center}.existing-month-panel header strong{text-align:center}.existing-month-panel header button{width:32px;height:32px;border:0;border-radius:9px;background:#f1f4f5;font-size:20px}.existing-month-panel>[data-delivery-months]{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:8px}.existing-month-panel>[data-delivery-months] button{height:34px;border:0;border-radius:8px;background:transparent;color:#687681;font-family:inherit;font-size:12px;font-weight:650}.existing-month-panel>[data-delivery-months] button:hover{background:#edf1f3;color:#273642}
.existing-submit-dock{position:sticky;z-index:40;right:0;bottom:-1px;left:0;margin:18px -1px -1px;padding:13px 1px 2px;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff 24%)}.existing-submit{box-shadow:0 8px 18px rgba(38,53,63,.15)}

/* Keep the penalty month picker above the formula/result cards. */
#saved-view .garage-penalty-tool,#saved-view .garage-penalty-schedule{overflow:visible!important}.garage-penalty-schedule{position:relative;z-index:8}.garage-start-field,.garage-term-field,.garage-month-picker,.garage-term-select{position:relative;z-index:12}.garage-month-picker[open],.garage-term-select[open]{z-index:60}.garage-month-panel,.garage-term-select>div{z-index:70!important}.garage-penalty-formula,.garage-penalty-result,.garage-penalty-consult{position:relative;z-index:1}

@media(max-width:760px){#saved-view .garage-kakao-benefit.garage-channel-benefit,#saved-view .garage-kakao-benefit.garage-channel-benefit.is-channel-added{grid-template-columns:82px minmax(0,1fr)!important;grid-template-rows:auto auto auto auto!important;gap:3px 14px!important;padding:18px!important}.garage-channel-benefit>.channel-marks{grid-column:1!important;grid-row:1/3!important;width:82px!important;height:70px!important}.garage-channel-benefit .channel-marks i{width:30px!important;height:30px!important}.garage-channel-benefit>a{grid-column:1/-1!important;grid-row:4!important;justify-content:center;margin-top:10px!important}.garage-channel-benefit>p:not(.garage-benefit-label){grid-column:1/-1!important;grid-row:3!important;margin-top:10px!important}.channel-how{padding:15px}.channel-how li{grid-template-columns:86px minmax(0,1fr);gap:12px}.channel-how figure{width:86px;height:68px}.existing-basic-grid{grid-template-columns:1fr}.existing-month-panel{width:min(260px,calc(100vw - 86px))}}

/* Remove decorative boxes from the channel banner. */
#saved-view .garage-channel-benefit>.channel-marks{height:auto!important;border-radius:0!important;background:transparent!important}
#saved-view .garage-channel-benefit>a{min-width:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}

/* Consultation receipt becomes a compact event page. */
#inquiry-screen:has(.inquiry-success-event){background:#fff!important}
.inquiry-success-event{max-width:720px;margin:0 auto;padding:26px 0 48px!important;text-align:left!important}
.inquiry-success-event>header{text-align:center;padding:28px 22px 24px}.inquiry-success-event>header>span{display:grid;place-items:center;width:50px;height:50px;margin:0 auto 14px;border-radius:50%;background:#edf1f3;color:#334651;font-size:22px}.inquiry-success-event>header>small{color:#e05b3b;font-size:10px;font-weight:850;letter-spacing:.1em}.inquiry-success-event>header h2{margin:7px 0 0;color:#24333d;font-size:25px}.inquiry-success-event>header p{margin:8px 0 0!important;color:#65747e!important;font-size:13px!important}.inquiry-success-event>header em{display:block;margin-top:9px;color:#87939b;font-size:12px;font-style:normal;line-height:1.6}
.inquiry-success-event .inquiry-existing-vehicle{grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:18px;margin:2px 0 28px;padding:20px 22px;border:0;border-radius:17px;background:linear-gradient(125deg,#303b43,#3a4954);color:#fff}.inquiry-existing-art{display:grid;place-items:center;width:72px;height:58px;border-radius:14px;background:rgba(255,255,255,.1);color:#ff8060;font-size:11px;font-weight:900;letter-spacing:.08em}.inquiry-success-event .inquiry-existing-vehicle b{display:block;color:#fff;font-size:15px}.inquiry-success-event .inquiry-existing-vehicle small{display:block;margin-top:5px;color:#cbd3d7;font-size:11px;line-height:1.55}.inquiry-success-event .inquiry-existing-vehicle i{grid-column:3;grid-row:1;color:#ff8a6b;font-size:12px}
.inquiry-after-guide,.inquiry-after-benefits{padding:24px 0;border-top:1px solid #e8ecef}.inquiry-after-guide>div:first-child>small,.inquiry-after-benefits>div:first-child>small{color:#e05b3b;font-size:10px;font-weight:850;letter-spacing:.09em}.inquiry-after-guide h3,.inquiry-after-benefits h3{margin:5px 0 0;color:#293943;font-size:18px}.inquiry-after-guide>div:first-child>p{margin:6px 0 0!important;color:#7a8790!important;font-size:12px!important}.inquiry-after-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:17px}.inquiry-after-grid article{position:relative;padding:16px;border:1px solid #e3e8eb;border-radius:14px;background:#f7f8f9}.inquiry-after-grid article i{position:absolute;top:12px;right:13px;color:#b6c0c6;font-size:10px;font-style:normal;font-weight:800}.inquiry-after-grid article b{display:block;color:#33434d;font-size:13px}.inquiry-after-grid article span{display:block;margin-top:5px;color:#7c8992;font-size:11px}
.inquiry-benefit-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:17px}.inquiry-benefit-strip article{display:flex;align-items:center;gap:10px;min-width:0;padding:14px;border-radius:14px;background:#f3f5f6}.inquiry-benefit-strip article>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:#fff;color:#354650;font-size:9px;font-weight:900}.inquiry-benefit-strip .is-channel{background:#fee500}.inquiry-benefit-strip .is-contract{background:#dfeaed}.inquiry-benefit-strip .is-friend{background:#ffe6da;color:#df5a39}.inquiry-benefit-strip b{display:block;color:#33434d;font-size:11px}.inquiry-benefit-strip small{display:block;margin-top:4px;color:#7d8991;font-size:9px;line-height:1.4}.inquiry-success-event>[data-inquiry-continue]{margin-top:8px}

/* Tighter type scale and a single composed vehicle-information card. */
.existing-registration h4{font-size:15px!important}.existing-choice button,.existing-mode-tabs button,.existing-market button{font-size:13px!important}.existing-registration label{font-size:12px!important}.existing-select-trigger,.existing-select-menu>button{font-size:12px!important}.existing-options legend{font-size:12px!important}
.existing-common{display:block!important;margin-top:28px!important}.existing-basic-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.55fr);gap:0;overflow:visible;border:1px solid #e1e6e9;border-radius:16px;background:#f7f8f9}.existing-delivery-field,.existing-mileage-field{min-height:142px;padding:18px!important;border:0!important;border-radius:0!important;background:transparent!important}.existing-delivery-field{border-right:1px solid #e1e6e9!important}.existing-month-picker summary{margin-top:11px}.existing-mileage-field{grid-template-columns:1fr auto!important;align-content:start!important}.existing-mileage-field input{margin-top:23px!important}.existing-mileage-field small{margin-top:13px!important}.existing-registration [data-finance]:empty{display:none!important}.existing-registration form{padding-bottom:72px}.existing-submit-dock{margin-top:20px}

@media(max-width:760px){.inquiry-success-event{padding:15px 0 38px!important}.inquiry-success-event .inquiry-existing-vehicle{grid-template-columns:54px minmax(0,1fr);gap:13px;padding:17px}.inquiry-existing-art{width:54px;height:48px}.inquiry-success-event .inquiry-existing-vehicle i{grid-column:2;grid-row:2;justify-self:start;margin-top:5px}.inquiry-after-grid{grid-template-columns:1fr 1fr}.inquiry-benefit-strip{grid-template-columns:1fr}.existing-basic-grid{grid-template-columns:1fr}.existing-delivery-field{min-height:0;border-right:0!important;border-bottom:1px solid #e1e6e9!important}.existing-mileage-field{min-height:150px}}

/* The delivery month is one composed control: selected value on the left, calendar on the right. */
.existing-basic-grid{grid-template-columns:minmax(150px,.72fr) minmax(250px,1.28fr)!important}
.existing-delivery-field{display:flex!important;flex-direction:column;justify-content:center;gap:8px!important;min-height:190px!important}
.existing-delivery-field>strong{color:#293a45;font-size:18px!important;letter-spacing:-.04em}
.existing-delivery-field>small{color:#8a969e;font-size:11px;font-weight:500}
.existing-month-calendar{padding:15px 16px;border-bottom:1px solid #e1e6e9;background:#fff}
.existing-month-calendar header{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;margin-bottom:8px}
.existing-month-calendar header strong{text-align:center;color:#2e3d47;font-size:14px}
.existing-month-calendar header button{width:32px;height:32px;border:0;border-radius:9px;background:#f1f4f5;color:#53636d;font-size:20px;cursor:pointer}
.existing-month-calendar>[data-delivery-months]{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.existing-month-calendar>[data-delivery-months] button{height:35px;border:0;border-radius:9px;background:transparent;color:#687681;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer}
.existing-month-calendar>[data-delivery-months] button:hover{background:#edf1f3;color:#273642}
.existing-month-calendar>[data-delivery-months] button.active{background:#34444e;color:#fff}
.existing-mileage-field{grid-column:1/-1;min-height:132px!important;border-top:0!important}
.existing-registration form{padding-bottom:0!important}
.existing-submit-dock{position:sticky;bottom:0;margin:18px 0 0!important;padding:12px 0 0!important;background:#fff!important}
body .garage-sheet-body:has(.existing-registration){padding-bottom:0!important}

/* Shared editorial hero treatment for all four pre-contract guides. */
body .garage-editorial-hero{min-height:265px!important;padding:31px 29px!important;background:#344f5e!important;isolation:isolate}
body .garage-editorial-hero::after{inset:0!important;width:100%!important;background:var(--editorial-image) center/cover no-repeat!important;opacity:1!important;z-index:-2}
body .garage-editorial-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,42,52,.92) 0%,rgba(25,42,52,.7) 47%,rgba(25,42,52,.12) 100%);z-index:-1}
body .garage-editorial-hero h3,body .garage-editorial-hero p{max-width:62%!important;color:#fff!important;text-shadow:0 1px 2px rgba(15,28,36,.18)}
body .garage-editorial-eyebrow{background:rgba(255,255,255,.92)!important}
body .garage-editorial .garage-penalty-tool{background:#fff!important}
body .garage-editorial .garage-penalty-modes{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important;padding:5px!important;border-radius:14px!important;background:#edf1f3!important;box-shadow:none!important}
body .garage-editorial .garage-penalty-modes button{min-height:48px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#74818a!important;box-shadow:none!important}
body .garage-editorial .garage-penalty-modes button.active{background:#fff!important;color:#293943!important;box-shadow:0 2px 7px rgba(35,49,58,.07)!important}
body .garage-editorial .garage-penalty-tool::before,body .garage-editorial .garage-penalty-tool::after{display:none!important}

@media(max-width:760px){.existing-basic-grid{grid-template-columns:minmax(128px,.72fr) minmax(0,1.28fr)!important}.existing-delivery-field{min-height:190px!important;border-right:1px solid #e1e6e9!important;border-bottom:1px solid #e1e6e9!important;padding:14px!important}.existing-month-calendar{padding:13px 10px}.existing-month-calendar>[data-delivery-months]{gap:3px}.existing-month-calendar>[data-delivery-months] button{height:34px;font-size:11px}body .garage-editorial-hero{min-height:240px!important;padding:26px 22px!important}body .garage-editorial-hero h3,body .garage-editorial-hero p{max-width:76%!important}}

/* Registration sheet follows the vehicle configurator's sticky controls. */
.existing-ownership-section{position:sticky;top:-28px;z-index:35;margin:28px -2px 0!important;padding:13px 2px 14px;background:rgba(255,255,255,.97);border-bottom:1px solid #e6ebee;backdrop-filter:blur(10px)}
.existing-ownership-section h4{margin-bottom:10px!important}
.existing-registration [data-finance] .existing-select-trigger{background:#fff!important}
.existing-registration [data-finance] .existing-select-menu{z-index:70}
.existing-submit-dock{bottom:0!important;margin:22px -24px 0!important;padding:14px 24px max(14px,env(safe-area-inset-bottom))!important;border-top:0;background:transparent!important;box-shadow:none}
.existing-submit{min-height:50px!important;border-radius:12px!important;box-shadow:none!important}
.existing-form-error{margin-bottom:0!important}

/* Use the same content edges as the vehicle area above. */
#saved-view .garage-prep-section,#saved-view .garage-rewards-section{width:100%!important;max-width:none!important}
#saved-view .garage-prep-rows,#saved-view .garage-benefit-grid{width:100%!important;max-width:none!important;margin-inline:0!important}

@media(max-width:760px){.existing-ownership-section{top:-24px;margin-top:24px!important}.existing-submit-dock{margin-right:-18px!important;margin-left:-18px!important;padding-right:18px!important;padding-left:18px!important}}

/* Finish the composed vehicle-info card and tighten the mileage control. */
.existing-month-calendar{margin-top:-1px;margin-right:-1px;border-top:1px solid #e1e6e9;border-right:1px solid #e1e6e9;border-radius:0 16px 0 0}
.existing-mileage-field{grid-template-columns:1fr auto auto!important;column-gap:8px!important}
.existing-mileage-field>span{grid-column:2;align-self:center;white-space:nowrap}
.existing-mileage-field>strong{grid-column:3;align-self:center;white-space:nowrap}
.existing-mileage-field input,.existing-mileage-field small{grid-column:1/-1!important}

/* Existing-car selectors mirror the vehicle detail disclosure rows. */
.existing-registration [data-master]{grid-template-columns:1fr!important;gap:0!important;overflow:visible;border:1px solid #e1e6e9;border-radius:16px;background:#fff}
.existing-registration [data-master]>.existing-market{margin:0;border-radius:15px 15px 0 0}
.existing-registration [data-master]>label{position:relative;display:grid!important;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:12px!important;min-height:64px;padding:0 18px;border-bottom:1px solid #e8edf0;color:#52616c;font-size:13px!important}
.existing-registration [data-master]>label:has(.existing-select-picker.open){z-index:70;border-left:4px solid #ef5b3a;padding-left:14px}
.existing-registration [data-master]>.existing-options{margin:0;border:0;border-radius:0 0 16px 16px}
.existing-registration [data-master] .existing-select-picker{position:static}
.existing-registration [data-master] .existing-select-trigger{min-height:62px;padding:0;border:0;background:transparent!important;font-size:14px!important;text-align:right}
.existing-registration [data-master] .existing-select-trigger>span{margin-left:auto;color:#2e3d47;font-weight:750}
.existing-registration .existing-select-trigger>i{display:inline-flex;align-items:center;justify-content:center;margin-left:12px;color:#82909a;font-size:22px;transition:transform .22s ease,color .22s ease}
.existing-registration .existing-select-trigger:focus-visible{outline:none;box-shadow:none}
.existing-registration .existing-select-picker.open .existing-select-trigger>i{color:#ef5b3a;transform:rotate(90deg)}
.existing-registration [data-master] .existing-select-menu{top:calc(100% - 1px);right:-1px;left:-1px;max-height:360px;padding:9px 17px 13px;border:1px solid #d9e0e5;border-top:0;border-radius:0 0 17px 17px;box-shadow:0 16px 34px rgba(28,43,57,.14)}
.existing-registration [data-master] .existing-select-menu>button{min-height:56px;padding:12px 15px;font-size:14px!important}

@media(max-width:760px){.existing-registration [data-master]>label{grid-template-columns:92px minmax(0,1fr);min-height:60px;padding:0 14px}.existing-registration [data-master]>label:has(.existing-select-picker.open){padding-left:10px}.existing-registration [data-master] .existing-select-trigger{min-height:58px;font-size:13px!important}}

/* Compact mileage row. */
.existing-mileage-field{min-height:104px!important;padding:13px 18px!important;align-content:center!important}
.existing-mileage-field input{margin-top:9px!important}
.existing-mileage-field small{margin-top:7px!important}

/* Options use the same disclosure row and selectable list as the vehicle detail. */
.existing-registration [data-master]>.existing-options{padding:0!important;overflow:visible}
.existing-options>legend{display:none}
.existing-options-trigger{display:grid;grid-template-columns:90px minmax(0,1fr) 20px;align-items:center;gap:12px;width:100%;min-height:64px;padding:0 18px;border:0;background:#fff;color:#52616c;font-family:inherit;text-align:left;cursor:pointer}
.existing-options-trigger strong{justify-self:end;color:#2e3d47;font-size:14px}
.existing-options-trigger i{justify-self:end;color:#82909a;font-size:22px;font-style:normal;transition:transform .22s ease,color .22s ease}
.existing-options.open .existing-options-trigger{border-left:4px solid #ef5b3a;padding-left:14px}
.existing-options.open .existing-options-trigger i{color:#ef5b3a;transform:rotate(90deg)}
.existing-options>[data-options]{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;padding:8px 17px 14px;border-top:1px solid #e3e8ec;background:#fff}
.existing-options>[data-options][hidden]{display:none!important}
.existing-options>[data-options] label{display:grid!important;grid-template-columns:minmax(0,1fr) auto 30px;align-items:center;gap:12px;min-height:56px;padding:10px 14px;border:1px solid transparent;border-radius:13px;color:#34434e;font-size:13px!important;cursor:pointer}
.existing-options>[data-options] label:has(input:checked){border-color:#d7dde3;background:#f2f4f6}
.existing-options>[data-options] label em{color:#6f7d87;font-style:normal;font-weight:650}
.existing-options>[data-options] label input{position:absolute;width:1px!important;height:1px!important;min-height:1px!important;opacity:0}
.existing-options>[data-options] label i{display:grid;place-items:center;width:27px;height:27px;border:1px solid #d6dee4;border-radius:50%;color:transparent;font-style:normal}
.existing-options>[data-options] label:has(input:checked) i{border-color:#ef5b3a;background:#ef5b3a;color:#fff}
.existing-options>[data-options]>p{padding:15px 4px}

@media(max-width:760px){.existing-mileage-field{min-height:96px!important;padding:12px 14px!important}.existing-options-trigger{grid-template-columns:72px minmax(0,1fr) 18px;min-height:60px;padding:0 14px}.existing-options.open .existing-options-trigger{padding-left:10px}.existing-options>[data-options]{padding:7px 10px 12px}.existing-options>[data-options] label{padding:9px 10px}}

/* Final existing-car form spacing and dropdown stacking. */
.existing-registration [data-master]>.existing-options{margin:0!important;border:0!important;border-radius:0!important}
.existing-mileage-field{min-height:78px!important;padding:7px 18px 8px!important;align-content:center!important;row-gap:2px!important}
.existing-mileage-field input{margin-top:3px!important}
.existing-mileage-field small{margin-top:2px!important}
.existing-registration form.existing-select-open{padding-bottom:0!important}
.existing-registration [data-finance] .existing-select-menu{z-index:80;top:auto;bottom:calc(100% - 1px);max-height:330px;border-top:1px solid #bcc6ce;border-bottom:0;border-radius:13px 13px 0 0;box-shadow:0 -13px 28px rgba(28,43,57,.13)}
.existing-registration [data-finance] .existing-select-picker.open .existing-select-trigger{border-radius:0 0 11px 11px}
.existing-registration [data-finance] .existing-select-picker.open .existing-select-trigger>i{transform:rotate(-90deg)!important}
.existing-submit-dock{z-index:100!important}
.existing-registration [data-master]>label,.existing-registration [data-finance]>label,.existing-options{scroll-margin-top:104px}
body .garage-sheet-body:has(.existing-registration){padding-bottom:0!important;overscroll-behavior-y:contain}
body .garage-sheet-body:has(.existing-registration){display:flex;flex-direction:column}
body .garage-sheet-body:has(.existing-registration) .existing-registration{display:flex;flex:1 0 auto;min-height:100%;flex-direction:column}
body .garage-sheet-body:has(.existing-registration) .existing-registration form{display:flex;flex:1 0 auto;min-height:0;flex-direction:column;padding-bottom:0!important}
body .garage-sheet-body:has(.existing-registration) .existing-submit-dock{flex:none;margin-top:auto!important}
@media(max-width:760px){.existing-mileage-field{min-height:74px!important;padding:6px 14px 7px!important}.existing-registration form.existing-select-open{padding-bottom:0!important}#saved-view .garage-existing-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}#saved-view .garage-existing-head p{max-width:165px}.garage-existing-head>button{box-sizing:border-box;min-width:146px;padding:10px 11px!important;gap:7px!important;white-space:nowrap;line-height:1.2}}

/* Keep each garage tab's heading and empty state on the same visual system. */
#saved-view .garage-panel-heading.garage-tab-heading,#saved-view .garage-existing-head.garage-tab-heading{display:flex!important;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 15px!important;padding:0!important}
#saved-view .garage-tab-heading>div{min-width:0}
#saved-view .garage-tab-heading h2{margin:0;color:#293640;font-size:22px;line-height:1.3;letter-spacing:-.04em}
#saved-view .garage-tab-heading p{margin:6px 0 0;color:#77858e;font-size:13px;line-height:1.5}
#saved-view .garage-tab-heading>button{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:10px 15px;border:1px solid #dfe5e9;border-radius:11px;background:#fff;color:#34454f;font-family:inherit;font-size:13px;font-weight:750;white-space:nowrap;cursor:pointer}
#saved-view .garage-tab-heading>button i{color:#e05f3e;font-size:16px;font-style:normal}
#saved-view .garage-empty-card{grid-column:1/-1;display:flex;box-sizing:border-box;width:100%;min-height:360px;flex-direction:column;align-items:center;justify-content:center;padding:42px 24px;border:1px solid #e2e7ea;border-radius:19px;background:#fff;text-align:center}
#saved-view .garage-empty-card>span{display:grid;place-items:center;width:60px;height:60px;margin:0 0 17px;border-radius:50%;background:#f0f3f5;color:#e05f3e;font-size:27px;font-weight:500;line-height:1}
#saved-view .garage-empty-card>strong{display:block;color:#293640;font-size:20px;line-height:1.4;letter-spacing:-.035em}
#saved-view .garage-empty-card>p{max-width:620px;margin:7px 0 21px;color:#77858e;font-size:14px;line-height:1.6;word-break:keep-all}
#saved-view .garage-empty-card>button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:12px 19px;border:0;border-radius:10px;background:#34434d;color:#fff;font-family:inherit;font-size:14px;font-weight:750;white-space:nowrap;cursor:pointer}
#saved-view .garage-empty-card>button i{font-size:17px;font-style:normal}
#saved-view .garage-existing-list.is-empty,#saved-view .garage-inquiry-rows.is-empty{overflow:visible;border:0;border-radius:0;background:transparent}
#saved-view .garage-existing-list.is-empty>.garage-empty-card,#saved-view .garage-inquiry-rows.is-empty>.garage-empty-card{margin:0}
@media(max-width:760px){
 #saved-view .garage-panel-heading.garage-tab-heading,#saved-view .garage-existing-head.garage-tab-heading{align-items:center;gap:9px;margin-bottom:13px!important}
 #saved-view .garage-tab-heading h2{font-size:20px}
 #saved-view .garage-tab-heading p{max-width:190px;margin-top:5px;font-size:12px}
 #saved-view .garage-tab-heading>button{min-height:40px;gap:7px;padding:8px 10px;font-size:12px}
 #saved-view .garage-tab-heading>button.garage-condition-inline{display:none!important}
 #saved-view .garage-tab-heading>div{min-width:0}
 #saved-view .garage-tab-heading p{max-width:none;white-space:normal;overflow:visible;text-overflow:clip}
 #saved-view .garage-empty-card{min-height:270px;padding:32px 18px;border-radius:16px}
 #saved-view .garage-empty-card>span{width:52px;height:52px;margin-bottom:14px;font-size:24px}
 #saved-view .garage-empty-card>strong{font-size:18px}
 #saved-view .garage-empty-card>p{max-width:320px;margin:6px 0 17px;font-size:12px}
 #saved-view .garage-empty-card>button{min-height:43px;padding:11px 16px;font-size:13px}
}
/* The empty panel already provides its primary action. */
#saved-view :is(#garage-saved-panel,#garage-recent-panel,#garage-inquiries-panel,#garage-existing-panel):has(.garage-empty-card) .garage-tab-heading>button{display:none!important}
/* Keep each visually hidden checkbox at its own row. Otherwise focusing it
   scrolls the whole sheet toward the containing dialog's origin. */
.existing-options>[data-options] label{position:relative}
.existing-options>[data-options] label input{top:50%;right:14px;transform:translateY(-50%)}
.existing-options>[data-options]{max-height:min(360px,45dvh);overflow-y:auto;overscroll-behavior:contain}
/* The mobile grid kept the mileage field in the narrow first calendar column. */
.existing-registration .existing-basic-grid>.existing-mileage-field{grid-column:1/-1!important;box-sizing:border-box;width:100%!important;grid-template-columns:minmax(0,1fr) auto!important}
.existing-registration .existing-mileage-field>span{grid-column:1!important;justify-self:end!important}
.existing-registration .existing-mileage-field>strong{grid-column:2!important;justify-self:end!important}
.existing-registration .existing-mileage-field input{grid-column:1/-1!important;box-sizing:border-box;width:100%!important;height:22px!important;min-height:22px!important;margin-top:7px!important}
.existing-registration .existing-mileage-field small{grid-column:1/-1!important;margin-top:3px!important}
/* Keep the master group closed at its lower-left corner and use close icons. */
.existing-registration [data-master]>.existing-options{box-sizing:border-box;margin:0!important;border:0!important;border-radius:0!important;overflow:visible}
.existing-registration [data-master]:not(:has(.existing-select-picker.open,.existing-options.open)){overflow:hidden}
.existing-registration [data-master]>.existing-options:not(.open) .existing-options-trigger{border-radius:0 0 15px 15px}
.existing-registration [data-master]>.existing-options .existing-options-trigger>span{font-size:13px!important;font-weight:700!important;color:#52616c!important}
.existing-registration .existing-select-picker.open .existing-select-trigger>i,.existing-registration [data-master]>.existing-options.open .existing-options-trigger>i{font-size:0!important;transform:none!important}
.existing-registration .existing-select-picker.open .existing-select-trigger>i::after,.existing-registration [data-master]>.existing-options.open .existing-options-trigger>i::after{content:'×';font-size:23px;line-height:1}
@media(max-width:760px){
 .existing-registration [data-master]>.existing-options{position:relative;z-index:65}
 .existing-registration [data-master]>.existing-options>[data-options]{position:absolute;z-index:66;top:calc(100% - 1px);right:-1px;left:-1px;box-sizing:border-box;max-height:min(360px,calc(100dvh - 250px));border:1px solid #d9e0e5;border-top:0;border-radius:0 0 16px 16px;box-shadow:0 16px 34px rgba(28,43,57,.14)}
}

/* Keep existing-car inputs in the configurator's compact type and row rhythm. */
body .existing-registration form>section{margin-top:20px}
body .existing-registration h4{margin-bottom:10px;font-size:13px!important}
body .existing-registration .existing-ownership-section{margin-top:20px!important}
body .existing-registration .existing-choice button,
body .existing-registration .existing-mode-tabs button,
body .existing-registration .existing-market button{font-size:12px!important}
body .existing-registration [data-master]{margin-top:12px}
body .existing-registration [data-master]>label{min-height:53px;padding-inline:15px;color:#566370;font-size:12px!important}
body .existing-registration [data-master] .existing-select-trigger{min-height:51px;font-size:12px!important}
body .existing-registration [data-master] .existing-select-trigger>span{font-weight:700}
body .existing-registration [data-master] .existing-select-menu>button{min-height:48px;font-size:12px!important}
body .existing-registration .existing-options-trigger{min-height:52px;padding-inline:15px;font-size:12px}
body .existing-registration .existing-options-trigger>span,
body .existing-registration .existing-options-trigger strong{font-size:12px!important}
body .existing-registration .existing-select-trigger>i,
body .existing-registration .existing-options-trigger>i{font-size:18px}
body .existing-registration .existing-common{margin-top:22px!important}
body .existing-registration [data-finance]{gap:10px;padding:16px}
@media(max-width:760px){
 body .existing-registration [data-master]>label{min-height:52px;padding-inline:13px}
 body .existing-registration [data-master] .existing-select-trigger{min-height:50px}
 body .existing-registration .existing-options-trigger{min-height:52px;padding-inline:13px}
}