/* Only server-backed controls absent from the original HTML are styled here. */
.favorite-form{margin:0}.sidebar-empty{font-size:12px;line-height:1.9;color:#77869a;margin:20px 0}.fleet-mark img{width:100%;height:100%;object-fit:cover;border-radius:12px}.fleet-item{display:flex;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid #e6ebf2}.fleet-item>span:nth-child(2){flex:1}.fleet-item strong,.fleet-item small{display:block}.fleet-item small{margin-top:8px;font-size:11px;color:#77869a}.car-body[data-card-href]{cursor:pointer}.car-body[data-card-href] h3 a:hover{color:inherit}.car-actions [data-contact]{overflow-wrap:anywhere;font-size:11px;min-width:0}.favorite-button.is-favorite{color:#ffd000}.favorite-button.is-favorite .icon{--fa-secondary-opacity:1}.brand-tile{display:flex}.card-photo-dialog{border:0;background:#15212d;color:#fff;border-radius:16px;width:min(1100px,94vw);max-height:94dvh;padding:0;overflow:visible}.card-photo-dialog::backdrop{background:#101a23d9;backdrop-filter:blur(7px)}.card-photo-stage{position:relative;display:grid;place-items:center}.card-photo-stage>img{width:100%;height:78dvh;object-fit:contain}.card-photo-dialog .photo-close{position:absolute;top:12px;right:12px;z-index:2;width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:50%;background:#fff;color:#1c3045;padding:0}.card-photo-dialog .modal-photo-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:48px;padding:0;border:1px solid #ffffff55;border-radius:11px;background:#142331cc;color:#fff;font:32px Arial}.card-photo-dialog .prev{left:12px}.card-photo-dialog .next{right:12px}.card-photo-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 24px;font-size:12px}.card-photo-footer>div{display:flex;gap:10px;flex-wrap:wrap}.card-photo-footer button{height:9px;width:9px;border:0;border-radius:50%;background:#89929c;padding:0}.card-photo-footer button[aria-pressed=true]{background:#ffcf00}.live-site .live-alert:empty{display:none}
@media(max-width:760px){.card-photo-stage>img{height:auto;max-height:75dvh;min-height:250px}.card-photo-dialog .photo-close{width:38px;height:38px}.card-photo-footer{padding:15px}.live-site .header-actions{min-width:0}.live-site .menu-toggle{flex:none}.live-site .live-plans{grid-template-columns:1fr}.live-site .live-gallery .listing-tools{top:9px;right:9px}}

.social-buttons a{display:flex;justify-content:center;align-items:center;gap:12px;border:1px solid #dfe4eb;border-radius:10px;min-height:46px;font-size:12px;font-weight:650;background:#fff}.social-buttons a:hover{background:#f5f7fa;border-color:#aebac9}.auth-tabs>a{padding:12px;border-radius:8px;flex:1;text-align:center;font-weight:700;font-size:14px}.auth-tabs>a[aria-pressed=true]{background:#ffcf00}.social-buttons{margin-top:20px}.check-line input{width:18px;min-height:18px}.live-form-actions{grid-column:1/-1}.listing-tools>form{display:flex;margin:0}.listing-tools>form .button{padding:0!important;width:42px;height:42px;min-height:42px;display:grid;place-items:center}

.listing-options{padding:16px;border:1px solid #e5e9ef;border-radius:12px;font-size:12px}.listing-options summary{cursor:pointer;font-weight:600}.photo-previews:empty{display:none}.photo-previews{margin:14px 0}.field>small{font-size:10px;color:#77869a}.advertiser-profile{margin-top:30px}.fleet-item>[data-icon]{transform:rotate(-90deg)}

.modal-photo-dots{scrollbar-width:none}.modal-photo-dots::-webkit-scrollbar{display:none}@media(max-width:550px){.modal-photo-dots{gap:0;max-width:75%;flex-wrap:wrap;justify-content:flex-end}.modal-photo-dots button{flex:0 0 22px;width:22px}}

.fleet-detail>a{grid-column:1/-1}.listing-tools>form .listing-save{width:46px;height:44px}
@media(max-width:380px){.hero-actions .large{min-width:0;padding:10px 6px;font-size:10px;gap:4px}.hero-actions{gap:6px}}

/* Searchable make/model picker, shared by the home and catalogue search forms. */
.vehicle-filter{position:relative;min-width:0}.vehicle-filter-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:44px;padding:0 14px;border:1px solid #dce3ed;border-radius:10px;background:#f7f8fb;color:#26364b;font:inherit;font-size:12px;text-align:left;cursor:pointer}.vehicle-filter-toggle>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vehicle-chevron{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);flex:none;margin-right:3px;transition:transform .15s}.vehicle-filter-toggle[aria-expanded=true]{background:#fff;border-color:#dfb300;box-shadow:0 0 0 3px #ffd00020}.vehicle-filter-toggle[aria-expanded=true] .vehicle-chevron{transform:rotate(225deg)}
.vehicle-filter-panel{position:absolute;z-index:80;top:calc(100% + 9px);left:0;width:360px;max-width:calc(100vw - 32px);background:#fff;border:1px solid #e1e5ec;border-radius:14px;box-shadow:0 16px 48px #182b4126;display:flex;flex-direction:column;overflow:hidden;text-align:left}.vehicle-filter-panel[hidden],.vehicle-filter [hidden]{display:none!important}.vehicle-filter-heading{display:flex;align-items:center;justify-content:space-between;padding:17px 20px 10px;flex:none;font-size:14px}.vehicle-filter-heading button{display:grid;place-items:center;width:28px;height:28px;border:0;background:#f4f6f9;border-radius:50%;font:22px/1 Arial;color:#68788e;cursor:pointer}.vehicle-filter-tabs{display:flex;padding:0 20px;gap:22px;border-bottom:1px solid #edf0f5;flex:none}.vehicle-filter-tabs button{padding:12px 0;border:0;border-bottom:2px solid transparent;background:none;color:#8792a2;cursor:pointer;font:inherit;font-size:12px;font-weight:600}.vehicle-filter-tabs button[aria-selected=true]{color:#192b40;border-bottom-color:#ffcb00}.vehicle-filter-tabs button span{padding:2px 5px;background:#f1f3f6;border-radius:5px;margin-left:3px;font-size:10px}.vehicle-filter-scroll{padding:16px 20px 10px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b5bdc9 transparent;min-height:0}.vehicle-logo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:16px}.vehicle-logo-grid button{display:grid;place-items:center;height:43px;border:1px solid #e7ebf0;border-radius:9px;background:#fafbfd;cursor:pointer;transition:border-color .15s,background .15s}.vehicle-logo-grid img{width:38px;height:26px;object-fit:contain}.vehicle-logo-grid button:hover,.vehicle-logo-grid button[aria-pressed=true]{border-color:#e7bd16;background:#fff8d7}.vehicle-filter-search{position:relative;margin:0 0 12px}.vehicle-filter-search>span{position:absolute;left:12px;top:12px;color:#92a0b1;font-size:15px;width:16px;height:16px}.vehicle-filter .vehicle-filter-search input{height:40px;min-height:40px;border:1px solid #e5e9ef;border-radius:8px;background:#f8f9fb;width:100%;padding:0 10px 0 36px;font:inherit;font-size:12px;box-sizing:border-box}.vehicle-filter .vehicle-option{display:flex;align-items:center;gap:12px;min-height:43px;padding:8px 6px;margin:0;border-radius:7px;color:#28374a;font-size:13px;font-weight:400;cursor:pointer}.vehicle-option:hover{background:#f6f8fb}.vehicle-filter .vehicle-option input{width:19px;height:19px;min-height:19px;margin:0;flex:none;accent-color:#e7b900;cursor:pointer}.vehicle-option>span{flex:1;min-width:0;overflow-wrap:anywhere}.vehicle-option>small{font-size:10px;color:#8a97a8}.vehicle-filter-empty{font-size:12px;line-height:1.8;text-align:center;color:#7c8a9c;padding:15px 4px}.vehicle-filter-footer{display:flex;align-items:center;gap:12px;padding:14px 20px;border-top:1px solid #edf0f5;flex:none;background:#fff}.vehicle-filter-footer button{cursor:pointer;border:0;font:inherit;font-size:12px;font-weight:600;min-height:40px;border-radius:8px}.vehicle-filter-footer [data-filter-clear]{background:none;color:#7b8797;padding:0 4px}.vehicle-filter-footer [data-filter-apply]{flex:1;background:#202b3d;color:#fff;padding:0 18px}.vehicle-filter-footer [data-filter-apply]:hover{background:#31435c}.vehicle-filter button:focus-visible,.vehicle-filter input:focus-visible{outline:2px solid #c79700;outline-offset:3px}
@media(max-width:650px){.vehicle-filter-panel{border-radius:14px}.vehicle-filter-heading{padding-top:14px}.vehicle-filter-scroll{padding:14px 16px}.vehicle-filter .vehicle-option{min-height:46px}.vehicle-filter-footer{padding:12px 16px}}

/* Make → model, followed by fuel and availability on the second row. */
.marketplace-main .vehicle-search {grid-template-columns:1fr 1.15fr 1fr 1.35fr;grid-template-areas:"city brands models price" "fuel available submit submit";align-items:end;}
.marketplace-main .vehicle-search .search-city {grid-area:city;}
.marketplace-main .vehicle-search .search-brands {grid-area:brands;}
.marketplace-main .vehicle-search .search-models {grid-area:models;}
.marketplace-main .vehicle-search .search-fuel {grid-area:fuel;}
.marketplace-main .vehicle-search .price-field {grid-area:price;}
.marketplace-main .vehicle-search .switch-label {grid-area:available;align-self:end;min-height:44px;gap:10px;}
.marketplace-main .vehicle-search .search-submit {grid-area:submit;}
.vehicle-filter-toggle:disabled {opacity:.6;cursor:not-allowed;}
.vehicle-filter-toggle [data-filter-summary] {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.vehicle-data-credit {padding:0 20px 10px;font-size:9px;color:#8290a3;}
.vehicle-data-credit a {color:inherit;}
.vehicle-option span {min-width:0;overflow-wrap:anywhere;}
.vehicle-option small {flex-shrink:0;max-width:120px;}
@media(max-width:650px) {
 .marketplace-main .vehicle-search {grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"city brands" "models price" "fuel available" "submit submit";}
 .marketplace-main .vehicle-search .switch-label {font-size:11px;gap:7px;}
 .vehicle-filter-heading {padding:14px;}
 .vehicle-data-credit {padding-left:14px;}
}

/* Consistent hero badges and social sign-in marks. */
.hero-highlights [data-icon] { width:29px; height:29px; flex:0 0 29px; display:grid; place-items:center; }
.hero-highlights [data-icon] .icon { width:20px; height:20px; font-size:18px; line-height:20px; text-align:center; }
.social-buttons .facebook-mark { padding:0; background:transparent; flex:0 0 24px; line-height:1; }
.social-buttons .facebook-mark svg { display:block; width:24px; height:24px; }


.footer-bottom { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:20px; border-top:1px solid #e4e9ef; padding-top:20px; margin-top:12px; }
.footer-credits { display:flex; align-items:center; gap:16px; }
.footer-bottom .copyright { margin:0; padding:0; }
.footer-credits .developer-credit { display:flex; align-items:center; gap:7px; font-size:11px; color:#738096; margin:0; }
.developer-credit strong { color:#24354a; font-size:11px; }
#oxo-counter { display:flex; align-items:center; flex-shrink:0; }
@media(max-width:650px) { .footer-bottom { align-items:flex-start; flex-direction:column; gap:16px; } .footer-credits { flex-wrap:wrap; } }


.authenticator-qr{display:block;width:256px;max-width:100%;height:auto;background:#fff;border:1px solid #e4e9ef;border-radius:12px;margin:20px 0;padding:8px}.setup-secret{overflow-wrap:anywhere;word-break:break-all}