/* Detail composition only. Forms, card, header and AI live in public components. */
body.club-vehicle-detail-page.club-public-design .club-main { padding-top: 0; }
body.club-vehicle-detail-page.club-public-design .container { width: min(var(--cmb-container), calc(100% - var(--cmb-gutter) * 2)); max-width: none; margin-inline: auto; padding-inline: 0; }
body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-gallery { margin-top: 0; background: #ede7df; }
body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-gallery-track { gap: 3px; }
body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-gallery-item { border: 0; border-radius: 0; box-shadow: none; }
body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-gallery-arrow { width: 44px; height: 44px; border: 1px solid var(--cmb-border); border-radius: var(--cmb-radius-control); color: var(--cmb-text); background: #fff; box-shadow: var(--cmb-shadow-overlay); }
/* Keep the information/proposal panel in front of the lower edge of the gallery. */
body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-shell { --cmb-detail-overlap: 48px; position: relative; z-index: 2; margin-top: calc(-1 * var(--cmb-detail-overlap)); }
body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-card { display: grid; grid-template-columns: minmax(0,1fr) 352px; gap: 24px 32px; margin: 0; padding: 32px; border: 1px solid var(--cmb-border); border-radius: var(--cmb-radius-card); background: #fff; box-shadow: none; }
body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-main { min-width: 0; grid-column: 1; grid-row: 1; }
body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-editorial { min-width: 0; grid-column: 1; grid-row: 2; }
body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-identity { margin: 16px 0 8px; color: var(--cmb-text); font: 700 clamp(32px,3.5vw,48px)/1.12 var(--cmb-font); letter-spacing: var(--cmb-heading-tracking); }
body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-identity__brand { color: var(--cmb-text); font-weight: 600; }
body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-identity__model { color: var(--cmb-orange); font-weight: 800; }
body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-subtitle { color: var(--cmb-text-muted); font: 500 16px/1.5 var(--cmb-font); }
body.club-vehicle-detail-page.club-public-design .club-detail-responsible { display: flex; flex-wrap: wrap; gap: 6px 10px; margin-top: 20px; color: var(--cmb-text-muted); font: 400 14px/1.5 var(--cmb-font); }
body.club-vehicle-detail-page.club-public-design .club-detail-responsible__name { color: var(--cmb-text); }
body.club-vehicle-detail-page.club-public-design .club-detail-responsible__store-link { color: var(--cmb-orange-hover); }
body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-specs { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px 16px; margin: 24px 0 0; padding: 24px 0; border-block: 1px solid var(--cmb-border); }
body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-specs span { color: var(--cmb-text-muted); font: 500 12px/1.4 var(--cmb-font); text-transform: none; letter-spacing: 0; }
body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-specs strong { display: block; margin-top: 4px; color: var(--cmb-text); font: 650 15px/1.35 var(--cmb-font); overflow-wrap: anywhere; }
body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-tags span { padding: 5px 8px; border: 1px solid var(--cmb-border); border-radius: var(--cmb-radius-small); color: var(--cmb-text-muted); background: var(--cmb-warm-background); font: 500 12px/1.35 var(--cmb-font); }
body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-description { margin: 0 0 24px; }
body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-description h2 { margin: 0 0 12px; font: 700 24px/1.2 var(--cmb-font); letter-spacing: var(--cmb-heading-tracking); }
body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-description p { max-width: 65ch; color: var(--cmb-text-muted); font: 400 16px/1.65 var(--cmb-font); overflow-wrap: anywhere; }
body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-notice { margin: 0; }
body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-notice p { color: var(--cmb-text-muted); }
body.club-vehicle-detail-page.club-public-design .club-vehicle-report-entry__trigger { min-height: 44px; padding: 8px 0; border-radius: var(--cmb-radius-control); color: var(--cmb-text-muted); font-size: 13px; }
body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-sidebar { grid-column: 2; grid-row: 1 / span 2; min-width: 0; margin: 0; padding: 24px; border: 1px solid var(--cmb-border); border-radius: var(--cmb-radius-card); background: var(--cmb-surface); box-shadow: none; }
body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-price > span { color: var(--cmb-text-muted); font: 500 12px/1.4 var(--cmb-font); text-transform: none; letter-spacing: 0; }
body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-price > strong { display: block; color: var(--cmb-orange); font: 700 clamp(32px,3vw,44px)/1.12 var(--cmb-font); letter-spacing: var(--cmb-heading-tracking); }
body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-proposal { display: grid; gap: 16px; margin-top: 24px; }
body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-proposal h2 { margin: 0; font: 700 24px/1.2 var(--cmb-font); }
body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-proposal label { display: grid; gap: 8px; }
body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-proposal .club-vehicle-detail-consent { display: flex; gap: 10px; font-size: 12px; font-weight: 500; }
body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-contact-form__intro { margin: -4px 0 0; color: var(--cmb-text-muted); font: 400 14px/1.5 var(--cmb-font); }
body.club-vehicle-detail-page.club-public-design .club-whatsapp-actions { display: grid; gap: 12px; margin-top: -8px; }
body.club-vehicle-detail-page.club-public-design .club-whatsapp-button:not(.is-disabled) { color: #fff; background: #128c55; border-color: #128c55; }
body.club-vehicle-detail-page.club-public-design .club-whatsapp-button:not(.is-disabled):hover { background: #0f7447; }
body.club-vehicle-detail-page.club-public-design .club-vehicle-price-comparison { margin-top: 28px; }
body.club-vehicle-detail-page.club-public-design .club-vehicle-price-comparison__card { overflow: hidden; padding: 30px 32px 0; border: 1px solid rgba(255,255,255,.08); border-radius: var(--cmb-radius-card); color: var(--cmb-text-on-dark); background: #3a3028; box-shadow: 0 16px 38px rgba(39,34,30,.12); }
body.club-vehicle-detail-page.club-public-design .club-vehicle-price-comparison__header { max-width: 760px; }
body.club-vehicle-detail-page.club-public-design .club-vehicle-price-comparison__eyebrow { display: block; margin-bottom: 5px; color: #ffb27f; font: 750 11px/1.35 var(--cmb-font); letter-spacing: .11em; text-transform: uppercase; }
body.club-vehicle-detail-page.club-public-design .club-vehicle-price-comparison__header h2 { margin: 0; color: #fffaf4; font: 700 clamp(25px,3vw,34px)/1.15 var(--cmb-font); letter-spacing: var(--cmb-heading-tracking); }
body.club-vehicle-detail-page.club-public-design .club-vehicle-price-comparison__header p { margin: 8px 0 0; color: rgba(255,250,244,.72); font: 400 14px/1.55 var(--cmb-font); }
body.club-vehicle-detail-page.club-public-design .club-vehicle-price-comparison__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 26px; border-block: 1px solid rgba(255,255,255,.12); }
body.club-vehicle-detail-page.club-public-design .club-vehicle-price-comparison__item { display: grid; grid-template-columns: 38px minmax(0,1fr); gap: 12px; min-width: 0; padding: 24px 26px; }
body.club-vehicle-detail-page.club-public-design .club-vehicle-price-comparison__item:first-child { padding-left: 0; }
body.club-vehicle-detail-page.club-public-design .club-vehicle-price-comparison__item + .club-vehicle-price-comparison__item { border-left: 1px solid rgba(255,255,255,.12); }
body.club-vehicle-detail-page.club-public-design .club-vehicle-price-comparison__icon { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 10px; color: #fff; background: rgba(255,106,0,.2); font-size: 22px; }
body.club-vehicle-detail-page.club-public-design .club-vehicle-price-comparison__item.is-announced .club-vehicle-price-comparison__icon { background: var(--cmb-orange); }
body.club-vehicle-detail-page.club-public-design .club-vehicle-price-comparison__label { display: block; color: rgba(255,250,244,.72); font: 550 13px/1.35 var(--cmb-font); }
body.club-vehicle-detail-page.club-public-design .club-vehicle-price-comparison__item strong { display: block; margin-top: 7px; color: #fff; font: 750 clamp(24px,2.5vw,36px)/1.1 var(--cmb-font); letter-spacing: var(--cmb-heading-tracking); overflow-wrap: anywhere; }
body.club-vehicle-detail-page.club-public-design .club-vehicle-price-comparison__item.is-announced strong { color: #ff8a3d; }
body.club-vehicle-detail-page.club-public-design .club-vehicle-price-comparison__item small { display: block; max-width: 31ch; margin-top: 7px; color: rgba(255,250,244,.68); font: 400 12px/1.45 var(--cmb-font); }
body.club-vehicle-detail-page.club-public-design .club-vehicle-price-comparison__footer { display: flex; align-items: flex-start; gap: 10px; margin-inline: -32px; padding: 17px 32px 18px; color: #3a3028; background: #f3e5d7; }
body.club-vehicle-detail-page.club-public-design .club-vehicle-price-comparison__footer .material-symbols-outlined { color: var(--cmb-orange-hover); font-size: 20px; }
body.club-vehicle-detail-page.club-public-design .club-vehicle-price-comparison__footer p { margin: 0; color: #3a3028; font: 550 13px/1.45 var(--cmb-font); }
body.club-vehicle-detail-page.club-public-design .club-vehicle-recommendations { margin: 48px auto; padding-bottom: 24px; }
body.club-vehicle-detail-page.club-public-design .club-vehicle-recommendations h2 { margin-bottom: 20px; font: 700 clamp(26px,3vw,34px)/1.15 var(--cmb-font); letter-spacing: var(--cmb-heading-tracking); }
body.club-vehicle-detail-page.club-public-design .club-vehicle-recommendations__grid { gap: 16px; }
body.club-vehicle-detail-page.club-public-design :is(.club-action-sheet__dialog, .club-vehicle-report-modal__dialog) { border: 1px solid var(--cmb-border); border-radius: var(--cmb-radius-card); background: #fff; box-shadow: var(--cmb-shadow-overlay); }
body.club-vehicle-detail-page.club-public-design :is(.club-action-sheet__header, .club-vehicle-report-modal__header) { color: var(--cmb-text); background: var(--cmb-surface); border-color: var(--cmb-border); }
body.club-vehicle-detail-page.club-public-design :is(.club-action-sheet__close, .club-vehicle-report-modal__header button, .club-gallery-viewer__close, .club-gallery-viewer__arrow) { border-radius: var(--cmb-radius-control); }
body.club-vehicle-detail-page.club-public-design .club-vehicle-report-modal__actions { display: flex; gap: 12px; flex-wrap: wrap; }
body.club-vehicle-detail-page.club-public-design .club-vehicle-report-modal { z-index: 1700; }
body.club-vehicle-detail-page.club-public-design .club-mobile-action-bar { background: var(--cmb-surface); border-color: var(--cmb-border); box-shadow: var(--cmb-shadow-overlay); }
body.club-vehicle-detail-page.club-public-design .club-mobile-action-bar__button { border-radius: var(--cmb-radius-control); font-family: var(--cmb-font); }
body.club-vehicle-detail-page.club-public-design .club-mobile-action-bar__button.is-ai:is(:hover, :focus-visible) { background: var(--cmb-graphite); border-color: var(--cmb-graphite); }
@media (max-width: 1099px) {
  body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-card { padding: 24px; gap: 24px; grid-template-columns: minmax(0,1fr) 320px; }
  body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-specs { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 899px) {
  body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-shell { --cmb-detail-overlap: 32px; }
  body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-card { display: flex; flex-direction: column; gap: 24px; padding: 24px; }
  body.club-vehicle-detail-page.club-public-design :is(.club-vehicle-detail-main, .club-vehicle-detail-sidebar, .club-vehicle-detail-editorial) { width: 100%; }
  body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-sidebar { padding: 24px; }
  body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-price--mobile { display: block; margin-block: 20px; }
  body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-price--sidebar { display: none; }
  body.club-vehicle-detail-page.club-public-design .club-vehicle-price-comparison__card { padding: 26px 24px 0; }
  body.club-vehicle-detail-page.club-public-design .club-vehicle-price-comparison__grid { grid-template-columns: 1fr; }
  body.club-vehicle-detail-page.club-public-design .club-vehicle-price-comparison__item { padding: 20px 0; }
  body.club-vehicle-detail-page.club-public-design .club-vehicle-price-comparison__item + .club-vehicle-price-comparison__item { border-top: 1px solid rgba(255,255,255,.12); border-left: 0; }
  body.club-vehicle-detail-page.club-public-design .club-vehicle-price-comparison__footer { margin-inline: -24px; padding-inline: 24px; }
}
@media (max-width: 640px) {
  body.club-vehicle-detail-page.club-public-design { --cmb-gutter: 12px; }
  body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-shell { --cmb-detail-overlap: 24px; }
  /* Keep the mobile detail easy to scan: tighten whitespace, never the primary type or actions. */
  body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-card { gap: 16px; padding: 16px; }
  body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-sidebar { padding: 24px 0; border-inline: 0; border-radius: 0; }
  body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-proposal { margin-top: 0; }
  body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-proposal .btn { width: 100%; }
  body.club-vehicle-detail-page.club-public-design .club-whatsapp-actions { display: none; }
  body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-identity { margin: 10px 0 4px; font-size: 34px; }
  body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-subtitle { line-height: 1.4; }
  body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-price--mobile { margin-block: 14px; gap: 2px; }
  body.club-vehicle-detail-page.club-public-design .club-detail-responsible { gap: 3px 8px; margin-top: 14px; line-height: 1.4; }
  body.club-vehicle-detail-page.club-public-design .club-detail-location { margin-top: 6px; }
  body.club-vehicle-detail-page.club-public-design .club-detail-location .club-status-pill { padding: 5px 8px; }
  body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-specs { gap: 14px 16px; margin-top: 16px; padding-block: 16px; }
  body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-specs div { gap: 2px; }
  body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-specs strong { margin-top: 2px; }
  body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-tags { gap: 6px; margin-top: 12px; }
  body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-tags span { padding: 4px 7px; }
  body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-description { margin-bottom: 16px; }
  body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-description h2 { margin-bottom: 8px; }
  body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-description p { line-height: 1.55; }
  body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-notice { padding: 12px 14px; }
  body.club-vehicle-detail-page.club-public-design .club-vehicle-detail-notice p { margin-top: 8px; line-height: 1.55; }
  body.club-vehicle-detail-page.club-public-design .club-vehicle-report-entry { margin-top: 8px; }
  body.club-vehicle-detail-page.club-public-design .club-vehicle-price-comparison { margin-top: 14px; }
  body.club-vehicle-detail-page.club-public-design .club-vehicle-price-comparison__card { padding: 18px 18px 0; border-radius: 10px; }
  body.club-vehicle-detail-page.club-public-design .club-vehicle-price-comparison__header p { margin-top: 6px; line-height: 1.45; }
  body.club-vehicle-detail-page.club-public-design .club-vehicle-price-comparison__grid { margin-top: 18px; }
  body.club-vehicle-detail-page.club-public-design .club-vehicle-price-comparison__item { grid-template-columns: 34px minmax(0,1fr); gap: 10px; }
  body.club-vehicle-detail-page.club-public-design .club-vehicle-price-comparison__item { padding-block: 14px; }
  body.club-vehicle-detail-page.club-public-design .club-vehicle-price-comparison__icon { width: 34px; height: 34px; font-size: 20px; }
  body.club-vehicle-detail-page.club-public-design .club-vehicle-price-comparison__item strong { font-size: 27px; }
  body.club-vehicle-detail-page.club-public-design .club-vehicle-price-comparison__item strong,
  body.club-vehicle-detail-page.club-public-design .club-vehicle-price-comparison__item small { margin-top: 4px; }
  body.club-vehicle-detail-page.club-public-design .club-vehicle-price-comparison__footer { margin-inline: -18px; padding: 12px 18px 13px; }
  body.club-vehicle-detail-page.club-public-design .club-vehicle-recommendations__grid .club-public-vehicle-card { min-height: 0; flex: 0 0 min(78vw, 280px); }
}