/* Financing (Finance A) + Car Finder (Car Finder A). Gray band inside the page side padding, 880px column. Container widths: <768 phone, 768–1023 tablet, ≥1024 desktop. */ .dbl{container:dbl / inline-size;background:var(--color-d);color:var(--color-c)} .dbl *{box-sizing:border-box} .dbl > *{--sp:84px} .dbl-band{margin:0 var(--sp);background:var(--gray-100)} .dbl-main{max-width:880px;margin:0 auto;padding:56px 24px 72px;display:flex;flex-direction:column;gap:24px} .dbl-head{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center} .dbl-badge{flex:none;white-space:nowrap;display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--color-d);font-size:13px;font-weight:600}.dbl-badge svg{color:var(--color-a)} .dbl-kick{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-a)} .dbl h1{margin:0;font-size:40px;font-weight:700;line-height:1.1;letter-spacing:-.03em;color:var(--color-c);text-wrap:balance} .dbl-head p{margin:0;max-width:58ch;font-size:15px;line-height:1.6;color:var(--gray-700);text-wrap:pretty} .dbl-form{display:flex;flex-direction:column;gap:14px}.dbl-form[hidden]{display:none} .dbl-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0} .dbl-card{display:flex;flex-direction:column;gap:16px;padding:26px 28px;border-radius:calc(var(--radius) * 2.6);background:var(--color-d);border:1px solid var(--gray-200)}.dbl-g18{gap:18px} .dbl-sh{display:flex;flex-direction:column;gap:4px}.dbl-sh-row{flex-direction:row;align-items:center;justify-content:space-between;gap:12px} .dbl-st{display:flex;align-items:center;gap:10px} .dbl-n{flex:none;width:26px;height:26px;border-radius:16px;background:var(--color-c);color:var(--color-d);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center} .dbl-card h2{margin:0;font-size:19px;font-weight:700;letter-spacing:-.02em} .dbl-sh p{margin:0 0 0 36px;font-size:13px;line-height:1.5;color:var(--gray-600)} .dbl-muted{font-weight:400;color:var(--gray-600)}.dbl-sm{font-size:13px}.dbl-w5{font-weight:400} .dbl-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.dbl-grid[hidden]{display:none} .dbl-grid > *{grid-column:span var(--c,6);min-width:0}.dbl-span6{grid-column:1 / -1!important}.dbl-span6[hidden]{display:none} .dbl-f{position:relative;display:flex;flex-direction:column;gap:2px;min-width:0;padding:8px 14px 9px;border:1px solid var(--gray-300);border-radius:calc(var(--radius) * 1.3);background:var(--color-d)} .dbl-f > span:first-child{font-size:12px;font-weight:600;color:var(--gray-600)} .dbl-f input,.dbl-f select,.dbl-f textarea{width:100%;min-width:0;padding:0;border:0;outline:none;background:transparent;font:400 15px var(--font);color:var(--color-c)} .dbl-f textarea{line-height:1.5;resize:vertical} .dbl-f select{padding-right:24px;font-weight:600;-webkit-appearance:none;appearance:none;cursor:pointer} .dbl-f:focus-within{border-color:var(--color-a);box-shadow:0 0 0 1px var(--color-a)} .dbl-f.is-bad{border-color:var(--color-a)} .dbl-chev{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--color-a);pointer-events:none} .dbl-iw{display:flex;align-items:center;gap:2px}.dbl-cur{color:var(--gray-600);font-size:15px} .dbl-pf{display:flex;flex-direction:column;gap:6px;min-width:0}.dbl-card > .dbl-pf{gap:8px} .dbl-pl{font-size:13px;font-weight:700} .dbl-pills{display:flex;flex-wrap:wrap;gap:8px} .dbl-pills button,.dbl-bodies button{flex:none;white-space:nowrap;height:44px;padding:0 16px;border:1px solid var(--gray-300);border-radius:19px;background:var(--color-d);color:var(--color-c);font:600 13px var(--font);cursor:pointer} .dbl-pills button[hidden]{display:none} .dbl-pills-lg button{height:44px;padding:0 18px;border-radius:16px;font-size:14px} .dbl-bodies{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px} .dbl-bodies button{display:flex;align-items:center;justify-content:center;height:42px;border-radius:10px;font-size:14px} .dbl-pills button[aria-pressed="true"],.dbl-bodies button[aria-pressed="true"]{background:var(--color-c);border-color:var(--color-c);color:var(--color-d)} .dbl-feats button{display:flex;align-items:center;gap:6px;padding:0 14px 0 10px} .dbl-ck{flex:none;color:var(--color-a)}.dbl-ck .dbl-yes{display:none} .dbl-feats button[aria-pressed="true"] .dbl-ck{color:var(--color-d)}.dbl-feats button[aria-pressed="true"] .dbl-yes{display:inline}.dbl-feats button[aria-pressed="true"] .dbl-no{display:none} .dbl-note{font-size:12px;line-height:1.45;color:var(--gray-600)} .dbl-tog{align-self:flex-start;display:flex;align-items:center;gap:4px;min-height:32px;padding:0;border:0;background:none;color:var(--color-c);font:700 14px var(--font);cursor:pointer}.dbl-tog svg{flex:none;color:var(--color-a)} .dbl-tog[aria-expanded="true"] .dbl-v{display:none} .dbl-more{padding-top:14px;border-top:1px solid var(--gray-200)}#dbl-ex{padding-top:16px} .dbl-car{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid var(--gray-200);border-radius:10px} .dbl-car-ph{position:relative;flex:none;width:96px;height:66px;border-radius:calc(var(--radius) * 1.3);background:var(--gray-100);overflow:hidden}.dbl-car-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block} .dbl-car-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.dbl-car-t strong{font-size:16px;letter-spacing:-.01em}.dbl-car-t span{font-size:13px;color:var(--gray-600)}.dbl-car-t b{font-size:15px;font-weight:700} .dbl-change{flex:none;white-space:nowrap;display:flex;align-items:center;height:36px;padding:0 14px;border:1px solid var(--gray-300);border-radius:calc(var(--radius) * 1.3);color:var(--color-c)!important;font-size:13px;font-weight:700;text-decoration:none} .dbl-nocar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 14px;padding:14px 16px;border:1px dashed var(--gray-300);border-radius:calc(var(--radius) * 2);font-size:14px;color:var(--gray-600)} .dbl-nocar a{display:flex;align-items:center;min-height:40px;font-weight:700;color:var(--color-c)!important} .dbl-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px}.dbl-fit180{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}.dbl-fit[hidden]{display:none} .dbl-range{display:flex;flex-direction:column;gap:6px;min-width:0} .dbl-rbox{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid var(--gray-300);border-radius:calc(var(--radius) * 1.3);overflow:hidden;background:var(--color-d)}.dbl-rbox1{grid-template-columns:minmax(0,1fr)} .dbl-rs{position:relative;display:flex;flex-direction:column;padding:7px 12px 8px;min-width:0}.dbl-rs + .dbl-rs{border-left:1px solid var(--gray-300)} .dbl-rs > span{font-size:12px;font-weight:600;color:var(--gray-600)} .dbl-rs select{width:100%;padding:0 20px 0 0;border:0;outline:none;background:transparent;font:600 15px var(--font);color:var(--color-c);-webkit-appearance:none;appearance:none;cursor:pointer} .dbl-rs .dbl-chev{top:auto;bottom:8px;right:8px;transform:none} .dbl-rs:focus-within{box-shadow:inset 0 0 0 2px var(--color-a)} .dbl-review{gap:14px}.dbl-review h2{font-size:17px;letter-spacing:-.01em} .dbl-consent{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:10px;background:var(--gray-100);font-size:13px;line-height:1.6;color:var(--gray-700)}.dbl-consent p{margin:0} .dbl-agree{position:relative;align-self:flex-start;display:flex;align-items:center;gap:10px;min-height:32px;font-size:14px;font-weight:600;cursor:pointer} .dbl-agree input{position:absolute;opacity:0;width:22px;height:22px;margin:0} .dbl-box{flex:none;width:22px;height:22px;border-radius:6px;border:1.5px solid var(--gray-500);background:var(--color-d);display:flex;align-items:center;justify-content:center;color:var(--color-d)}.dbl-box svg{opacity:0} .dbl-agree input:checked + .dbl-box{background:var(--color-c);border-color:var(--color-c)}.dbl-agree input:checked + .dbl-box svg{opacity:1} .dbl-agree input:focus-visible + .dbl-box{outline:3px solid var(--color-a);outline-offset:2px} .dbl-agree.is-bad .dbl-box{border-color:var(--color-a)} .dbl-err{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--color-a) 10%,#FFFFFF);color:var(--color-b);font-size:13px;font-weight:600}.dbl-err[hidden]{display:none}.dbl-err svg{flex:none} .dbl-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px} .dbl-submit{flex:none;white-space:nowrap;height:48px;padding:0 32px;border:0;border-radius:calc(var(--radius) * 1.3);background:var(--color-a);color:var(--color-d);font:700 15px var(--font);cursor:pointer}.dbl-submit:hover{background:var(--color-b)}.dbl-submit[disabled]{opacity:.7;cursor:wait} .dbl-fine{font-size:12px;line-height:1.55;color:var(--gray-600)}.dbl-fine a{color:var(--gray-600)!important;text-decoration:underline} .dbl-sent{display:flex;flex-direction:column;align-items:center;gap:10px;padding:44px 24px;border-radius:calc(var(--radius) * 2.6);background:var(--color-d);border:1px solid var(--gray-200);text-align:center}.dbl-sent[hidden]{display:none} .dbl-sent-i{width:56px;height:56px;border-radius:28px;background:var(--gray-100);color:var(--color-a);display:flex;align-items:center;justify-content:center} .dbl-sent strong{font-size:21px;letter-spacing:-.01em}.dbl-sent > span:not(.dbl-sent-i){max-width:46ch;font-size:15px;line-height:1.55;color:var(--gray-700)} .dbl-again{margin-top:4px;padding:0;min-height:32px;border:0;background:none;font:700 13px var(--font);color:var(--color-a);text-decoration:underline;text-underline-offset:3px;cursor:pointer} @container dbl (max-width:1279px){.dbl > *{--sp:32px}} @container dbl (max-width:1023px){.dbl-main{padding:44px 32px 60px}.dbl h1{font-size:34px}} @container dbl (max-width:767px){ .dbl > *{--sp:16px} .dbl-main{padding:28px 12px 40px}.dbl h1{font-size:28px} .dbl-card{padding:18px 16px} .dbl-grid > *{grid-column:span var(--pc,6)} } /* Financing: gray band runs to the page edges (Oct 23) */ .dbl[data-form="finance"] .dbl-band{margin:0} /* Financing intro pop-up (Oct 23) */ .dbl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0} .dbl-intro{position:fixed;inset:0;z-index:120;display:flex;align-items:flex-start;justify-content:center;padding:56px 40px;overflow-y:auto;background:color-mix(in srgb,var(--color-c) 45%,transparent)}.dbl-intro[hidden]{display:none} .dbl-intro-box{position:relative;width:100%;max-width:920px;display:flex;flex-direction:column;gap:20px;padding:20px 28px 28px;border-radius:16px;background:var(--color-d);color:var(--color-c);box-shadow:0 30px 80px -24px rgba(0,0,0,.45)} .dbl-intro-top{display:flex;align-items:center;justify-content:space-between;gap:12px} .dbl-intro-call{display:flex;align-items:center;gap:10px;min-height:44px;color:var(--color-c)!important;text-decoration:none} .dbl-intro-ci{flex:none;width:40px;height:40px;border-radius:50%;background:var(--gray-100);display:flex;align-items:center;justify-content:center;color:var(--color-a)} .dbl-intro-call > span:last-child{display:flex;flex-direction:column;gap:1px}.dbl-intro-call > span:last-child > span{font-size:13px;color:var(--gray-600)}.dbl-intro-call strong{font-size:17px;letter-spacing:-.01em} .dbl-intro-x{flex:none;width:44px;height:44px;border:0;border-radius:22px;background:var(--gray-100);color:var(--color-c);display:flex;align-items:center;justify-content:center;cursor:pointer}.dbl-intro-x:hover{background:var(--gray-200)} .dbl-intro-steps{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:12px} .dbl-intro-arr{align-self:center;margin-top:-74px;color:var(--gray-500);display:flex}.dbl-intro-arr svg{width:26px;height:26px} .dbl-intro-step{min-width:0;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center} .dbl-intro-img{position:relative;width:100%;aspect-ratio:800 / 573}.dbl-intro-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain} .dbl-intro-txt{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0} .dbl-intro-h{display:flex;flex-direction:column;align-items:center;gap:6px} .dbl-intro-n{flex:none;width:30px;height:30px;border-radius:50%;background:var(--color-a);color:var(--color-d);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700} .dbl-intro-h strong{font-size:17px;font-weight:700;line-height:1.25;letter-spacing:-.01em} .dbl-intro-txt > span:last-child{max-width:30ch;font-size:14px;line-height:1.5;color:var(--gray-700);text-wrap:balance} .dbl-intro-priv{max-width:760px;margin:0 auto;padding:14px 18px;border-radius:10px;background:var(--gray-50,#F7F7F7);border:1px solid var(--gray-200);font-size:13px;line-height:1.55;color:var(--gray-700);text-wrap:pretty}.dbl-intro-priv strong{color:var(--color-c)} .dbl-intro-pi{display:inline-block;vertical-align:-4px;margin-right:5px;color:var(--color-a);line-height:0}.dbl-intro-pi svg{display:block} .dbl-intro-foot{display:flex;justify-content:center} .dbl-intro-go{white-space:nowrap;height:48px;padding:0 32px;border:0;border-radius:10px;background:var(--color-a);color:var(--color-d);font:700 15px var(--font);cursor:pointer}.dbl-intro-go:hover{background:var(--color-b)} body.dbl-lock{overflow:hidden} @media (max-width:1100px){.dbl-intro{padding:28px 24px}.dbl-intro-box{max-width:720px;gap:16px;padding:16px 22px 24px}.dbl-intro-steps{gap:6px}.dbl-intro-arr{margin-top:-70px}.dbl-intro-h strong{font-size:15px}.dbl-intro-txt > span:last-child{font-size:13px}} @media (max-width:767px){ .dbl-intro{padding:12px 10px}.dbl-intro-box{gap:18px;padding:14px 16px 20px} .dbl-intro-steps{grid-template-columns:minmax(0,1fr);gap:16px}.dbl-intro-arr{display:none} .dbl-intro-step{flex-direction:row;align-items:center;gap:14px;text-align:left}.dbl-intro-img{flex:none;width:112px} .dbl-intro-txt,.dbl-intro-h{align-items:flex-start}.dbl-intro-h{flex-direction:row;align-items:center;gap:8px} .dbl-intro-n{width:24px;height:24px;font-size:13px}.dbl-intro-h strong{font-size:16px} .dbl-intro-go{flex:1 1 auto}.dbl-intro-foot{display:flex} } /* 0.9.8: visible "How it works" heading, phone line under it, close button in the corner */ .dbl-intro-x{position:absolute;top:14px;right:14px} .dbl-intro-head{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 48px 0;text-align:center} .dbl-intro-head h2{margin:0;font-size:28px;font-weight:700;line-height:1.15;letter-spacing:-.02em;color:var(--color-c)} .dbl-intro-head .dbl-intro-call{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;min-height:32px;font-size:15px;color:var(--gray-700)!important} .dbl-intro-head .dbl-intro-ci{width:auto;height:auto;background:none;display:flex}.dbl-intro-head .dbl-intro-ci svg{width:16px;height:16px} .dbl-intro-head .dbl-intro-call strong{font-size:15px;color:var(--color-c);text-decoration:underline;text-decoration-color:var(--color-a);text-underline-offset:3px} @media (max-width:1100px){.dbl-intro-head h2{font-size:24px}} @media (max-width:767px){.dbl-intro-x{top:10px;right:10px}.dbl-intro-head{padding:8px 40px 0}.dbl-intro-head h2{font-size:24px}.dbl-intro-head .dbl-intro-call,.dbl-intro-head .dbl-intro-call strong{font-size:14px}} /* 0.9.9: images 20% smaller, arrows follow */ .dbl-intro-img{width:80%} .dbl-intro-arr{margin-top:-62px} @media (max-width:1100px){.dbl-intro-arr{margin-top:-58px}} @media (max-width:767px){.dbl-intro-img{width:90px}} /* Custom dropdowns (Oct 24): native