/* Catalog prices use the existing type, colors and icon family. */
.finance-link{appearance:none;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;margin:0 0 16px;padding:4px 0;background:none;border:0;color:#f5f5f7;font:inherit;text-align:left;cursor:pointer}.finance-link small{font-size:12px;color:#aaaab2}.finance-link strong{display:block;font-size:21px;line-height:1.4;font-weight:600}.finance-link strong span{font-size:14px;font-weight:400}.finance-link-label{display:inline-flex;align-items:center;gap:3px;white-space:nowrap;font-size:13px;color:#b9b9c1}.finance-link .ui-icon{width:16px;height:16px}.finance-link:focus-visible,.finance-close:focus-visible{outline:2px solid #f5f5f7;outline-offset:4px;border-radius:8px}.detail-finance{width:100%;max-width:420px;margin:18px auto 0;text-align:left}.finance-dialog{position:fixed;inset:0;width:min(560px,calc(100vw - 32px));max-height:88dvh;margin:auto;padding:0;border:1px solid #ffffff22;border-radius:22px;background:#1a1a1d;color:#f5f5f7;box-shadow:0 24px 80px #0008;overflow:auto;font:inherit;color-scheme:dark}.finance-dialog::backdrop{background:#000b}.finance-sheet{padding:24px}.finance-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.finance-header h2{font-size:28px;line-height:1.25;margin:8px 0}.finance-header .eyebrow{font-size:10px;letter-spacing:2px;color:#aaaab2}.finance-close{display:flex;align-items:center;gap:3px;min-width:44px;min-height:44px;background:#343439;color:#eee;border:1px solid #ffffff18;border-radius:999px;font:inherit;padding:8px 12px;font-size:13px;cursor:pointer}.finance-close .ui-icon{width:18px;height:18px}.finance-selection{font-size:15px;color:#b9b9c1;margin:12px 0 4px;line-height:1.6}.finance-code{font-size:11px;color:#8f8f99;margin-bottom:20px}.finance-cash{margin:22px 0}.finance-cash>span{display:block;font-size:13px;color:#aaaab2}.finance-cash strong{display:block;font-size:36px;line-height:1.4}.finance-cash small{font-size:18px;font-weight:400}.finance-down-label{display:block;font-size:14px;margin-bottom:8px}.finance-dialog select{display:block;width:100%;min-height:48px;padding:10px 14px;background:#333338;color:#f5f5f7;border:1px solid #ffffff22;border-radius:12px;font:inherit;font-size:16px}.finance-conditions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.finance-conditions p{margin:0;font-size:13px;color:#aaaab2}.finance-conditions strong{display:block;margin-top:5px;font-size:15px;color:#eee;font-weight:500}.finance-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.finance-table caption{text-align:left}.finance-table th,.finance-table td{padding:12px 3px;border-bottom:1px solid #ffffff15;text-align:left;font-size:16px;font-weight:400}.finance-table thead th{font-size:13px;color:#aaaab2}.finance-table td,.finance-table th:last-child{text-align:right}.finance-table td{font-weight:600}.finance-table tbody th span{color:#aaaab2;font-size:13px}.finance-source{font-size:11px;color:#8f8f99;margin:18px 0 8px}.finance-note{font-size:12px;color:#aaaab2;line-height:1.8;margin:10px 0}.finance-unconfirmed{font-size:13px;font-weight:400;color:#aaaab2}.finance-contact{margin-top:22px}.finance-contact a{width:100%}.finance-pending{padding:22px 0}.finance-pending h3{font-size:21px;line-height:1.5;margin:8px 0}.finance-pending p{font-size:15px;color:#aaaab2;line-height:1.8}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){.finance-dialog{inset:auto 0 0;width:100%;max-width:100%;max-height:91dvh;margin:0;border-radius:22px 22px 0 0}.finance-sheet{padding:22px 20px calc(22px + env(safe-area-inset-bottom))}.finance-header h2{font-size:26px}}

/* Approved option 1: cash, down payment and three terms within each vehicle. */
.collection .card-finance{margin:20px 0 0;padding:15px 12px 12px;min-width:0;border:1px solid #ffffff25;border-radius:14px;background:linear-gradient(135deg,#ffffff03,#00000012);color:#f5f5f7}.card-cash{display:flex;align-items:center;gap:12px;padding-bottom:13px;border-bottom:1px solid #ffffff20}.cash-symbol{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:#ee242e;color:#fff;border:1px solid #ff8991;box-shadow:inset 0 0 0 3px #ee242e,inset 0 0 0 4px #fff;font-size:25px;line-height:1;font-weight:600}.card-cash>div>span{display:block;font-size:13px;color:#c6c6ce}.card-cash strong{display:block;font-size:clamp(26px,3vw,36px);line-height:1.3;font-weight:700;font-variant-numeric:tabular-nums}.card-cash small{font-size:15px;font-weight:500}.card-down{display:flex;align-items:center;gap:10px;padding:13px 0}.card-down label{display:flex;align-items:center;gap:7px;flex:0 0 auto;font-size:14px;white-space:nowrap}.card-down .ui-icon{width:21px;height:21px;color:#bdbdc6}.card-down select{min-width:0;width:100%;min-height:44px;padding:9px 10px;background:#252529;color:#f5f5f7;border:1px solid #ffffff30;border-radius:9px;font:inherit;font-size:16px}.finance-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;min-width:0}.finance-term{min-width:0;text-align:center;padding:10px 3px;border:1px solid #ffffff25;border-radius:10px}.finance-term+.finance-term{margin-left:-1px}.finance-term>span{display:block;padding-bottom:7px;margin-bottom:8px;border-bottom:1px solid #ffffff20;font-size:13px;white-space:nowrap}.finance-term strong{display:block;color:#f3323e;font-size:clamp(21px,3vw,32px);font-weight:700;line-height:1.3;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.finance-term small{display:block;margin-top:3px;font-size:11px;color:#c6c6ce;line-height:1.5}.finance-all{margin-top:6px}.finance-all summary,.finance-terms summary{display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;list-style:none;min-height:36px;font-size:12px;color:#bdbdc6}.finance-all summary::-webkit-details-marker,.finance-terms summary::-webkit-details-marker{display:none}.finance-all summary .ui-icon,.finance-terms summary .ui-icon{width:16px;height:16px;flex-shrink:0}.finance-all summary .ui-icon{transform:rotate(90deg)}.finance-all[open] summary .ui-icon{transform:rotate(-90deg)}.finance-terms summary{justify-content:flex-start;min-height:36px;color:#d4d4db;font-size:12px}.finance-terms summary .ui-icon:last-child{margin-left:auto;transform:rotate(90deg)}.finance-terms[open] summary .ui-icon:last-child{transform:rotate(-90deg)}.finance-terms p,.finance-terms small{font-size:11px;line-height:1.8;color:#aaaab2}.finance-terms p{margin:6px 0}.finance-terms small{display:block;margin-bottom:8px}.finance-inline-conditions{display:flex;flex-wrap:wrap;gap:3px 9px;padding-top:6px;border-top:1px solid #ffffff14;font-size:11px;line-height:1.8;color:#b9b9c1}.finance-inline-conditions span+span{padding-left:9px;border-left:1px solid #ffffff20}.collection .card-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.collection .card-actions .learn-button,.collection .card-actions .card-inquiry{width:100%;min-width:0;padding:12px 8px;font-size:14px;gap:6px;border-radius:14px}.card-inquiry .ui-icon{width:20px;height:20px;flex:0 0 20px}.finance-awaiting>p{font-size:13px;color:#aaaab2;margin-bottom:7px}.finance-awaiting>strong{display:block;font-size:16px;line-height:1.7}.finance-awaiting>small{display:block;margin-top:6px;font-size:12px;color:#aaaab2;line-height:1.7}.card-finance .finance-table th,.card-finance .finance-table td{font-size:13px;padding:8px 3px}.card-finance .finance-table thead th{font-size:12px}.card-finance select:focus-visible,.card-finance summary:focus-visible{outline:2px solid #f5f5f7;outline-offset:2px}
@media(min-width:1100px){.card-down label{font-size:13px}.card-down select{font-size:14px}.finance-term strong{font-size:27px}}
@media(max-width:370px){.collection .card-finance{padding:12px 8px}.finance-term strong{font-size:20px}.finance-term>span{font-size:12px}.card-down label{font-size:12px}.card-down label .ui-icon{display:none}.collection .card-actions .learn-button,.collection .card-actions .card-inquiry{font-size:12px}}
html[lang="en"] .collection .card-actions .learn-button,html[lang="en"] .collection .card-actions .card-inquiry{font-size:12px}

/* Compact by default; full comparison expands inside the same card. */
.collection .card-finance:not(.finance-awaiting){padding:0;border:0;border-radius:0;background:none;margin-top:18px}.card-finance .card-cash{justify-content:space-between;padding:10px 12px;margin-bottom:8px;border:1px solid #ffffff25;border-radius:10px}.card-finance .cash-symbol{display:none}.card-finance .card-cash>div{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-width:0}.card-finance .card-cash>div>span{font-size:13px;flex-shrink:0}.card-finance .card-cash strong{font-size:23px;white-space:nowrap}.card-finance .card-cash strong small{font-size:13px}.finance-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:1px solid #ffffff25;border-radius:10px;list-style:none;cursor:pointer;min-width:0}.finance-disclosure>summary::-webkit-details-marker{display:none}.finance-preview{display:flex;flex-direction:column;gap:3px;min-width:0}.finance-preview>strong{display:block;color:#f3323e;font-size:26px;line-height:1.3;letter-spacing:-.4px;font-variant-numeric:tabular-nums}.finance-preview>strong small{font-size:12px;color:#eee;font-weight:400;letter-spacing:0}.finance-preview>span{font-size:12px;color:#b9b9c1;line-height:1.7}.finance-disclosure-label{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#b9b9c1;flex-shrink:0}.finance-disclosure-label .ui-icon{width:15px;height:15px;transform:rotate(90deg)}.finance-disclosure .finance-hide{display:none}.finance-disclosure[open]>summary{justify-content:flex-end;padding:5px 0 8px;border:0;border-radius:0;min-height:36px}.finance-disclosure[open]>summary .finance-preview,.finance-disclosure[open]>summary .finance-show{display:none}.finance-disclosure[open]>summary .finance-hide{display:inline}.finance-disclosure[open]>summary .ui-icon{transform:rotate(-90deg)}.finance-expanded{padding:0 12px 10px;border:1px solid #ffffff25;border-radius:12px;background:#ffffff02}.finance-disclosure>summary:focus-visible{outline:2px solid #f5f5f7;outline-offset:3px}.finance-disclosure:not([open])>.finance-expanded{display:none}
@media(max-width:370px){.finance-preview>strong{font-size:22px}.finance-disclosure-label{font-size:11px}.finance-disclosure>summary{padding:10px 8px;gap:5px}.card-finance .card-cash{padding:10px 8px}.card-finance .card-cash strong{font-size:21px}.finance-preview>span{font-size:11px}}
html[lang="en"] .finance-disclosure-label{font-size:11px}

/* Expansion affects only the selected vehicle card. */
.collection .rail{align-items:flex-start}

/* Equal collapsed card boundaries, with independent inline expansion. */
.collection .vehicle{display:flex;flex-direction:column;height:auto}
.collection .vehicle-copy{display:flex;flex-direction:column;flex:1 1 auto}
.collection .card-actions{margin-top:auto;padding-top:18px;align-items:stretch}
.collection .vehicle-art,.collection .color-panel,.collection .vehicle-copy>p,.collection .mini-specs,.collection .card-finance,.collection .card-actions{flex-shrink:0}

/* Full-width native picker with a wrapping value and a reserved arrow column. */
.card-down{flex-direction:column;align-items:stretch;gap:6px}
.card-down label{white-space:normal;line-height:1.5;overflow-wrap:anywhere}
.finance-select{position:relative;display:block;width:100%;min-width:0;border:1px solid #ffffff30;border-radius:9px;background:#252529;color:#f5f5f7;isolation:isolate}
.finance-select-value{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;min-height:44px;padding:9px 34px 9px 10px;font:400 16px/1.5 'Noto Sans Thai',sans-serif;font-variant-numeric:tabular-nums;pointer-events:none}
.finance-select-value>span{white-space:nowrap}
.card-down .finance-select select,.finance-dialog .finance-select select{position:absolute;inset:0;z-index:1;width:100%;height:100%;min-height:44px;margin:0;padding:0;opacity:0;cursor:pointer;font-size:16px}
.finance-select-arrow{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;pointer-events:none}
.finance-select .finance-select-arrow .ui-icon{width:14px;height:14px;transform:rotate(90deg)}
.finance-select:focus-within{outline:2px solid #f5f5f7;outline-offset:2px}
.card-cash>div{min-width:0}
.card-finance .card-cash>div{flex-wrap:wrap;gap:4px 10px}
.finance-conditions>p,.finance-inline-conditions>span,.finance-awaiting>strong{min-width:0;overflow-wrap:anywhere}
.collection .card-actions>a{white-space:normal;overflow-wrap:anywhere}
