:root{--gray-50:#F7F7F7;--gray-100:#EFEFEF;--gray-200:#E2E2E2;--gray-300:#CFCFCF;--gray-400:#B4B4B4;--gray-500:#8A8A8A;--gray-600:#6B6B6B;--gray-700:#4A4A4A;--pad:84px}
*,*:before,*:after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:var(--font);color:var(--color-c);background:var(--color-d);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:var(--color-a)}a:hover{color:var(--color-b)}
:focus-visible{outline:3px solid var(--color-a);outline-offset:2px}
img{max-width:100%;height:auto}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.db-skip{position:absolute;left:8px;top:-60px;z-index:100;padding:10px 14px;background:var(--color-c);color:var(--color-d);border-radius:10px}.db-skip:focus{top:8px}
.db-flex1{flex:1}
.db-wrap{max-width:var(--db-maxw,99999px);margin:0 auto;padding:40px var(--pad)}
.db-title{font-size:clamp(28px,4vw,40px);font-weight:600;letter-spacing:-.02em;margin:0 0 20px}
.db-content > article > *{max-width:860px}

/* ---------- Header A ---------- */
.db-header{container:hdr / inline-size;position:relative;z-index:20}
.db-header-in{position:relative;z-index:5;background:var(--color-d);box-shadow:0 1px 3px rgba(35,31,32,.08),0 6px 18px -4px rgba(35,31,32,.16)}
.db-topbar{height:20px;background:var(--top-bar-bg,var(--color-a));color:var(--color-d);display:flex;align-items:center;gap:28px;padding:0 max(var(--hp,84px),calc((100% - var(--db-maxw,99999px)) / 2 + var(--hp,84px)));font-size:12px;line-height:1}
.db-topbar > *{white-space:nowrap;flex:none}.db-topbar > .db-flex1{flex:1}.db-topbar .db-ico svg{width:12px;height:12px}
.db-topbar a{color:var(--color-d);text-decoration:none}
.db-topbar :focus-visible{outline-color:var(--color-d)}
.db-top-phone{display:flex;align-items:center;gap:5px;min-height:20px;font-weight:600}
.db-top-addr{display:flex;align-items:center;gap:5px}
.db-top-contact{font-weight:600;text-decoration:underline!important;text-underline-offset:3px}
.db-ico{display:flex}
.db-row{height:80px;display:flex;align-items:center;gap:28px;padding:0 max(var(--hp,84px),calc((100% - var(--db-maxw,99999px)) / 2 + var(--hp,84px)))}
.db-home{display:flex;flex:none;text-decoration:none}
.db-logo{height:20px;width:auto;display:block}
.db-logo-text{height:auto;font-size:20px;font-weight:700;letter-spacing:-.02em;color:var(--color-c)}
.db-menu{flex:none;display:flex;align-items:center;gap:24px;font-size:17px;font-weight:600;line-height:1;white-space:nowrap;padding-top:3px}
.db-menu a{color:var(--color-c);text-decoration:none}.db-menu a:hover{color:var(--color-a)}
.db-search{flex:1;max-width:520px;margin:0 auto;min-width:0;box-sizing:border-box;display:flex;align-items:center;gap:6px;height:52px;padding:0 4px 0 18px;border-radius:calc(var(--radius) * 2);background:var(--gray-50);border:1.5px solid var(--gray-300)}
.db-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:400 17px var(--font);color:var(--color-c)}
.db-search button{flex:none;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:0;border-radius:calc(var(--radius) * 1.5);background:var(--color-a);color:var(--color-d);cursor:pointer}.db-search button:hover{filter:brightness(.9)}
.db-search:focus-within{border-color:var(--color-a);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-a) 18%,transparent)}
.db-menu-btn{display:none;flex:none;align-items:center;justify-content:center;gap:8px;height:44px;min-width:44px;padding:0;border:0;border-radius:calc(var(--radius) * 1.6);background:transparent;color:var(--color-c);font:600 15px var(--font);cursor:pointer}
.db-menu-label{display:none}
.db-search-phone{display:none;padding:0 12px 12px}
.db-search-phone .db-search{height:48px;padding:0 3px 0 14px}.db-search-phone .db-search button{width:40px;height:40px}.db-search-phone input{font-size:16px}
@container hdr (max-width:1279px){.db-topbar,.db-row{--hp:32px}}
@container hdr (max-width:1023px){
	.db-topbar{height:20px;gap:18px}.db-topbar .db-ico{display:none}
	.db-row{height:72px;gap:18px}.db-logo{height:18px}
	.db-menu{display:none}.db-menu-btn{display:flex;padding:0 12px}.db-menu-label{display:inline}
	.db-search-row{height:46px}.db-search-row input{font-size:16px}
}
@container hdr (max-width:767px){
	.db-topbar{height:22px;gap:10px;--hp:16px}.db-topbar .db-ico{display:flex}.db-top-addr{display:none}
	.db-row{height:60px;padding:0 6px 0 16px}.db-logo{height:19px}
	.db-search-row{display:none}.db-row:after{content:"";flex:1;order:2}.db-menu-btn{order:3;padding:0}.db-menu-label{display:none}
	.db-search-phone{display:block}
}

/* Drawer */
.db-drawer-wrap{position:fixed;inset:0;z-index:50}
.db-drawer-wrap[hidden]{display:none}
.db-overlay{position:absolute;inset:0;background:var(--color-c);opacity:.55}
.db-drawer{position:absolute;top:0;right:0;bottom:0;width:400px;max-width:100%;background:var(--color-d);display:flex;flex-direction:column;box-shadow:-8px 0 24px rgba(0,0,0,.18);overflow-y:auto}
.db-drawer-top{height:72px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--gray-200)}
.db-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:calc(var(--radius) * 1.6);background:transparent;color:var(--color-c);cursor:pointer}
.db-drawer-menu{display:flex;flex-direction:column;padding:8px 24px}
.db-drawer-menu a{display:flex;align-items:center;justify-content:space-between;min-height:56px;border-bottom:1px solid var(--gray-200);color:var(--color-c);font-size:18px;font-weight:600;text-decoration:none}
.db-drawer-menu svg{color:var(--color-a)}
.db-drawer-foot{margin-top:auto;padding:20px 24px 24px;background:var(--gray-100)}
.db-df-tablet{display:flex;flex-direction:column;gap:12px}.db-df-phone{display:none;flex-direction:column;gap:16px}
.db-df-addr{display:flex;flex-direction:column;font-size:15px;line-height:1.5}
.db-btn-call{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:calc(var(--radius) * 1.6);background:var(--color-a);color:var(--color-d)!important;font-size:16px;font-weight:700;text-decoration:none}
.db-btn-outline{display:flex;align-items:center;justify-content:center;min-height:48px;border:1px solid var(--color-c);border-radius:calc(var(--radius) * 1.6);color:var(--color-c)!important;font-size:16px;font-weight:600;text-decoration:none}
.db-df-info{display:flex;flex-direction:column;gap:2px;font-size:15px;line-height:1.45;color:var(--gray-600)}.db-df-info b{font-size:17px;color:var(--color-c)}
.db-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.db-quick a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:72px;border-radius:calc(var(--radius) * 2);background:var(--color-d);box-shadow:inset 0 0 0 1px var(--gray-200);color:var(--color-c);font-size:14px;font-weight:600;text-decoration:none}.db-quick svg{color:var(--color-a)}
@media (max-width:767px){.db-drawer{width:100%;box-shadow:none}.db-drawer-top{height:60px;padding:0 6px 0 16px}.db-drawer-menu,.db-drawer-foot{padding-left:16px;padding-right:16px}.db-df-tablet{display:none}.db-df-phone{display:flex}}
body.db-lock{overflow:hidden}

/* ---------- Footer A ---------- */
.db-footer{container:ftr / inline-size}
.db-footer-in{background:var(--color-c);color:var(--color-d);border-top:4px solid var(--color-a);--fp:84px}
.db-footer-in > *{--fpe:max(var(--fp),calc((100% - var(--db-maxw,99999px)) / 2 + var(--fp)))}
.db-footer a{color:var(--gray-300);text-decoration:none}.db-footer a:hover{color:var(--color-d)}
.db-footer :focus-visible{outline-color:var(--color-d)}
.db-f-contact{margin:0 var(--fpe);padding:36px 0;display:flex;align-items:center;gap:40px;border-bottom:1px solid rgba(128,128,128,.28)}
.db-f-logo img,.db-f-logo-img{height:24px;width:auto;display:block}.db-f-logo .db-logo-text{color:var(--color-d);font-size:20px}
.db-f-div{width:1px;align-self:stretch;background:rgba(128,128,128,.32)}
.db-f-item{display:flex;align-items:center;gap:12px;color:var(--color-d)!important}
.db-f-item small{display:block;font-size:14px;color:var(--gray-300)}.db-f-item b{display:block;font-size:14px;font-weight:600;white-space:nowrap}
.db-f-addr-short{display:none!important}
.db-f-ico{display:flex;align-items:center;justify-content:center;height:40px;color:var(--color-a);flex:none}
.db-f-hours{font-size:14px;color:var(--gray-300)}
.db-f-social{margin-left:auto;display:flex;gap:8px}
.db-f-social a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--color-d)!important;font-weight:700}.db-f-social a:hover{opacity:.75}
.db-f-cols{padding:48px var(--fpe) 52px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:48px}
.db-f-cols.has-news{grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.5fr)}
.db-f-col{display:flex;flex-direction:column;gap:12px}
.db-f-head{display:flex;justify-content:space-between;align-items:center;padding:0;margin:0 0 4px;border:0;background:none;color:var(--color-d);font:700 16px var(--font);text-align:left;cursor:default;pointer-events:none}
.db-f-sign{display:none}
.db-f-links{display:flex;flex-direction:column;gap:12px}.db-f-links a{font-size:15px;line-height:1.4}
.db-f-news{display:flex;flex-direction:column;gap:12px}.db-f-news-h{margin:0 0 4px;font-size:16px;font-weight:700}.db-f-news-t{margin:0;font-size:14px;line-height:1.5;color:var(--gray-300)}
.db-f-news-form{display:flex;flex-direction:column;gap:8px}
.db-f-news-form input{width:100%;height:48px;padding:0 14px;border-radius:calc(var(--radius) * 1.6);font:400 15px var(--font);border:1px solid rgba(128,128,128,.5);background:transparent;color:var(--color-d)}
.db-f-news-form button{height:48px;padding:0 20px;border:0;border-radius:calc(var(--radius) * 1.6);font:600 15px var(--font);cursor:pointer;background:var(--color-a);color:var(--color-d)}
.db-f-phone-info{display:none}
.db-f-bottom{border-top:1px solid rgba(128,128,128,.28);padding:22px var(--fpe);display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;font-size:14px;color:var(--gray-300)}
.db-f-legal{display:flex;flex-wrap:wrap;gap:8px 24px}
@container ftr (max-width:1279px){.db-footer-in{--fp:32px}}
@container ftr (max-width:1023px){
	.db-footer-in{--fp:40px}.db-f-contact{padding:28px 0;gap:20px}.db-f-logo img,.db-f-logo-img{height:17px}.db-f-ico{height:34px}
	.db-f-addr-full{display:none!important}.db-f-addr-short{display:block!important}.db-f-div2,.db-f-hours{display:none}
	.db-f-cols,.db-f-cols.has-news{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding:36px var(--fpe) 36px}
	.db-f-links a{font-size:14px}
	.db-f-news{grid-column:1/-1;flex-direction:row;align-items:center;gap:24px;margin-top:8px;padding-top:28px;border-top:1px solid rgba(128,128,128,.28)}.db-f-news > div{flex:1}.db-f-news-form{flex-direction:row;width:380px;max-width:55%}.db-f-news-form input{flex:1;min-width:0}
	.db-f-bottom{padding:18px var(--fpe)}
}
@container ftr (max-width:767px){
	.db-footer-in{border-top:0;--fp:16px}.db-f-contact{display:none}
	.db-f-cols,.db-f-cols.has-news{display:flex;flex-direction:column;gap:0;padding:16px var(--fpe) 8px}
	.db-f-col{gap:0;border-bottom:1px solid rgba(128,128,128,.28)}
	.db-f-head{min-height:56px;margin:0;pointer-events:auto;cursor:pointer}
	.db-f-sign{display:block}.db-f-sign:before{content:"+";font-size:22px;font-weight:400}.db-f-head[aria-expanded="true"] .db-f-sign:before{content:"−"}
	.db-f-links{display:none;padding:0 0 16px}.db-f-head[aria-expanded="true"] + .db-f-links{display:flex}
	.db-f-news{flex-direction:column;align-items:stretch;margin-top:20px;padding-top:0;border-top:0}.db-f-news-form{width:100%;max-width:none;flex-direction:column}
	.db-f-phone-info{display:flex;flex-direction:column;align-items:center;gap:4px;padding:24px var(--fpe) 8px;text-align:center;font-size:15px;color:var(--gray-300)}.db-f-phone-info a{font-size:18px;font-weight:700;color:var(--color-d)}
	.db-f-bottom{flex-direction:column;align-items:center;text-align:center;padding:20px var(--fpe) 28px}.db-f-legal{justify-content:center}
}
@media (max-width:1023px){:root{--pad:32px}}@media (max-width:767px){:root{--pad:16px}}

/* Toast (Favorites Part: "Added · View Favorites" / "Removed · Undo") */
.db-toast{position:fixed;left:20px;bottom:20px;z-index:200;width:400px;max-width:calc(100% - 24px);box-sizing:border-box;display:flex;align-items:center;gap:14px;padding:10px 16px 10px 10px;background:#FFFFFF;color:var(--color-c);border-radius:calc(var(--radius) * 2);box-shadow:0 6px 24px rgba(0,0,0,.18),0 1px 3px rgba(0,0,0,.08);line-height:1.25;opacity:0;transform:translateY(16px);transition:opacity .18s,transform .18s;pointer-events:none}
.db-toast.is-on{opacity:1;transform:none;pointer-events:auto}
.db-toast-ph{position:relative;flex:none;width:72px;height:54px;border-radius:calc(var(--radius) * 1.3);background:var(--gray-200);display:flex;align-items:center;justify-content:center;overflow:hidden;font:700 12px var(--font);color:var(--gray-700)}
.db-toast-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.db-toast-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.db-toast-t{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.db-toast-r{display:flex;align-items:center;gap:10px;padding-top:6px;border-top:1px solid var(--gray-200);font-size:14px}
.db-toast-s{color:var(--gray-600)}.db-toast-vr{width:1px;height:14px;background:var(--gray-300)}
.db-toast-a{min-height:32px;display:inline-flex;align-items:center;padding:0;border:0;background:none;font:600 14px var(--font);color:var(--color-c)!important;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@media (max-width:767px){.db-toast{left:12px}}

.db-menu-right{margin-left:0}

/* 0.12.2: no sideways page float (edge-to-edge sliders use negative margins) */
html,body{overflow-x:clip}
@supports not (overflow:clip){html,body{overflow-x:hidden}}

a:has(> .db-logo),a:has(> .db-logo-text){display:flex;align-items:center}
.db-menu:not(.db-menu-right){margin-left:16px}

/* Draft 7c: slim Favorites toast + Compare tray */
.db-toast.is-fav{width:auto;max-width:min(380px,calc(100% - 24px));gap:10px;padding:10px 14px;border:1px solid var(--gray-200);box-shadow:0 12px 30px -14px rgba(35,31,32,.35)}
.db-toast-hi{flex:none;width:32px;height:32px;border-radius:50%;background:var(--gray-100);color:var(--color-a);display:flex;align-items:center;justify-content:center}
.db-toast-m{flex:1;min-width:0;font-size:14px}.db-toast-m span{color:var(--gray-700)}
.db-ctray{position:fixed;left:0;right:0;bottom:0;z-index:150;display:flex;align-items:center;gap:14px;padding:12px max(20px,calc((100% - var(--db-maxw,99999px)) / 2 + 20px));background:var(--color-d);border-top:1px solid var(--gray-200);box-shadow:0 -10px 30px -16px rgba(35,31,32,.3);transform:translateY(110%);transition:transform .2s;font-family:var(--font);color:var(--color-c)}
.db-ctray.is-on{transform:none}
.db-ctray-t{flex:none;font-size:14px}.db-ctray-t span{color:var(--gray-600);font-weight:400}
.db-ctray-s{flex:none;display:flex;gap:6px}
.db-ctray-c,.db-ctray-e{position:relative;flex:none;width:64px;height:44px;border-radius:10px}
.db-ctray-c{background:var(--gray-200)}.db-ctray-c img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:10px}
.db-ctray-c button{position:absolute;top:-6px;right:-6px;width:22px;height:22px;padding:0;border:2px solid var(--color-d);border-radius:50%;background:var(--color-c);color:#fff;font:700 13px/1 var(--font);cursor:pointer}
.db-ctray-e{border:1.5px dashed var(--gray-300)}
.db-ctray-msg{flex:1;min-width:0;font-size:13px;color:var(--color-b);font-weight:600}
.db-ctray-b{flex:none;display:flex;align-items:center;height:44px;padding:0 18px;border-radius:10px;background:var(--color-a);color:#fff!important;font:700 14px var(--font);text-decoration:none}.db-ctray-b:hover{background:var(--color-b)}.db-ctray-b[aria-disabled="true"]{background:var(--gray-300);color:var(--gray-700)!important}
body.has-ctray{padding-bottom:70px}body.has-ctray .dbv-ask{bottom:90px}
@media (max-width:767px){.db-ctray{gap:10px;padding:10px 12px}.db-ctray-c,.db-ctray-e{width:44px;height:34px}.db-ctray-s > :nth-child(4){display:none}.db-ctray-msg{position:absolute;left:12px;right:12px;bottom:100%;padding:6px 10px;background:var(--color-d);font-size:12px}.db-ctray-msg:empty{display:none}body.has-ctray .dbv-ask{bottom:72px}}

/* Compare tray: × hides it to a small "Compare n/4" pill (this visit); Clear removes all; picking another car opens it again. */
.db-ctray.is-min{left:auto;right:16px;bottom:16px;padding:0;background:none;border:0;box-shadow:none}
.db-ctray-pill{display:flex;align-items:center;gap:6px;height:48px;padding:0 18px;border:0;border-radius:999px;background:var(--color-c);color:var(--color-d);font:700 14px var(--font);box-shadow:0 10px 24px -10px rgba(35,31,32,.5);cursor:pointer}.db-ctray-pill span{font-weight:400;opacity:.8}
.db-ctray-x{flex:none;height:44px;padding:0 10px;border:0;background:none;font:600 13px var(--font);color:var(--color-c);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.db-ctray-min{flex:none;width:44px;height:44px;border:0;border-radius:22px;background:var(--gray-100);color:var(--color-c);font:400 24px/1 var(--font);cursor:pointer}.db-ctray-min:hover{background:var(--gray-200)}
@media (max-width:767px){.db-ctray-x{display:none}.db-ctray-min{width:40px;height:40px}}

/* Oct 25: Draft 7b card for Favorites + Compare (bottom LEFT, so it never covers the chat button on the right) */
.db-toast{left:20px;right:auto;bottom:20px;width:380px;padding:12px;gap:12px;border:1px solid var(--gray-200);border-radius:16px;background:var(--color-d);box-shadow:0 18px 40px -16px rgba(35,31,32,.35)}
.db-toast-slots{display:flex;gap:6px;padding-top:4px}
.db-toast-slot{position:relative;width:44px;height:32px;border-radius:6px;border:1.5px dashed var(--gray-300);display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--gray-500,#8A8A8A);overflow:hidden;background:var(--color-d)}
.db-toast-slot.is-full{border:1px solid var(--gray-200);background:var(--gray-100)}.db-toast-slot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (max-width:767px){.db-toast{left:12px;right:88px;bottom:12px;width:auto;max-width:none;padding:10px;gap:10px}.db-toast-ph{width:56px;height:42px}.db-toast-t{font-size:14px}.db-toast-r{font-size:13px;gap:8px}.db-toast-slot{width:36px;height:26px}}

/* Compare pop-up B (Oct 25 proof #6): 340px white card, bottom-left (clear of the chat button), photo slots, primary Compare now */
.db-cmp{position:fixed;left:20px;bottom:20px;z-index:210;width:340px;max-width:calc(100% - 32px);box-sizing:border-box;display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--gray-200);border-radius:16px;background:var(--color-d);color:var(--color-c);font-family:var(--font);box-shadow:0 18px 40px -16px rgba(35,31,32,.4);opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .2s,transform .2s}
.db-cmp.is-on{opacity:1;transform:none;pointer-events:auto}
.db-cmp-h{display:flex;align-items:center;gap:8px}.db-cmp-h strong{font-size:16px;font-weight:700}
.db-cmp-n{padding:2px 8px;border-radius:999px;background:var(--gray-100);font-size:12px;font-weight:700;color:var(--gray-700)}
.db-cmp-x{margin-left:auto;width:32px;height:32px;border:0;border-radius:50%;background:var(--gray-100);color:var(--color-c);font:400 20px/1 var(--font);cursor:pointer}.db-cmp-x::after{content:"";position:absolute;inset:-6px}.db-cmp-x{position:relative}
.db-cmp-s{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.db-cmp-c,.db-cmp-e{position:relative;aspect-ratio:4 / 3;border-radius:8px;overflow:hidden}
.db-cmp-c{border:1px solid var(--gray-200);background:var(--gray-50)}.db-cmp-c img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.db-cmp-c i{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:600 11px var(--font);font-style:normal;color:var(--gray-600)}
.db-cmp-c button{position:absolute;top:2px;right:2px;width:20px;height:20px;padding:0;border:0;border-radius:50%;background:rgba(35,31,32,.75);color:#FFFFFF;font:400 14px/1 var(--font);cursor:pointer}
.db-cmp-e{border:1.5px dashed var(--gray-300);display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--gray-500,#8A8A8A)}
.db-cmp-t{font-size:13px;line-height:1.4;color:var(--gray-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-cmp-t b{color:var(--color-c);font-weight:600}
.db-cmp-go{display:flex;align-items:center;justify-content:center;height:44px;border-radius:10px;background:var(--btn-primary,var(--color-a));color:var(--btn-primary-text,var(--color-d))!important;font:700 15px var(--font);text-decoration:none}.db-cmp-go:hover{background:var(--btn-primary-hover,var(--color-b))}
.db-cmp-hint{font-size:13px;color:var(--gray-600)}
@media (max-width:767px){.db-cmp{left:12px;right:88px;bottom:12px;width:auto;max-width:340px;padding:12px}.db-cmp-c button{width:24px;height:24px}}

/* Oct 25 proof #7: header favorites indicator – red heart + count appears once a car is saved (desktop: next to "Favorites"; tablet/phone: icon left of Menu) */
.db-favlink{display:inline-flex;align-items:center;gap:6px}
.db-hfav-i{display:none;align-items:center;gap:4px;color:var(--fav-on,var(--color-a))}.db-hfav-i svg{width:18px;height:18px}
.db-favlink.is-on .db-hfav-i{display:inline-flex}
.db-hfav-n{min-width:18px;height:18px;padding:0 5px;box-sizing:border-box;border-radius:9px;background:var(--color-a);color:var(--color-d);font:700 11px/18px var(--font);text-align:center}
.db-hfav{display:none;position:relative;flex:none;align-items:center;justify-content:center;width:44px;height:44px;margin-left:auto;color:var(--fav-on,var(--color-a))}.db-hfav svg{width:22px;height:22px}
.db-hfav .db-hfav-n{position:absolute;top:4px;right:2px}
@container hdr (max-width:1023px){.db-hfav.is-on{display:flex}.db-hfav.is-on + .db-menu-btn{margin-left:0}}
/* #7 follow-up: desktop uses the same heart icon as tablet (corner badge); count circle = black (--fav-count-bg, Color C) everywhere */
.db-hfav-i{position:relative;width:36px;height:36px;margin:-10px 0;justify-content:center}.db-hfav-i svg{width:22px;height:22px}
.db-hfav-i .db-hfav-n{position:absolute;top:0;right:-4px}
.db-hfav-n{background:var(--fav-count-bg,var(--color-c))}
/* Oct 25 proof #12: phone footer email field – white box, 50px tall (was squashed by flex:1 in the column layout) */
@container ftr (max-width:767px){.db-f-news-form input{flex:none;height:50px;padding:0 16px;border:1px solid var(--color-d);background:#FFFFFF;color:var(--color-c)}.db-f-news-form input::placeholder{color:var(--gray-600)}.db-f-news-form button{height:50px}}
/* Oct 25 proof #15: mobile menu – drawer lives on <body> (site.js); colors stated outright so menu text, logo and footer always show */
.db-drawer{color:var(--mobile-menu-text,var(--color-c,#231F20));background:var(--mobile-menu-bg,var(--color-d,#FFFFFF))}
.db-drawer-menu a,.db-drawer-menu a span{color:var(--mobile-menu-text,var(--color-c,#231F20));opacity:1;visibility:visible}
.db-drawer-top .db-logo{display:block;height:20px;opacity:1}
.db-drawer-wrap{z-index:1000}
/* Sort pop-up (bottom sheet on phones, centered card on larger screens) */
.db-sheet{position:fixed;inset:0;z-index:1100;display:flex;align-items:flex-end;justify-content:center;background:rgba(35,31,32,.5);font-family:var(--font)}.db-sheet[hidden]{display:none}
.db-sheet-p{width:100%;max-width:520px;max-height:80vh;overflow:auto;box-sizing:border-box;display:flex;flex-direction:column;padding:8px 16px calc(16px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;background:var(--color-d);color:var(--color-c)}
.db-sheet-h{display:flex;align-items:center;justify-content:space-between;min-height:52px;border-bottom:1px solid var(--gray-200)}.db-sheet-h strong{font-size:18px;font-weight:700}
.db-sheet-x{width:44px;height:44px;margin-right:-8px;border:0;border-radius:50%;background:none;color:var(--color-c);font:400 26px/1 var(--font);cursor:pointer}
.db-sheet-l{display:flex;flex-direction:column}
.db-sheet-l button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:0 4px;border:0;border-bottom:1px solid var(--gray-100);background:none;font:500 16px var(--font);color:var(--color-c);text-align:left;cursor:pointer}
.db-sheet-l i{flex:none;width:20px;height:20px;box-sizing:border-box;border:2px solid var(--gray-300);border-radius:50%}
.db-sheet-l button[aria-checked="true"]{font-weight:700}.db-sheet-l button[aria-checked="true"] i{border:6px solid var(--color-a)}
@media (min-width:768px){.db-sheet{align-items:center}.db-sheet-p{border-radius:16px;padding-bottom:16px}}
/* Oct 25 (live test, phone): page could be dragged far to the right / loaded zoomed out. html/body overflow rules are not enough on some phone browsers, so all page content now sits in .db-site, which clips anything wider than the screen. Pop-ups and fixed bars live outside it. */
.db-site{position:relative;width:100%;max-width:100%;overflow-x:hidden}
@supports (overflow:clip){.db-site{overflow-x:clip}}
html,body{max-width:100%}
.dbl-dd-menu{max-width:calc(100vw - 24px)}
@media (max-width:767px){.dbh-f-sel .dbl-dd-menu{max-width:calc(100vw - 32px)}}
/* Oct 25: mobile menu – store info block sits right under the links (no longer pushed to the bottom); the rest of the panel stays white */
.db-drawer-foot{margin-top:16px}
/* Oct 25: tidier header on tablets – shorter rows, smaller logo + search */
@container hdr (min-width:1024px) and (max-width:1279px){.db-row{height:68px;gap:20px}.db-logo{height:18px}.db-search{height:44px;max-width:380px}.db-search input{font-size:15px}}
@container hdr (min-width:768px) and (max-width:1023px){.db-row{height:64px;gap:16px}.db-logo{height:17px}.db-search{height:42px;max-width:400px}.db-search input{font-size:15px}}
/* Oct 25: footer social icons = 42px outlined circles, tidy group on the right */
.db-f-social{flex:none;gap:10px}
.db-f-social a{width:42px;height:42px;box-sizing:border-box;border:1px solid rgba(255,255,255,.28);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}
.db-f-social a:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.6)}

/* ---------- Oct 25 HEADER FINAL (Header A Part): Shop · Menu ⌄ dropdown · search · ♥ Favorites + ⇄ Compare ---------- */
.db-menu2{gap:32px}
.db-menu2 > a{display:inline-flex;align-items:center;min-height:44px;color:var(--menu-text,var(--color-c))}.db-menu2 > a:hover{color:var(--menu-hover,var(--color-a))}
.db-dd{position:relative;display:flex;align-items:center}
.db-dd-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0;border:0;background:none;font:inherit;color:var(--menu-text,var(--color-c));cursor:pointer}
.db-dd-btn:hover{color:var(--menu-hover,var(--color-a))}
.db-dd-btn svg{color:var(--icon-color,var(--color-a));transition:transform .2s}.db-dd-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.db-dd-p{position:absolute;top:calc(100% + 12px);left:-14px;z-index:60;min-width:250px;display:flex;flex-direction:column;padding:8px;border:1px solid var(--gray-200);border-radius:14px;background:var(--dropdown-bg,var(--color-d));box-shadow:0 18px 40px -12px rgba(35,31,32,.28),0 2px 6px rgba(35,31,32,.06);font-size:15px;font-weight:600;white-space:nowrap}
.db-dd-p[hidden]{display:none}
.db-dd-p:before{content:"";position:absolute;top:-7px;left:28px;width:12px;height:12px;background:var(--dropdown-bg,var(--color-d));border-left:1px solid var(--gray-200);border-top:1px solid var(--gray-200);transform:rotate(45deg)}
.db-dd-p a{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:0 12px;border-radius:9px;color:var(--dropdown-text,var(--color-c));text-decoration:none}
.db-dd-p a:hover,.db-dd-p a:focus-visible{background:var(--gray-100);color:var(--dropdown-text,var(--color-c))}
.db-dd-p a svg{flex:none;color:var(--gray-300)}
.db-hbtns{flex:none;display:flex;align-items:center;gap:10px}
.db-hbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 14px;box-sizing:border-box;border:1px solid var(--gray-300);border-radius:calc(var(--radius) * 1.6);background:var(--color-d);color:var(--menu-text,var(--color-c))!important;font:600 15px var(--font);text-decoration:none;white-space:nowrap}
.db-hbtn:hover{border-color:var(--color-c)}
.db-hbtn svg{flex:none;color:var(--color-c)}.db-hbtn-fav svg{color:var(--fav-on,var(--color-a))}
@container hdr (max-width:1279px){.db-menu2{gap:24px}.db-hbtn{width:40px;padding:0}.db-hbtn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
@container hdr (max-width:1023px){.db-menu2,.db-hbtns{display:none}}

/* ---------- Oct 25: phone/tablet slide-out menu (Header A Part) ---------- */
.db-drawer2{overflow:hidden}
.db-drawer2 .db-drawer-top{height:64px;padding:0 32px 0 24px}
.db-drawer-body{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;--dp:24px}
.db-dsearch{flex:none;margin:14px var(--dp) 4px;display:flex;align-items:center;gap:8px;height:46px;padding:0 14px;border-radius:calc(var(--radius) * 2);background:var(--search-bg,var(--gray-100))}
.db-dsearch svg{flex:none;width:20px;height:20px;color:var(--icon-color,var(--color-a))}
.db-dsearch input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;font:400 16px var(--font);color:var(--color-c)}
.db-dsearch:focus-within{box-shadow:0 0 0 3px var(--color-a)}
.db-dshop{flex:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px var(--dp) 4px}
.db-dshop > a:only-child{grid-column:1 / -1}
.db-dshop a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 10px;box-sizing:border-box;border:1px solid var(--gray-200);border-radius:calc(var(--radius) * 2);background:var(--color-d);color:var(--mobile-menu-text,var(--color-c))!important;text-decoration:none}
.db-dshop a:hover{border-color:var(--color-c)}
.db-dshop img{display:block;width:100%;max-width:150px;height:auto;aspect-ratio:5 / 2;object-fit:contain}
.db-dshop span{font:700 15px var(--font)}
.db-dlabel{flex:none;padding:18px var(--dp) 4px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--eyebrow,var(--color-a))}
.db-dm{flex:none;display:flex;flex-direction:column;padding:0 var(--dp)}
.db-dm a{display:flex;align-items:center;justify-content:space-between;min-height:48px;border-bottom:1px solid var(--gray-100);color:var(--mobile-menu-text,var(--color-c))!important;font:600 16px var(--font);text-decoration:none}
.db-dm a svg{flex:none;width:20px;height:20px;stroke-width:2;color:var(--icon-color,var(--color-a))}
.db-dcard{flex:none;margin:20px var(--dp) var(--dp);display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:calc(var(--radius) * 2.4);background:var(--panel-foot,var(--gray-100))}
.db-dcard-t{display:flex;flex-direction:column;gap:2px;font-size:13.5px;line-height:1.45;color:var(--gray-600)}
.db-dcard-t b{font-size:16px;font-weight:700;color:var(--mobile-menu-text,var(--color-c))}
.db-dcard-h{display:flex;align-items:center;gap:6px;color:var(--gray-700)}.db-dcard-h i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--gray-500)}.db-dcard-h.is-open i{background:#1A7F37}
.db-dquick{display:flex;gap:8px}
.db-dquick a{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:60px;box-sizing:border-box;border:1px solid var(--gray-300);border-radius:calc(var(--radius) * 1.6);background:var(--color-d);color:var(--mobile-menu-text,var(--color-c))!important;font:700 13px var(--font);text-decoration:none}
.db-dquick a svg{width:20px;height:20px;color:var(--icon-color,var(--color-a))}
.db-dquick a.db-dq-call{border-color:transparent;background:var(--cta-bg,var(--color-a));color:var(--cta-text,var(--color-d))!important}.db-dquick a.db-dq-call svg{color:currentColor}
@media (max-width:767px){.db-drawer2 .db-drawer-top{height:60px;padding:0 6px 0 16px}.db-drawer-body{--dp:16px}}

/* Oct 25 footer: 1024–1279 = 4 link columns (32px gaps, 40px sides) + newsletter as its own row under them */
@container ftr (min-width:1024px) and (max-width:1279px){
	.db-footer-in{--fp:40px}
	.db-f-cols,.db-f-cols.has-news{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;padding:40px var(--fpe) 36px}
	.db-f-news{grid-column:1 / -1;flex-direction:row;align-items:center;gap:24px;margin-top:4px;padding-top:28px;border-top:1px solid rgba(128,128,128,.28)}
	.db-f-news > div{flex:1}.db-f-news-form{flex-direction:row;width:400px;max-width:55%}.db-f-news-form input{flex:1;min-width:0}
}

/* Payment terms pop-up (Oct 26, 5a): centered ≥1024, bottom sheet below */
.db-pt[hidden]{display:none}
.db-pt{position:fixed;inset:0;z-index:1200;font-family:var(--font);color:var(--color-c)}
.db-pt *{box-sizing:border-box}
.db-pt-ov{position:absolute;inset:0;background:rgba(35,31,32,.55)}
.db-pt-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:600px;max-width:calc(100vw - 32px);max-height:calc(100vh - 48px);display:flex;flex-direction:column;border-radius:20px;background:var(--color-d);box-shadow:0 30px 60px -20px rgba(0,0,0,.5);overflow:hidden}
.db-pt-grab{display:none;align-self:center;width:40px;height:4px;margin-top:8px;border-radius:2px;background:var(--gray-300)}
.db-pt-h{display:flex;align-items:flex-start;gap:12px;padding:24px 28px 18px}.db-pt-h > div{flex:1;display:flex;flex-direction:column;gap:4px}
.db-pt-h h2{margin:0;font-size:22px;font-weight:700;letter-spacing:-.01em}.db-pt-h span{font-size:14px;color:var(--gray-600)}
.db-pt-x{flex:none;width:44px;height:44px;margin:-6px -10px 0 0;border:0;border-radius:50%;background:var(--gray-100);font:400 24px/1 var(--font);color:var(--color-c);cursor:pointer}
.db-pt-b{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:16px;padding:0 28px 22px}
.db-pt-sum{flex:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:14px 20px;align-items:center;padding:20px 22px;border-radius:14px;background:var(--gray-50);border:1px solid var(--gray-200)}
.db-pt-mo{display:flex;flex-direction:column;gap:2px}.db-pt-mo > span{font-size:13px;font-weight:600;color:var(--gray-600)}
.db-pt-mo strong{font-size:40px;font-weight:800;letter-spacing:-.02em;line-height:1.05}.db-pt-mo small{font-size:17px;font-weight:600;color:var(--gray-600)}
.db-pt-sum em{font-style:normal;font-size:12.5px;color:var(--gray-600)}
.db-pt-split{display:flex;flex-direction:column;gap:8px}
.db-pt-bar{display:flex;height:10px;border-radius:5px;overflow:hidden;background:var(--gray-200)}.db-pt-bar > span:first-child{background:var(--payment-bar-principal,var(--color-c))}.db-pt-bar > span:last-child{flex:1;background:var(--payment-bar-interest,var(--color-a))}
.db-pt-leg{display:flex;justify-content:space-between;gap:8px;font-size:12.5px}.db-pt-leg > span{display:flex;align-items:center;gap:6px}
.db-pt-leg i{width:9px;height:9px;border-radius:2px;background:var(--payment-bar-principal,var(--color-c))}.db-pt-leg > span:last-child i{background:var(--payment-bar-interest,var(--color-a))}
.db-pt-dl{flex:none;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.db-pt-dl > div{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid var(--gray-100);font-size:14.5px}.db-pt-dl dt{color:var(--gray-700)}.db-pt-dl dd{margin:0;font-weight:700;text-align:right}
.db-pt-disc{flex:none;padding:14px 16px;border-radius:12px;background:var(--gray-100)}.db-pt-disc p{margin:0;font-size:13px;line-height:1.6;color:var(--gray-700)}.db-pt-disc strong{color:var(--color-c)}
.db-pt-f{display:flex;align-items:center;gap:12px;padding:16px 28px;border-top:1px solid var(--gray-200)}
.db-pt-go{flex:1;display:flex;align-items:center;justify-content:center;height:52px;border-radius:10px;background:var(--color-a);color:var(--color-d)!important;font:700 16px var(--font);text-decoration:none}.db-pt-go:hover{background:var(--color-b)}
.db-pt-close2{height:52px;padding:0 22px;border:1.5px solid var(--color-c);border-radius:10px;background:var(--color-d);color:var(--color-c);font:700 15px var(--font);cursor:pointer}
@media (max-width:1023px){.db-pt-box{left:0;right:0;top:auto;bottom:0;transform:none;width:auto;max-width:none;max-height:92vh;border-radius:20px 20px 0 0}.db-pt-grab{display:block}.db-pt-h{padding:10px 16px 12px}.db-pt-h h2{font-size:19px}.db-pt-b{padding:0 16px 16px}.db-pt-sum{padding:16px}.db-pt-mo strong{font-size:34px}.db-pt-f{padding:12px 16px calc(16px + env(safe-area-inset-bottom))}.db-pt-close2{display:none}}
@media (max-width:767px){.db-pt-sum,.db-pt-dl{grid-template-columns:minmax(0,1fr)}}
/* Triggers */
.db-pt-link{display:inline-flex;align-items:center;gap:4px;min-height:28px;margin-left:8px;padding:0;border:0;background:none;font:700 12.5px var(--font);color:var(--color-c);text-decoration:underline;text-decoration-color:var(--terms-link-underline,var(--color-a));text-decoration-thickness:2px;text-underline-offset:3px;cursor:pointer;vertical-align:middle}.db-pt-link svg{color:var(--icon-color,var(--color-a))}
.db-pt-star{display:inline-flex;align-items:flex-start;min-height:32px;margin-left:-1px;padding:0 8px 0 0;border:0;background:none;font:800 20px/1 var(--font);color:var(--color-a);cursor:pointer;vertical-align:top}.db-pt-star:hover{color:var(--color-b)}
.db-pt-tc{align-self:flex-start;display:inline-flex;align-items:center;min-height:40px;margin-top:4px;padding:0;border:0;background:none;font:600 14px var(--font);color:var(--color-c);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.db-pt-tc:hover{color:var(--color-a)}

/* Oct 26 fix: terms links are plain text links, never pills (overrides .dbv-terms button / .dbv-pricing button) */
.dbv-terms .db-pt-tc,.db-pt-tc{width:auto!important;min-width:0!important;height:auto!important;min-height:40px!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:var(--color-c)!important;font:600 14px var(--font)!important;text-align:left;white-space:normal;flex:none!important}
.dbv-terms .db-pt-tc:hover{color:var(--color-a)!important}
.db-pt-star,.dbv-pricing .db-pt-star,.dbv-calc-pay .db-pt-star{display:inline-flex!important;width:auto!important;min-width:0!important;height:auto!important;min-height:32px;padding:0 8px 0 0!important;margin-left:-1px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:var(--color-a)!important;font:800 20px/1 var(--font)!important;vertical-align:top}
.db-pt-star-sm{font-size:15px!important;min-height:24px;padding-left:2px!important}
.dbv-calc-pay .db-pt-star{font-size:24px!important}

/* Oct 26 (user): phone/tablet menu button always has the light gray background (was hover only); header heart always red (Color A / Favorites color) */
.db-menu-btn{background:rgba(128,128,128,.18)!important}
.db-hfav,.db-hfav svg,.db-hfav-i,.db-hfav-i svg{color:var(--fav-on,var(--color-a))!important}
.db-hfav svg path,.db-hfav-i svg path{fill:currentColor}

/* Oct 26: phone shows "Financing terms and conditions" under Get pre-qualified (centered); tablet/desktop keep it under the term pills */
.db-pt-tc-below{display:none!important}
@media (max-width:767px){.db-pt-tc-above{display:none!important}.db-pt-tc-below{display:inline-flex!important;align-self:center!important;justify-content:center;grid-column:1 / -1;min-height:32px!important;margin:-8px auto 0!important}}

/* Photos coming soon (no image file) – approved 2a: light gray, dark gray camera, red slash (A), bold text + phone in C */
.db-nophoto{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px;background:radial-gradient(circle at 50% 50%,#fff 0%,#fff 18%,var(--gray-100) 62%,var(--gray-200) 100%);color:var(--color-c);font-family:var(--font);text-align:center;text-wrap:balance}
.db-nophoto svg{width:40px;height:40px}.db-nophoto .db-np-cam{stroke:var(--gray-700)}.db-nophoto .db-np-slash{stroke:var(--color-a)}
.db-np-t{font-size:16px;font-weight:600;line-height:1.3}.db-np-p{font-size:14px;font-weight:500;line-height:1.3}
.db-nophoto.is-sm{gap:0;padding:4px}.db-nophoto.is-sm svg{width:22px;height:22px}
i.db-nophoto,.db-toast-ph.db-nophoto{position:relative;inset:auto;width:100%;height:100%;font-style:normal}
.dbv-main .db-nophoto svg{width:56px;height:56px}.dbv-main .db-np-t{font-size:19px}.dbv-main .db-np-p{font-size:16px}