/* Make each listing readable and transparent on small screens. */
.advanced-filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;width:100%;order:1;margin:1px 0 3px}
.advanced-filters label{min-width:0;color:#536577;font-size:11px;font-weight:700}
.advanced-filters label span{display:block;margin-bottom:5px}
.advanced-filters select{width:100%;min-width:0;height:40px;border:1px solid #dbe4e9;border-radius:7px;background:#fff;color:#173148;padding:0 9px;font:inherit;font-size:12px}
.advanced-filters select:focus-visible,.share-vehicle:focus-visible{outline:2px solid #165e9b;outline-offset:2px}
.filter-buttons{order:2}
.result-count{order:3}
.vehicle-card .stock-badge{background:#19354c;color:#fff}
.vehicle-card .card-photo{background:#f2f6f8}
.vehicle-card .card-photo img{object-fit:contain;background:#f2f6f8}
.photo-count{position:absolute;right:10px;bottom:10px;border-radius:5px;background:#102638df;color:white;padding:4px 9px;font-size:11px;font-weight:800;pointer-events:none}
.vehicle-card .price-row{margin-top:13px}
.vehicle-card .price-row small{color:#607180;font-size:11px}
.vehicle-card .price-row .price{display:block;font-size:28px;line-height:1.25;color:#c91f31!important}
.vehicle-card .price-row .price small{font-size:11px;color:#c91f31!important}
.price-breakdown{display:flex;flex-direction:column;gap:2px;margin-top:6px;color:#536575;font-size:11px;line-height:1.4}
.price-breakdown span{display:flex;justify-content:space-between;gap:12px}
.price-breakdown b{white-space:nowrap;color:#23394a}
.vehicle-card .converted-prices{display:flex;flex-direction:row;flex-wrap:wrap;gap:2px 14px;margin-top:7px;font-size:13px;font-weight:800;color:#344d61;line-height:1.5}
.vehicle-card .converted-prices span{white-space:nowrap}
.vehicle-card .conversion-note{display:block;margin-top:2px;color:#72828d;font-size:10px;font-weight:500}
.card-disclaimer{margin:11px 0 0;font-size:11px;line-height:1.4;color:#627484}
.vehicle-card .card-actions{margin-top:10px}
.vehicle-card .view-photos{border-color:#b9cbd8;color:#123249;background:#f7fafc}
.inspection-note{margin:18px 0 6px;padding:13px 15px;border-left:3px solid #1f7290;background:#f1f7f9}
.inspection-note strong{font-size:13px;color:#12374b}
.inspection-note p{margin:5px 0 0;font-size:12px;line-height:1.5;color:#4b6271}
.dialog-body .detail .price-breakdown{margin-top:6px}
.converted-prices{display:flex;flex-direction:column;margin-top:9px;color:#526573;font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.estimate-disclaimer{font-size:12px;color:#596b77;line-height:1.55}
.detail-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}
.detail-actions .button,.share-vehicle{min-height:43px;display:inline-flex;justify-content:center;align-items:center;border-radius:5px;padding:9px 14px;font-size:13px;font-weight:750;cursor:pointer}
.share-vehicle{border:1px solid #b9cbd8;background:#fff;color:#17364c}
.port-quote{margin:14px 0 4px;padding:13px;border:1px solid #d9e5ec;border-radius:8px;background:#f5f9fb;color:#294257}
.port-quote label{display:block;font-size:12px;font-weight:750}
.port-quote label[hidden]{display:none}
.port-quote label span{display:block;margin-bottom:6px}
.port-quote select,.port-quote input{display:block;width:100%;min-height:43px;padding:9px 11px;border:1px solid #b9cbd8;border-radius:6px;background:#fff;color:#19364b;font:inherit;font-size:13px}
.port-quote select:focus-visible,.port-quote input:focus-visible{outline:2px solid #165e9b;outline-offset:2px}
.port-quote .other-port-label{margin-top:10px}
.port-quote p{margin:10px 0 0;color:#5a6c7a;font-size:11px;line-height:1.5}
.vehicle-card .port-quote{margin-top:13px}
.vehicle-card .port-quote p{font-size:10px}
.dialog-body .spec-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 22px;padding:17px 0;border-block:1px solid #e0e7ec;animation:spec-appear .28s ease both}
.dialog-body .spec-fact{display:flex;justify-content:space-between;align-items:baseline;gap:9px;min-width:0;font-size:12px}
.dialog-body .spec-fact small{color:#627180;white-space:nowrap}
.dialog-body .spec-fact b{text-align:end;color:#203448;overflow-wrap:anywhere;font-size:12px}
.dialog-body .spec-section{margin:25px 0 0;animation:spec-appear .35s ease both}
.dialog-body .spec-section:nth-of-type(3){animation-delay:.06s}
.dialog-body .spec-section h3{margin:0 0 11px;color:#1c3245;font-size:18px;line-height:1.2}
.dialog-body .spec-line{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:11px 0;border-bottom:1px solid #e1e7ec;font-size:13px;line-height:1.4}
.dialog-body .spec-line span{color:#687786;flex:0 1 44%}
.dialog-body .spec-line strong{flex:0 1 56%;min-width:0;text-align:end;font-weight:650;color:#253b4d;overflow-wrap:anywhere}
.dialog-body .spec-hint{margin:10px 0 0;font-size:11px;color:#687786;line-height:1.5}
.dialog-body .spec-price{margin:20px 0 10px;padding:15px;border:1px solid #e1e7ec;border-radius:8px;background:#f6f9fb}
.dialog-body .spec-price>small{display:block;margin-bottom:8px;color:#536779;font-size:12px}
.dialog-body .spec-price .price{display:block;font-size:28px;color:#c91f31}
.dialog-body .spec-price .price small{font-size:12px}
.dialog-body .spec-price .price-breakdown{max-width:350px;font-size:12px}
#vehicleDialog .gallery-main.photo-transition{animation:gallery-appear .25s ease both}
@keyframes spec-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes gallery-appear{from{opacity:.55;transform:scale(.99)}to{opacity:1;transform:scale(1)}}
@media(max-width:600px){.dialog-body .spec-facts{gap:10px 12px}.dialog-body .spec-fact{display:block}.dialog-body .spec-fact small{display:block;margin-bottom:2px}.dialog-body .spec-fact b{display:block;text-align:start}.dialog-body .spec-line{font-size:12px;gap:8px}.dialog-body .spec-line span{flex-basis:47%}.dialog-body .spec-line strong{flex-basis:53%}}
@media(prefers-reduced-motion:reduce){.dialog-body .spec-facts,.dialog-body .spec-section,#vehicleDialog .gallery-main.photo-transition{animation:none}}
@media(max-width:820px){body.catalog-in-view .floating-whatsapp{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px)}}
@media(max-width:900px){.advanced-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.advanced-filters{display:flex;overflow-x:auto;gap:7px;padding-bottom:5px;scrollbar-width:thin}.advanced-filters label{flex:0 0 137px}.advanced-filters select{height:40px}.vehicle-card .price-row .price{font-size:27px}.dialog-body .details{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-actions{display:grid;grid-template-columns:1fr 1fr}.detail-actions .button,.share-vehicle{font-size:11px;padding:8px 5px}}
@media(max-width:820px){.introduction .intro-grid{grid-template-columns:minmax(0,1fr);align-items:start}}
@media(max-width:600px){.introduction{padding:15px 17px 20px}.intro-top{margin-bottom:15px;padding-bottom:8px}.introduction .intro-grid{gap:9px}.introduction .eyebrow{margin-bottom:4px}.introduction h1{font-size:27px;line-height:1.13;max-width:100%}.introduction .intro-detail{display:flex;flex-direction:column;gap:12px}.introduction .intro-actions{order:-1;margin:2px 0 0;gap:10px}.introduction .intro-actions a:first-child{display:inline-flex;align-items:center;min-height:37px;background:#c91f31;color:#fff;border:0;border-radius:5px;padding:7px 12px}.introduction .intro-actions a{font-size:11px}.introduction .intro-detail p{margin:0;font-size:12px;line-height:1.5}}