.marketplace-view {
  direction: rtl;
  padding: 18px 1px 4px;
}

.marketplace-heading {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
}

.marketplace-heading > div {
  min-width: 0;
}

.marketplace-heading p,
.sell-form-heading p {
  margin: 0 0 2px;
  color: var(--blue);
  font-size: 10px;
  font-weight: 800;
}

.marketplace-heading h1,
.sell-form-heading h2 {
  margin: 0;
  color: var(--ink);
  font-size: 20px;
  line-height: 1.25;
}

#listingCount {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 10px;
}

.marketplace-back,
.sell-car-button,
.cancel-button,
.publish-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 37px;
  border-radius: 10px;
  font-size: 10px;
  font-weight: 800;
}

.marketplace-back {
  width: 37px;
  padding: 0;
  border: 1px solid var(--line);
  color: #42526a;
  background: #fff;
}

.marketplace-back span {
  display: none;
}

.sell-car-button,
.publish-button {
  padding: 0 11px;
  border: 0;
  color: #fff;
  background: var(--blue);
  box-shadow: 0 5px 12px rgba(11, 113, 237, .21);
}

.sell-car-button i { font-size: 14px; }
.marketplace-subtitle { margin: 11px 0 15px; color: var(--muted); font-size: 11px; line-height: 1.55; }

.car-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px;
}

.car-card {
  display: grid;
  grid-template-columns: minmax(104px, 42%) minmax(0, 1fr);
  grid-template-areas: "media copy";
  min-width: 0;
  overflow: hidden;
  border: 1px solid #e3e9f1;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 3px 10px rgba(17, 36, 65, .06);
  direction: ltr;
}

.car-image-wrap {
  grid-area: media;
  position: relative;
  min-height: 122px;
  background: #edf2f7;
}

.car-image-wrap > img {
  width: 100%;
  height: 100%;
  object-fit:contain;
}

.car-price {
  position: static;
  padding: 0;
  border-radius: 0;
  color: var(--blue);
  background: transparent;
  direction: ltr;
  font-size: 13px;
  font-weight: 800;
}

.car-card-body { grid-area: copy; min-width: 0; padding: 10px; direction: ltr; text-align: left; }
.car-card-body h2 { overflow: hidden; margin: 0 0 5px; color: var(--ink); font-size: 12px; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }
.car-specs { display: flex; flex-wrap: wrap; gap: 4px 6px; color: #718096; font-size: 8px; }
.car-specs span { display: inline-flex; align-items: center; gap: 3px; }.car-specs i { color: #6faef6; font-size: 8px; }
.car-card-summary { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; margin-top: 9px; padding-top: 8px; border-top: 1px solid #eef2f6; }
.car-city { display: flex; align-items: center; gap: 4px; min-width: 0; margin: 0; color: #526278; font-size: 9px; font-weight: 700; }.car-city i { color: var(--blue); }
.car-media-count { position: absolute; right: 7px; bottom: 7px; z-index: 2; padding: 3px 6px; border-radius: 20px; color: #fff; background: rgba(10, 26, 50, .78); direction: ltr; font: 800 9px/1 Arial,sans-serif; pointer-events: none; }
.listing-card-view { justify-self: start; min-height: 29px; margin-top: 5px; padding: 4px 0; border: 0; color: var(--blue); background: transparent; font: 800 10px/1.2 inherit; text-decoration: underline; text-underline-offset: 3px; }
html[dir="rtl"] .car-card-body { direction: rtl; text-align: right; }
html[dir="rtl"] .car-card-body .listing-card-view { justify-self: end; }
.empty-cars { margin: 24px 0; padding: 19px; border: 1px dashed #cbd7e6; border-radius: 12px; color: var(--muted); text-align: center; font-size: 11px; }

.listing-modal {
  position: fixed;
  z-index: 50;
  inset: 0;
  display: grid;
  place-items: end center;
  padding: 14px;
}

.listing-modal[hidden] { display: none; }

.modal-backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  border: 0;
  background: rgba(9, 22, 42, .58);
}

.sell-form-card {
  position: relative;
  z-index: 1;
  width: min(100%, 510px);
  max-height: calc(100vh - 28px);
  overflow: auto;
  padding: 20px;
  border-radius: 20px;
  color: var(--ink);
  background: #fff;
  box-shadow: 0 16px 42px rgba(7, 20, 40, .3);
  direction: rtl;
}

.sell-form-heading { display: flex; align-items: start; justify-content: space-between; gap: 12px; }
.close-modal { display: grid; flex: none; width: 32px; height: 32px; place-items: center; border: 0; border-radius: 9px; color: #56657a; background: #f0f4f8; }
.form-intro { margin: 9px 0 15px; color: var(--muted); font-size: 10px; line-height: 1.55; }
#sellCarForm { display: grid; gap: 11px; }
#sellCarForm label { display: grid; gap: 5px; color: #40516a; font-size: 10px; font-weight: 800; }
#sellCarForm input { width: 100%; height: 40px; padding: 0 10px; border: 1px solid #dbe3ed; border-radius: 9px; outline: none; color: var(--ink); background: #fbfcfe; font-size: 12px; direction: inherit; }
#sellCarForm input:focus { border-color: #79b8ff; box-shadow: 0 0 0 3px rgba(11, 113, 237, .1); }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.form-actions { display: flex; gap: 9px; margin-top: 5px; }
.cancel-button { flex: 1; border: 1px solid #dce4ee; color: #53647b; background: #fff; }.publish-button { flex: 1.25; }

html[dir="ltr"] .marketplace-view,
html[dir="ltr"] .sell-form-card { direction: ltr; }

/* Global account flow: password values stay only in the active form memory and are never persisted in browser storage. */
.account-auth-card { display:grid; width:min(100%, 420px); max-height:calc(100dvh - 32px); gap:13px; overflow:hidden; }.auth-mode-tabs { display:grid; grid-template-columns:1fr 1fr; gap:7px; padding:4px; border-radius:10px; background:#f3f7fb; }.auth-mode-tabs button { min-height:34px; border:0; border-radius:7px; color:#62738a; background:transparent; font-size:11px; font-weight:800; }.auth-mode-tabs button.active { color:var(--blue); background:#fff; box-shadow:0 2px 7px rgba(20,45,80,.1); }.auth-step-form { display:grid; gap:11px; }.auth-step-form[hidden], .auth-mode-tabs[hidden], .auth-session-panel[hidden], .auth-step-form > label[hidden] { display:none !important; }.auth-step-form > label { display:grid; gap:6px; color:#3c506b; font-size:11px; font-weight:800; }.auth-step-form input { min-height:42px; padding:0 11px; border:1px solid #d9e3ee; border-radius:9px; outline:0; color:#172a45; background:#fff; font:inherit; font-size:13px; }.auth-step-form input:focus { border-color:#70b4f4; box-shadow:0 0 0 3px rgba(11,113,237,.1); }.auth-step-message { min-height:18px; margin:0; color:#6d7f93; font-size:11px; line-height:1.45; }.auth-identifier-options { margin-bottom:1px; }.auth-link-button { justify-self:start; padding:2px 0; border:0; color:var(--blue); background:transparent; font:inherit; font-size:11px; font-weight:800; }.auth-session-panel { display:flex; align-items:center; gap:9px; padding:12px; border:1px solid #cfe9dc; border-radius:11px; color:#276a4b; background:#f1fbf5; }.auth-session-panel > i { font-size:18px; }.auth-session-panel > div { display:grid; flex:1; gap:2px; min-width:0; }.auth-session-panel b { overflow:hidden; color:#1b5339; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }.auth-session-panel small { color:#4b7a64; font-family:Arial,sans-serif; font-size:9px; direction:ltr; }.auth-session-panel .cancel-button { flex:0 0 auto; min-height:31px; padding:0 9px; color:#a44651; border-color:#efcbd0; background:#fff; font-size:10px; }
.auth-link-button[hidden] { display:none !important; }
.auth-social-options { display:grid; gap:8px; padding-top:1px; }
#accountModal[data-auth-state^="reset_"] .auth-social-options { display:none !important; }
.auth-social-title { margin:0; color:#6d7f93; font-size:10px; font-weight:800; line-height:1.35; text-align:center; }
.auth-social-buttons { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:7px; }
.auth-social-button { display:grid; place-items:center; gap:4px; min-height:52px; padding:7px 5px; border:1px solid #d9e3ee; border-radius:9px; color:#29405d; background:#fff; font:inherit; font-size:9px; font-weight:800; line-height:1.2; cursor:pointer; }
.auth-social-button i { font-size:15px; }
.auth-social-button:hover:not(:disabled),.auth-social-button:focus-visible:not(:disabled) { border-color:#70b4f4; color:var(--blue); box-shadow:0 0 0 3px rgba(11,113,237,.1); outline:0; }
.auth-social-button:disabled { cursor:not-allowed; opacity:.48; }
.auth-social-status { min-height:14px; margin:0; color:#6d7f93; font-size:10px; line-height:1.35; text-align:center; }
.auth-session-panel { flex-wrap:wrap; }
.auth-social-link-options { display:grid; flex:1 0 100%; gap:7px; padding-top:9px; border-top:1px solid #cfe9dc; }
.auth-social-link-options .auth-social-title { color:#4b7a64; }
.auth-social-link-options .auth-social-button { min-height:47px; border-color:#bfe1ce; color:#276a4b; background:#fff; }
.auth-social-link-options .auth-social-status { color:#4b7a64; }
.account-social-connections > p { margin:8px 0; color:#62738a; font-size:12px; line-height:1.45; }
.account-social-connections .auth-social-buttons { margin-top:8px; }
html[dir="ltr"] .car-price { right: auto; left: 8px; }

/* Post Ad is a source-owned mobile sheet. It is deliberately independent of
   individual listing forms: provider choices hand off to the Business app. */
.post-ad-menu {
  position: fixed;
  z-index: 120;
  inset-block: auto max(12px, env(safe-area-inset-bottom, 0px));
  inset-inline: max(12px, env(safe-area-inset-left, 0px)) max(12px, env(safe-area-inset-right, 0px));
  width: auto;
  max-width: 540px;
  margin: 0 auto;
  padding: 0;
  border: 0;
  border-radius: 24px;
  color: #182333;
  background: #fff;
  box-shadow: 0 22px 64px rgba(12, 25, 46, .3);
  direction: ltr;
}

.post-ad-menu::backdrop { background: rgba(9, 22, 42, .58); }
.post-ad-menu[open] { display: grid; grid-template-rows: minmax(0, 1fr); }
.post-ad-menu-shell { display: grid; min-height: 0; grid-template-rows: auto minmax(0, 1fr); overflow: hidden; }
.post-ad-menu-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 18px 18px 13px; border-bottom: 1px solid #e8edf3; background: linear-gradient(135deg, #fff, #f6f8fc); }
.post-ad-menu-header p { margin: 0 0 3px; color: #6c7b90; font-size: 12px; line-height: 1.45; }
.post-ad-menu-header h2 { margin: 0; color: #182333; font-size: 21px; line-height: 1.2; }
.post-ad-menu-close { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 6px; min-height: 38px; padding: 0 10px; border: 1px solid #dce4ee; border-radius: 10px; color: #43536a; background: #fff; font: inherit; font-size: 12px; font-weight: 800; cursor: pointer; touch-action: manipulation; }
.post-ad-menu-close i { font-size: 13px; }
.post-ad-menu-options { display: grid; min-height: 0; gap: 9px; overflow-x: clip; overflow-y: auto; padding: 13px 18px 18px; overscroll-behavior: contain; }
.post-ad-option { display: grid; grid-template-columns: 35px minmax(0, 1fr) 18px; align-items: center; min-height: 58px; gap: 9px; width: 100%; padding: 10px 12px; border: 1px solid #e2e8f0; border-radius: 14px; color: #1d2a3a; background: #fff; box-shadow: 0 2px 7px rgba(20, 40, 67, .035); font: inherit; font-size: 14px; font-weight: 800; line-height: 1.3; text-align: start; cursor: pointer; touch-action: manipulation; }
.post-ad-option > i:first-child { display: grid; width: 35px; height: 35px; place-items: center; border-radius: 10px; color: #d71d31; background: #fff1f3; font-size: 15px; }
.post-ad-option-arrow { color: #8a98aa; font-size: 12px; justify-self: end; }
.post-ad-option:hover { border-color: #cad7e5; background: #fbfcfe; }
.post-ad-option:active { border-color: #e13b4b; background: #fff5f6; }
.post-ad-menu :is(.post-ad-menu-close, .post-ad-option):focus-visible { outline: 3px solid rgba(225, 38, 50, .28); outline-offset: 2px; }

@media (min-width: 540px) {
  .post-ad-menu-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-height: 620px) {
  .post-ad-menu-header { padding-block: 13px 10px; }
  .post-ad-menu-options { gap: 7px; padding-block: 10px 12px; }
  .post-ad-option { min-height: 51px; }
}

@media (min-width: 401px) {
  .marketplace-back { width: auto; padding: 0 10px; }
  .marketplace-back span { display: inline; }
  .car-image-wrap { height: 145px; }
}

@media (max-width: 370px) {
  .marketplace-heading h1 { font-size: 17px; }
  .sell-car-button { width: 37px; padding: 0; }.sell-car-button span { display: none; }
  .car-image-wrap { height: 106px; }.car-card-body { padding: 8px; }
}
.market-car-gallery { position: absolute; bottom: 7px; left: 7px; z-index: 2; display: flex; max-width: calc(100% - 70px); gap: 3px; overflow: hidden; }.market-car-gallery img { width: 24px; height: 18px; flex: 0 0 auto; border: 1px solid rgba(255,255,255,.85); border-radius: 4px; object-fit:contain; box-shadow: 0 1px 3px rgba(0,0,0,.18); }
.showroom-origin-car { cursor: pointer; }.showroom-origin-car:focus-visible { outline: 3px solid rgba(11,113,237,.38); outline-offset: 2px; }.market-p-badge { position: absolute; top: 8px; left: 8px; z-index: 3; }

/* My Account: owned records are grouped here; showroom records remain references to their canonical showroom data. */
.my-account-view { display:grid; gap:16px; padding:14px 14px 26px; direction:rtl; }.my-account-view[hidden] { display:none !important; }.my-account-header,.my-listings-heading,.my-account-summary-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; }.my-account-header > div,.my-listings-heading > div,.my-account-summary-heading > div { min-width:0; }.my-account-header p,.my-listings-heading p,.my-account-summary-heading p { margin:0 0 3px; color:#65809c; font-size:10px; font-weight:800; }.my-account-header h1,.my-listings-heading h2,.my-account-summary-heading h2 { margin:0; color:var(--ink); font-size:18px; }.my-account-add-button,.outline-account-button { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:34px; padding:0 10px; border:0; border-radius:9px; color:#fff; background:var(--blue); font:inherit; font-size:10px; font-weight:800; white-space:nowrap; }.outline-account-button { color:var(--blue); border:1px solid #bcd9fa; background:#fff; }.my-account-summary { display:grid; gap:13px; padding:15px; border:1px solid #dce9f5; border-radius:16px; background:linear-gradient(135deg,#fff,#f2f8ff); box-shadow:0 7px 20px rgba(24,70,116,.06); }.account-status-pill,.listing-status-pill { display:inline-flex; align-items:center; justify-content:center; min-height:23px; padding:0 8px; border-radius:20px; color:#256344; background:#e4f7ec; font:700 9px/1 Arial,sans-serif; text-transform:uppercase; white-space:nowrap; }.account-status-pill.is-held,.listing-status-pill.is-held,.listing-status-pill.is-hidden { color:#8a5b14; background:#fff2d8; }.listing-status-pill.is-sold { color:#795527; background:#f9eedb; }.account-summary-grid { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin:0; }.account-summary-grid div { display:grid; gap:3px; min-width:0; padding:9px; border-radius:10px; background:#fff; }.account-summary-grid dt { color:#71849a; font-size:9px; font-weight:800; }.account-summary-grid dd { overflow:hidden; margin:0; color:#1f3550; font-family:Arial,sans-serif; font-size:11px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; direction:ltr; }.account-profile-editor { border-top:1px solid #deebf7; }.account-profile-editor summary { display:flex; align-items:center; gap:7px; padding-top:11px; color:#176fc5; cursor:pointer; font-size:10px; font-weight:800; list-style:none; }.account-profile-editor summary::-webkit-details-marker { display:none; }.account-profile-editor form,.account-listing-form form { display:grid; gap:10px; margin-top:12px; }.account-profile-editor label,.account-listing-form label { display:grid; gap:5px; color:#40516a; font-size:10px; font-weight:800; }.account-profile-editor input,.account-listing-form input,.account-listing-form select,.account-listing-form textarea { width:100%; min-height:39px; padding:8px 10px; border:1px solid #dbe3ed; border-radius:9px; outline:none; color:var(--ink); background:#fff; font:inherit; font-size:12px; }.account-listing-form textarea { min-height:76px; resize:vertical; }.account-profile-editor input:focus,.account-listing-form input:focus,.account-listing-form select:focus,.account-listing-form textarea:focus { border-color:#79b8ff; box-shadow:0 0 0 3px rgba(11,113,237,.1); }.my-listings-section { display:grid; gap:12px; }.account-empty-state { display:grid; justify-items:center; gap:7px; padding:23px 15px; border:1px dashed #bcd6ef; border-radius:15px; color:#5e748c; text-align:center; background:#f7fbff; }.account-empty-state > i { color:var(--blue); font-size:24px; }.account-empty-state h3,.account-empty-state p { margin:0; }.account-empty-state h3 { color:#203b59; font-size:14px; }.account-empty-state p { max-width:280px; font-size:10px; line-height:1.5; }.account-quick-actions { display:grid; width:100%; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin-top:7px; }.account-quick-action { display:flex; align-items:center; justify-content:center; gap:6px; min-height:39px; padding:6px; border:1px solid #d6e5f5; border-radius:9px; color:#1f5f9d; background:#fff; font:700 9px/1.2 inherit; }.account-quick-action i { color:var(--blue); }.my-account-listing-groups { display:grid; gap:14px; }.account-listing-group { display:grid; gap:8px; }.account-listing-group h3 { display:flex; align-items:center; gap:7px; margin:0; color:#2a4561; font-size:13px; }.account-listing-group h3 i { color:var(--blue); }.account-listing-cards { display:grid; gap:9px; }.account-listing-card { display:grid; grid-template-columns:82px minmax(0,1fr); gap:10px; overflow:hidden; padding:8px; border:1px solid #dce7f1; border-radius:13px; background:#fff; box-shadow:0 4px 12px rgba(24,52,85,.05); }.account-listing-card.is-held { opacity:.78; }.account-listing-image { width:82px; height:78px; border-radius:9px; object-fit:contain; background:#eef3f8; }.account-listing-content { display:grid; gap:5px; min-width:0; }.account-listing-title { overflow:hidden; margin:0; color:#1b3551; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }.account-listing-meta { overflow:hidden; color:#6b7e92; font-family:Arial,sans-serif; font-size:9px; text-overflow:ellipsis; white-space:nowrap; direction:ltr; }.account-listing-price { color:#1269b7; font-family:Arial,sans-serif; font-size:12px; font-weight:900; direction:ltr; }.account-listing-status-line { display:flex; align-items:center; justify-content:space-between; gap:6px; }.account-listing-actions { grid-column:1 / -1; display:flex; flex-wrap:wrap; gap:5px; padding-top:2px; }.account-listing-actions button { min-height:28px; padding:0 7px; border:1px solid #d9e5f0; border-radius:7px; color:#3b5a78; background:#fff; font:700 9px/1 inherit; }.account-listing-actions button.primary-action { color:#fff; border-color:var(--blue); background:var(--blue); }.account-listing-actions button.danger-action { color:#a34851; border-color:#f0cbd0; }.account-listing-actions button:disabled { opacity:.5; cursor:not-allowed; }.account-photo-input small { color:#7a8da1; font-size:9px; font-weight:600; }.account-photo-manager { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; }.account-photo-item { position:relative; overflow:hidden; min-width:0; border:1px solid #d9e5f0; border-radius:8px; background:#f8fbfe; }.account-photo-item img { display:block; width:100%; aspect-ratio:1; object-fit:contain; }.account-photo-item div { display:flex; flex-wrap:wrap; gap:2px; padding:3px; }.account-photo-item button { flex:1; min-width:19px; min-height:20px; padding:0 3px; border:0; border-radius:4px; color:#43617d; background:#e9f1f8; font-size:8px; }.account-photo-item button.is-main { color:#fff; background:var(--blue); }.account-photo-item .photo-remove { color:#a34851; background:#fff0f1; }.account-listing-form { max-width:520px; }.account-listing-form .form-actions { margin-top:2px; }
.account-profile-editor .account-logout-button { min-height:36px; border:1px solid #f0cbd0; border-radius:9px; color:#a34851; background:#fff; font:700 10px/1 inherit; }.account-summary-grid .account-admin-shortcut { padding:0; border:0; color:#116cc1; background:transparent; font:inherit; font-size:10px; font-weight:800; }.account-photo-item label { display:grid; flex:1; min-width:19px; min-height:20px; place-items:center; padding:0 3px; border-radius:4px; color:#43617d; background:#e9f1f8; font-size:8px; cursor:pointer; }.account-photo-item label input { display:none; }

/* Shared Buy Car / Car Finance vehicle listing wizard. */
.vehicle-wizard-card { width:min(100%,620px); }.vehicle-wizard-card form { display:grid; gap:12px; }.vehicle-wizard-progress { display:grid; grid-template-columns:repeat(6,1fr); gap:4px; margin:4px 0 2px; }.vehicle-wizard-progress span { height:4px; border-radius:8px; background:#dce7f1; }.vehicle-wizard-progress span.active { background:var(--blue); }.vehicle-wizard-step { display:grid; gap:11px; min-width:0; margin:0; padding:0; border:0; }.vehicle-wizard-step[hidden] { display:none !important; }.vehicle-wizard-step legend { margin:0; padding:0; color:#1d3855; font-size:15px; font-weight:900; }.vehicle-wizard-step label { display:grid; gap:5px; color:#40516a; font-size:11px; font-weight:800; }.vehicle-wizard-step label > span { display:flex; align-items:center; justify-content:space-between; gap:5px; }.vehicle-wizard-step label small,.wizard-optional-grid small { color:#778da3; font-size:9px; font-weight:700; }.vehicle-wizard-step input,.vehicle-wizard-step select,.vehicle-wizard-step textarea { width:100%; min-height:40px; padding:8px 10px; border:1px solid #dbe3ed; border-radius:9px; outline:0; color:#1c324d; background:#fff; font:inherit; font-size:12px; }.vehicle-wizard-step textarea { min-height:88px; resize:vertical; }.vehicle-wizard-step input:focus,.vehicle-wizard-step select:focus,.vehicle-wizard-step textarea:focus { border-color:#70b4f4; box-shadow:0 0 0 3px rgba(11,113,237,.1); }.wizard-make-field { display:grid; gap:7px; }.wizard-label { color:#40516a; font-size:11px; font-weight:800; }.wizard-make-picker { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); max-height:174px; gap:6px; overflow:auto; padding:2px; }.wizard-make-option { display:flex; align-items:center; gap:6px; min-height:40px; padding:5px; border:1px solid #dbe7f2; border-radius:8px; color:#39536e; background:#fff; font:700 9px/1.1 inherit; text-align:start; }.wizard-make-option.selected { color:#0d65b4; border-color:#6eaff0; background:#eef7ff; }.wizard-make-option img { width:23px; height:23px; flex:0 0 auto; border-radius:50%; object-fit:cover; background:#eef4fa; }.wizard-finance-fields { display:grid; gap:10px; padding:11px; border:1px solid #d6e6f6; border-radius:11px; background:#f6fbff; }.wizard-finance-fields h3 { margin:0; color:#286aa6; font-size:12px; }.wizard-help { margin:0; color:#637a91; font-size:10px; line-height:1.45; }.wizard-upload { padding:10px; border:1px dashed #a9cbe9; border-radius:10px; background:#f8fbff; }.wizard-photo-manager { grid-template-columns:repeat(5,1fr); }.wizard-location-actions { display:grid; grid-template-columns:1fr 1fr; gap:7px; }.wizard-location-actions button,.vehicle-location-map { min-height:38px; padding:7px; border:1px solid #bedaf3; border-radius:9px; color:#176ebc; background:#f5faff; font:700 10px/1.2 inherit; }.vehicle-location-map { display:grid; min-height:96px; place-items:center; gap:5px; border-style:dashed; background:linear-gradient(135deg,#e7f5ff,#f9fcff); }.vehicle-location-map i { font-size:22px; }.vehicle-wizard-review { display:grid; gap:8px; }.vehicle-review-media { display:flex; gap:6px; overflow:auto; }.vehicle-review-media img { width:74px; height:58px; flex:0 0 auto; border-radius:8px; object-fit:contain; }.vehicle-review-grid { display:grid; grid-template-columns:1fr 1fr; gap:7px; }.vehicle-review-grid div { display:grid; gap:2px; padding:8px; border-radius:8px; background:#f7faff; }.vehicle-review-grid small { color:#708399; font-size:9px; font-weight:800; }.vehicle-review-grid b { color:#1f3d5d; font-size:11px; font-weight:800; word-break:break-word; }.vehicle-promotion-choices { display:grid; gap:8px; }.vehicle-promotion-option { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:10px; width:100%; min-height:63px; padding:10px; border:1px solid #dce6f0; border-radius:11px; color:#334e6a; background:#fff; text-align:start; }.vehicle-promotion-option.selected { border-color:#4b9be7; box-shadow:0 0 0 3px rgba(11,113,237,.1); background:#f3f9ff; }.vehicle-promotion-option strong { font-size:12px; }.vehicle-promotion-option small { display:block; margin-top:3px; color:#71859a; font-size:9px; }.vehicle-promotion-option em { color:#176ebc; font-family:Arial,sans-serif; font-size:10px; font-style:normal; font-weight:900; direction:ltr; }.vehicle-wizard-actions,.vehicle-success-actions { display:flex; gap:8px; }.vehicle-wizard-actions > button,.vehicle-success-actions > button { flex:1; min-height:41px; }.vehicle-wizard-success { justify-items:center; padding:15px 4px; text-align:center; }.vehicle-wizard-success > i { color:#1ea568; font-size:32px; }.vehicle-wizard-success h3,.vehicle-wizard-success p { margin:0; }.vehicle-wizard-success h3 { color:#20583c; font-size:16px; }.vehicle-wizard-success p { color:#647c91; font-size:11px; }.vehicle-success-actions { width:100%; margin-top:7px; }.vehicle-success-actions button { padding:8px; border:1px solid #c8dff4; border-radius:9px; color:#176ebc; background:#fff; font:700 10px/1.2 inherit; }.vehicle-success-actions button:first-child { color:#fff; border-color:var(--blue); background:var(--blue); }
@media (max-width:370px) { .wizard-make-picker { grid-template-columns:repeat(2,minmax(0,1fr)); }.wizard-photo-manager { grid-template-columns:repeat(4,1fr); }.vehicle-success-actions { flex-wrap:wrap; }.vehicle-success-actions button { min-width:42%; } }

/* A hidden finance section must never be revived by its grid display rule. */
.wizard-finance-fields[hidden] { display:none !important; }
.vehicle-wizard-validation { margin:0; padding:9px 10px; border:1px solid #f0bb67; border-radius:9px; color:#7d4a00; background:#fff8e9; font-size:11px; font-weight:800; line-height:1.35; }
.vehicle-wizard-validation[hidden] { display:none !important; }
.vehicle-wizard-step .wizard-invalid,.wizard-make-field.wizard-invalid .wizard-make-picker { border-color:#d86a5e !important; box-shadow:0 0 0 3px rgba(216,106,94,.13); }
.wizard-make-field.wizard-invalid .wizard-make-picker { border:1px solid #d86a5e; border-radius:9px; padding:3px; }
.vehicle-location-map { display:block; min-height:220px; overflow:hidden; border:1px solid #bedaf3; border-radius:9px; background:#e7f5ff; cursor:crosshair; }.vehicle-location-map[hidden] { display:none !important; }.vehicle-location-map .leaflet-container { width:100%; height:220px; font:inherit; }
.vehicle-promotion-option.unavailable { opacity:.7; }.vehicle-promotion-option.unavailable em { color:#a86c19; }
html[dir="ltr"] .my-account-view { direction:ltr; }.my-account-view .showroom-nav-button i { transform:none; }

@media (max-width:370px) { .my-account-add-button span { display:none; }.account-listing-card { grid-template-columns:68px minmax(0,1fr); }.account-listing-image { width:68px; height:68px; }.account-listing-actions button { padding:0 5px; font-size:8px; } }
.market-call-seller { display:inline-flex; align-items:center; justify-content:center; min-height:2rem; margin:.1rem .75rem .75rem; padding:.38rem .65rem; border-radius:.55rem; color:#0957bc; background:#eaf3ff; font-size:.76rem; font-weight:800; text-decoration:none; }.market-call-seller:hover { background:#d7eaff; }

/* Keep the empty-account message hidden once saved listings are present. */
#accountEmptyState[hidden] { display: none; }

.vehicle-location-marker { display: grid; place-items: center; width: 30px; height: 30px; background: #126747; color: white; border: 3px solid white; border-radius: 50%; box-shadow: 0 2px 8px #0006; font-size: 17px; }

/* Featured Gold inventory occupies the middle hero area on Buy Car only. */
.gold-cars { position: relative; margin: 16px 0 20px; border: 1px solid #cda74b; border-radius: 20px; overflow: hidden; background: #191712; color: #fff; box-shadow: 0 8px 24px #40300d18; isolation: isolate; }
.gold-cars[hidden] { display: none; }
.gold-car { display: block; position: relative; width: 100%; min-height: 365px; padding: 0; border: 0; background: #191712; color: inherit; text-align: start; cursor: pointer; }
.gold-car > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit:contain; }
.gold-car::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, #100e09 0%, #100e09d9 22%, #100e0922 76%); }
.gold-badge.listing-promotion-badge { position:absolute; z-index:1; top:12px; inset-inline-end:12px; inline-size:52px; block-size:58px; margin:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; color:transparent; font-size:0; line-height:0; }
.gold-badge.listing-promotion-badge .listing-promotion-logo { inline-size:100%; block-size:100%; }
.gold-copy { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: start; gap: 7px; padding: 170px 22px 54px; }
.gold-eyebrow { color: #f7d77f; font-size: 14px; font-weight: 700; }
.gold-title { font-size: clamp(21px, 4vw, 29px); line-height: 1.3; }
.gold-specs, .gold-city { font-size: 15px; line-height: 1.5; }
.gold-price { color: #ffda7c; font-size: 29px; line-height: 1.2; }
.gold-prev, .gold-next, .gold-pause { position: absolute; z-index: 2; display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid #ffffff80; border-radius: 50%; color: #fff; background: #16130ba8; cursor: pointer; }
.gold-prev, .gold-next { top: 30%; font-size: 32px; }
.gold-prev { left: 10px; } .gold-next { right: 10px; }
.gold-pause { bottom: 6px; inset-inline-end: 12px; font-size: 16px; }
.gold-dots { position: absolute; bottom: 8px; left: 56px; right: 56px; display: flex; justify-content: center; flex-wrap: wrap; max-height: 44px; overflow: auto; direction: ltr; z-index: 2; }
.gold-dot { width: 26px; height: 34px; border: 0; padding: 0; background: transparent; cursor: pointer; }
.gold-dot::after { content: ''; display: block; width: 8px; height: 8px; margin: auto; background: #ffffff80; border-radius: 50%; }
.gold-dot[aria-current="true"]::after { width: 19px; border-radius: 8px; background: #ffd575; }
.gold-cars button:focus-visible { outline: 3px solid #ffda7c; outline-offset: -4px; }
@media (min-width: 700px) { .gold-copy { padding-top: 210px; } .gold-car { min-height: 420px; } }

/* Reference layout: compact controls, landscape hero, horizontal inventory. */
.buy-car-page .marketplace-view { padding-top: 0; }
.buy-car-page .marketplace-heading { display: flex; margin: 4px 0 8px; }
.buy-car-page .marketplace-heading > div, .buy-car-page .marketplace-subtitle { display: none; }
.buy-car-page .marketplace-back { min-height: 28px; font-size: 12px; border: 0; }
.buy-toolbar { display: grid; grid-template-columns: 1.1fr .8fr 1.25fr; gap: 7px; direction: ltr; }
.buy-toolbar > * { min-width: 0; min-height: 44px; border: 1px solid #e5e5e9; border-radius: 10px; background: #fff; color: #181c25; font-size: 14px; padding: 6px; }
.buy-toolbar .sell-car-button { background: #f01428; color: #fff; border: 0; box-shadow: none; width: auto; }
.buy-toolbar .sell-car-button span { display: inline; }
.buy-toolbar select { text-align: center; font: inherit; font-size: 14px; }
.buy-car-page .gold-cars { margin: 9px 0; border-radius: 13px; }
.buy-car-page .gold-car { min-height: 245px; aspect-ratio: 1.9; }
.buy-car-page .gold-copy { min-height: 245px; padding: 85px 16px 28px; gap: 4px; text-align: start; width: 100%; }
.buy-car-page .gold-title { font-size: 20px; }
.buy-car-page .gold-price { font-size: 25px; }
.buy-car-page .gold-specs, .buy-car-page .gold-city { font-size: 14px; }
.buy-car-page .gold-badge.listing-promotion-badge { top:9px; inset-inline-end:9px; inline-size:44px; block-size:50px; padding:0; }
.buy-car-page .gold-prev, .buy-car-page .gold-next { top: 38%; width: 36px; height: 36px; }
.buy-car-page .gold-pause { width: 30px; height: 30px; bottom: 3px; }
.buy-car-page .gold-dots { bottom: 0; }
.buy-car-page .car-grid { grid-template-columns: 1fr; gap: 7px; }
.buy-car-page .car-card { grid-template-columns: minmax(104px, 42%) minmax(0,1fr); grid-template-areas: "media copy"; direction: ltr; min-height: 106px; border-radius: 10px; box-shadow: none; }
.buy-car-page .car-image-wrap { height: 100%; min-height: 106px; }
.buy-car-page .car-card-body { display: grid; grid-template-columns: auto 1fr; gap: 5px; align-content: center; padding: 10px; direction: ltr; }
.buy-car-page .car-card-body h2 { grid-column: 1 / -1; white-space: normal; font-size: 17px; margin: 0; }
.buy-car-page .car-specs { grid-column: 1 / -1; font-size: 13px; color: #60636d; }
.buy-car-page .car-card-body > .listing-promotion-badge { grid-column: 1 / -1; }
.buy-car-page .car-specs i, .buy-car-page .car-card-body > p:not(.car-city), .buy-car-page .market-car-gallery { display: none; }
.buy-car-page .car-card-summary { grid-column: 1 / -1; margin: 0; padding: 0; border: 0; }
.buy-car-page .car-price { position: static; padding: 0; background: none; color: #ee1427; font-size: 20px; text-align: end; align-self: center; }
.buy-car-page .car-city { margin: 0; padding: 0; border: 0; font-size: 12px; font-weight: 400; align-self: center; }
.buy-car-page .car-city i { color: #252833; }
.buy-car-page .listing-card-view { grid-column: 1 / -1; margin-top: 0; }
.car-favorite { position: absolute; top: 6px; right: 6px; width: 34px; height: 34px; border: 1px solid #ececef; border-radius: 50%; background: #fffffff5; color: #1b2029; font-size: 19px; display: grid; place-items: center; }
.car-favorite[aria-pressed="true"] { color: #ef182c; }
html[dir="rtl"] .buy-car-page .car-card-body { direction: rtl; }
html[dir="ltr"] .buy-car-page .car-card-body { direction: ltr; }
@media(max-width: 370px) { .buy-toolbar > *, .buy-toolbar select { font-size: 12px; } .buy-car-page .car-card-body h2 { font-size: 15px; } .buy-car-page .car-price { font-size: 17px; } .buy-car-page .car-specs { font-size: 12px; } }
.buy-car-page .gold-copy { direction: ltr; align-items: flex-start; text-align: left; }
.buy-car-page .gold-car::after { background: linear-gradient(90deg, #100d08d9, #100d0833 80%), linear-gradient(0deg, #100d08d9, transparent 65%); }
.buy-car-page .gold-badge.listing-promotion-badge { right:9px; left:auto; }
/* Keep portrait uploads from stretching the compact marketplace rows. */
.buy-car-page .car-image-wrap > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit:contain; }
.buy-car-page .car-card { min-height: 110px; }
.buy-car-page .car-card-body { min-width: 0; }

/* Shared bright Gold treatment for sale and rental hero photographs. */
:root { --gold-photo-overlay: linear-gradient(0deg, rgba(18,14,6,.58) 0%, rgba(18,14,6,.22) 38%, rgba(18,14,6,.04) 62%, transparent 78%); --gold-text-shadow: 0 1px 3px #000c, 0 2px 8px #0007; }
.buy-car-page .gold-car::after { background: var(--gold-photo-overlay); }
.gold-copy { text-shadow: var(--gold-text-shadow); }

/* Lorry / Truck reference: Gold photograph above compact horizontal inventory. */
body:has([data-listing-section="lorry-truck"]:not([hidden])) .search-row{display:none!important}
#publicSectionScreen[data-listing-section="lorry-truck"]{padding:0 0 100px;color:#1b1c22}
[data-listing-section="lorry-truck"]>header{direction:ltr;display:flex;justify-content:space-between;margin:8px 0}
[data-listing-section="lorry-truck"]>header h1{font-size:22px;text-align:center;flex:1}
[data-listing-section="lorry-truck"]>header button{padding:5px 12px;min-height:34px;color:#202127;border-color:#ececef}
.lorry-toolbar{display:grid;grid-template-columns:1.25fr .8fr 1.15fr;gap:7px;direction:ltr}
[data-listing-section="lorry-truck"] .lorry-toolbar>*{min-width:0;border:1px solid #e9e9ee;border-radius:8px;font:inherit;font-size:14px;padding:8px 5px;color:#25262a;background:white}
[data-listing-section="lorry-truck"] .lorry-add{background:#f00027;color:white;font-weight:700;border:0}
[data-listing-section="lorry-truck"] input[type=search]{background:#f7f7fa;border-color:#ececf0;min-height:42px;margin:0 0 7px;font-size:14px}
.lorry-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;direction:ltr;margin-bottom:9px}
.lorry-filters[hidden]{display:none}
[data-listing-section="lorry-truck"] .lorry-filters>*{min-width:0;width:100%;min-height:38px;border:1px solid #ececf0;border-radius:7px;padding:5px;background:white;color:#34363b;font:inherit;font-size:12px}
.lorry-grid{display:grid;gap:8px;margin-top:8px}
.lorry-card{display:grid;grid-template-columns:minmax(104px,41%) minmax(0,1fr);grid-template-areas:"media copy";align-items:stretch;direction:ltr;border:1px solid #ececf0;border-radius:9px;overflow:hidden;background:white;min-height:116px}
.lorry-body{grid-area:copy;min-width:0;padding:8px;display:flex;flex-direction:column;justify-content:center;gap:5px;direction:ltr;text-align:left}
.lorry-body h2{font-size:17px;line-height:1.2;margin:0;overflow-wrap:anywhere}.lorry-specs{margin:0;color:#676971;font-size:12px}
.lorry-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:12px;color:#47494e}.lorry-price{margin-inline-start:auto;color:#e90027;font-size:18px;white-space:nowrap}
.lorry-ids{display:flex;gap:4px;flex-wrap:wrap;font-size:12px;color:#6b6c73}.lorry-ids span{background:#f7f7fa;border-radius:3px;padding:3px 5px}.lorry-ids .lorry-vip{background:#eee9ff;color:#663bae}
.lorry-media{grid-area:media;position:relative;display:grid;min-width:0;min-height:104px;background:#f6f6f8}
html[dir="rtl"] .lorry-body{direction:rtl;text-align:right}
[data-listing-section="lorry-truck"] .lorry-photo{padding:0;border:0;border-radius:0;position:relative;width:100%;height:100%;overflow:hidden}
.lorry-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border-radius:0}
[data-listing-section="lorry-truck"] .lorry-view{align-self:flex-start;min-height:27px;padding:3px 0;border:0;border-radius:0;background:transparent;color:#df1330;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
[data-listing-section="lorry-truck"] .lorry-favorite{position:absolute;right:7px;top:7px;z-index:3;padding:0;min-height:34px;width:34px;height:34px;border:1px solid #eeeeef;border-radius:50%;background:#fffffff5;color:#22252a;font:28px/1 Arial;display:grid;place-items:center}
[data-listing-section="lorry-truck"] .lorry-favorite[aria-pressed=true]{color:#ed0028}
.lorry-gold{position:relative;isolation:isolate;overflow:hidden;border-radius:10px;border:1px solid #d9b65e;background:#332716;color:#fff}
[data-listing-section="lorry-truck"] .lorry-gold-slide{position:relative;display:block;padding:0;width:100%;min-height:245px;aspect-ratio:2.2;border:0;border-radius:0;background:#493b22;color:white;text-align:left;touch-action:pan-y}
.lorry-gold-slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border-radius:0;object-position:center}
.lorry-gold-slide::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#1c160dd9 0%,#20190b99 31%,#352b1720 60%,transparent 78%);pointer-events:none}
.lorry-gold-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:13px 15px 31px;width:68%;direction:ltr;font-size:13px;text-shadow:0 1px 3px #0009}
.lorry-gold-badge.listing-promotion-badge{inline-size:43px;block-size:49px;margin:0 0 2px;padding:0;border:0;border-radius:0;background:transparent;color:transparent;font-size:0;line-height:0;box-shadow:none;gap:0}.lorry-gold-badge.listing-promotion-badge .listing-promotion-logo{inline-size:100%;block-size:100%}
.lorry-gold-heading{font-size:21px;font-weight:800}.lorry-gold-title{font-size:19px;line-height:1.2}.lorry-gold-price{font-size:24px;color:#ffe097}.lorry-gold-cta{background:#f40028;color:white;border-radius:5px;padding:8px 12px;font-size:14px;font-weight:700;text-shadow:none}
[data-listing-section="lorry-truck"] .lorry-prev,[data-listing-section="lorry-truck"] .lorry-next,[data-listing-section="lorry-truck"] .lorry-pause{position:absolute;z-index:2;min-height:30px;width:30px;height:30px;padding:0;border-radius:50%;border:1px solid #fff9;background:#2b241c55;color:white;font:26px/1 Arial;top:43%}
[data-listing-section="lorry-truck"] .lorry-prev{left:43%}[data-listing-section="lorry-truck"] .lorry-next{right:8px}
[data-listing-section="lorry-truck"] .lorry-pause{top:auto;bottom:3px;right:8px;font-size:13px;min-height:25px;height:25px;width:25px}
.lorry-dots{position:absolute;bottom:0;left:50px;right:50px;display:flex;justify-content:center;direction:ltr;z-index:2}
[data-listing-section="lorry-truck"] .lorry-dots button{min-height:28px;width:24px;padding:0;border:0;background:transparent}
.lorry-dots button::after{content:'';display:block;width:8px;height:8px;background:#fff;border-radius:50%;margin:auto}.lorry-dots button[aria-current=true]::after{background:#f30028}
.lorry-empty{padding:30px 16px;text-align:center;background:#f7f7fa;border-radius:10px}
@media(max-width:380px){.lorry-body h2{font-size:15px}.lorry-price{font-size:16px}.lorry-gold-copy{width:76%;padding-left:10px}.lorry-gold-title{font-size:17px}.lorry-toolbar>*{font-size:12px!important}.lorry-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
.lorry-meta>span,.lorry-gold-badge{display:inline-flex;align-items:center;gap:6px}.lorry-meta i{color:#272a30}

[data-listing-section="lorry-truck"] .lorry-gold-slide{direction:ltr;aspect-ratio:auto;height:auto}.lorry-gold-copy{min-height:245px;width:72%;margin-right:auto;margin-left:0}

/* Bus uses the same public marketplace surface and Gold carousel as Lorry / Truck. */
body:has([data-listing-section="bus"]:not([hidden])) .search-row{display:none!important}
#publicSectionScreen[data-listing-section="bus"]{padding:0 0 100px;color:#1b1c22}
[data-listing-section="bus"]>header{direction:ltr;display:flex;justify-content:space-between;margin:8px 0}
[data-listing-section="bus"]>header h1{font-size:22px;text-align:center;flex:1}
[data-listing-section="bus"]>header button{padding:5px 12px;min-height:34px;color:#202127;border-color:#ececef}
[data-listing-section="bus"] .lorry-toolbar>*{min-width:0;border:1px solid #e9e9ee;border-radius:8px;font:inherit;font-size:14px;padding:8px 5px;color:#25262a;background:white}
[data-listing-section="bus"] .lorry-add{background:#f00027;color:white;font-weight:700;border:0}
[data-listing-section="bus"] input[type=search]{background:#f7f7fa;border-color:#ececf0;min-height:42px;margin:0 0 7px;font-size:14px}
[data-listing-section="bus"] .lorry-filters>*{min-width:0;width:100%;min-height:38px;border:1px solid #ececf0;border-radius:7px;padding:5px;background:white;color:#34363b;font:inherit;font-size:12px}
[data-listing-section="bus"] .lorry-photo{padding:0;border:0;border-radius:0;position:relative;width:100%;height:100%;overflow:hidden}
[data-listing-section="bus"] .lorry-view{align-self:flex-start;min-height:27px;padding:3px 0;border:0;border-radius:0;background:transparent;color:#df1330;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
[data-listing-section="bus"] .lorry-favorite{position:absolute;right:7px;top:7px;z-index:3;padding:0;min-height:34px;width:34px;height:34px;border:1px solid #eeeeef;border-radius:50%;background:#fffffff5;color:#22252a;font:28px/1 Arial;display:grid;place-items:center}
[data-listing-section="bus"] .lorry-favorite[aria-pressed=true]{color:#ed0028}
[data-listing-section="bus"] .lorry-gold-slide{position:relative;display:block;padding:0;width:100%;min-height:245px;aspect-ratio:2.2;border:0;border-radius:0;background:#493b22;color:white;text-align:left;touch-action:pan-y}
[data-listing-section="bus"] .lorry-prev,[data-listing-section="bus"] .lorry-next,[data-listing-section="bus"] .lorry-pause{position:absolute;z-index:2;min-height:30px;width:30px;height:30px;padding:0;border-radius:50%;border:1px solid #fff9;background:#2b241c55;color:white;font:26px/1 Arial;top:43%}
[data-listing-section="bus"] .lorry-prev{left:43%}[data-listing-section="bus"] .lorry-next{right:8px}
[data-listing-section="bus"] .lorry-pause{top:auto;bottom:3px;right:8px;font-size:13px;min-height:25px;height:25px;width:25px}
[data-listing-section="bus"] .lorry-dots button{min-height:28px;width:24px;padding:0;border:0;background:transparent}
[data-listing-section="bus"] .lorry-gold-slide{direction:ltr;aspect-ratio:auto;height:auto}

/* Premium iOS-style Buy Car listing flow. The shared wizard remains unchanged for Bus and Car Finance. */
.wizard-top-back { display:none; }
.vehicle-wizard-card.buy-car-wizard { width:min(100%,560px); max-height:calc(100dvh - 12px); overflow:auto; padding:15px 16px 13px; border:1px solid #edf0f5; border-radius:28px; background:#f8f9fc; direction:ltr; box-shadow:0 18px 48px rgba(25,38,65,.22); }
.buy-car-wizard .sell-form-heading { min-height:79px; align-items:center; gap:9px; }
.buy-car-wizard .wizard-top-back { display:grid; flex:0 0 34px; width:34px; height:34px; place-items:center; border:0; border-radius:50%; color:#1d2938; background:transparent; font-size:17px; }
.buy-car-wizard .wizard-top-back:hover,.buy-car-wizard .wizard-top-back:focus-visible { background:#edf1f6; outline:0; }
.buy-car-wizard .wizard-brand-heading { display:grid; flex:1; justify-items:center; gap:2px; min-width:0; text-align:center; }
.buy-car-wizard .wizard-brand-logo { width:138px; height:35px; object-fit:contain; mix-blend-mode:multiply; }
.buy-car-wizard #vehicleWizardSectionLabel { display:none; }
.buy-car-wizard #sellFormTitle { margin:2px 0 0; color:#111722; font-size:22px; line-height:1.08; font-weight:900; }
.buy-car-wizard #vehicleWizardIntro { margin:0; color:#7a8492; font-size:10px; line-height:1.35; }
.buy-car-wizard .close-modal { width:34px; height:34px; border-radius:50%; color:#1d2938; background:transparent; font-size:18px; }
.buy-car-wizard .close-modal:hover,.buy-car-wizard .close-modal:focus-visible { background:#edf1f6; outline:0; }
.buy-car-wizard .vehicle-wizard-progress { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; margin:1px 0 13px; padding:0 3px; }
.buy-car-wizard .vehicle-wizard-progress span { position:relative; display:grid; z-index:0; height:auto; place-items:center; gap:5px; background:transparent; color:#7b8490; text-align:center; }
.buy-car-wizard .vehicle-wizard-progress span:not(:last-child)::after { position:absolute; top:13px; left:50%; z-index:-1; width:100%; height:2px; content:""; background:#e2e5eb; }
.buy-car-wizard .vehicle-wizard-progress span.active:not(:last-child)::after { background:#e0212b; }
.buy-car-wizard .vehicle-wizard-progress b { display:grid; width:27px; height:27px; place-items:center; border-radius:50%; color:#354153; background:#e8ebf0; font:800 12px/1 Arial,sans-serif; }
.buy-car-wizard .vehicle-wizard-progress span.active b { color:#fff; background:#e0212b; }
.buy-car-wizard .vehicle-wizard-progress small { color:inherit; font-size:9px; font-weight:800; white-space:nowrap; }
.buy-car-wizard .vehicle-wizard-step { gap:13px; padding:16px; border:1px solid #edf0f5; border-radius:19px; background:#fff; box-shadow:0 5px 16px rgba(40,57,84,.04); }
.buy-car-wizard .vehicle-wizard-step legend { color:#151d29; font-size:16px; }
.buy-car-wizard .vehicle-wizard-step label,.buy-car-wizard .wizard-label { color:#263445; font-size:11px; }
.buy-car-wizard .vehicle-wizard-step label > span { min-height:14px; }
.buy-car-wizard .vehicle-wizard-step input,.buy-car-wizard .vehicle-wizard-step select,.buy-car-wizard .vehicle-wizard-step textarea { min-height:43px; border-color:#e0e4ea; border-radius:11px; color:#253347; background:#fff; font-size:12px; }
.buy-car-wizard .vehicle-wizard-step textarea { min-height:86px; }
.buy-car-wizard .vehicle-wizard-step input:focus,.buy-car-wizard .vehicle-wizard-step select:focus,.buy-car-wizard .vehicle-wizard-step textarea:focus { border-color:#e12632; box-shadow:0 0 0 3px rgba(225,38,50,.1); }
.buy-car-wizard .wizard-make-picker { grid-template-columns:repeat(4,minmax(0,1fr)); max-height:202px; gap:8px; padding:0; }
.buy-car-wizard .wizard-make-option { display:grid; min-height:72px; justify-items:center; align-content:center; gap:4px; padding:7px 4px; border-color:#e4e7ec; border-radius:11px; color:#354255; background:#fff; font-size:9px; text-align:center; }
.buy-car-wizard .wizard-make-option.selected { color:#d81f2d; border-color:#e12632; background:#fff7f7; box-shadow:0 0 0 2px rgba(225,38,50,.09); }
.buy-car-wizard .wizard-make-option img { width:35px; height:35px; border-radius:8px; background:#f4f5f7; }
.buy-car-wizard .vehicle-wizard-step .form-grid { gap:10px; }
.buy-car-wizard .vehicle-wizard-step .form-grid label:has(input[type="number"]) input { direction:ltr; text-align:left; }
.buy-car-wizard .vehicle-wizard-step[data-vehicle-step="review"] { order:1; }
.buy-car-wizard .vehicle-wizard-step[data-vehicle-step="location"] { order:2; }
.buy-car-wizard .vehicle-wizard-step[data-vehicle-step="contact"] { order:3; }
.buy-car-wizard .vehicle-wizard-step[data-vehicle-step="promotion"] { order:4; }
.buy-car-wizard .vehicle-wizard-actions { order:5; }
.buy-car-wizard .buy-car-review-companion { box-shadow:0 4px 14px rgba(40,57,84,.035); }
.buy-car-wizard .vehicle-wizard-actions { position:sticky; bottom:-13px; z-index:3; margin-top:0; padding:10px 0 0; background:linear-gradient(#f8f9fc 0%,#f8f9fc 82%); }
.buy-car-wizard .vehicle-wizard-actions > button { min-height:47px; border-radius:12px; font-size:13px; font-weight:900; }
.buy-car-wizard .vehicle-wizard-actions .cancel-button { color:#202d3e; border-color:#e0e4ea; background:#fff; }
.buy-car-wizard .vehicle-wizard-actions .publish-button { border-color:#e12632; background:#e12632; box-shadow:0 7px 13px rgba(225,38,50,.18); }
.buy-car-wizard .vehicle-wizard-validation { border-radius:11px; }
.buy-car-wizard .vehicle-promotion-option.selected { border-color:#e12632; box-shadow:0 0 0 3px rgba(225,38,50,.1); background:#fff7f7; }
.buy-car-wizard .vehicle-promotion-option em { color:#d81f2d; }
@media (max-width:430px) {
  .vehicle-wizard-card.buy-car-wizard { width:100%; max-height:100dvh; padding:12px 11px 10px; border-radius:23px; }
  .buy-car-wizard .wizard-brand-logo { width:126px; height:31px; }
  .buy-car-wizard #sellFormTitle { font-size:20px; }
  .buy-car-wizard .vehicle-wizard-step { padding:13px; }
  .buy-car-wizard .wizard-make-picker { gap:6px; }
  .buy-car-wizard .wizard-make-option { min-height:65px; font-size:8px; }
  .buy-car-wizard .wizard-make-option img { width:29px; height:29px; }
}

/* Buy Car alone: retain the compact global controls without the brand/search strip. */
.buy-car-page .top-header .brand,
.buy-car-page .search-row { display:none; }
.buy-car-page .top-header:has(>.global-language-control) { height:44px; margin-bottom:0; }
.buy-car-page .top-header > .buy-toolbar { grid-column:2; grid-row:1; grid-template-columns:1.25fr .85fr 1fr; gap:4px; width:100%; min-width:0; max-width:none; container-type:inline-size; }

.buy-car-page .buy-toolbar > * { height:30px; min-height:30px; padding:2px 3px; font-size:10px; line-height:1.15; border-radius:7px; }
.buy-car-page .buy-toolbar .sell-car-button { gap:3px; }
.buy-car-page .buy-toolbar .sell-car-button i { display:none; }
.buy-car-page .buy-toolbar select { padding-inline:2px; font-size:10px; }
@container (max-width:240px) {
 .buy-car-page .buy-toolbar > * { font-size:8px; padding-inline:1px; }
 .buy-car-page .buy-toolbar select { font-size:8px; }
 .buy-car-page .buy-toolbar .buy-toolbar-filter i { display:none; }
}
.buy-car-page .marketplace-heading { margin:1px 0; }

/* Compact Buy Car Gold projection, including a non-interactive empty state. */
.buy-car-page .gold-cars.gold-empty { padding:14px 16px; color:#705217; background:linear-gradient(120deg,#fff9e7,#fffdf7); box-shadow:0 3px 12px #7052170a; }
.buy-car-page .gold-empty strong { font-size:13px; letter-spacing:.04em; }
.buy-car-page .gold-empty p { margin:5px 0 0; font-size:13px; line-height:1.5; }
.buy-car-page .gold-car { min-height:205px; aspect-ratio:2.3; }
.buy-car-page .gold-copy { min-height:205px; padding:62px 14px 28px; }
.buy-car-page .gold-title { font-size:18px; }
.buy-car-page .gold-price { font-size:23px; }
.buy-car-page .gold-specs,.buy-car-page .gold-city { font-size:12px; }

/* Bus/Lorry controls live in the top header; leave no second header row. */
#publicSectionScreen:is([data-listing-section="bus"],[data-listing-section="lorry-truck"])>header.back-relocated-row{display:none;margin:0;padding:0}

/* Reduce list density without constraining content height or changing Gold/media. */
#publicSectionScreen:is([data-listing-section="bus"],[data-listing-section="lorry-truck"]) .lorry-grid{gap:6px;margin-top:6px}
#publicSectionScreen:is([data-listing-section="bus"],[data-listing-section="lorry-truck"]) .lorry-card{min-height:104px}
#publicSectionScreen:is([data-listing-section="bus"],[data-listing-section="lorry-truck"]) .lorry-body{padding:6px;gap:3px;line-height:1.35}
#publicSectionScreen:is([data-listing-section="bus"],[data-listing-section="lorry-truck"]) .lorry-body h2{font-size:15px;line-height:1.2}
#publicSectionScreen:is([data-listing-section="bus"],[data-listing-section="lorry-truck"]) .lorry-meta{gap:3px 6px;line-height:1.35}
#publicSectionScreen:is([data-listing-section="bus"],[data-listing-section="lorry-truck"]) .lorry-price{font-size:16px;line-height:1.25;white-space:normal;overflow-wrap:anywhere}
#publicSectionScreen:is([data-listing-section="bus"],[data-listing-section="lorry-truck"]) .lorry-ids{gap:3px;font-size:11px;line-height:1.35;overflow-wrap:anywhere}
#publicSectionScreen:is([data-listing-section="bus"],[data-listing-section="lorry-truck"]) .lorry-ids span{padding:2px 4px}
#publicSectionScreen:is([data-listing-section="bus"],[data-listing-section="lorry-truck"]) .lorry-empty{margin:0;padding:16px 12px;font-size:14px;line-height:1.5}

/* Only the Car Parts subdivisions; Home and the other sections keep their styles. */
.app-shell:has(#publicSectionScreen[data-listing-section="car-parts"]:not([hidden]))>.search-row{display:none!important}
#publicSectionScreen[data-listing-section="car-parts"]{padding:12px 12px 96px;color:#25262a}
#publicSectionScreen[data-listing-section="car-parts"]>header h1{font-size:23px}
#publicSectionScreen .parts-choices{display:grid;gap:14px;margin-top:16px}
#publicSectionScreen .parts-choice{display:flex;align-items:center;gap:20px;text-align:start;width:100%;min-height:126px;padding:22px;border:1px solid #e6e7eb;border-radius:18px;background:linear-gradient(120deg,#fff,#f6f7f9);color:#25262a;box-shadow:0 3px 12px #16233308;cursor:pointer;touch-action:manipulation}
#publicSectionScreen .parts-choice>i{font-size:34px;color:#dd1831;width:42px;text-align:center;flex-shrink:0}
#publicSectionScreen .parts-choice strong{display:block;font-size:22px;line-height:1.4}
#publicSectionScreen .parts-choice small{display:block;font-size:14px;color:#686b74;margin-top:5px;line-height:1.5}
#publicSectionScreen .parts-choice:active{background:#eef0f4}
.app-shell.single-control-row>.top-header>.parts-toolbar{display:flex;align-items:center;gap:5px;flex:1;min-width:0;order:1}
.parts-toolbar>:is(input,select){width:100%;min-width:0;height:40px;border:1px solid #e6e7eb;border-radius:8px;background:#fff;color:#25262a;padding:6px;font:inherit;font-size:12px}
.parts-toolbar>input{flex:1.25}.parts-toolbar>select{flex:1}
html[dir="rtl"] .parts-toolbar>:is(input,select){direction:rtl}
#publicSectionScreen .parts-results-count{font-size:13px;color:#656871;margin:12px 0 8px}
#publicSectionScreen :is(.parts-listing-grid,.parts-shop-grid){display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(min(100%,215px),1fr))}
#publicSectionScreen :is(.parts-listing-card,.parts-shop-card){position:relative;display:grid;border:1px solid #e6e7eb;border-radius:11px;overflow:hidden;background:#fff;min-width:0}
/* The media rail is intentionally physical-left.  Nested copy restores the
   active writing direction so Kurdish/Arabic wording still reads naturally. */
#publicSectionScreen .parts-item-main{display:flex;gap:8px;align-items:center;width:100%;padding:8px;border:0;background:transparent;color:inherit;direction:ltr;text-align:start;font:inherit;cursor:pointer}
#publicSectionScreen .parts-item-photo{display:grid;place-items:center;flex:0 0 80px;width:80px;height:80px;background:#f4f5f7;border-radius:8px;overflow:hidden;color:#737981}
#publicSectionScreen .parts-item-photo>img{width:100%;height:100%;object-fit:contain}
#publicSectionScreen .parts-item-photo>i{font-size:26px}
#publicSectionScreen .parts-media-count{position:absolute;left:5px;bottom:5px;display:inline-flex;align-items:center;gap:3px;min-height:19px;padding:2px 5px;border-radius:20px;background:#20252cd9;color:#fff;font:700 10px/1 Arial,sans-serif;direction:ltr}
#publicSectionScreen .parts-item-copy{display:grid;gap:3px;min-width:0;font-size:13px;overflow-wrap:anywhere;direction:ltr;text-align:start}
html[dir="rtl"] #publicSectionScreen .parts-item-copy{direction:rtl;text-align:right}
#publicSectionScreen .parts-item-copy>strong{font-size:15px;line-height:1.25}
#publicSectionScreen .parts-reference{font-size:10px;color:#737680;direction:ltr;unicode-bidi:isolate}
#publicSectionScreen .parts-price{color:#0b68c4;font-size:13px;direction:ltr;unicode-bidi:isolate}
#publicSectionScreen :is(.parts-view-shop,.parts-view-listing){color:#c8152d;font-size:11px;font-weight:700}
#publicSectionScreen .parts-favorite{position:absolute;z-index:2;left:55px;top:13px;display:grid;place-items:center;width:29px;min-height:29px;height:29px;padding:0;border:1px solid #fff;border-radius:50%;background:#fffffff0;color:#25262a;box-shadow:0 2px 7px #1825352e;font:15px/1 Arial}
#publicSectionScreen .parts-favorite[aria-pressed=true]{color:#e20d32}
#publicSectionScreen .parts-item-copy .listing-promotion-badge{justify-self:start}
html[dir="rtl"] #publicSectionScreen .parts-item-copy .listing-promotion-badge{justify-self:end}
#publicSectionScreen .parts-empty{grid-column:1/-1;padding:22px 12px;margin:0;text-align:center;background:#f7f8fa;border-radius:12px;color:#686b74}
#publicSectionScreen :is(.parts-choice,.parts-item-main):focus-visible{outline:3px solid #b80d28;outline-offset:2px}
@media(max-width:360px){#publicSectionScreen .parts-item-main{gap:7px;padding:7px}#publicSectionScreen .parts-item-photo{flex-basis:72px;width:72px;height:72px}#publicSectionScreen .parts-item-copy>strong{font-size:14px}#publicSectionScreen .parts-favorite{left:49px;top:12px;width:27px;min-height:27px;height:27px}}

/* Buy Car make picker: show the complete, proportional manufacturer mark. */
.buy-car-wizard .wizard-make-option img { object-fit:contain; border-radius:0; background:transparent; }
.buy-car-wizard .wizard-make-option { min-width:0; }
.buy-car-wizard .wizard-make-option span { overflow-wrap:anywhere; }
#wizardMakeSearch[hidden], #wizardMakeEmpty[hidden] { display:none; }

/*
 * Public Buy Car, Bus and Lorry rows deliberately stay short without imposing
 * a fixed card height.  The media rail remains physically first (left); copy
 * can grow naturally for translated titles and long vehicle details.
 */
.buy-car-page .car-grid { gap:6px; }
.buy-car-page .car-card {
  grid-template-columns:minmax(92px,39%) minmax(0,1fr);
  min-height:98px;
}
.buy-car-page .car-image-wrap { min-height:98px; }
.buy-car-page .car-card-body { gap:3px; padding:7px 8px; }
.buy-car-page .car-card-body h2 { font-size:15px; line-height:1.22; }
.buy-car-page .car-specs { gap:2px 5px; font-size:11px; line-height:1.25; }
.buy-car-page .car-card-body > .listing-promotion-badge {
  margin-bottom:0;
  padding:0;
  font-size:0;
}
.buy-car-page .car-price { font-size:17px; line-height:1.2; }
.buy-car-page .car-city { font-size:11px; line-height:1.2; }
.buy-car-page .listing-card-view {
  min-height:28px;
  padding:2px 0;
  font-size:10px;
}
.buy-car-page .car-favorite {
  top:5px;
  right:5px;
  width:30px;
  height:30px;
  font-size:17px;
}

#publicSectionScreen:is([data-listing-section="bus"],[data-listing-section="lorry-truck"]) .lorry-grid {
  gap:5px;
  margin-top:5px;
}
#publicSectionScreen:is([data-listing-section="bus"],[data-listing-section="lorry-truck"]) .lorry-card {
  grid-template-columns:minmax(92px,40%) minmax(0,1fr);
  min-height:98px;
}
#publicSectionScreen:is([data-listing-section="bus"],[data-listing-section="lorry-truck"]) .lorry-media { min-height:98px; }
#publicSectionScreen:is([data-listing-section="bus"],[data-listing-section="lorry-truck"]) .lorry-body {
  gap:2px;
  padding:6px 7px;
  line-height:1.28;
}
#publicSectionScreen:is([data-listing-section="bus"],[data-listing-section="lorry-truck"]) .lorry-body h2 {
  font-size:14px;
  line-height:1.2;
}
#publicSectionScreen:is([data-listing-section="bus"],[data-listing-section="lorry-truck"]) .lorry-specs,
#publicSectionScreen:is([data-listing-section="bus"],[data-listing-section="lorry-truck"]) .lorry-meta { font-size:11px; }
#publicSectionScreen:is([data-listing-section="bus"],[data-listing-section="lorry-truck"]) .lorry-meta { gap:2px 5px; }
#publicSectionScreen:is([data-listing-section="bus"],[data-listing-section="lorry-truck"]) .lorry-price { font-size:15px; }
#publicSectionScreen:is([data-listing-section="bus"],[data-listing-section="lorry-truck"]) .lorry-ids { gap:2px; font-size:10px; }
#publicSectionScreen:is([data-listing-section="bus"],[data-listing-section="lorry-truck"]) .lorry-ids span { padding:2px 3px; }
#publicSectionScreen:is([data-listing-section="bus"],[data-listing-section="lorry-truck"]) .lorry-body > .listing-promotion-badge {
  margin-bottom:0;
  padding:0;
  font-size:0;
}
#publicSectionScreen:is([data-listing-section="bus"],[data-listing-section="lorry-truck"]) .lorry-view {
  min-height:27px;
  padding:2px 0;
  font-size:11px;
}
#publicSectionScreen:is([data-listing-section="bus"],[data-listing-section="lorry-truck"]) .lorry-favorite {
  top:5px;
  right:5px;
  width:30px;
  min-height:30px;
  height:30px;
  font-size:23px;
}

/* Authoritative shared Sell Your Car / Car Finance flow. Scoped away from Home. */
.vehicle-wizard-card.vehicle-flow{width:min(700px,100%);max-height:calc(var(--zagros-viewport-block,100dvh) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 16px);overflow:auto;overscroll-behavior:contain;padding:16px 18px 0;border:1px solid #e4e8eb;border-radius:24px;background:#f6f8fa;color:#182c36;scroll-padding-block:24px;}
.vehicle-flow .sell-form-heading{display:flex;align-items:center;gap:8px;margin-bottom:12px;}
.vehicle-flow .wizard-brand-heading{flex:1;min-width:0;text-align:center;}
.vehicle-flow .wizard-brand-logo{display:block;width:132px;height:48px;object-fit:contain;margin:0 auto 4px;}
.vehicle-flow #vehicleWizardSectionLabel{margin:0;color:#5f707a;font-size:12px;font-weight:600;}
.vehicle-flow #sellFormTitle{margin:6px 0 0;font-size:23px;line-height:1.3;color:#172c36;}
.vehicle-flow .wizard-top-back,.vehicle-flow .close-modal{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border:0;border-radius:50%;background:transparent;color:#223c48;font-size:18px;}

.vehicle-flow .vehicle-wizard-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 18px;}
.vehicle-flow .vehicle-wizard-progress span{height:auto;display:flex;flex-direction:column;align-items:center;gap:5px;background:transparent;color:#72838c;text-align:center;}
.vehicle-flow .vehicle-wizard-progress b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e4eaed;font-size:12px;}
.vehicle-flow .vehicle-wizard-progress small{font-size:11px;font-weight:600;line-height:1.3;}
.vehicle-flow .vehicle-wizard-progress span.active b{background:#153f3b;color:#fff;}
.vehicle-flow .vehicle-wizard-progress [aria-current=step] b{outline:2px solid #bb984e;outline-offset:3px;}
.vehicle-flow .vehicle-wizard-step{min-width:0;padding:16px;border:1px solid #e3e8eb;border-radius:16px;background:#fff;gap:14px;}
.vehicle-flow .vehicle-wizard-step[hidden],.vehicle-flow [hidden]{display:none!important;}
.vehicle-flow .vehicle-wizard-step>legend{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;}
.vehicle-flow .vehicle-detail-grid,.vehicle-flow .wizard-finance-fields .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;align-items:start;}
.vehicle-flow label,.vehicle-flow .wizard-features-field{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:12px;font-weight:600;color:#40515c;}
.vehicle-flow input:not([type=checkbox]),.vehicle-flow select,.vehicle-flow textarea,.vehicle-flow .vehicle-brand-toggle{box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:46px;padding:10px;border:1px solid #d9e2e6;border-radius:10px;background:#fff;color:#1b3440;font:400 16px/1.3 inherit;font-size:16px;scroll-margin-block:30px;}
.vehicle-flow .vehicle-brand-toggle{font-size:14px;}
.vehicle-flow input:focus,.vehicle-flow select:focus,.vehicle-flow textarea:focus,.vehicle-flow button:focus-visible{outline:2px solid #ad8c42;outline-offset:2px;}
.vehicle-flow input:disabled{background:#f2f4f5;color:#8a989f;}
.vehicle-flow .vehicle-additional{margin-top:16px;}
.vehicle-flow textarea{resize:vertical;min-height:96px;}
.vehicle-flow input[type=number],.vehicle-flow input[type=tel]{direction:ltr;text-align:start;}
.vehicle-flow .vehicle-price-contact{display:grid;gap:18px;}
.vehicle-flow .wizard-finance-fields{margin-top:6px;padding:16px 0 0;border-top:1px solid #e5eaee;gap:14px;}
.vehicle-flow .wizard-finance-fields h3{font-size:16px;margin:0 0 2px;}
.vehicle-flow #wizardFeatures{border:1px solid #d9e2e6;border-radius:10px;background:#fff;}
.vehicle-flow #wizardFeatures summary{min-height:46px;padding:12px;cursor:pointer;font-size:14px;box-sizing:border-box;}
.vehicle-flow #wizardExtraFeatures{display:grid;max-height:240px;overflow:auto;padding:0 10px 10px;gap:2px;}
.vehicle-flow #wizardExtraFeatures label{display:flex;flex-direction:row;align-items:center;min-height:44px;gap:8px;font-size:13px;}
.vehicle-flow #wizardExtraFeatures input{width:20px;height:20px;accent-color:#153f3b;flex:0 0 20px;}
.vehicle-flow .painted-panel-trigger{min-height:46px;font-size:13px;}
.vehicle-flow .vehicle-wizard-actions{position:sticky;bottom:0;z-index:5;padding:14px 0 max(14px,env(safe-area-inset-bottom));background:#f6f8fa;border-top:1px solid #e0e7ea;margin-top:18px;}
.vehicle-flow .vehicle-wizard-actions button{min-height:48px;border-radius:12px;font-size:15px;}
.vehicle-flow .publish-button{background:#153f3b;border-color:#153f3b;color:#fff;}
.vehicle-flow .cancel-button{background:#fff;border:1px solid #d4dde1;color:#334c56;}
.vehicle-flow button:disabled{opacity:.5;cursor:default;}
.vehicle-flow .wizard-field-error{color:#ae3030;font-size:12px;font-weight:500;line-height:1.4;}
.vehicle-flow .vehicle-wizard-validation{margin:0 0 14px;font-size:13px;}
.vehicle-flow .media-section-heading h3{font-size:16px;}
.vehicle-flow .media-status{font-size:12px;}
.vehicle-flow .wizard-media-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.vehicle-flow .media-slot-controls{flex-wrap:wrap;}
.vehicle-flow .media-slot-controls button{min-height:38px;font-size:11px;}
.vehicle-flow .vehicle-wizard-review{gap:16px;}
.vehicle-flow .vehicle-review-section{min-width:0;padding-bottom:16px;border-bottom:1px solid #e7ecef;}
.vehicle-flow .vehicle-review-section:last-child{border:0;padding-bottom:0;}
.vehicle-flow .vehicle-review-section header{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.vehicle-flow .vehicle-review-section h3{font-size:15px;margin:0;color:#1c3540;}
.vehicle-flow .vehicle-review-section header button{min-height:44px;max-width:50%;padding:6px 4px;border:0;background:transparent;color:#246a62;font-size:12px;font-weight:600;text-align:end;}
.vehicle-flow .vehicle-review-section dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 0;}
.vehicle-flow .vehicle-review-section dt{font-size:11px;color:#70818c;}
.vehicle-flow .vehicle-review-section dd{margin:4px 0 0;font-size:14px;font-weight:600;overflow-wrap:anywhere;white-space:pre-line;}
.vehicle-flow .vehicle-review-media{padding:8px 0;gap:10px;}
.vehicle-flow .vehicle-review-media figure{margin:0;width:100px;flex:0 0 100px;}
.vehicle-flow .vehicle-review-media img{width:100px;height:82px;background:#f1f4f6;object-fit:contain;}
.vehicle-flow .vehicle-review-media figcaption{font-size:10px;text-align:center;color:#46625d;margin-top:4px;}
@media(max-width:480px){.vehicle-wizard-card.vehicle-flow{padding:14px 12px 0;border-radius:20px;}.vehicle-flow .vehicle-wizard-step{padding:13px;}.vehicle-flow .wizard-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.vehicle-flow .vehicle-detail-grid{gap:13px 10px;}.vehicle-flow #sellFormTitle{font-size:21px;}}
@media(max-width:350px){.vehicle-flow .vehicle-detail-grid,.vehicle-flow .wizard-finance-fields .form-grid{grid-template-columns:minmax(0,1fr);}.vehicle-flow .wizard-brand-logo{width:105px;}.vehicle-flow #sellFormTitle{font-size:19px;}}
.vehicle-flow input:not([type=checkbox]),.vehicle-flow select,.vehicle-flow textarea{font-family:inherit;font-weight:400;line-height:1.3;}
.vehicle-flow [data-missing-model]{min-height:44px;padding:6px;border:0;border-radius:8px;color:#486a64;background:#f5f8f7;font:500 11px/1.35 system-ui;}
.vehicle-flow .vehicle-review-video{width:100%;max-height:180px;object-fit:contain;border-radius:10px;margin-top:10px;}
/* The legacy form's ID selector must not shrink phone inputs or reverse + in RTL. */
.vehicle-flow #sellCarForm :is(input:not([type=checkbox]),select,textarea){font-family:inherit;font-size:16px;font-weight:400;line-height:1.3;min-height:46px;padding:10px;}
.vehicle-flow #sellCarForm :is(input[type=number],input[type=tel]){direction:ltr;text-align:start;unicode-bidi:isolate;}
.vehicle-flow #sellCarForm :is(input,select,textarea):focus{outline:2px solid #ad8c42;outline-offset:2px;}