/* Listing layout follows the supplied reference; header and footer keep shared styling. */
body.listing-layout{background:#fff;color:#1b1b1b;line-height:1.55;--accent:#f5be1e;--main:#f5be1e;--muted:#6b6b6b;--border:#e6e4df;--shadow:none}
.listing-layout .page{max-width:1240px;padding:22px 20px 38px;color:#1b1b1b}
.listing-layout .page :is(section,aside,div){min-width:0}
.listing-layout .breadcrumbs{font-size:12px;color:#6b6b6b;margin:0 0 18px}
.listing-layout .breadcrumbs a{color:#805b0e;font-weight:600}
.listing-layout .detail-search{background:#f6f5f2;border-color:#e6e4df;border-radius:12px;padding:10px;box-shadow:none;margin:0 0 18px}
.listing-layout .detail-search input{background:#fff;color:#171717;border:1px solid #d9d7d2;border-radius:8px;font-size:13px}
.listing-layout .detail-search input:focus-visible{outline:2px solid #b97f12;outline-offset:2px}
.listing-layout .detail-search button{border-radius:8px;font-size:13px;width:auto;min-width:76px}
.listing-layout .listing-top{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:26px;align-items:start}
.listing-layout .gallery-card{border:0;border-radius:0;overflow:visible;background:transparent;box-shadow:none}
.listing-layout .gallery-main{aspect-ratio:4/3;border-radius:16px;background:#101010}
.listing-layout .gallery-main img{background:#101010}
.listing-layout .media-badge{left:auto;right:12px;bottom:12px;font-size:11px;padding:5px 10px}
.listing-layout .gallery-arrow{width:40px;height:40px}.listing-layout .gallery-arrow.left{left:12px}.listing-layout .gallery-arrow.right{right:12px}
.listing-gallery-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin:12px 0 8px}
.listing-gallery-toolbar span{display:inline-flex;padding:6px 13px;border-radius:999px;background:#0e0e0e;color:#f5be1e;font-size:12px;font-weight:700}
.listing-gallery-toolbar a{font-size:12px;font-weight:700;color:#805b0e;text-underline-offset:3px}
.listing-layout .gallery-thumbs{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px)/6);gap:8px;padding:0 0 8px;background:transparent;border:0;border-radius:0;scroll-padding:0}
.listing-layout .gallery-thumb{width:100%;height:auto;aspect-ratio:4/3;border-radius:8px;opacity:.8;box-shadow:none}
.listing-layout .gallery-thumb.active{border-color:#b97f12;opacity:1;box-shadow:none}
.listing-layout .gallery-hint{font-size:10px;color:#6b6b6b;margin:3px 0 0}
.listing-layout .listing-buy-box{background:#fff;border:1px solid #e6e4df;border-radius:16px;box-shadow:none;padding:22px;position:sticky;top:18px}
.listing-layout.ucar-adminbar-visible .listing-buy-box{top:62px}
.listing-layout .detail-listing-badges{margin:0 0 10px;display:flex;gap:6px;flex-wrap:wrap}
.listing-layout .detail-listing-badges .listing-badge{font-size:10px;padding:4px 8px}
.listing-layout .vehicle-title{font-size:clamp(26px,2.8vw,34px);line-height:1.12;margin:0;overflow-wrap:anywhere;color:#171717}
.listing-unit-line{font-size:11px;color:#6b6b6b;font-weight:600;margin:8px 0 14px;line-height:1.8}
.listing-price-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.listing-layout .vehicle-price{display:inline-block;background:#f5be1e;color:#171717;font-size:34px;line-height:1.35;padding:0 12px;border-radius:5px;margin:0}
.listing-cash-label{font-size:11px;color:#6b6b6b;font-weight:700}
.listing-layout .vehicle-regular-was{font-size:11px;color:#6b6b6b;margin-bottom:6px}
.listing-saving{font-size:11px;color:#246d34;font-weight:700;margin:6px 0 0}
.listing-finance-teaser{margin-top:12px;background:#0e0e0e;color:#fff;border-radius:10px;padding:12px 14px}
.listing-finance-teaser>span{font-size:11px;color:#d5d5d5}
.listing-finance-teaser>div{display:flex;gap:5px;align-items:baseline}.listing-finance-teaser b{font:400 25px/1.4 Anton,'Arial Narrow',sans-serif;color:#f5be1e}.listing-finance-teaser strong{font-size:12px}
.listing-finance-teaser p{margin:1px 0 5px;color:#d5d5d5;font-size:11px}
.listing-finance-teaser a{font-size:11px;color:#f5be1e;font-weight:700;text-underline-offset:3px}
.listing-layout .listing-buy-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
.listing-layout .listing-buy-actions .btn{min-height:44px;border-radius:9px;font-size:12px;padding:11px 8px;text-align:center;line-height:1.4;font-weight:800}
.listing-layout .listing-buy-actions .listing-primary-action{grid-column:1/-1}
.listing-layout .listing-buy-actions .btn.secondary{background:#0e0e0e;border-color:#0e0e0e;color:#fff}
.listing-layout .listing-buy-actions .listing-outline{background:#fff;border:1px solid #171717;color:#171717}
.listing-layout .listing-buy-actions .btn:hover{transform:none;background:#f5be1e;color:#171717;border-color:#f5be1e}
.listing-small-links{display:flex;gap:7px 14px;align-items:center;flex-wrap:wrap;margin-top:12px}
.listing-small-links :is(a,button){color:#805b0e;background:none;border:0;padding:4px 0;min-height:30px;display:inline-flex;align-items:center;text-decoration:none;font:700 11px/1.5 Montserrat,Arial,sans-serif;cursor:pointer;border-radius:0;box-shadow:none}
.listing-small-links .ucar-compare-btn{width:auto;margin:0}.listing-small-links .ucar-compare-btn.is-selected{color:#246d34;background:none;border:0}
.listing-small-links :is(a,button):hover{text-decoration:underline}
.listing-share-status{font-size:11px;overflow-wrap:anywhere;color:#246d34}
.listing-assure{border-top:1px solid #e6e4df;padding-top:12px;margin-top:12px;display:grid;gap:6px;font-size:11px;font-weight:600;color:#515151}
.listing-assure :is(span,a)::before{content:'✓';color:#246d34;font-weight:800;margin-right:8px}.listing-assure a{text-underline-offset:3px}
.listing-layout .listing-section{padding:32px 0;border-bottom:1px solid #e6e4df;margin:0}
.listing-layout .listing-section>.section-title,.listing-layout .listing-contact-grid .section-title{font-size:28px;line-height:1.15;color:#171717;margin:0 0 16px}
.listing-layout .section-title>span{color:#94660b}
.listing-layout .spec-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.listing-layout .spec-item{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:9px;row-gap:4px;align-content:start;align-items:start;text-align:left;background:#f6f5f2;border:0;border-radius:10px;min-height:86px;padding:12px}
.listing-layout .spec-icon{width:28px;height:28px;grid-row:1/3;margin:2px 0 0;background:#171717;border-radius:8px}
.listing-layout .spec-icon .listing-spec-icon{width:17px!important;height:17px!important}
.listing-layout .spec-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;line-height:1.5;margin:0;color:#666}
.listing-layout .spec-value{font-size:13px;line-height:1.5;font-weight:700;color:#171717;overflow-wrap:anywhere}
.listing-payment-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:15px}
.listing-payment-tabs button{border:1px solid #d9d7d2;border-radius:999px;padding:10px 15px;background:#fff;color:#171717;min-height:42px;cursor:pointer;font:700 12px/1.4 Montserrat,Arial,sans-serif}
.listing-payment-tabs [aria-pressed=true]{background:#0e0e0e;color:#f5be1e;border-color:#0e0e0e}
.listing-payment-table-wrap{overflow:auto}.listing-payment-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}
.listing-payment-table caption{text-align:left;padding:0 12px 10px;font-size:11px;color:#6b6b6b}
.listing-payment-table :is(th,td){padding:12px;border-bottom:1px solid #e6e4df;text-align:left;white-space:nowrap}
.listing-payment-table thead th{color:#805b0e;font-size:10px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}
.listing-payment-table tbody th{font-size:13px;font-weight:600}
.listing-payment-table .listing-monthly{font:400 22px/1.4 Anton,'Arial Narrow',sans-serif;color:#171717}
.listing-note{font-size:11px;line-height:1.8;color:#6b6b6b;margin:12px 0 0}
.listing-cash-card{padding:20px;border:1px solid #e6e4df;border-radius:12px}.listing-cash-card h3{font-size:25px;margin:0 0 10px}.listing-cash-card p{font-size:13px;line-height:1.8}
.listing-layout .listing-payments .ugf-calculator{box-shadow:none;border:0;padding:0;border-radius:0;display:grid;grid-template-columns:1fr 1fr;gap:16px 28px}
.listing-layout .listing-payments .ugf-heading{grid-column:1/-1;margin:0}.listing-layout .listing-payments .ugf-heading h3{display:none}.listing-layout .listing-payments .ugf-heading p{margin-top:6px}
.listing-layout .listing-payments .ugf-result{margin:0;align-self:start}.listing-layout .listing-payments .ugf-note{grid-column:1/-1;margin:0}
.listing-story-grid,.listing-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.listing-story-grid:has(>.detail-card:only-child){grid-template-columns:1fr}
.listing-layout .listing-story-grid>.detail-card{padding:20px;background:#fff;border:1px solid #e6e4df;border-radius:14px;box-shadow:none}
.listing-layout .listing-story-grid .section-label{display:none}.listing-layout .listing-story-grid .section-title{font-size:25px;margin-bottom:14px}
.listing-feature-list{list-style:none;display:grid;gap:9px;margin:0;padding:0;color:#414141;font-size:13px;line-height:1.8}.listing-feature-list li{display:grid;grid-template-columns:14px minmax(0,1fr);gap:7px}.listing-feature-list li::before{content:'✓';color:#246d34;font-weight:800}
.listing-layout :is(.description-text,.features-text){font-size:13px;line-height:1.9;color:#414141;overflow-wrap:anywhere}
.listing-layout .description-text :is(h3,h4,a){color:#805b0e}.listing-layout .description-text img{max-width:100%;height:auto}
.listing-layout .listing-contact-grid .video-card{background:#0e0e0e;border:0;border-radius:14px;overflow:hidden}
.listing-layout .listing-inquiry{margin:0;padding:0;background:#fff;border:0;border-radius:0;box-shadow:none;position:static;width:auto;max-width:none;max-height:none;overflow:visible;color:#171717}
.listing-inquiry .trade-modal-heading,.listing-inquiry #messageCancel{display:none}
.listing-layout .listing-inquiry .trade-intro{color:#6b6b6b;font-size:12px;margin:0 0 18px;line-height:1.8}
.listing-layout .listing-inquiry .trade-grid{gap:12px}.listing-layout .listing-inquiry .trade-field label{font-size:11px;color:#414141}
.listing-layout .listing-inquiry .trade-field :is(input,textarea){background:#fff;color:#171717;border:1px solid #d9d7d2;border-radius:8px;font-size:13px;padding:11px 12px}
.listing-layout .listing-inquiry .trade-field textarea{min-height:115px}.listing-layout .listing-inquiry .trade-helper{color:#6b6b6b;font-size:10px}
.listing-layout .listing-inquiry .trade-helper a{color:#805b0e}.listing-layout .listing-inquiry .trade-actions{margin-top:14px;padding-top:0;border:0;justify-content:stretch}.listing-layout .listing-inquiry #messageSubmit{width:100%;min-height:46px;border-radius:8px;font-size:12px}
.listing-visit-card{padding:24px;border-radius:14px;background:#0e0e0e;color:#fff}.listing-visit-card h3{color:#f5be1e;font-size:28px;margin:0 0 14px}.listing-visit-card p{font-size:13px;line-height:1.9;color:#d5d5d5}.listing-visit-card a{color:#f5be1e;font-size:12px;font-weight:700}
.listing-aftercare{margin-top:20px;padding:20px;background:#f6f5f2;border-radius:12px}.listing-aftercare h3{font-size:24px;margin:0 0 8px}.listing-aftercare p{font-size:12px;line-height:1.9;color:#515151;margin:0 0 12px}.listing-aftercare a{color:#805b0e;font-weight:700;font-size:12px}
.listing-trade-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;background:#0e0e0e;color:#fff;padding:24px;border-radius:14px}.listing-trade-banner h2{font-size:27px;margin:0 0 8px;color:#f5be1e}.listing-trade-banner p{font-size:12px;color:#d5d5d5;margin:0;max-width:650px}.listing-trade-banner .btn{border-radius:8px;font-size:12px;min-height:44px}
.listing-layout .similar-section{background:#fff;border:0;border-radius:0;box-shadow:none;padding:32px 0 0;margin:0}
.listing-layout .similar-section>.section-label{display:none}.listing-layout .similar-section>.section-title{font-size:28px;margin-bottom:18px}
.listing-layout .similar-card{background:#fff;border:1px solid #e6e4df;border-radius:12px;box-shadow:none}.listing-layout .similar-card a{color:#171717}.listing-layout .similar-title{font:400 19px/1.2 Anton,'Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:.2px;margin-bottom:8px}
.listing-layout .similar-price{display:inline-block;font:400 20px/1.4 Anton,'Arial Narrow',sans-serif;padding:0 7px;border-radius:3px;background:#f5be1e;color:#171717}
.listing-layout .similar-feats{font-size:10px;color:#6b6b6b;gap:8px 4px}.listing-layout .similar-feats .listing-spec-icon{background:#171717;border-radius:4px;padding:2px;width:17px!important;height:17px!important}
.listing-layout .similar-card .ucar-card-compare{color:#805b0e;background:#f6f5f2;border-color:#e6e4df;font-size:10px}
.listing-needs{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:20px}.listing-needs strong{font-size:11px}.listing-needs a{border:1px solid #d9d7d2;border-radius:999px;padding:8px 12px;color:#414141;text-decoration:none;font-size:11px;font-weight:700}
.listing-mobile-actions{display:none}
.listing-layout [hidden]{display:none!important}
.listing-layout .page :is(a,button,input,select,textarea):focus-visible{outline:3px solid #b97f12;outline-offset:3px}
.listing-layout :is(#vehicle-specifications,#payment-options,#loan-calculator,#listing-walkaround,#message-car-modal){scroll-margin-top:24px}
@media(min-width:961px){.listing-layout .ucar-compare-tray{color:#fff}}
@media(max-width:960px){
 .listing-layout{padding-bottom:calc(80px + env(safe-area-inset-bottom))}
 .listing-layout .page{padding:18px 18px 28px}.listing-layout .listing-top{grid-template-columns:1fr;gap:20px}.listing-layout .listing-buy-box{position:static;top:auto}
 .listing-mobile-actions{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:990;gap:8px;align-items:center;background:#0e0e0e;color:#fff;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #383838}
 .listing-mobile-actions>div{flex:1;min-width:0}.listing-mobile-actions small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px;max-width:45vw;color:#c5c5c5}.listing-mobile-actions b{display:block;font:400 23px/1.3 Anton,'Arial Narrow',sans-serif;color:#f5be1e}
 .listing-mobile-actions a{display:inline-flex;align-items:center;min-height:42px;background:#f5be1e;color:#171717;border-radius:8px;padding:10px 13px;font-size:11px;font-weight:800;text-decoration:none}.listing-mobile-actions a:last-child{background:#fff}
 .listing-layout .ucar-compare-tray{bottom:calc(86px + env(safe-area-inset-bottom))}.listing-layout .scroll-top-btn{bottom:calc(94px + env(safe-area-inset-bottom));right:18px}
 .listing-layout .spec-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:800px){.listing-layout .spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.listing-story-grid,.listing-contact-grid{grid-template-columns:1fr;gap:24px}.listing-layout .similar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.listing-layout .listing-contact-grid .listing-inquiry{padding-top:4px}}
@media(max-width:600px){
 .listing-layout .detail-search{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:8px}.listing-layout .detail-search input{font-size:12px;min-width:0;padding:0 10px}.listing-layout .detail-search button{padding:0 14px}.listing-layout .detail-search button i{display:none}
 .listing-layout .listing-buy-box{padding:20px}.listing-layout .vehicle-title{font-size:28px}.listing-layout .gallery-thumbs{grid-auto-columns:calc((100% - 24px)/4)}
 .listing-layout .listing-section{padding:28px 0}.listing-layout .listing-payments .ugf-calculator{grid-template-columns:1fr;gap:20px}
 .listing-layout .listing-inquiry .trade-grid{grid-template-columns:1fr}.listing-layout .similar-grid{gap:12px}.listing-layout .similar-body{padding:12px}.listing-layout .similar-title{font-size:17px}.listing-layout .similar-feats{grid-template-columns:1fr}
 .listing-layout .spec-item{padding:11px 9px;column-gap:7px}.listing-layout .spec-value{font-size:12px}.listing-payment-tabs button{font-size:11px;padding:9px 11px}.listing-payment-table :is(th,td){padding:10px 8px}.listing-payment-table thead th{font-size:9px;letter-spacing:.2px}.listing-payment-table .listing-monthly{font-size:20px}
}
@media(prefers-reduced-motion:reduce){html:has(body.listing-layout){scroll-behavior:auto}.listing-layout .gallery-main img{transition:none}}

/* Readable listing text and compact specifications. */
.listing-layout #message-car-modal .trade-form-status.is-success{color:#171717}
.listing-layout #trade-in-form.trade-modal .trade-form-status.is-success{color:#F5BE1E}
.listing-layout .spec-item{min-height:0;padding:10px 12px;grid-template-columns:24px minmax(0,1fr);column-gap:9px;row-gap:1px;align-content:center}
.listing-layout .spec-icon{width:24px;height:24px;margin:2px 0 0;border-radius:7px}
.listing-layout .spec-icon .listing-spec-icon{width:15px!important;height:15px!important}
.listing-layout .spec-label{color:#171717;font-size:10px}.listing-layout .spec-value{color:#171717;line-height:1.4}
.listing-layout .page :is(.breadcrumbs,.listing-unit-line,.listing-cash-label,.vehicle-regular-was,.listing-note,.gallery-hint,.listing-assure,.description-text,.features-text,.listing-feature-list,.listing-needs a){color:#171717}
.listing-layout .listing-aftercare p,.listing-layout .listing-inquiry :is(.trade-intro,.trade-helper),.listing-layout .listing-inquiry .trade-field label{color:#171717}
.listing-layout .listing-payments .ugf-calculator :is(.ugf-note,.ugf-heading p,.ugf-unit span),.listing-payment-table caption{color:#171717}
.listing-layout .listing-unit-line,.listing-layout .listing-note{font-size:12px;font-weight:500}
.listing-layout .description-text{font-size:14px}.listing-layout .listing-feature-list{font-size:14px}
.listing-layout .listing-similar-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.listing-layout .listing-similar-heading .section-title{font-size:28px;margin:0 0 6px}.listing-layout .listing-similar-heading .listing-note{margin:0}
.listing-carousel-controls{display:flex;gap:8px}.listing-carousel-controls button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #d9d7d2;border-radius:9px;color:#171717;background:#f5be1e;font-size:22px;cursor:pointer}.listing-carousel-controls button:disabled{background:#f6f5f2;color:#555;cursor:default}
.listing-layout .similar-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/4);gap:16px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scroll-padding:1px;padding:1px 1px 12px;scrollbar-width:thin;scrollbar-color:#9a6c12 #f6f5f2;align-items:stretch}
.listing-layout .similar-card{display:flex;flex-direction:column;scroll-snap-align:start;transform:none}.listing-layout .similar-card:hover{transform:none}
.listing-layout .similar-card>a{display:flex;flex-direction:column;flex:1}.listing-layout .similar-img{flex:0 0 auto}.listing-layout .similar-body{flex:1}
.listing-layout .similar-feats{font-size:12px;line-height:1.5;color:#171717;gap:9px 7px}.listing-layout .similar-feats>span{display:flex;align-items:flex-start;gap:5px}
.listing-layout .similar-card .listing-note{color:#171717;font-size:12px;font-weight:600;margin:10px 0 0}
.listing-layout .similar-card .ucar-card-compare{color:#171717;font-size:12px;margin-top:auto;min-height:42px}
@media(max-width:960px){.listing-layout .similar-grid{grid-auto-columns:calc((100% - 16px)/2)}}
@media(max-width:600px){.listing-layout .spec-item{padding:9px;column-gap:7px}.listing-layout .spec-label{font-size:9px}.listing-layout .similar-grid{grid-template-columns:none;grid-auto-columns:85%;gap:14px}.listing-layout .similar-feats{grid-template-columns:1fr 1fr}.listing-layout .similar-title{font-size:21px}.listing-layout .similar-body{padding:14px}.listing-layout .listing-similar-heading{gap:12px}}
