/* Home (Homepage A Part: Hero B, body styles, featured Card C slider, Makes C, Finance B, promos, reviews, popular searches). Container widths: <768 phone, 768–1023 tablet, ≥1024 desktop. */
.dbh{container:dbh / inline-size;--sp:84px;--sv:64px;background:var(--color-d);color:var(--color-c)}
.dbh *{box-sizing:border-box}
.dbh-in{max-width:calc(var(--db-maxw,99999px) - 168px);margin:0 auto;display:flex;flex-direction:column;gap:20px}
.dbh-sec{padding:var(--sv) var(--sp)}
.dbh-h2{margin:0;font-size:28px;font-weight:700;letter-spacing:-.02em;color:var(--color-c)}
.dbh-eye{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-a)}
.dbh-muted{font-size:13px;color:var(--gray-600)}
.dbh-strip{display:flex;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth}.dbh-strip::-webkit-scrollbar{display:none}
.dbh-ulink{flex:none;display:flex;align-items:center;gap:6px;min-height:44px;font:700 15px var(--font);color:var(--color-c)!important;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--color-a);text-decoration-thickness:2px;white-space:nowrap}.dbh-ulink:hover{color:var(--color-a)!important}.dbh-ulink svg{color:var(--color-a)}
.dbh-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:calc(var(--radius) * 1.3);background:var(--color-a);color:var(--color-d)!important;font:700 15px var(--font);text-decoration:none;white-space:nowrap}.dbh-btn:hover{background:var(--color-b)}
.dbh-arrows{display:flex;gap:8px}
.dbh-arw{flex:none;width:44px;height:44px;border:1px solid var(--gray-300);border-radius:50%;background:var(--color-d);color:var(--color-c);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.dbh-arw:hover{border-color:var(--color-c)}
.dbh-seg{display:grid;gap:2px;padding:3px;border-radius:calc(var(--radius) * 1.6);background:var(--gray-100)}
.dbh-seg button{border:0;border-radius:calc(var(--radius) * 1.2);background:transparent;color:var(--gray-600);font:700 13px var(--font);white-space:nowrap;cursor:pointer;padding:0 6px}
.dbh-seg button[aria-checked="true"]{background:var(--color-c);color:var(--color-d)}

/* Hero B */
.dbh-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:1fr auto auto;min-height:640px}
.dbh-hero-photo{grid-area:1 / 1 / -1 / -1;position:relative;overflow:hidden;background:var(--gray-300)}
.dbh-hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;display:block}
.dbh-hero-ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.10) 0%,rgba(0,0,0,.30) 45%,rgba(0,0,0,.68) 100%)}
.dbh-hero-head{grid-row:2;grid-column:1;position:relative;z-index:1;justify-self:center;width:calc(100% - var(--sp) * 2);max-width:760px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:var(--color-d)}
.dbh-hero-eye{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--hero-eyebrow,var(--color-d))}
.dbh-hero h1{margin:0;font-size:48px;font-weight:700;letter-spacing:-.03em;line-height:1.05;color:var(--color-d);text-wrap:balance}
.dbh-hero-sub{margin:0;font-size:18px;line-height:1.5;text-wrap:pretty}
.dbh-hero-form{grid-row:3;grid-column:1;position:relative;z-index:1;justify-self:center;width:calc(100% - var(--sp) * 2);max-width:820px;margin:22px 0 48px;display:flex;flex-direction:column;gap:14px}
.dbh-tabs{align-self:center;display:flex;gap:4px;padding:5px;max-width:100%;border-radius:999px;background:rgba(20,20,20,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.dbh-tabs button{flex:none;min-width:104px;min-height:44px;padding:0 22px;border:0;border-radius:999px;background:transparent;color:var(--color-d);font:600 15px var(--font);white-space:nowrap;cursor:pointer;transition:background .15s}
.dbh-tabs button:hover{background:rgba(255,255,255,.16)}
.dbh-tabs button[aria-checked="true"]{background:var(--color-a);font-weight:700;box-shadow:0 4px 12px -4px rgba(0,0,0,.45)}
.dbh-bar{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(0,1fr)) auto;align-items:center;padding:8px;border-radius:calc(var(--radius) * 2.4);background:var(--color-d);box-shadow:0 20px 44px -20px rgba(0,0,0,.6)}
.dbh-f{position:relative;display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0;min-height:56px;padding:4px 16px;text-align:left;cursor:pointer}
.dbh-f-sel{border-left:1px solid var(--gray-200)}
.dbh-fl{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--gray-600)}
.dbh-kw{display:flex;align-items:center;gap:8px}.dbh-kw svg{flex:none;width:18px;height:18px;color:var(--color-a)}
.dbh-f input,.dbh-f select{width:100%;min-width:0;height:44px;padding:0;border:0;background:transparent;font:600 16px var(--font);color:var(--color-c);outline-offset:4px}
.dbh-f select{padding-right:26px;-webkit-appearance:none;appearance:none;cursor:pointer}
.dbh-chev{position:absolute;right:16px;bottom:12px;color:var(--color-a);pointer-events:none}
.dbh-hero-btn{min-height:56px;padding:0 26px;border:0;border-radius:calc(var(--radius) * 1.6);background:var(--color-a);color:var(--color-d);font:700 16px var(--font);white-space:nowrap;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.dbh-hero-btn:hover{background:var(--color-b)}.dbh-hero-btn svg{width:19px;height:19px}

/* Body styles */
.dbh-body{padding-bottom:0;padding-top:40px}.dbh-body .dbh-in{gap:16px}
.dbh-body .dbh-strip{gap:12px;padding:2px 0 6px}
.dbh-bodyt{flex:none;width:150px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 10px 14px;border:1px solid var(--gray-200);border-radius:calc(var(--radius) * 2);background:var(--color-d);color:var(--color-c)!important;text-decoration:none}
.dbh-bodyt:hover{border-color:var(--color-c)}
.dbh-bodyt img{display:block;width:100%;height:auto;aspect-ratio:5 / 2;object-fit:contain}
.dbh-bodyt span{font-size:15px;font-weight:600}

/* Featured */
.dbh-headrow{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.dbh-headact{display:flex;align-items:center;gap:14px}
.dbh-cars{gap:24px;padding:0 0 6px;scroll-snap-type:x mandatory}
.dbh-car{flex:0 0 calc((100% - 72px) / 4);min-width:0;display:flex;scroll-snap-align:start}.dbh-car > *{width:100%}

/* Makes C */
.dbh-makes{background:var(--gray-50)}
.dbh-makes-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:56px;align-items:center}
.dbh-makes-txt{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.dbh-makes-txt h2{margin:0;font-size:28px;font-weight:700;letter-spacing:-.025em;line-height:1.1;text-wrap:balance}
.dbh-makes-txt p{margin:0;max-width:340px;font-size:16px;line-height:1.55;text-wrap:pretty}
.dbh-makes-btn1{margin-top:4px}.dbh-makes-btn2{display:none}
.dbh-makes-grid{border-radius:calc(var(--radius) * 2.4);background:var(--color-d);box-shadow:0 1px 0 var(--gray-200),0 12px 30px -22px rgba(0,0,0,.4);overflow:hidden}
.dbh-makes-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 -1px -1px 0}
.dbh-make{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:120px;padding:12px 6px;border-right:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200);text-decoration:none;color:var(--color-c)!important}
.dbh-make:hover{background:var(--gray-50)}
.dbh-make img{display:block;width:52px;height:52px;object-fit:contain}
.dbh-make-l{width:52px;height:52px;border-radius:50%;background:var(--gray-100);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700}
.dbh-make span:last-child{font-size:13px;font-weight:600}

/* Finance B */
.dbh-fin{background:var(--color-d);padding:40px var(--sp)}
.dbh-fin-in{max-width:calc(var(--db-maxw,99999px) - 168px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:stretch}
.dbh-fin-photo{order:2;position:relative;min-height:440px;border-radius:calc(var(--radius) * 3);background:var(--gray-300);overflow:hidden}
.dbh-fin-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% center;display:block}
.dbh-fin-txt{order:1;display:flex;flex-direction:column;justify-content:center;gap:16px;min-width:0}
.dbh-fin-head{display:flex;flex-direction:column;gap:6px}.dbh-fin-head .dbh-eye{font-size:12px}
.dbh-fin-head h2{margin:0;font-size:28px;font-weight:700;letter-spacing:-.03em;line-height:1.05;text-wrap:balance}
.dbh-fin-head p{margin:0;max-width:460px;font-size:15px;line-height:1.5;text-wrap:pretty}
.dbh-fin-card{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px;padding:20px;align-items:stretch;border-radius:calc(var(--radius) * 2);background:var(--color-d);box-shadow:0 1px 2px rgba(0,0,0,.06),0 4px 12px -6px rgba(0,0,0,.12)}
.dbh-fin-left{display:flex;flex-direction:column;gap:12px;min-width:0;padding:4px 8px 0 6px}
.dbh-fin-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dbh-fld{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:13px;font-weight:600;color:var(--color-c)}
.dbh-fld input,.dbh-fld select{width:100%;min-width:0;height:46px;padding:0 12px;border:1.5px solid var(--gray-300);border-radius:calc(var(--radius) * 1.3);font:400 15px var(--font);color:var(--color-c);background:var(--color-d)}
.dbh-fld select{padding:0 10px}
.dbh-fld input:focus,.dbh-fld select:focus{border-color:var(--color-a);outline:none}
.dbh-terms{grid-template-columns:repeat(4,minmax(0,1fr));height:42px}
.dbh-pq{margin-top:auto;align-self:flex-start;font-size:14px}
.dbh-shop-p{display:none}
.dbh-fin-res{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:10px;padding:18px;border-radius:calc(var(--radius) * 2);background:var(--gray-50);text-align:center}
.dbh-modes{grid-template-columns:1fr 1fr;background:var(--gray-200)}.dbh-modes button{min-height:28px;padding:0 12px;font-size:13px}
.dbh-fin-val{display:flex;flex-direction:column;align-items:center;gap:4px}
.dbh-fin-lbl{margin-top:6px;font-size:13px;font-weight:600;color:var(--gray-600)}
.dbh-fin-big{font-size:36px;font-weight:700;letter-spacing:-.03em;line-height:1.05;white-space:nowrap}
.dbh-fin-apr{font-size:13px;line-height:1.4;color:var(--gray-600);text-wrap:balance}
.dbh-shop-d{margin-top:auto;padding:0 14px}
.dbh-fin-note{margin:0;font-size:12px;line-height:1.5;color:var(--gray-600)}

/* Trade-in + sell */
.dbh-trade{padding:0 var(--sp) var(--sv);margin-top:24px}
.dbh-promos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.dbh-promo{position:relative;display:grid;grid-template-columns:minmax(0,1fr);min-height:340px;border-radius:calc(var(--radius) * 2.4);overflow:hidden;background:var(--gray-300)}
.dbh-promo > img,.dbh-promo-ov{grid-area:1 / 1;display:block;width:100%;height:100%}
.dbh-promo > img{object-fit:cover;object-position:center}.dbh-promo-sell > img{object-position:center 30%}
.dbh-promo-ov{background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.45) 50%,rgba(0,0,0,0) 85%)}
.dbh-promo-txt{grid-area:1 / 1;position:relative;align-self:center;display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:360px;padding:32px;color:#fff}
.dbh-promo-txt > span{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.dbh-promo-txt h2{margin:0;font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.15;color:#fff;text-wrap:balance}
.dbh-promo-txt p{margin:0;font-size:15px;line-height:1.55;text-wrap:pretty}
.dbh-promo-btn{margin-top:4px;display:flex;align-items:center;gap:8px;min-height:48px;padding:0 20px;border-radius:calc(var(--radius) * 1.3);background:#fff;color:var(--color-c)!important;font:700 15px var(--font);text-decoration:none}
.dbh-promo-btn:hover{background:var(--color-a);color:var(--color-d)!important}

/* Reviews */
.dbh-rev{background:var(--gray-50)}.dbh-rvwrap.is-white .dbh-rev{background:var(--color-d)}
.dbh-rev-in{display:grid;grid-template-columns:300px minmax(0,1fr);gap:48px;align-items:start}
.dbh-rev-sum{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:24px}
.dbh-rev-title{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.dbh-rev-title h2{margin:0;font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.15;text-wrap:balance}
.dbh-rating{display:flex;align-items:center;gap:12px;margin-top:6px}
.dbh-score{font-size:48px;font-weight:700;letter-spacing:-.03em;line-height:1}
.dbh-rating-r{display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.dbh-stars{display:flex;gap:2px;color:var(--color-a)}
.dbh-rev-act{display:flex;flex-direction:column;gap:8px}.dbh-rev-act .dbh-btn{min-height:46px;font-size:15px}
.dbh-rev-col{display:flex;flex-direction:column;gap:14px;min-width:0}
.dbh-revs{gap:16px;padding:4px 2px 10px;scroll-snap-type:x mandatory}
.dbh-revc{flex:none;width:calc((100% - 32px) / 2.15);margin:0;scroll-snap-align:start;display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:calc(var(--radius) * 2.4);background:var(--color-d);box-shadow:0 1px 2px rgba(0,0,0,.05),0 6px 18px -12px rgba(0,0,0,.18)}
.dbh-revc-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.dbh-quote{color:var(--gray-200)}
.dbh-revc blockquote{margin:0;flex:1;font-size:15px;line-height:1.6;text-wrap:pretty}
.dbh-revc figcaption{display:flex;align-items:center;gap:12px}
.dbh-av{flex:none;width:40px;height:40px;border-radius:50%;background:var(--color-c);color:var(--color-d);font:700 14px var(--font);display:flex;align-items:center;justify-content:center}
.dbh-revc-who{display:flex;flex-direction:column;gap:1px;min-width:0}.dbh-revc-who b{font-size:15px}.dbh-revc-who span{font-size:13px;color:var(--gray-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dbh-revc-who .dbh-revc-src{font-size:12px}
.dbh-rev-arrows{display:flex;justify-content:flex-end}

/* Popular searches */
.dbh-pop .dbh-in{gap:18px}
.dbh-pop-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 20px}
.dbh-pop-t{display:flex;flex-direction:column;gap:4px}.dbh-pop-t p{margin:0;font-size:14px;color:var(--gray-600)}
.dbh-pop-tabs{display:flex;gap:4px;padding:3px;max-width:100%;overflow-x:auto;scrollbar-width:none;border-radius:calc(var(--radius) * 1.6);background:var(--gray-100)}
.dbh-pop-tabs button{flex:none;min-height:36px;padding:0 14px;border:0;border-radius:calc(var(--radius) * 1.2);background:transparent;color:var(--gray-600);font:700 13px var(--font);white-space:nowrap;cursor:pointer}
.dbh-pop-tabs button[aria-selected="true"]{background:var(--color-c);color:var(--color-d)}
.dbh-pop-panel{display:flex;flex-direction:column;gap:18px}
.dbh-pop-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:28px;border-top:1px solid var(--gray-200)}
.dbh-pop-list li{border-bottom:1px solid var(--gray-200);min-width:0}
.dbh-pop-list a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:0 4px;color:var(--color-c)!important;font:400 15px var(--font);text-decoration:none}
.dbh-pop-list a:hover{color:var(--color-a)!important;text-decoration:underline;text-underline-offset:3px}
.dbh-pop-list a span:first-child{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dbh-pop-n{flex:none;font-size:13px;font-weight:600;color:var(--gray-600)}
.dbh-pop-more{display:none;white-space:nowrap;align-self:center;height:48px;padding:0 20px;border:1.5px solid var(--color-c);border-radius:calc(var(--radius) * 1.3);background:transparent;color:var(--color-c);font:700 15px var(--font);cursor:pointer}

@container dbh (max-width:1279px){.dbh > *{--sp:32px}.dbh-hero-form{max-width:700px}}
@container dbh (max-width:1023px){
	.dbh > *{--sp:40px;--sv:52px}
	.dbh-h2,.dbh-rev-title h2{font-size:24px}
	.dbh-hero{min-height:560px}.dbh-hero-photo img{object-position:76% center}
	.dbh-hero h1{font-size:40px}.dbh-hero-sub{font-size:16px}
	.dbh-hero-form{max-width:560px;margin-bottom:36px}
	.dbh-bar{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 0}
	.dbh-f-kw{grid-column:1 / -1;border-bottom:1px solid var(--gray-200)}
	.dbh-f-sel:nth-of-type(2){border-left:0}
	.dbh-hero-btn{grid-column:1 / -1}
	.dbh-body{padding-top:32px}
	.dbh-cars{gap:16px}.dbh-car{flex-basis:calc((100% - 16px) / 2)}
	.dbh-makes-in{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:32px}
	.dbh-makes-txt h2{font-size:24px}.dbh-makes-g{grid-template-columns:repeat(3,minmax(0,1fr))}.dbh-make{min-height:104px}.dbh-make img,.dbh-make-l{width:44px;height:44px}
	.dbh-fin{padding:48px 40px}.dbh-fin-in{grid-template-columns:minmax(0,1fr);gap:0}
	.dbh-fin-photo{order:0;min-height:320px}.dbh-fin-photo img{object-position:62% center}
	.dbh-fin-txt{padding:24px 0 0;gap:18px}.dbh-fin-head h2{font-size:24px}
	.dbh-fin-card{padding:18px}.dbh-fin-left{padding:0}
	.dbh-fld input,.dbh-fld select{height:46px}.dbh-terms{height:50px}.dbh-modes button{min-height:44px}.dbh-fin-big{font-size:32px}
	.dbh-trade{margin-top:20px}.dbh-promos{gap:16px}.dbh-promo{min-height:300px}.dbh-promo-txt{max-width:100%;padding:22px}.dbh-promo-txt h2{font-size:24px}
	.dbh-rev-in{grid-template-columns:minmax(0,1fr);gap:24px}
	.dbh-rev-sum{flex-direction:row;align-items:flex-end;gap:16px}.dbh-rev-act{flex-direction:row;align-items:center}
	.dbh-score{font-size:40px}.dbh-revc{width:calc((100% - 16px) / 2)}
	.dbh-pop-tabs button{min-height:44px}.dbh-pop-list{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:20px}
}
@container dbh (max-width:767px){
	.dbh > *{--sp:16px;--sv:40px}
	.dbh-h2,.dbh-rev-title h2{font-size:22px}
	.dbh-arrows{display:none}
	.dbh-hero{min-height:0;grid-template-rows:300px auto;padding-bottom:20px}
	.dbh-hero-photo{grid-area:1 / 1}.dbh-hero-photo img{object-position:78% center}
	.dbh-hero-ov{background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.62) 100%)}
	.dbh-hero-head{grid-area:1 / 1;align-self:end;justify-self:stretch;width:auto;max-width:none;padding:0 16px 44px;align-items:flex-start;text-align:left;gap:4px}
	.dbh-hero-eye{font-size:12px}.dbh-hero h1{font-size:32px;letter-spacing:-.025em;line-height:1.1}.dbh-hero-sub{display:none}
	.dbh-hero-form{grid-row:2;width:auto;max-width:none;justify-self:stretch;margin:-28px 12px 0;gap:12px;padding:12px;border-radius:calc(var(--radius) * 2.4);background:var(--color-d);box-shadow:0 10px 28px -16px rgba(0,0,0,.45)}
	.dbh-tabs{align-self:stretch;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:2px;padding:3px;border-radius:calc(var(--radius) * 1.6);background:var(--gray-100);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
	.dbh-tabs button{min-width:0;padding:0 4px;border-radius:calc(var(--radius) * 1.2);color:var(--gray-600);font:700 13px var(--font)}
	.dbh-tabs button:hover{background:transparent}
	.dbh-tabs button[aria-checked="true"]{background:var(--color-c);color:var(--color-d);box-shadow:none}
	.dbh-bar{gap:12px 8px;padding:0;border-radius:0;box-shadow:none}
	.dbh-f{min-height:0;padding:0;border:0}.dbh-f-kw{border:0}
	.dbh-fl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
	.dbh-kw{height:48px;padding:0 12px;border:1.5px solid var(--gray-300);border-radius:calc(var(--radius) * 1.3)}
	.dbh-f-kw input{height:100%;font:400 15px var(--font);outline:0}
	.dbh-f-sel select{height:48px;padding:0 32px 0 12px;border:1.5px solid var(--gray-300);border-radius:calc(var(--radius) * 1.3);background:var(--color-d);font:400 15px var(--font)}
	.dbh-chev{right:10px;top:15px;bottom:auto}
	.dbh-hero-btn{min-height:50px;border-radius:calc(var(--radius) * 1.3)}.dbh-hero-btn svg{width:18px;height:18px}
	.dbh-body .dbh-strip,.dbh-cars,.dbh-revs{margin:0 -16px;padding-left:16px;padding-right:16px;scroll-padding:0 16px}
	.dbh-bodyt{width:132px}
	.dbh-car{flex-basis:300px}
	.dbh-makes-in{grid-template-columns:minmax(0,1fr);gap:24px}
	.dbh-makes-txt{align-items:center;text-align:center}.dbh-makes-txt h2{font-size:22px}.dbh-makes-txt p{font-size:15px}
	.dbh-makes-btn1{display:none}.dbh-makes-btn2{display:flex;justify-self:center}
	.dbh-fin{padding:0 0 28px}.dbh-fin-photo{min-height:210px;border-radius:0}
	.dbh-fin-txt{padding:20px 16px 0;gap:14px}.dbh-fin-head h2{font-size:22px}
	.dbh-fin-card{grid-template-columns:minmax(0,1fr);gap:16px;padding:14px}
	.dbh-fin-res{order:-1;padding:16px}
	.dbh-pq{align-self:center}.dbh-shop-p{display:flex}.dbh-shop-d{display:none}
	.dbh-trade{margin-top:16px}.dbh-promos{grid-template-columns:minmax(0,1fr)}.dbh-promo{min-height:320px}.dbh-promo-txt h2{font-size:22px}
	.dbh-promo-trade > img{object-position:70% center}.dbh-promo-sell > img{object-position:68% center}
	.dbh-rev-sum{flex-direction:column;align-items:center;text-align:center}.dbh-rev-title{align-items:center}
	.dbh-rev-act{width:100%;flex-direction:column;align-items:stretch}
	.dbh-revs{gap:12px}.dbh-revc{width:84%;padding:20px}.dbh-revc blockquote{font-size:15px}.dbh-rev-arrows{display:none}
	.dbh-pop-list{grid-template-columns:minmax(0,1fr)}
	.dbh-pop-panel:not(.is-all) .dbh-pop-x{display:none}.dbh-pop-more{display:block}
}

/* Oct 24 fixes */
/* 5: hero ~30% shorter */
.dbh-hero{min-height:448px}
/* 6: tighter search area */
.dbh-hero-head{gap:6px}.dbh-hero-form{margin:14px 0 32px;gap:10px}
/* 8: Financing heading lines up with "Monthly payment" (card padding 20 + left padding 6) */
.dbh-fin-head{padding-left:26px}
/* 9: Popular searches – only the picked tab's list shows */
.dbh-pop-panel[hidden]{display:none}
@container dbh (max-width:1023px){.dbh-hero{min-height:392px}.dbh-hero-form{margin-bottom:28px}.dbh-fin-head{padding-left:18px}}
@container dbh (max-width:767px){.dbh-hero{min-height:0;grid-template-rows:210px auto}.dbh-hero-head{padding-bottom:40px}.dbh-fin-head{padding-left:14px}}

.dbh{overflow-x:clip}

/* Oct 25: hero search – soft focus instead of the thick red outline */
.dbh-bar :focus-visible{outline:none}
.dbh-kw:focus-within{border-color:var(--gray-600);box-shadow:0 0 0 3px var(--gray-100)}
.dbh-f-sel .dbl-dd-btn:focus-visible{border-color:var(--gray-600);box-shadow:0 0 0 3px var(--gray-100)}
.dbh-f input:focus{outline:none}

/* Oct 25: dropdown chevrons + small icons follow Look & style "Icons" */
.dbh-chev,.dbh-kw svg,.dbh-ulink svg,.dbh-f-sel > svg{color:var(--icon-color,var(--color-a))}
/* Oct 25 proof #3: Shop Vehicles lines up with the Make / Model boxes (same 48px height, same bottom edge) */
.dbh-bar > .dbh-hero-btn{align-self:end;height:48px;min-height:48px;margin:0 4px 4px 8px}
@container dbh (max-width:1023px){.dbh-bar > .dbh-hero-btn{margin:8px 0 0}}
@container dbh (max-width:767px){.dbh-bar > .dbh-hero-btn{height:auto;min-height:50px;margin:0}}
/* Oct 25 proof #17: "Read all reviews" on tablet + phone = quiet outline button (white, dark border, dark text + arrow), auto width, centered – no big red full-width bar. Desktop unchanged. Rating shows one decimal (4.0). */
.dbh-rev-arr{display:none}
@container dbh (max-width:1023px){
	.dbh-rev-act{display:flex;justify-content:center}
	.dbh-rev-btn{width:auto!important;flex:none!important;height:44px;padding:0 20px;gap:8px;border:1.5px solid var(--color-c)!important;background:var(--color-d)!important;color:var(--color-c)!important;font-size:15px}
	.dbh-rev-btn:hover{background:var(--color-c)!important;color:var(--color-d)!important}
	.dbh-rev-arr{display:block;color:var(--icon-color,var(--color-a))}.dbh-rev-btn:hover .dbh-rev-arr{color:inherit}
}
@container dbh (max-width:1023px){.dbh-rev-act{align-items:center!important;flex-direction:column!important}.dbh-rev-act .dbh-rev-btn{align-self:center!important;width:auto!important;min-height:44px}}
/* Oct 25: hero shorter on 1024–1279 (iPad landscape / small laptops) */
@container dbh (min-width:1024px) and (max-width:1279px){.dbh-hero{min-height:500px!important}}
/* Oct 25: desktop + laptop hero 20% shorter: 512px ≥1280 (was 640), 400px 1024–1279 (was 500) */
@container dbh (min-width:1280px){.dbh-hero{min-height:512px!important}}
@container dbh (min-width:1024px) and (max-width:1279px){.dbh-hero{min-height:400px!important}}
/* Oct 25: hero search dropdowns – no small ring around the text when a list is open (seen on many devices); open field = underline in Color A, list at least 240px wide */
.dbh-hero .has-dd.is-open,.dbh-hero .has-dd.is-open > .dbl-dd-btn,.dbh-hero .dbl-dd-btn:focus{box-shadow:none!important;border-color:transparent!important;outline:none}
.dbh-hero .has-dd.is-open > .dbl-dd-btn > span{text-decoration:underline;text-decoration-color:var(--color-a);text-decoration-thickness:2px;text-underline-offset:4px}
.dbh-hero .dbl-dd-btn:focus-visible{outline:2px solid var(--color-a)!important;outline-offset:3px;border-radius:6px}
.dbh-hero .dbl-dd-menu{min-width:240px}
/* Oct 25 approved 1b: phone + tablet hero (<1024) – photo, centered text, 4 see-through dropdowns, red centered Shop button. Desktop unchanged. */
.dbh-mform,.dbh-hero-msub{display:none}
@container dbh (max-width:1023px){
	.dbh-hero{position:relative!important;display:flex!important;flex-direction:column;justify-content:center;gap:24px;min-height:420px!important;height:auto;padding:24px 32px;box-sizing:border-box;grid-template-rows:none!important;overflow:hidden;background:#2A2A2A}
	.dbh-hero-photo{position:absolute!important;inset:0;grid-area:auto!important;height:auto!important}
	.dbh-hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:56% center}
	.dbh-hero-ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,.45) 40%,rgba(0,0,0,.3) 60%,rgba(0,0,0,.78) 100%)!important}
	.dbh-hero-head{position:relative;z-index:1;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;justify-self:auto}
	.dbh-hero-head h1{font-size:48px;line-height:1.02;letter-spacing:-.03em;color:var(--color-d)}
	.dbh-hero-eye{font-size:13px;color:var(--hero-eyebrow,var(--color-d))}
	.dbh-hero-sub,.dbh-hero-form{display:none!important}
	.dbh-mform{position:relative;z-index:1;display:flex;flex-direction:column;gap:12px;width:100%;max-width:760px;margin:0 auto}
	.dbh-hero-msub{display:block;text-align:center;font-size:16px;color:rgba(255,255,255,.92)}
	.dbh-mgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
	.dbh-mf{position:relative;display:block;min-width:0}
	.dbh-mf select{width:100%;height:50px;padding:0 32px 0 14px;box-sizing:border-box;border:1px solid rgba(255,255,255,.7);border-radius:calc(var(--radius) * 2);background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font:500 16px var(--font);color:var(--color-c);-webkit-appearance:none;appearance:none;cursor:pointer}
	.dbh-mf select:disabled{opacity:.75}
	.dbh-mf .dbh-chev{position:absolute;right:12px;top:16px;pointer-events:none;color:var(--icon-color,var(--color-a))}
	.dbh-mbtn{align-self:center;width:280px;max-width:100%;height:52px;margin-top:4px;border:0;border-radius:calc(var(--radius) * 2);background:var(--btn-primary,var(--color-a));color:var(--btn-primary-text,var(--color-d));font:700 16px var(--font);display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 10px 22px -10px rgba(0,0,0,.6)}
	.dbh-mbtn:hover{background:var(--btn-primary-hover,var(--color-b))}
}
@container dbh (max-width:767px){
	.dbh-hero{min-height:470px!important;justify-content:flex-end;gap:10px;padding:0 12px 16px}
	.dbh-hero-head{flex:1 1 auto;justify-content:center}
	.dbh-hero-head h1{font-size:34px}.dbh-hero-eye{font-size:12px}
	.dbh-hero-msub{font-size:14px}
	.dbh-mgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.dbh-mbtn{width:240px}
}
/* Oct 25: make names 1px larger on every device */
.dbh-make span:last-child{font-size:14px}
@container dbh (max-width:767px){
	/* Finance photo above "Shop by payment / price" taller */
	.dbh-fin-photo{min-height:280px}
	/* Trade-in + Sell to us blocks: text sits at the bottom, tighter spacing, less bottom padding, bottom fade */
	.dbh-promo-ov{background:linear-gradient(180deg,rgba(0,0,0,0) 20%,rgba(0,0,0,.45) 50%,rgba(0,0,0,.8) 100%)}
	.dbh-promo-txt{align-self:end;gap:6px;padding:18px 18px 16px}
	.dbh-promo-txt p{line-height:1.45}
	.dbh-promo-btn{margin-top:8px}
}
/* Oct 25: Finance block – phone: Loan length (dropdown) + Credit side by side; Get pre-qualified under the Shop button. Tablet/desktop unchanged. */
.dbh-fin-ct{display:flex;flex-direction:column;gap:12px}
.dbh-term-sel{display:none!important}
@container dbh (max-width:767px){
	.dbh-fin-ct{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
	.dbh-term-sel{display:flex!important;order:1}.dbh-credit{order:2}
	.dbh-fin-ct > [role="radiogroup"]{display:none}
	.dbh-fin-left{display:flex;flex-direction:column}
	.dbh-fin-left .dbh-shop-p{order:20}
	.dbh-fin-left .dbh-pq{order:21;align-self:center;margin-top:-4px}
}
/* Oct 25: phone body styles = 3-column grid (no side scroll); a last row with 1 style fills the row, with 2 styles they share it */
@container dbh (max-width:767px){
	.dbh-body .dbh-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;overflow:visible;margin:0;padding:2px 0 6px}
	.dbh-body .dbh-strip > *{grid-column:span 2;width:auto!important;min-width:0}
	.dbh-body .dbh-strip > :last-child:nth-child(3n+1){grid-column:span 6}
	.dbh-body .dbh-strip > :nth-last-child(2):nth-child(3n+1),.dbh-body .dbh-strip > :last-child:nth-child(3n+2){grid-column:span 3}
	.dbh-body .dbh-arrows{display:none}
}
/* Oct 25: Finance result box on phones – switcher stays on top (smaller, bordered); below it: label + APR on the left, budget value on the right */
.dbh-modes{border:1px solid var(--gray-300)}
@container dbh (max-width:767px){
	.dbh-fin-res .dbh-modes button{min-height:36px}
	.dbh-fin-val{display:grid!important;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:2px;align-items:center;text-align:left!important}
	.dbh-fin-val .dbh-fin-lbl{grid-area:1 / 1;margin-top:0}
	.dbh-fin-val .dbh-fin-apr{grid-area:2 / 1}
	.dbh-fin-val .dbh-fin-big{grid-area:1 / 2 / 3 / 3;font-size:30px}
}
/* Oct 25: phone – budget card has no box (border/shadow/padding removed) so fields use the full width */
@container dbh (max-width:767px){.dbh-fin-card{padding:4px 0 0!important;border:0!important;box-shadow:none!important;background:transparent!important}}
/* Oct 25: Popular searches tabs = separate pills; picked tab = Color A (red) with white text */
.dbh-pop-tabs{gap:8px;padding:2px 0;background:transparent;border-radius:0}
.dbh-pop-tabs button{padding:0 16px;border:1px solid var(--gray-300);border-radius:999px;background:var(--color-d);color:var(--color-c)}
.dbh-pop-tabs button:hover{border-color:var(--color-c)}
.dbh-pop-tabs button[aria-selected="true"]{border-color:var(--pop-tab-on,var(--color-a));background:var(--pop-tab-on,var(--color-a));color:var(--pop-tab-on-text,#FFFFFF)}
/* Oct 25: budget heading (Search by payment or price / Find cars… / See what…) sits inside the top of the budget card on every device */
.dbh-fin-card > .dbh-fin-head{grid-column:1 / -1;padding:0 0 6px 6px!important}
@container dbh (max-width:1023px){.dbh-fin-card > .dbh-fin-head{padding:0 0 6px!important}}
@container dbh (max-width:767px){.dbh-fin-card > .dbh-fin-head{padding:0 0 4px!important}}
/* 1024–1279 (iPad landscape, small laptops): stacked like tablet – the side-by-side layout was too cramped */
@container dbh (min-width:1024px) and (max-width:1279px){
	.dbh-fin{padding:48px 40px}.dbh-fin-in{grid-template-columns:minmax(0,1fr);gap:0}
	.dbh-fin-photo{order:0;min-height:320px}.dbh-fin-photo img{object-position:62% center}
	.dbh-fin-txt{padding:24px 0 0;gap:18px}.dbh-fin-head h2{font-size:24px}
	.dbh-fin-card{padding:18px}.dbh-fin-left{padding:0}
	.dbh-fld input,.dbh-fld select{height:46px}.dbh-terms{height:50px}.dbh-modes button{min-height:44px}.dbh-fin-big{font-size:32px}
}
/* Oct 25: budget card has no box on any device (no border, shadow, padding) – more room for the fields */
.dbh-fin-card{padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important}
.dbh-fin-card > .dbh-fin-head{padding:0 0 6px!important}
.dbh-fin-left{padding:0!important}
/* Oct 25: tablets + 1024–1279 too – Loan length dropdown before Credit, 2 on a row (desktop ≥1280 keeps the buttons) */
@container dbh (max-width:1279px){
	.dbh-fin-ct{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
	.dbh-term-sel{display:flex!important;order:1}.dbh-credit{order:2}
	.dbh-fin-ct > [role="radiogroup"]{display:none}
}
/* Oct 25 tablets (768–1279): Get pre-qualified at the top right of the budget heading; fields + result box centered vertically; result = label + APR left, value right */
.dbh-fin-ht{display:flex;flex-direction:column;gap:6px;min-width:0}
.dbh-pq-top{display:none!important}
@container dbh (min-width:768px) and (max-width:1279px){
	.dbh-fin-card > .dbh-fin-head{flex-direction:row;align-items:center;justify-content:space-between;gap:20px}
	.dbh-pq-top{display:inline-flex!important;flex:none}
	.dbh-fin-left .dbh-pq:not(.dbh-pq-top){display:none!important}
	.dbh-fin-card{align-items:center}
}
@container dbh (max-width:1279px){
	.dbh-fin-val{display:grid!important;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:2px;align-items:center;text-align:left!important}
	.dbh-fin-val .dbh-fin-lbl{grid-area:1 / 1;margin-top:0}
	.dbh-fin-val .dbh-fin-apr{grid-area:2 / 1}
	.dbh-fin-val .dbh-fin-big{grid-area:1 / 2 / 3 / 3}
}
/* Oct 25 approved 2b – tablets 768–1279: 4 fields on one row; result bar = underline tabs (By payment / By price), red budget value + label/APR, Shop button on the right */
@container dbh (min-width:768px) and (max-width:1279px){
	.dbh-fin-card{display:flex!important;flex-direction:column;gap:18px}
	.dbh-fin-left{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
	.dbh-fin-2,.dbh-fin-ct{display:contents!important}
	.dbh-fin-ct > [role="radiogroup"],.dbh-fin-left .dbh-shop-p,.dbh-fin-left .dbh-pq:not(.dbh-pq-top){display:none!important}
	.dbh-term-sel{display:flex!important}
	.dbh-fin-res{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 20px;padding:4px 18px 18px;border:1px solid var(--gray-200);text-align:left}
	.dbh-fin-res .dbh-modes{grid-column:1 / -1;display:flex;gap:24px;padding:0;border:0;border-bottom:1px solid var(--gray-300);border-radius:0;background:none}
	.dbh-fin-res .dbh-modes button{flex:none;min-height:44px;padding:0 2px;margin-bottom:-1px;border:0;border-bottom:3px solid transparent;border-radius:0;background:none!important;box-shadow:none;color:var(--gray-600);font-weight:600}
	.dbh-fin-res .dbh-modes button[aria-checked="true"]{border-bottom-color:var(--color-a);color:var(--color-c);font-weight:700}
	.dbh-fin-val{display:grid!important;grid-template-columns:auto minmax(0,1fr);column-gap:14px;row-gap:2px;align-items:center;text-align:left!important}
	.dbh-fin-val .dbh-fin-big{grid-area:1 / 1 / 3 / 2;font-size:36px;color:var(--price,var(--color-a))}
	.dbh-fin-val .dbh-fin-lbl{grid-area:1 / 2;margin-top:0}
	.dbh-fin-val .dbh-fin-apr{grid-area:2 / 2}
	.dbh-fin-res .dbh-shop-d{display:flex;white-space:nowrap;min-height:52px;padding:0 22px}
}
/* Oct 25: Trade-in + Sell to us blocks on every device – text sits in the bottom-left corner, tight spacing */
.dbh-promo-txt{align-self:end;gap:6px;padding:28px 28px 24px}
.dbh-promo-txt p{line-height:1.45}
.dbh-promo-btn{margin-top:8px}
.dbh-promo-ov{background:linear-gradient(90deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.25) 55%,rgba(0,0,0,0) 85%),linear-gradient(0deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,0) 60%)}
@container dbh (max-width:1023px){.dbh-promo-txt{padding:22px 22px 18px}}
@container dbh (max-width:767px){.dbh-promo-txt{padding:18px 18px 16px}.dbh-promo-ov{background:linear-gradient(180deg,rgba(0,0,0,0) 20%,rgba(0,0,0,.45) 50%,rgba(0,0,0,.8) 100%)}}
@container dbh (min-width:768px) and (max-width:1023px){.dbh-mgrid:not(:has(> :nth-child(4))){grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Oct 25: Featured vehicles + Cars on Sale – light gray divider on top, tighter vertical spacing */
.dbh-feat{padding-top:40px;padding-bottom:40px}
@container dbh (max-width:1023px){.dbh-feat{padding-top:32px;padding-bottom:32px}}
@container dbh (max-width:767px){.dbh-feat{padding-top:28px;padding-bottom:28px}}
/* Featured + Cars on Sale sit close together (16px desktop / 12px tablet+phone between them) */
.dbh-feat:not(.dbh-sale):has(+ .dbh-sale){padding-bottom:16px}.dbh-feat + .dbh-sale{padding-top:16px}
@container dbh (max-width:1023px){.dbh-feat:not(.dbh-sale):has(+ .dbh-sale){padding-bottom:12px}.dbh-feat + .dbh-sale{padding-top:12px}}
/* Oct 25: From our blog – 3 post cards after the reviews */
.dbh-blog-h{display:flex;flex-direction:column;gap:6px}
.dbh-blog-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.dbh-bpost{display:flex;flex-direction:column;gap:12px;min-width:0;color:var(--color-c);text-decoration:none}.dbh-bpost:hover{color:var(--color-c)}.dbh-bpost:hover strong{text-decoration:underline}
.dbh-bpost-img{display:block;aspect-ratio:16 / 10;border-radius:calc(var(--radius) * 2);overflow:hidden;background:var(--gray-200)}.dbh-bpost-img img{display:block;width:100%;height:100%;object-fit:cover}
.dbh-bpost-t{display:flex;flex-direction:column;gap:6px;min-width:0}
.dbh-bpost-cat{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--eyebrow,var(--color-a))}
.dbh-bpost strong{font-size:17px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dbh-bpost-m{font-size:13px;color:var(--gray-600)}
@container dbh (max-width:1023px){.dbh-blog-g{gap:16px}.dbh-bpost strong{font-size:15px}}
@container dbh (max-width:767px){.dbh-blog-g{grid-template-columns:minmax(0,1fr)}.dbh-bpost{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;align-items:start}.dbh-bpost-img{aspect-ratio:4 / 3}}
.dbh-blog{padding-top:40px;padding-bottom:40px}.dbh-blog-h{gap:4px}
@container dbh (max-width:1023px){.dbh-blog{padding-top:32px;padding-bottom:32px}}
@container dbh (max-width:767px){.dbh-blog{padding-top:28px;padding-bottom:28px}}
/* Popular searches on vehicle pages: same width/sides as the vehicle page (no 1272 max), less top space */
body.single-db_vehicle .dbh-popwrap > *{--sp:84px}
body.single-db_vehicle .dbh-popwrap .dbh-in{max-width:none}
body.single-db_vehicle .dbh-popwrap .dbh-sec{padding-top:8px;padding-bottom:56px}
@container dbh (max-width:1279px){body.single-db_vehicle .dbh-popwrap > *{--sp:32px}}
@container dbh (max-width:767px){body.single-db_vehicle .dbh-popwrap > *{--sp:16px}body.single-db_vehicle .dbh-popwrap .dbh-sec{padding-top:4px;padding-bottom:40px}}

/* ---------- Oct 25 HERO (Homepage Hero Part): desktop left layout ≥1024 · tablet 1c 768–1023 · phone 2d <768 ---------- */
.dbhx{position:relative;z-index:3;color:var(--color-d)}
.dbhx-top{position:relative;display:flex;align-items:center;min-height:512px;background:#2A2A2A}
.dbhx-photo{position:absolute;inset:0;overflow:hidden;background:var(--gray-300)}
.dbhx-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:72% center;display:block}
.dbhx-ov{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.5) 38%,rgba(0,0,0,.12) 62%,rgba(0,0,0,0) 80%)}
.dbhx-in{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:40px max(86px,calc((100% - var(--db-maxw,99999px)) / 2 + 86px))}
.dbhx-head{display:flex;flex-direction:column;gap:4px;max-width:760px}
.dbhx-eye{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--hero-eyebrow,var(--color-d))}
.dbhx h1{margin:0;font-size:48px;font-weight:700;letter-spacing:-.03em;line-height:1.05;color:var(--hp-hero-text,var(--color-d));text-wrap:balance}
.dbhx-sub{margin:0;font-size:17px;line-height:1.5;color:var(--hp-hero-text,var(--color-d));text-wrap:pretty}
.dbhx-msub{display:none;font-size:15px;line-height:1.45;color:rgba(255,255,255,.92)}
.dbhx-dform{width:100%;max-width:480px;display:flex;flex-direction:column;align-items:stretch}
.dbhx-tabs{align-self:flex-start;display:flex;gap:2px;padding:3px;max-width:100%;border-radius:calc(var(--radius) * 2.4) calc(var(--radius) * 2.4) 0 0;background:rgba(20,18,19,.62);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.dbhx-tabs button{flex:none;min-width:72px;min-height:32px;padding:0 14px;border:0;border-radius:calc(var(--radius) * 1.6);background:transparent;color:var(--hp-tab-text,var(--color-d));font:600 13px var(--font);white-space:nowrap;cursor:pointer;transition:background .15s}
.dbhx-tabs button:hover{background:rgba(255,255,255,.16)}
.dbhx-tabs button[aria-checked="true"]{background:var(--hp-tab-on,var(--color-a));color:var(--hp-tab-on-text,var(--color-d));font-weight:700;box-shadow:0 4px 12px -4px rgba(0,0,0,.45)}
.dbhx-bar{position:relative;z-index:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:center;padding:8px;border-radius:0 calc(var(--radius) * 2.4) calc(var(--radius) * 2.4) calc(var(--radius) * 2.4);background:rgba(20,18,19,.62);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 20px 44px -20px rgba(0,0,0,.6)}
.dbhx-dform > .dbhx-bar:first-child{border-radius:calc(var(--radius) * 2.4)}
.dbhx .dbhx-f{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;min-width:0;min-height:46px;padding:2px 14px;border:0;cursor:pointer}
.dbhx .dbhx-f + .dbhx-f{border-left:1px solid rgba(255,255,255,.22)}
.dbhx-f > span{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.dbhx-f select{width:100%;height:32px;padding:0 26px 0 0;border:0;background:transparent;font:600 15px var(--font);color:#FFFFFF;-webkit-appearance:none;appearance:none;cursor:pointer}
.dbhx-f select option{color:var(--color-c)}
.dbhx-f > svg{position:absolute;right:14px;bottom:12px;pointer-events:none;color:var(--icon-color,var(--color-a))}
.dbhx .dbhx-f .dbl-dd-btn,.dbhx .dbhx-f .dbl-dd-btn.is-empty{width:100%;height:32px;padding:0 26px 0 0;border:0!important;border-radius:0;background:transparent;font:600 15px var(--font);color:#FFFFFF;box-shadow:none!important}
.dbhx .dbhx-f .dbl-dd-btn:focus-visible{outline:2px solid #FFFFFF;outline-offset:3px;border-radius:4px}
.dbhx .dbhx-f.is-open .dbl-dd-btn > span{text-decoration:underline;text-decoration-color:var(--color-a);text-decoration-thickness:2px;text-underline-offset:4px}
.dbhx .dbhx-f .dbl-dd-menu{left:0;min-width:240px;top:calc(100% + 8px)}
.dbhx-go{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin-left:6px;padding:0 22px;border:0;border-radius:calc(var(--radius) * 1.6);background:var(--btn-primary,var(--color-a));color:var(--btn-primary-text,var(--color-d));font:700 16px var(--font);white-space:nowrap;cursor:pointer}
.dbhx-go:hover{background:var(--btn-primary-hover,var(--color-b))}
.dbhx-kw{position:relative;z-index:1;width:100%;max-width:340px;margin-top:12px;display:flex;align-items:center;gap:10px;height:42px;padding:0 16px;border:1px solid rgba(255,255,255,.35);border-radius:calc(var(--radius) * 2.4);background:rgba(20,18,19,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#FFFFFF}
.dbhx-kw svg{flex:none}
.dbhx-kw input{flex:1;min-width:0;height:100%;padding:0;border:0;outline:0;background:transparent;font:500 15px var(--font);color:#FFFFFF}
.dbhx-kw input::placeholder{color:rgba(255,255,255,.78)}
.dbhx-kw:focus-within{border-color:#FFFFFF}
.dbhx-find,.dbhx-tform{display:none}
.dbhx-sheet[hidden]{display:none}
@container dbh (min-width:1024px) and (max-width:1279px){
	.dbhx-top{min-height:400px}.dbhx-in{padding-left:max(62px,calc((100% - var(--db-maxw,99999px)) / 2 + 62px));padding-right:62px}
	.dbhx-eye{font-size:12px}.dbhx h1{font-size:40px}.dbhx-sub{font-size:16px}
}
@container dbh (max-width:1023px){
	.dbhx-top{display:block;height:300px;min-height:0;overflow:hidden}
	.dbhx-photo img{object-position:62% center}
	.dbhx-ov{background:linear-gradient(90deg,rgba(0,0,0,.7) 0%,rgba(0,0,0,.35) 50%,rgba(0,0,0,0) 85%)}
	.dbhx-in{position:absolute;inset:0;justify-content:center;padding:0 32px}
	.dbhx-head{max-width:460px}.dbhx-eye{font-size:12px}.dbhx h1{font-size:38px}
	.dbhx-sub,.dbhx-dform{display:none}.dbhx-msub{display:block}
	.dbhx-tform{display:flex;align-items:flex-end;gap:10px;padding:16px 32px 20px;background:var(--hp-panel,var(--color-d));border-bottom:1px solid var(--gray-200)}
	.dbhx-tform .dbhx-tf{flex:1}
	.dbhx-tgo{flex:none;height:46px;padding:0 18px;border:0;border-radius:calc(var(--radius) * 1.3);background:var(--btn-primary,var(--color-a));color:var(--btn-primary-text,var(--color-d));font:700 15px var(--font);white-space:nowrap;cursor:pointer}
	.dbhx-tgo:hover{background:var(--btn-primary-hover,var(--color-b))}
}
@container dbh (max-width:767px){
	.dbhx-top{height:420px}
	.dbhx-photo img{object-position:64% center}
	.dbhx-ov{background:linear-gradient(180deg,rgba(0,0,0,.2) 0%,rgba(0,0,0,.5) 100%)}
	.dbhx-in{inset:0 16px 80px;padding:0}
	.dbhx-eye{font-size:11px}.dbhx h1{font-size:32px}.dbhx-msub{font-size:14px}
	.dbhx-tform{display:none}
	.dbhx-find{position:absolute;left:12px;right:12px;bottom:14px;z-index:2;display:flex;align-items:center;gap:12px;height:60px;padding:0 8px 0 18px;border:0;border-radius:calc(var(--radius) * 2.4);background:var(--hp-panel,var(--color-d));box-shadow:0 12px 28px -12px rgba(0,0,0,.6);text-align:left;font-family:var(--font);cursor:pointer}
}
/* Shared field (tablet strip + phone sheet) */
.dbhx-tf{position:relative;display:flex;flex-direction:column;gap:5px;min-width:0;font:700 12px var(--font);letter-spacing:.04em;text-transform:uppercase;color:var(--hp-muted,var(--gray-600))}
.dbhx-tf select{width:100%;height:46px;padding:0 30px 0 12px;box-sizing:border-box;border:1.5px solid var(--gray-300);border-radius:calc(var(--radius) * 1.3);background:var(--color-d);font:500 15px var(--font);color:var(--color-c);text-transform:none;letter-spacing:0;-webkit-appearance:none;appearance:none;cursor:pointer}
.dbhx-tf select:focus{border-color:var(--gray-600);outline:none;box-shadow:0 0 0 3px var(--gray-100)}
.dbhx-tf select:disabled{opacity:.6;cursor:default}
.dbhx-tf > svg{position:absolute;right:10px;bottom:14px;width:16px;height:16px;pointer-events:none;color:var(--icon-color,var(--color-a))}
.dbhx-find-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.dbhx-find-t strong{font-size:16px;line-height:1.2;color:var(--color-c)}
.dbhx-find-t span{font-size:12.5px;line-height:1.3;color:var(--gray-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dbhx-find-b{flex:none;display:flex;align-items:center;gap:6px;height:44px;padding:0 14px;border-radius:calc(var(--radius) * 1.3);background:var(--btn-primary,var(--color-a));color:var(--btn-primary-text,var(--color-d));font:700 14px var(--font)}
.dbhx-find-b svg{width:16px;height:16px}
/* Phone bottom sheet (moved to <body> by home.js so it covers the whole screen) */
.dbhx-sheet{position:fixed;inset:0;z-index:1100;font-family:var(--font)}
.dbhx-sheet-ov{position:absolute;inset:0;background:rgba(35,31,32,.5)}
.dbhx-sheet-p{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:10px;max-height:90vh;box-sizing:border-box;overflow:auto;padding:10px 16px calc(20px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;background:var(--hp-panel,var(--color-d));color:var(--color-c);box-shadow:0 -14px 30px -10px rgba(0,0,0,.35)}
.dbhx-sheet-p *{box-sizing:border-box}
.dbhx-grab{align-self:center;width:40px;height:4px;border-radius:2px;background:var(--gray-300)}
.dbhx-sheet-h{display:flex;align-items:center;justify-content:space-between}.dbhx-sheet-h strong{font-size:18px}
.dbhx-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}
.dbhx-sheet-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.dbhx-sheet .dbhx-tf{gap:4px;font-size:11px}.dbhx-sheet .dbhx-tf select{height:48px}.dbhx-sheet .dbhx-tf > svg{bottom:16px}
.dbhx-skw{display:flex;align-items:center;gap:8px;height:48px;padding:0 12px;border:1.5px solid var(--gray-300);border-radius:calc(var(--radius) * 1.3);background:var(--color-d)}
.dbhx-skw svg{flex:none;width:16px;height:16px;color:var(--icon-color,var(--color-a))}
.dbhx-skw input{flex:1;min-width:0;height:100%;padding:0;border:0;outline:0;background:transparent;font:400 16px var(--font);color:var(--color-c)}
.dbhx-skw:focus-within{border-color:var(--gray-600)}
.dbhx-sgo{height:52px;border:0;border-radius:calc(var(--radius) * 1.3);background:var(--btn-primary,var(--color-a));color:var(--btn-primary-text,var(--color-d));font:700 16px var(--font);cursor:pointer}
.dbhx-sgo:hover{background:var(--btn-primary-hover,var(--color-b))}

/* ---------- Oct 25 BUDGET SECTION = concept 1a (Homepage Finance Part, variant b) ---------- */
.dbbx{background:var(--hp-fin-bg,var(--color-d));padding:56px var(--sp)}
.dbbx-in{max-width:min(1272px,calc(var(--db-maxw,99999px) - 168px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:center}
.dbbx-photo{order:2;height:520px;border-radius:calc(var(--radius) * 3);overflow:hidden;background:var(--gray-300)}
.dbbx-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:62% center}
.dbbx-txt{order:1;display:flex;flex-direction:column;gap:20px;min-width:0}
.dbbx-head{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:12px}
.dbbx-ht{display:flex;flex-direction:column;gap:6px;min-width:0}
.dbbx-ht h2{margin:0;font-size:34px;font-weight:700;letter-spacing:-.03em;line-height:1.08;color:var(--color-c);text-wrap:balance}
.dbbx-ht p{margin:0;font-size:15px;line-height:1.5;color:var(--gray-700)}
.dbbx-pq{flex:none;align-self:flex-start;display:flex;align-items:center;min-height:44px;font:700 14px var(--font);color:var(--color-c)!important;text-decoration:underline;text-decoration-color:var(--color-a);text-decoration-thickness:2px;text-underline-offset:4px}
.dbbx-pq:hover{color:var(--color-a)!important}
.dbbx-pq-top{display:none}.dbbx-pq-bot{margin-top:-6px}
.dbbx-tabs{display:flex;gap:24px;border-bottom:1px solid var(--gray-300)}
.dbbx-tabs button{flex:none;min-height:44px;padding:0 2px;margin-bottom:-1px;border:0;border-bottom:3px solid transparent;background:none;color:var(--gray-600);font:600 14px var(--font);white-space:nowrap;cursor:pointer}
.dbbx-tabs button[aria-checked="true"]{border-bottom-color:var(--color-a);color:var(--color-c);font-weight:700}
.dbbx-f{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}
.dbbx-fld{position:relative;display:flex;flex-direction:column;gap:5px;min-width:0;font-size:13px;font-weight:600;color:var(--color-c)}
.dbbx-in-w{display:flex;align-items:center;gap:4px;height:48px;padding:0 12px;border:1.5px solid var(--gray-300);border-radius:calc(var(--radius) * 1.3);background:var(--color-d)}
.dbbx-in-w i{font-style:normal;font-weight:600;color:var(--gray-600)}
.dbbx-in-w input{flex:1;min-width:0;height:100%;padding:0;border:0;outline:0;background:transparent;font:500 16px var(--font);color:var(--color-c)}
.dbbx-in-w:focus-within{border-color:var(--color-a)}
.dbbx-sel select{width:100%;height:48px;padding:0 30px 0 12px;border:1.5px solid var(--gray-300);border-radius:calc(var(--radius) * 1.3);background:var(--color-d);font:500 15px var(--font);color:var(--color-c);-webkit-appearance:none;appearance:none;cursor:pointer}
.dbbx-sel select:focus{border-color:var(--color-a);outline:none}
.dbbx-sel > svg{position:absolute;right:10px;bottom:15px;width:16px;height:16px;pointer-events:none;color:var(--icon-color,var(--color-a))}
.dbbx-res{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border:1px solid var(--gray-200);border-radius:calc(var(--radius) * 2);background:var(--hp-alt,var(--gray-50))}
.dbbx-val{display:flex;align-items:center;gap:14px;min-width:0}
.dbbx-big{font-size:38px;font-weight:700;letter-spacing:-.03em;line-height:1;white-space:nowrap;color:var(--price,var(--color-a))}
.dbbx-vt{display:flex;flex-direction:column;gap:2px;min-width:0}
.dbbx-lbl{font-size:13px;font-weight:600;color:var(--gray-700)}
.dbbx-apr{font-size:12.5px;color:var(--gray-600)}
.dbbx-shop{flex:none;display:flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:calc(var(--radius) * 1.3);background:var(--btn-primary,var(--color-a));color:var(--btn-primary-text,var(--color-d))!important;font:700 15px var(--font);text-decoration:none;white-space:nowrap}
.dbbx-shop:hover{background:var(--btn-primary-hover,var(--color-b))}
@container dbh (max-width:1279px){
	.dbbx{padding:40px 40px 44px}
	.dbbx-in{grid-template-columns:minmax(0,1fr);gap:24px}
	.dbbx-photo{order:0;height:260px}
	.dbbx-txt{gap:18px}
	.dbbx-head{flex-direction:row;align-items:flex-end}
	.dbbx-ht h2{font-size:28px}
	.dbbx-pq-top{display:flex}.dbbx-pq-bot{display:none}
	.dbbx-f{grid-template-columns:repeat(4,minmax(0,1fr))}
	.dbbx-big{font-size:34px}
}
@container dbh (max-width:767px){
	.dbbx{padding:0 0 28px}
	.dbbx-photo{height:220px;border-radius:0}
	.dbbx-txt{padding:0 16px}
	.dbbx-head{flex-direction:column;align-items:flex-start}
	.dbbx-ht h2{font-size:24px}.dbbx-ht p{font-size:14.5px}
	.dbbx-pq-top{display:none}.dbbx-pq-bot{display:flex;align-self:center}
	.dbbx-f{grid-template-columns:repeat(2,minmax(0,1fr))}
	.dbbx-res{flex-direction:column;align-items:stretch}
	.dbbx-big{font-size:32px}
}

/* Oct 26 APPROVED 4a: phone/tablet hero sheet pick list */
.dbhx-pk-main,.dbhx-pk-list{display:flex;flex-direction:column;gap:10px;min-height:0}
.dbhx-pk-main[hidden],.dbhx-pk-list[hidden],.dbhx-pk-src[hidden],.dbhx-pk-q[hidden]{display:none!important}
.dbhx-sheet-h{min-height:52px;border-bottom:1px solid var(--gray-200)}.dbhx-sheet-h strong{outline:none}
.dbhx-pk-rows{display:flex;flex-direction:column}
.dbhx-pk-row{display:flex;align-items:center;gap:8px;min-height:56px;padding:0 2px;border:0;border-bottom:1px solid var(--gray-100);background:none;font:400 16px var(--font);color:var(--color-c);text-align:left;cursor:pointer}
.dbhx-pk-row > span{flex:1;font-weight:600}
.dbhx-pk-row em{max-width:170px;font-style:normal;font-size:15px;font-weight:500;color:var(--gray-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dbhx-pk-row em.is-on{font-weight:700;color:var(--color-c)}
.dbhx-pk-row svg{flex:none;color:var(--gray-500,#8A8A8A)}
.dbhx-pk-row:disabled{color:var(--gray-500,#8A8A8A);cursor:default}.dbhx-pk-row:disabled em{color:var(--gray-500,#8A8A8A)}
.dbhx-pk-h{display:flex;align-items:center;gap:4px;min-height:52px;border-bottom:1px solid var(--gray-200)}.dbhx-pk-h strong{flex:1;font-size:18px;outline:none}
.dbhx-pk-back{width:44px;height:44px;margin-left:-10px;border:0;background:none;color:var(--color-c);display:flex;align-items:center;justify-content:center;cursor:pointer}
.dbhx-pk-q{display:flex;align-items:center;gap:8px;height:46px;padding:0 12px;border-radius:calc(var(--radius) * 1.3);background:var(--gray-100);color:var(--gray-600)}.dbhx-pk-q input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:400 16px var(--font);color:var(--color-c)}
.dbhx-pk-opts{display:flex;flex-direction:column;max-height:60vh;overflow:auto}
.dbhx-pk-g{padding:14px 4px 4px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gray-600)}
.dbhx-pk-o{display:flex;align-items:center;gap:10px;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}
.dbhx-pk-o.is-on{font-weight:700}.dbhx-pk-o small{font-size:13px;color:var(--gray-600)}
.dbhx-pk-o i{flex:none;margin-left:auto;width:20px;height:20px;box-sizing:border-box;border-radius:50%;border:2px solid var(--gray-300)}.dbhx-pk-o.is-on i{border:6px solid var(--icon-color,var(--color-a))}

/* Cars on Sale – same container/side padding as Featured Vehicles; tight gap after Featured */
.dbh-sale.is-after-feat{padding-top:0!important}
.dbh-feat:has(+ .dbh-sale.is-after-feat){padding-bottom:16px!important}
@container dbh (max-width:767px){.dbh-feat:has(+ .dbh-sale.is-after-feat){padding-bottom:12px!important}}