/* ==========================================================================
   Scaun Auto Potrivit — SEO pages stylesheet
   Prefix: sap-seo-* (NU sap-* simplu, ca să nu conflictueze cu React app-ul)
   Folosit pe: single-sap_vehicle.php (în viitor: single-sap_carseat.php, archive-uri)
   ========================================================================== */

.sap-seo-page {
  --sap-seo-orange: #F26B43;
  --sap-seo-orange-dark: #C44A1F;
  --sap-seo-bg-warm: #FFF8F1;
  --sap-seo-bg-page: #FAFAF8;
  --sap-seo-text: #1A1A1A;
  --sap-seo-text-muted: #52525B;
  --sap-seo-text-soft: #71717A;
  --sap-seo-border: #EAE7E0;
  --sap-seo-success: #10B981;
  --sap-seo-amber: #F59E0B;
  --sap-seo-gray: #9CA3AF;
  --sap-seo-radius: 12px;
  --sap-seo-radius-sm: 8px;

  font-family: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', Roboto, sans-serif;
  color: var(--sap-seo-text);
  line-height: 1.55;
  font-size: 16px;
  background: var(--sap-seo-bg-page);
}

.sap-seo-page * {
  box-sizing: border-box;
}

.sap-seo-container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 1.5rem 1rem 4rem;
}

/* ============= BREADCRUMBS ============= */

.sap-seo-breadcrumbs {
  font-size: 13px;
  color: var(--sap-seo-text-soft);
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.sap-seo-breadcrumbs a {
  color: var(--sap-seo-text-muted);
  text-decoration: none;
}

.sap-seo-breadcrumbs a:hover {
  color: var(--sap-seo-orange);
  text-decoration: underline;
}

.sap-seo-bc-sep {
  color: var(--sap-seo-gray);
}

.sap-seo-breadcrumbs [aria-current="page"] {
  color: var(--sap-seo-text);
  font-weight: 500;
}

/* ============= HERO ============= */

.sap-seo-hero {
  margin-bottom: 2rem;
}

.sap-seo-h1 {
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -0.5px;
  margin: 0 0 0.5rem;
  color: var(--sap-seo-text);
}

.sap-seo-lead {
  font-size: 0.95rem;
  color: var(--sap-seo-text-muted);
  margin: 0 0 1rem;
  font-weight: 500;
}

.sap-seo-summary {
  font-size: 0.95rem;
  color: var(--sap-seo-text-muted);
  background: white;
  border: 1px solid var(--sap-seo-border);
  border-radius: var(--sap-seo-radius);
  padding: 1rem 1.25rem;
  margin: 0;
  line-height: 1.6;
}

.sap-seo-summary strong {
  color: var(--sap-seo-text);
}

/* ============= SPECS ============= */

.sap-seo-h2 {
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: -0.3px;
  margin: 2rem 0 1rem;
  color: var(--sap-seo-text);
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.sap-seo-count {
  font-size: 0.9rem;
  color: var(--sap-seo-text-soft);
  font-weight: 500;
}

.sap-seo-specs {
  background: white;
  border: 1px solid var(--sap-seo-border);
  border-radius: var(--sap-seo-radius);
  padding: 1.25rem 1.5rem;
  margin-bottom: 2rem;
}

.sap-seo-specs .sap-seo-h2 {
  margin-top: 0;
  margin-bottom: 1rem;
}

.sap-seo-specs-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem 1.5rem;
  margin: 0;
}

.sap-seo-spec {
  margin: 0;
}

.sap-seo-spec dt {
  font-size: 11px;
  color: var(--sap-seo-text-soft);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 600;
  margin-bottom: 4px;
}

.sap-seo-spec dd {
  margin: 0;
  font-size: 0.95rem;
  color: var(--sap-seo-text);
  font-weight: 500;
}

.sap-seo-spec-detail {
  display: block;
  font-size: 12px;
  color: var(--sap-seo-text-soft);
  font-weight: 400;
  margin-top: 4px;
}

/* ============= BADGES ============= */

.sap-seo-badge {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 999px;
  letter-spacing: 0.3px;
}

.sap-seo-badge-yes {
  background: #DCFCE7;
  color: #14532D;
}

.sap-seo-badge-no {
  background: #F1F5F9;
  color: #475569;
}

.sap-seo-badge-isize {
  background: var(--sap-seo-bg-warm);
  color: var(--sap-seo-orange-dark);
  border: 1px solid var(--sap-seo-orange);
}

/* ============= LEGEND ============= */

.sap-seo-legend {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
  padding: 1rem 1.25rem;
  background: white;
  border: 1px solid var(--sap-seo-border);
  border-radius: var(--sap-seo-radius);
  margin-bottom: 1rem;
  font-size: 0.85rem;
  color: var(--sap-seo-text-muted);
}

.sap-seo-legend-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.sap-seo-legend-item strong {
  color: var(--sap-seo-text);
  font-weight: 600;
}

.sap-seo-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}

.sap-seo-dot-official { background: var(--sap-seo-success); }
.sap-seo-dot-probable { background: var(--sap-seo-amber); }
.sap-seo-dot-untested { background: var(--sap-seo-gray); }

/* ============= TIER SECTIONS ============= */

.sap-seo-tier {
  margin-bottom: 2.5rem;
}

.sap-seo-tier .sap-seo-h2 {
  position: relative;
  padding-left: 1rem;
}

.sap-seo-tier .sap-seo-h2::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 1.25rem;
  border-radius: 2px;
}

.sap-seo-tier-official .sap-seo-h2::before { background: var(--sap-seo-success); }
.sap-seo-tier-probable .sap-seo-h2::before { background: var(--sap-seo-amber); }
.sap-seo-tier-untested .sap-seo-h2::before { background: var(--sap-seo-gray); }

/* ============= CARSEATS GRID ============= */

.sap-seo-carseats-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 0.75rem;
}

.sap-seo-carseat-card {
  background: white;
  border: 1px solid var(--sap-seo-border);
  border-radius: var(--sap-seo-radius);
  overflow: hidden;
  transition: border-color 0.15s, transform 0.15s;
}

.sap-seo-carseat-card:hover {
  border-color: var(--sap-seo-orange);
  transform: translateY(-1px);
}

.sap-seo-carseat-link {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  height: 100%;
}

.sap-seo-carseat-img {
  aspect-ratio: 1 / 1;
  background: white;
  border-bottom: 1px solid var(--sap-seo-border);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 0.75rem;
}

.sap-seo-carseat-img img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}

.sap-seo-carseat-img-placeholder {
  background: var(--sap-seo-bg-warm);
  color: var(--sap-seo-gray);
}

.sap-seo-carseat-body {
  padding: 0.875rem 1rem 1rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.sap-seo-carseat-title {
  font-size: 0.95rem;
  font-weight: 600;
  margin: 0 0 0.5rem;
  letter-spacing: -0.2px;
  color: var(--sap-seo-text);
  line-height: 1.35;
}

.sap-seo-carseat-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  margin-bottom: 0.5rem;
  font-size: 12px;
  color: var(--sap-seo-text-soft);
}

.sap-seo-meta-item {
  display: inline-flex;
  align-items: center;
}

.sap-seo-meta-item + .sap-seo-meta-item::before {
  content: '·';
  margin-right: 10px;
  color: var(--sap-seo-gray);
}

.sap-seo-carseat-source {
  font-size: 11px;
  color: var(--sap-seo-text-soft);
  margin: auto 0 0;
  font-style: italic;
}

/* ============= EMPTY STATE ============= */

.sap-seo-empty {
  text-align: center;
  padding: 3rem 1rem;
  background: white;
  border: 1px dashed var(--sap-seo-border);
  border-radius: var(--sap-seo-radius);
  color: var(--sap-seo-text-soft);
}

/* ============= FOOTNOTE ============= */

.sap-seo-footnote {
  margin-top: 3rem;
  padding-top: 1rem;
  border-top: 1px solid var(--sap-seo-border);
  text-align: center;
}

.sap-seo-footnote small {
  font-size: 12px;
  color: var(--sap-seo-text-soft);
}

/* ============= RESPONSIVE ============= */

@media (max-width: 600px) {
  .sap-seo-h1 { font-size: 1.5rem; }
  .sap-seo-h2 { font-size: 1.1rem; }
  .sap-seo-container { padding: 1rem 0.75rem 3rem; }
  .sap-seo-specs { padding: 1rem; }
  .sap-seo-specs-grid { grid-template-columns: 1fr 1fr; gap: 0.75rem; }
  .sap-seo-legend { flex-direction: column; gap: 0.5rem; }
  .sap-seo-carseats-grid { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
}

/* ==========================================================================
   HUB PAGE — `/scaun-auto-potrivit/` (v0.6.2)
   Design: split asimetric, premium parenting brand 2026
   ========================================================================== */

/* Open Sans este self-hosted de tema Bricks (vezi /wp-content/uploads/2026/02/OpenSans-*.ttf).
   Greutățile disponibile: 400, 500, 600, 700. NU folosim 800. */

.sap-seo-hub {
  /* Paletă proprie (override la variabile generice .sap-seo-page) */
  --c-orange: #F26B43;
  --c-orange-deep: #C44A1F;
  --c-orange-soft: #FFE9DD;
  --c-navy: #1F3A47;
  --c-navy-deep: #0E2530;
  --c-cream: #FFFFFF;
  --c-cream-warm: #F8F4ED;
  --c-ink: #1A1612;
  --c-ink-soft: #4A4138;
  --c-ink-muted: #8B8377;
  --c-line: #ECE6DC;

  /* Sistem tipografic v0.6.12 — baseline din footer Bricks
     ("© 2026 bebeLOGIC" = Open Sans 15px / 1.7 / 400 / #363636) */
  --sap-font-base: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --sap-font-display: 'Inter', 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --sap-fs-body: 15px;
  --sap-lh-body: 1.7;
  --sap-fs-lead: 22px;
  --sap-fs-h2: 56px;
  --sap-fs-h3: 28px;
  --sap-fs-h4: 22px;

  font-family: var(--sap-font-base);
  font-size: var(--sap-fs-body);
  line-height: var(--sap-lh-body);
  background: var(--c-cream);
  color: var(--c-ink);
  position: relative;
  /* Eliminat margin negativ care cauza scroll orizontal pe mobil. */
  padding: 3.5rem 1.5rem 4rem;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

.sap-seo-hub * {
  box-sizing: border-box;
}

/* Background — golden hour subtle */
.sap-seo-hub-bg-gradient,
.sap-seo-hub-bg-noise {
  display: none;
}

.sap-seo-hub-container {
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

/* ============= HERO GRID (split asimetric) ============= */

.sap-seo-hub-hero-grid {
  display: grid;
  grid-template-columns: 1fr 0.85fr;
  gap: 4rem;
  align-items: center;
  margin-bottom: 5rem;
}

.sap-seo-hub-hero-content {
  position: relative;
}

.sap-seo-hub-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: var(--sap-font-base);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  color: var(--c-ink-muted);
  margin-bottom: 1.75rem;
  background: rgba(255,255,255,0.7);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  padding: 7px 14px;
  border-radius: 999px;
  border: 1px solid var(--c-line);
}

.sap-seo-hub-eyebrow-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--c-orange);
  box-shadow: 0 0 0 4px rgba(242,107,67,0.18);
  animation: sap-seo-hub-pulse 2.5s ease-in-out infinite;
}

@keyframes sap-seo-hub-pulse {
  0%, 100% { box-shadow: 0 0 0 4px rgba(242,107,67,0.18); }
  50% { box-shadow: 0 0 0 9px rgba(242,107,67,0.04); }
}

.sap-seo-hub-h1 {
  font-family: var(--sap-font-display);
  font-size: 44px;
  line-height: 1.1;
  letter-spacing: -1.2px;
  font-weight: 600;
  margin: 0 0 1.75rem;
  color: var(--c-ink);
  max-width: 22ch;
  text-wrap: balance;
  font-feature-settings: 'liga' 1, 'calt' 1;
}

.sap-seo-hub-h1 em {
  font-family: var(--sap-font-display);
  font-style: italic;
  font-weight: 500;
  letter-spacing: -1.2px;
  color: var(--c-navy);
  font-size: 1em;
}

.sap-seo-hub-h1 strong {
  font-weight: 700;
  color: var(--c-orange);
  display: inline-block;
}

.sap-seo-hub-lead {
  font-family: var(--sap-font-base);
  font-size: 17px;
  line-height: 1.5;
  color: var(--c-ink-soft);
  margin: 0 0 2.5rem;
  max-width: 720px;
  font-weight: 400;
}

/* STATS */

.sap-seo-hub-stats {
  display: flex;
  align-items: stretch;
  gap: 1.5rem;
  flex-wrap: wrap;
  border-top: 1px solid var(--c-line);
  padding-top: 1.75rem;
}

.sap-seo-hub-stat {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1;
  min-width: 120px;
}

.sap-seo-hub-stat-num {
  font-family: var(--sap-font-base);
  font-size: 1.875rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: -1px;
  color: var(--c-navy);
}

.sap-seo-hub-stat-lbl {
  font-family: var(--sap-font-base);
  font-size: 12px;
  color: var(--c-ink-muted);
  font-weight: 500;
  letter-spacing: 0.2px;
  line-height: 1.4;
}

.sap-seo-hub-stat-divider {
  width: 1px;
  align-self: stretch;
  background: var(--c-line);
}

/* HERO VISUAL */

.sap-seo-hub-hero-visual {
  position: relative;
  padding-right: 1rem;
  padding-bottom: 1rem;
}

.sap-seo-hub-hero-img-wrap {
  position: relative;
  aspect-ratio: 5/4;
  border-radius: 32px;
  overflow: hidden;
  background: var(--c-navy-deep);
  box-shadow:
    0 30px 60px -20px rgba(31,58,71,0.25),
    0 12px 24px -8px rgba(31,58,71,0.15);
}

.sap-seo-hub-hero-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: saturate(1.05) contrast(1.02);
}

.sap-seo-hub-hero-img-corner {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(135deg, transparent 0%, transparent 75%, rgba(31,58,71,0.15) 100%);
}

.sap-seo-hub-floating-card {
  position: absolute;
  bottom: -1.25rem;
  left: -1.5rem;
  background: white;
  border: 1px solid var(--c-line);
  border-radius: 18px;
  padding: 1rem 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.875rem;
  box-shadow: 0 16px 40px -10px rgba(31,58,71,0.18);
  max-width: 240px;
}

.sap-seo-hub-floating-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--c-navy);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sap-seo-hub-floating-icon svg { width: 22px; height: 22px; }

.sap-seo-hub-floating-title {
  font-family: var(--sap-font-base);
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--c-ink);
  letter-spacing: -0.2px;
  margin-bottom: 2px;
}

.sap-seo-hub-floating-desc {
  font-family: var(--sap-font-base);
  font-size: 11.5px;
  color: var(--c-ink-muted);
  line-height: 1.35;
  font-weight: 500;
}

/* ============= WIZARD CARDS (orizontale stacked) ============= */

.sap-seo-hub-wizard {
  max-width: 880px;
  margin: 0 auto 5rem;
}

.sap-seo-hub-wizard-q {
  font-family: var(--sap-font-base);
  font-size: 1.4rem;
  font-style: italic;
  font-weight: 400;
  color: var(--c-ink-muted);
  margin: 0 0 1.75rem;
  letter-spacing: -0.3px;
}

.sap-seo-hub-cards-stack {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.75rem;
}

.sap-seo-hub-card {
  background: white;
  border: 1.5px solid var(--c-line);
  border-radius: 20px;
  padding: 1.25rem 1.5rem;
  text-decoration: none;
  color: inherit;
  display: flex;
  align-items: center;
  gap: 1.25rem;
  position: relative;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s, box-shadow 0.3s, background 0.3s;
}

.sap-seo-hub-card:hover {
  transform: translateY(-2px);
  border-color: var(--c-orange);
  box-shadow: 0 20px 40px -16px rgba(242,107,67,0.22);
}

.sap-seo-hub-card-featured {
  border-color: var(--c-orange);
  background: linear-gradient(135deg, #FFF8F1 0%, #FFFFFF 60%);
}

.sap-seo-hub-card-badge {
  position: absolute;
  top: -10px;
  right: 24px;
  background: var(--c-navy);
  color: white;
  font-size: 10.5px;
  letter-spacing: 0.6px;
  padding: 5px 11px;
  border-radius: 999px;
  font-weight: 700;
  text-transform: uppercase;
}

.sap-seo-hub-card-icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: var(--c-orange-soft);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--c-orange);
}

.sap-seo-hub-card-featured .sap-seo-hub-card-icon {
  background: var(--c-orange);
  color: white;
  box-shadow: 0 8px 20px -6px rgba(242,107,67,0.4);
}

.sap-seo-hub-card-icon svg { width: 28px; height: 28px; }

.sap-seo-hub-card-body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.sap-seo-hub-card-title {
  font-family: var(--sap-font-base);
  font-size: 17px;
  font-weight: 700;
  color: var(--c-ink);
  letter-spacing: -0.3px;
  line-height: 1.3;
}

.sap-seo-hub-card-desc {
  font-family: var(--sap-font-base);
  font-size: 12px;
  color: var(--c-ink-muted);
  font-weight: 500;
  line-height: 1.5;
}

.sap-seo-hub-card-arrow {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--c-cream-warm);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--c-navy);
  flex-shrink: 0;
  transition: background 0.3s, color 0.3s, transform 0.3s;
}
.sap-seo-hub-card-arrow svg { width: 16px; height: 16px; }

.sap-seo-hub-card:hover .sap-seo-hub-card-arrow {
  background: var(--c-orange);
  color: white;
  transform: translateX(3px);
}

.sap-seo-hub-card-featured .sap-seo-hub-card-arrow {
  background: var(--c-orange);
  color: white;
}

.sap-seo-hub-trust-quick {
  display: flex;
  justify-content: center;
  gap: 1.75rem;
  flex-wrap: wrap;
  font-size: 12.5px;
  color: var(--c-ink-muted);
  font-weight: 500;
  padding-top: 1.25rem;
  border-top: 1px solid var(--c-line);
}

/* ============= SECTIONS COMUNE ============= */

.sap-seo-hub-section {
  margin-bottom: 6rem;
}

.sap-seo-hub-section-head {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 3rem;
}

.sap-seo-hub-section-head h2,
.sap-seo-hub-section-head h3 {
  font-family: var(--sap-font-base);
  font-size: var(--sap-fs-h3);
  font-weight: 700;
  letter-spacing: -0.6px;
  color: var(--c-ink);
  margin: 0 0 0.75rem;
  line-height: 1.25;
}

.sap-seo-hub-section-head p {
  font-family: var(--sap-font-base);
  font-size: var(--sap-fs-body);
  line-height: var(--sap-lh-body);
  color: var(--c-ink-soft);
  margin: 0;
}

/* TOP VEHICLES — carduri verticale aerisite, 3 coloane desktop */

.sap-seo-hub-vehicles-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.125rem;
}

.sap-seo-hub-vehicles-rest {
  margin-top: 1.125rem;
}

/* v0.6.12: lista expandabilă folosește atributul HTML hidden;
   trebuie să batem display:grid de pe .sap-seo-hub-vehicles-grid
   ca să respectăm starea „colapsat". */
.sap-seo-hub-vehicles-rest[hidden] {
  display: none;
}

/* Buton „Vezi mai multe" mașini */
.sap-seo-hub-show-more {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 1.5rem auto 0;
  padding: 0.875rem 1.75rem;
  background: white;
  border: 1.5px solid var(--c-line);
  border-radius: 999px;
  font-family: var(--sap-font-base);
  font-size: var(--sap-fs-body);
  font-weight: 600;
  line-height: var(--sap-lh-body);
  color: var(--c-ink);
  cursor: pointer;
  transition: border-color 0.2s, color 0.2s, background 0.2s, transform 0.2s;
  letter-spacing: -0.2px;
}

.sap-seo-hub-show-more:hover {
  border-color: var(--c-orange);
  color: var(--c-orange-deep);
  transform: translateY(-1px);
}

.sap-seo-hub-show-more-arrow {
  font-size: 0.875rem;
  transition: transform 0.25s;
  display: inline-block;
}

.sap-seo-hub-show-more.is-expanded .sap-seo-hub-show-more-arrow {
  transform: rotate(180deg);
}

.sap-seo-hub-vehicle-card {
  background: white;
  border: 1.5px solid var(--c-line);
  border-radius: 18px;
  transition: border-color 0.25s, transform 0.25s, box-shadow 0.25s;
  position: relative;
}

.sap-seo-hub-vehicle-card:hover {
  border-color: var(--c-orange);
  transform: translateY(-3px);
  box-shadow: 0 18px 32px -16px rgba(242, 107, 67, 0.22);
}

.sap-seo-hub-vehicle-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  padding: 1.625rem 1.75rem;
  text-decoration: none;
  color: inherit;
  min-height: 100px;
}

.sap-seo-hub-vehicle-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.sap-seo-hub-vehicle-title {
  font-family: var(--sap-font-display);
  font-size: var(--sap-fs-body);
  font-weight: 600;
  color: var(--c-ink);
  letter-spacing: -0.2px;
  line-height: 1.3;
}

.sap-seo-hub-vehicle-meta {
  font-family: var(--sap-font-display);
  font-size: var(--sap-fs-body);
  line-height: var(--sap-lh-body);
  color: var(--c-ink-muted);
  font-weight: 400;
  letter-spacing: -0.1px;
}

.sap-seo-hub-vehicle-arrow {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--c-cream-warm);
  color: var(--c-navy);
  font-size: 22px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background 0.25s, color 0.25s, transform 0.25s;
}

.sap-seo-hub-vehicle-card:hover .sap-seo-hub-vehicle-arrow {
  background: var(--c-orange);
  color: white;
  transform: translateX(3px);
}

/* CARSEATS BY AGE — vertical cards, 4 coloane desktop, mult mai aerisit */

.sap-seo-hub-age-group {
  margin-bottom: 3rem;
}

.sap-seo-hub-age-group:last-child {
  margin-bottom: 0;
}

.sap-seo-hub-age-title {
  font-family: var(--sap-font-base);
  font-size: var(--sap-fs-h4);
  font-weight: 700;
  margin: 0 0 1.5rem;
  color: var(--c-ink);
  padding-left: 1rem;
  border-left: 4px solid var(--c-orange);
  line-height: 1.3;
  letter-spacing: -0.4px;
}

.sap-seo-hub-carseats-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  /* v0.10.2: Adaptive layout — 5 cols on large desktop, falls back to fewer
     on smaller viewports (mimics wizard results page behavior). */
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 1.25rem;
}

/* Force exactly 5 cols on wide desktops for the cleanest layout */
@media (min-width: 1180px) {
  .sap-seo-hub-carseats-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

.sap-seo-hub-carseat-card {
  background: white;
  border: 1.5px solid var(--c-line);
  border-radius: 16px;
  overflow: hidden;
  transition: border-color 0.25s, transform 0.25s, box-shadow 0.25s;
}

.sap-seo-hub-carseat-card:hover {
  border-color: var(--c-orange);
  transform: translateY(-3px);
  box-shadow: 0 18px 32px -16px rgba(242, 107, 67, 0.22);
}

.sap-seo-hub-carseat-link {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  height: 100%;
}

.sap-seo-hub-carseat-img {
  width: 100%;
  aspect-ratio: 1 / 1;
  background: white;
  border-bottom: 1px solid var(--c-line);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.875rem;
  overflow: hidden;
}

.sap-seo-hub-carseat-img img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}

.sap-seo-hub-carseat-img-placeholder {
  background: var(--c-cream-warm);
  color: var(--c-ink-muted);
}

.sap-seo-hub-carseat-name {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  align-items: flex-start;
  font-family: var(--sap-font-base);
  font-size: var(--sap-fs-body);
  font-weight: 600;
  color: var(--c-ink);
  line-height: 1.35;
  letter-spacing: -0.2px;
  padding: 1.125rem 1.25rem 1.25rem;
}

.sap-seo-hub-carseat-title-text {
  display: block;
}

.sap-seo-hub-isize-tag {
  display: inline-block;
  font-family: var(--sap-font-base);
  font-size: 11.5px;
  font-weight: 700;
  background: var(--c-orange-soft);
  color: var(--c-orange-deep);
  padding: 4px 9px;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

/* AUTHORITY */

.sap-seo-hub-authority-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.25rem;
  margin-bottom: 2.5rem;
}

.sap-seo-hub-authority-item {
  background: white;
  border: 1.5px solid var(--c-line);
  border-radius: 22px;
  padding: 2rem;
  transition: border-color 0.25s, transform 0.25s, box-shadow 0.25s;
}

.sap-seo-hub-authority-item:hover {
  border-color: var(--c-orange);
  transform: translateY(-3px);
  box-shadow: 0 18px 32px -16px rgba(242, 107, 67, 0.18);
}

.sap-seo-hub-authority-item h3 {
  font-family: var(--sap-font-base);
  font-size: var(--sap-fs-h4);
  font-weight: 700;
  margin: 0 0 1rem;
  color: var(--c-ink);
  letter-spacing: -0.4px;
  line-height: 1.3;
}

.sap-seo-hub-authority-item p {
  font-family: var(--sap-font-base);
  font-size: var(--sap-fs-body);
  line-height: var(--sap-lh-body);
  color: var(--c-ink-soft);
  margin: 0;
}

.sap-seo-hub-authority-item em {
  color: var(--c-navy);
  font-style: italic;
  font-weight: 600;
}

.sap-seo-hub-authority-item strong {
  color: var(--c-ink);
  font-weight: 700;
}

.sap-seo-hub-brands {
  background: white;
  border: 1.5px solid var(--c-line);
  border-radius: 22px;
  padding: 2rem;
  text-align: center;
}

.sap-seo-hub-brands-label {
  font-family: var(--sap-font-base);
  font-size: 12px;
  color: var(--c-ink-muted);
  text-transform: uppercase;
  letter-spacing: 0.7px;
  font-weight: 700;
  margin: 0 0 1.125rem;
}

.sap-seo-hub-brands-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.875rem 2.25rem;
}

.sap-seo-hub-brands-list li {
  font-family: var(--sap-font-base);
  font-size: var(--sap-fs-body);
  line-height: var(--sap-lh-body);
  font-weight: 600;
  color: var(--c-ink);
  letter-spacing: -0.2px;
}

/* FAQ — mai aerisit, mai stylish */

.sap-seo-hub-faq-list {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
  /* Lățime egală cu cardurile authority (full container 1280px). */
  max-width: 100%;
  margin: 0 auto;
}

.sap-seo-hub-faq {
  background: white;
  border: 1.5px solid var(--c-line);
  border-radius: 18px;
  overflow: hidden;
  transition: border-color 0.25s, box-shadow 0.25s;
}

.sap-seo-hub-faq:hover {
  border-color: var(--c-orange);
  box-shadow: 0 12px 24px -16px rgba(242, 107, 67, 0.18);
}

.sap-seo-hub-faq[open] {
  border-color: var(--c-orange);
  box-shadow: 0 12px 24px -16px rgba(242, 107, 67, 0.22);
}

.sap-seo-hub-faq-q {
  cursor: pointer;
  padding: 1.25rem 1.5rem;
  font-family: var(--sap-font-base);
  font-size: var(--sap-fs-body);
  font-weight: 700;
  line-height: var(--sap-lh-body);
  color: #363636;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  letter-spacing: 0;
}

.sap-seo-hub-faq-q::-webkit-details-marker {
  display: none;
}

.sap-seo-hub-faq-q::after {
  content: '+';
  font-family: var(--sap-font-base);
  font-size: 1.5rem;
  font-weight: 300;
  color: var(--c-ink-muted);
  flex-shrink: 0;
  line-height: 1;
  transition: transform 0.2s, color 0.2s;
}

.sap-seo-hub-faq[open] .sap-seo-hub-faq-q::after {
  content: '−';
  color: var(--c-orange);
}

.sap-seo-hub-faq-a {
  padding: 0 1.5rem 1.25rem;
  font-family: var(--sap-font-base);
  font-size: var(--sap-fs-body);
  line-height: var(--sap-lh-body);
  font-weight: 400;
  color: #363636;
}

.sap-seo-hub-faq-a p {
  margin: 0;
  font-family: var(--sap-font-base);
  font-size: var(--sap-fs-body);
  line-height: var(--sap-lh-body);
  font-weight: 400;
  color: #363636;
}

/* TRUST FOOTER */

.sap-seo-hub-footer {
  margin-top: 3.5rem;
  padding-top: 2rem;
  border-top: 1px solid var(--c-line);
}

.sap-seo-hub-footer-trust {
  display: flex;
  justify-content: center;
  gap: 2rem;
  flex-wrap: wrap;
  font-family: var(--sap-font-base);
  font-size: var(--sap-fs-body);
  line-height: var(--sap-lh-body);
  color: var(--c-ink-muted);
  font-weight: 500;
}

/* ============= RESPONSIVE ============= */

@media (max-width: 980px) {
  .sap-seo-hub-hero-grid {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
  .sap-seo-hub-hero-visual {
    padding-right: 0;
    max-width: 600px;
    margin: 0 auto;
    width: 100%;
  }
  /* Vehicles: 2 col pe ecran mediu */
  .sap-seo-hub-vehicles-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  /* Carseats: 2 col pe ecran mediu */
  .sap-seo-hub-carseats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
  }
}

@media (max-width: 720px) {
  .sap-seo-hub { padding: 2.5rem 1rem 3rem; }
  .sap-seo-hub-hero-grid { gap: 2rem; margin-bottom: 3rem; }
  .sap-seo-hub-h1 { font-size: 36px; letter-spacing: -0.7px; line-height: 1.2; max-width: none; }
  .sap-seo-hub-lead { font-size: var(--sap-fs-body); line-height: var(--sap-lh-body); margin-bottom: 1.75rem; }
  .sap-seo-hub-floating-card { left: 0.5rem; bottom: -1rem; max-width: 200px; padding: 0.75rem 0.875rem; }
  .sap-seo-hub-stat-num { font-size: 1.5rem; }
  .sap-seo-hub-card { padding: 1.125rem 1.25rem; gap: 1rem; }
  .sap-seo-hub-card-icon { width: 52px; height: 52px; }
  .sap-seo-hub-card-icon svg { width: 26px; height: 26px; }
  .sap-seo-hub-card-title { font-size: var(--sap-fs-body); }
  .sap-seo-hub-card-desc { font-size: var(--sap-fs-body); }
  .sap-seo-hub-card-arrow { width: 36px; height: 36px; }

  /* Spacing redus pentru sectiuni pe mobil */
  .sap-seo-hub-section { margin-bottom: 3.5rem; }
  .sap-seo-hub-section-head { margin-bottom: 2rem; }
  .sap-seo-hub-section-head h2,
  .sap-seo-hub-section-head h3 { font-size: 24px; letter-spacing: -0.4px; }
  .sap-seo-hub-section-head p { font-size: var(--sap-fs-body); line-height: var(--sap-lh-body); }

  /* Vehicle cards — 1 col pe mobil (stacked, ușor de scanat cu degetul) */
  .sap-seo-hub-vehicles-grid {
    grid-template-columns: 1fr;
    gap: 0.625rem;
  }
  .sap-seo-hub-vehicle-link { padding: 1rem 1.125rem; min-height: 0; flex-direction: row; align-items: center; gap: 0.75rem; justify-content: space-between; }
  .sap-seo-hub-vehicle-title { font-size: var(--sap-fs-body); line-height: 1.3; }
  .sap-seo-hub-vehicle-meta { font-size: 13px; line-height: 1.3; }
  .sap-seo-hub-vehicle-arrow { width: 32px; height: 32px; font-size: 16px; align-self: center; margin-top: 0; }
  .sap-seo-hub-show-more { font-size: var(--sap-fs-body); padding: 0.75rem 1.25rem; }

  /* Carseat cards — 2 pe rând pe mobil */
  .sap-seo-hub-carseats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
  }
  .sap-seo-hub-carseat-name { padding: 0.875rem 1rem 1rem; font-size: 14px; }
  .sap-seo-hub-age-title { font-size: 20px; padding-left: 0.875rem; }

  /* Authority cards */
  .sap-seo-hub-authority-item { padding: 1.625rem; }
  .sap-seo-hub-authority-item h3 { font-size: 20px; }
  .sap-seo-hub-authority-item p { font-size: var(--sap-fs-body); line-height: var(--sap-lh-body); }
  .sap-seo-hub-brands { padding: 1.625rem; }
  .sap-seo-hub-brands-list li { font-size: var(--sap-fs-body); }

  /* FAQ — păstrează identitatea cu footer-ul Bricks */
  .sap-seo-hub-faq-q { padding: 1rem 1.25rem; font-size: var(--sap-fs-body); line-height: var(--sap-lh-body); }
  .sap-seo-hub-faq-q::after { font-size: 1.25rem; }
  .sap-seo-hub-faq-a { padding: 0 1.25rem 1rem; font-size: var(--sap-fs-body); line-height: var(--sap-lh-body); }
  .sap-seo-hub-faq-a p { font-size: var(--sap-fs-body); line-height: var(--sap-lh-body); }

  .sap-seo-hub-trust-quick { gap: 1rem; font-size: 12.5px; }
  .sap-seo-hub-footer-trust { font-size: var(--sap-fs-body); line-height: var(--sap-lh-body); gap: 1rem; }
}

/* ==========================================================================
   WIZARD PAGES — `/scaun-auto-potrivit/marca/...` (v0.6.3)
   Design: server-rendered, în temă cu hub-ul (cream + portocaliu + navy)
   ========================================================================== */

.sap-wiz-page {
  background: #FFFFFF;
  color: #1A1612;
  position: relative;
  /* Eliminat margin negativ care cauza scroll orizontal pe mobil. */
  padding: 2.5rem 1.5rem 4rem;
  min-height: 70vh;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;

  /* Variabile (dublez aici ca să fie self-contained) */
  --c-orange: #F26B43;
  --c-orange-deep: #C44A1F;
  --c-orange-soft: #FFE9DD;
  --c-navy: #1F3A47;
  --c-navy-deep: #0E2530;
  --c-cream: #FFFFFF;
  --c-cream-warm: #F8F4ED;
  --c-ink: #1A1612;
  --c-ink-soft: #4A4138;
  --c-ink-muted: #8B8377;
  --c-line: #ECE6DC;

  /* Sistem tipografic v0.6.12 — același baseline ca .sap-seo-hub */
  --sap-font-base: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --sap-font-display: 'Inter', 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --sap-fs-body: 15px;
  --sap-lh-body: 1.7;
  --sap-fs-lead: 22px;
  --sap-fs-h2: 56px;
  --sap-fs-h3: 28px;
  --sap-fs-h4: 22px;

  font-family: var(--sap-font-base);
  font-size: var(--sap-fs-body);
  line-height: var(--sap-lh-body);
}

.sap-wiz-page * { box-sizing: border-box; }

.sap-wiz-bg-gradient {
  display: none;
}

.sap-wiz-container {
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

/* HEADER (back + progress) */

.sap-wiz-step-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2rem;
}

.sap-wiz-back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  color: var(--c-ink-muted);
  font-family: var(--sap-font-base);
  font-size: var(--sap-fs-body);
  line-height: var(--sap-lh-body);
  font-weight: 500;
  padding: 6px 12px;
  border-radius: 8px;
  transition: background 0.2s, color 0.2s;
}

.sap-wiz-back:hover {
  background: white;
  color: var(--c-ink);
}

.sap-wiz-back-icon {
  font-size: 1.1rem;
  line-height: 1;
}

.sap-wiz-progress {
  display: flex;
  gap: 6px;
}

.sap-wiz-bar {
  width: 28px;
  height: 4px;
  border-radius: 2px;
  background: var(--c-line);
  display: block;
}

.sap-wiz-bar-active {
  background: var(--c-orange);
  width: 36px;
}

.sap-wiz-bar-done {
  background: var(--c-orange);
  opacity: 0.55;
}

/* STEP INTRO */

.sap-wiz-step-intro {
  margin-bottom: 2rem;
}

.sap-wiz-step-num {
  font-family: var(--sap-font-base);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  color: var(--c-ink-muted);
  text-transform: uppercase;
  margin: 0 0 0.625rem;
}

.sap-wiz-step-title {
  font-family: var(--sap-font-base);
  font-size: var(--sap-fs-h3);
  line-height: 1.2;
  letter-spacing: -0.6px;
  font-weight: 700;
  margin: 0 0 0.5rem;
  color: var(--c-ink);
}

.sap-wiz-step-sub {
  font-family: var(--sap-font-base);
  font-size: var(--sap-fs-body);
  color: var(--c-ink-soft);
  margin: 0;
  line-height: var(--sap-lh-body);
}

/* SELECTION PILL ROW (afișează ce e deja selectat) */

.sap-wiz-selection-pill-row {
  margin-bottom: 1.5rem;
}

.sap-wiz-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: white;
  border: 1px solid var(--c-line);
  border-radius: 999px;
  padding: 6px 6px 6px 12px;
  font-family: var(--sap-font-base);
  font-size: var(--sap-fs-body);
  line-height: var(--sap-lh-body);
  color: var(--c-ink);
  font-weight: 500;
}

.sap-wiz-pill-initial {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--c-orange-soft);
  color: var(--c-orange-deep);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--sap-font-base);
  font-size: 11px;
  font-weight: 700;
}

.sap-wiz-pill-clear {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: transparent;
  color: var(--c-ink-muted);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 16px;
  line-height: 1;
  transition: background 0.2s, color 0.2s;
}

.sap-wiz-pill-clear:hover {
  background: var(--c-orange-soft);
  color: var(--c-orange-deep);
}

/* SEARCH */

.sap-wiz-search-wrap {
  margin-bottom: 1rem;
}

.sap-wiz-search {
  width: 100%;
  padding: 0.875rem 1.125rem;
  font-family: var(--sap-font-base);
  font-size: var(--sap-fs-body);
  line-height: var(--sap-lh-body);
  background: white;
  border: 1.5px solid var(--c-line);
  border-radius: 14px;
  color: var(--c-ink);
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.sap-wiz-search:focus {
  border-color: var(--c-orange);
  box-shadow: 0 0 0 3px rgba(242,107,67,0.12);
}

.sap-wiz-search::placeholder {
  font-family: var(--sap-font-base);
  font-size: var(--sap-fs-body);
  color: var(--c-ink-muted);
}

/* BRAND GRID (pas 1) */

.sap-wiz-brand-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.sap-wiz-brand-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 1rem 0.5rem;
  background: white;
  border: 1.5px solid var(--c-line);
  border-radius: 14px;
  text-decoration: none;
  color: inherit;
  text-align: center;
  transition: transform 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.sap-wiz-brand-card:hover {
  transform: translateY(-2px);
  border-color: var(--c-orange);
  box-shadow: 0 12px 24px -10px rgba(242,107,67,0.2);
}

.sap-wiz-brand-initial {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--c-cream-warm);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--sap-font-base);
  font-size: 14px;
  font-weight: 700;
  color: var(--c-navy);
}

.sap-wiz-brand-card:hover .sap-wiz-brand-initial {
  background: var(--c-orange);
  color: white;
}

/* Logo brand auto (v0.6.17) — apare în loc de inițială când există fișier
   în assets/images/brands/{slug}.svg|png. Aceeași dimensiune cu inițiala
   ca să nu schimbe layout-ul. */
.sap-wiz-brand-logo {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
  padding: 4px;
  transition: background 0.2s, transform 0.2s;
}

.sap-wiz-brand-logo img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}

.sap-wiz-brand-card:hover .sap-wiz-brand-logo {
  background: var(--c-cream-warm);
  transform: scale(1.05);
}

.sap-wiz-brand-label {
  font-family: var(--sap-font-base);
  font-size: var(--sap-fs-body);
  line-height: var(--sap-lh-body);
  font-weight: 600;
  color: var(--c-ink);
  letter-spacing: -0.2px;
}

.sap-wiz-brand-count {
  font-family: var(--sap-font-base);
  font-size: 13px;
  color: var(--c-ink-muted);
  font-weight: 500;
}

.sap-wiz-rest-info {
  text-align: center;
  font-family: var(--sap-font-base);
  font-size: var(--sap-fs-body);
  line-height: var(--sap-lh-body);
  color: var(--c-ink-muted);
  margin: 1.25rem 0;
  font-weight: 500;
}

.sap-wiz-rest-info strong {
  color: var(--c-ink);
  font-weight: 700;
}

.sap-wiz-step-footer {
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 1px solid var(--c-line);
  font-family: var(--sap-font-base);
  font-size: var(--sap-fs-body);
  line-height: var(--sap-lh-body);
  color: var(--c-ink-muted);
}

/* "Vezi lista completă" — buton de toggle pentru lista extinsă (v0.6.16) */

.sap-wiz-show-all-wrap {
  display: flex;
  justify-content: center;
  margin: 0 0 1.25rem;
}

.sap-wiz-show-all {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0.75rem 1.5rem;
  background: white;
  border: 1.5px solid var(--c-line);
  border-radius: 999px;
  font-family: var(--sap-font-base);
  font-size: var(--sap-fs-body);
  font-weight: 600;
  line-height: var(--sap-lh-body);
  color: var(--c-ink);
  cursor: pointer;
  transition: border-color 0.2s, color 0.2s, background 0.2s, transform 0.2s;
  letter-spacing: -0.2px;
}

.sap-wiz-show-all:hover {
  border-color: var(--c-orange);
  color: var(--c-orange-deep);
  transform: translateY(-1px);
}

.sap-wiz-show-all-arrow {
  font-size: 0.875rem;
  transition: transform 0.25s;
  display: inline-block;
}

.sap-wiz-show-all.is-expanded .sap-wiz-show-all-arrow {
  transform: rotate(180deg);
}

/* Brand list ascuns (pentru search) */

.sap-wiz-brand-list-full {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.75rem;
}

/* Atributul HTML [hidden] trebuie să bată display:flex de mai sus */
.sap-wiz-brand-list-full[hidden] {
  display: none;
}

.sap-wiz-brand-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  background: white;
  border: 1px solid var(--c-line);
  border-radius: 12px;
  text-decoration: none;
  color: inherit;
  font-family: var(--sap-font-base);
  font-size: var(--sap-fs-body);
  line-height: var(--sap-lh-body);
  transition: border-color 0.2s, transform 0.15s;
}

.sap-wiz-brand-row:hover {
  border-color: var(--c-orange);
  transform: translateY(-1px);
}

.sap-wiz-brand-initial-sm {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--c-cream-warm);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--sap-font-base);
  font-size: 12px;
  font-weight: 700;
  color: var(--c-navy);
  flex-shrink: 0;
}

.sap-wiz-brand-logo-sm {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: white;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
  padding: 3px;
}

.sap-wiz-brand-logo-sm img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}

.sap-wiz-brand-row .sap-wiz-brand-label { flex: 1; }

/* MODELS LIST (pas 2a) */

.sap-wiz-models-count {
  font-family: var(--sap-font-base);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.8px;
  color: var(--c-ink-muted);
  text-transform: uppercase;
  margin: 1.25rem 0 0.75rem;
}

.sap-wiz-models-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 0.625rem;
}

.sap-wiz-model-row {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  padding: 0.875rem 1rem;
  background: white;
  border: 1px solid var(--c-line);
  border-radius: 14px;
  text-decoration: none;
  color: inherit;
  transition: transform 0.2s, border-color 0.2s, box-shadow 0.2s;
  height: 100%;
}

.sap-wiz-model-row:hover {
  transform: translateY(-1px);
  border-color: var(--c-orange);
  box-shadow: 0 12px 24px -12px rgba(242,107,67,0.18);
}

.sap-wiz-model-icon {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: var(--c-cream-warm);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--c-navy);
  flex-shrink: 0;
}

.sap-wiz-model-row:hover .sap-wiz-model-icon {
  background: var(--c-orange);
  color: white;
}

.sap-wiz-model-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
  overflow: hidden;
}

.sap-wiz-model-title {
  font-family: var(--sap-font-display);
  font-size: var(--sap-fs-body);
  line-height: var(--sap-lh-body);
  font-weight: 600;
  color: var(--c-ink);
  letter-spacing: -0.2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sap-wiz-model-meta {
  font-family: var(--sap-font-display);
  font-size: 13px;
  color: var(--c-ink-muted);
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sap-wiz-model-arrow {
  color: var(--c-ink-muted);
  font-size: 20px;
  flex-shrink: 0;
  transition: color 0.2s, transform 0.2s;
}

.sap-wiz-model-row:hover .sap-wiz-model-arrow {
  color: var(--c-orange);
  transform: translateX(3px);
}

/* YEARS GRID (pas 2b) */

.sap-wiz-years-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  gap: 0.625rem;
  margin-top: 1.5rem;
}

.sap-wiz-year-card {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 0.5rem;
  background: white;
  border: 1.5px solid var(--c-line);
  border-radius: 12px;
  text-decoration: none;
  color: var(--c-ink);
  font-family: var(--sap-font-base);
  font-size: var(--sap-fs-body);
  line-height: var(--sap-lh-body);
  font-weight: 700;
  letter-spacing: -0.2px;
  transition: transform 0.2s, border-color 0.2s, background 0.2s, color 0.2s;
}

.sap-wiz-year-card:hover {
  transform: translateY(-2px);
  border-color: var(--c-orange);
  background: var(--c-orange);
  color: white;
}

/* AGE FORM (pas 3) */

.sap-wiz-age-form { margin-top: 1rem; }

.sap-wiz-section-label {
  font-family: var(--sap-font-base);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.8px;
  color: var(--c-ink-muted);
  text-transform: uppercase;
  margin: 0 0 0.875rem;
}

.sap-wiz-section-label-or {
  margin-top: 1.75rem;
}

.sap-wiz-age-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 0.625rem;
}

.sap-wiz-age-card {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 1rem 1.25rem;
  background: white;
  border: 1.5px solid var(--c-line);
  border-radius: 12px;
  cursor: pointer;
  position: relative;
  transition: border-color 0.2s, transform 0.15s, box-shadow 0.2s;
}

.sap-wiz-age-card:hover {
  border-color: var(--c-orange);
  transform: translateY(-1px);
}

.sap-wiz-age-card input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.sap-wiz-age-card:has(input:checked) {
  border-color: var(--c-orange);
  background: linear-gradient(135deg, #FFF8F1 0%, white 70%);
  box-shadow: 0 6px 16px -8px rgba(242,107,67,0.3);
}

.sap-wiz-age-name {
  font-family: var(--sap-font-base);
  font-size: var(--sap-fs-body);
  line-height: var(--sap-lh-body);
  font-weight: 700;
  color: var(--c-ink);
  letter-spacing: -0.2px;
}

.sap-wiz-age-sub {
  font-family: var(--sap-font-base);
  font-size: 13px;
  color: var(--c-ink-soft);
  font-weight: 500;
}

.sap-wiz-age-group {
  font-family: var(--sap-font-base);
  font-size: 11px;
  color: var(--c-ink-muted);
  font-weight: 600;
  letter-spacing: 0.3px;
}

.sap-wiz-age-precise {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 0.875rem;
}

.sap-wiz-input-group {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.sap-wiz-input-group label {
  font-family: var(--sap-font-base);
  font-size: 12px;
  font-weight: 600;
  color: var(--c-ink-muted);
  letter-spacing: 0.2px;
}

.sap-wiz-input-group input {
  padding: 0.75rem 0.875rem;
  border: 1.5px solid var(--c-line);
  border-radius: 10px;
  background: white;
  font-family: var(--sap-font-base);
  font-size: var(--sap-fs-body);
  line-height: var(--sap-lh-body);
  color: var(--c-ink);
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.sap-wiz-input-group input:focus {
  border-color: var(--c-orange);
  box-shadow: 0 0 0 3px rgba(242,107,67,0.12);
}

.sap-wiz-age-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--c-line);
  flex-wrap: wrap;
  gap: 1rem;
}

.sap-wiz-skip-link {
  font-family: var(--sap-font-base);
  font-size: 13px;
  color: var(--c-ink-muted);
  text-decoration: underline;
  text-underline-offset: 3px;
  font-weight: 500;
}

.sap-wiz-skip-link:hover {
  color: var(--c-orange);
}

/* CTAS */

.sap-wiz-cta-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0.875rem 1.5rem;
  background: var(--c-orange);
  color: white;
  border: none;
  border-radius: 12px;
  font-family: var(--sap-font-base);
  font-size: var(--sap-fs-body);
  line-height: var(--sap-lh-body);
  font-weight: 700;
  text-decoration: none;
  letter-spacing: -0.2px;
  cursor: pointer;
  transition: background 0.2s, transform 0.2s, box-shadow 0.2s;
  box-shadow: 0 6px 16px -6px rgba(242,107,67,0.4);
}

.sap-wiz-cta-primary:hover {
  background: var(--c-orange-deep);
  transform: translateY(-1px);
  box-shadow: 0 10px 22px -6px rgba(242,107,67,0.5);
}

.sap-wiz-cta-secondary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0.875rem 1.5rem;
  background: white;
  color: var(--c-ink);
  border: 1.5px solid var(--c-line);
  border-radius: 12px;
  font-family: var(--sap-font-base);
  font-size: var(--sap-fs-body);
  line-height: var(--sap-lh-body);
  font-weight: 600;
  text-decoration: none;
  letter-spacing: -0.2px;
  cursor: pointer;
  transition: border-color 0.2s, transform 0.2s;
}

.sap-wiz-cta-secondary:hover {
  border-color: var(--c-ink);
  transform: translateY(-1px);
}

/* RESULTS PAGE */

.sap-wiz-results-header {
  margin-bottom: 2rem;
}

.sap-wiz-results-filter {
  margin-top: 0.5rem;
  font-family: var(--sap-font-base);
  font-size: var(--sap-fs-body);
  line-height: var(--sap-lh-body);
  color: var(--c-ink-soft);
}

.sap-wiz-results-filter strong {
  color: var(--c-ink);
  font-weight: 700;
}

.sap-wiz-results-filter a {
  color: var(--c-orange);
  text-decoration: underline;
  text-underline-offset: 3px;
  font-weight: 600;
  margin-left: 4px;
}

.sap-wiz-results-filter a:hover {
  color: var(--c-orange-deep);
}

.sap-wiz-results-count {
  font-family: var(--sap-font-base);
  font-size: var(--sap-fs-body);
  line-height: var(--sap-lh-body);
  color: var(--c-ink-soft);
  margin: 1.5rem 0 1.25rem;
  font-weight: 500;
}

.sap-wiz-results-count strong {
  color: var(--c-ink);
  font-weight: 700;
}

.sap-wiz-results-empty {
  background: white;
  border: 1.5px solid var(--c-line);
  border-radius: 18px;
  padding: 2.5rem 2rem;
  text-align: center;
  margin: 1.5rem 0;
}

.sap-wiz-results-empty h2 {
  font-family: var(--sap-font-base);
  font-size: var(--sap-fs-h4);
  font-weight: 700;
  margin: 0 0 0.75rem;
  color: var(--c-ink);
  letter-spacing: -0.4px;
  line-height: 1.3;
}

.sap-wiz-results-empty p {
  font-family: var(--sap-font-base);
  font-size: var(--sap-fs-body);
  line-height: var(--sap-lh-body);
  color: var(--c-ink-soft);
  margin: 0;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}

.sap-wiz-results-meta {
  font-family: var(--sap-font-base);
  font-size: 12px;
  font-weight: 600;
  color: var(--c-ink-muted);
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin: 0 0 0.375rem;
}

.sap-wiz-results-title {
  font-family: var(--sap-font-base);
  font-size: var(--sap-fs-h3);
  font-weight: 700;
  letter-spacing: -0.6px;
  margin: 0;
  color: var(--c-ink);
  line-height: 1.2;
}

/* NO RESULTS PAGE */

.sap-wiz-no-results {
  text-align: center;
  padding: 3rem 1rem;
  background: white;
  border: 1px solid var(--c-line);
  border-radius: 24px;
  max-width: 640px;
  margin: 2rem auto;
}

.sap-wiz-no-results-title {
  font-family: var(--sap-font-base);
  font-size: var(--sap-fs-h3);
  font-weight: 700;
  letter-spacing: -0.6px;
  line-height: 1.25;
  margin: 0 0 1rem;
  color: var(--c-ink);
}

.sap-wiz-no-results-lead {
  font-family: var(--sap-font-base);
  font-size: var(--sap-fs-body);
  line-height: var(--sap-lh-body);
  color: var(--c-ink-soft);
  margin: 0 0 2rem;
}

.sap-wiz-no-results-actions {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

/* ============= DIAGRAMA POZIȚIONALĂ (pas 5) ============= */

.sap-wiz-diagram-section {
  margin: 1.5rem 0 2rem;
  background: white;
  border: 1.5px solid var(--c-line);
  border-radius: 20px;
  padding: 1.75rem;
}

.sap-wiz-diagram-title {
  font-family: var(--sap-font-base);
  font-size: var(--sap-fs-h4);
  font-weight: 700;
  margin: 0 0 1.25rem;
  color: var(--c-ink);
  letter-spacing: -0.3px;
  line-height: 1.3;
}

.sap-wiz-diagram-wrap {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 2rem;
  align-items: start;
}

.sap-wiz-diagram-svg {
  width: 100%;
  max-width: 320px;
  height: auto;
  display: block;
}

.sap-wiz-diagram-positions {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.sap-wiz-diagram-pos-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.625rem 0.875rem;
  background: var(--c-cream-warm);
  border-radius: 10px;
  border-left: 3px solid var(--c-line);
}

.sap-wiz-diagram-pos-tier-official { border-left-color: #4A7C59; background: #ECF7EF; }
.sap-wiz-diagram-pos-tier-probable { border-left-color: #D08A2E; background: #FFF6E5; }
.sap-wiz-diagram-pos-tier-untested { border-left-color: #B0A99B; background: #F5F4F1; }
.sap-wiz-diagram-pos-tier-none { border-left-color: var(--c-line); background: var(--c-cream-warm); }

.sap-wiz-diagram-pos-label {
  font-family: var(--sap-font-base);
  font-size: var(--sap-fs-body);
  line-height: var(--sap-lh-body);
  font-weight: 600;
  color: var(--c-ink);
  letter-spacing: -0.2px;
}

.sap-wiz-diagram-pos-count {
  font-family: var(--sap-font-base);
  font-size: 13px;
  font-weight: 600;
  color: var(--c-ink-soft);
}

.sap-wiz-diagram-pos-empty {
  font-family: var(--sap-font-base);
  font-size: var(--sap-fs-body);
  line-height: var(--sap-lh-body);
  font-style: italic;
  color: var(--c-ink-muted);
  font-weight: 500;
}

/* ============= LEGENDA REZULTATE ============= */

.sap-wiz-results-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
  align-items: center;
  margin: 1rem 0 1.5rem;
  padding: 0.875rem 1.125rem;
  background: var(--c-cream-warm);
  border-radius: 12px;
  font-family: var(--sap-font-base);
  font-size: var(--sap-fs-body);
  line-height: var(--sap-lh-body);
  color: var(--c-ink-soft);
}

.sap-wiz-legend-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.sap-wiz-legend-item strong {
  color: var(--c-ink);
  font-weight: 700;
}

.sap-wiz-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  flex-shrink: 0;
}

.sap-wiz-dot-official  { background: #4A7C59; }
.sap-wiz-dot-probable  { background: #D08A2E; }
.sap-wiz-dot-untested  { background: #B0A99B; }

/* ============= TIER-URI + CARDURI SCAUNE ============= */

.sap-wiz-tier {
  margin: 2rem 0;
}

.sap-wiz-tier-title {
  font-family: var(--sap-font-base);
  font-size: var(--sap-fs-h4);
  font-weight: 700;
  margin: 0 0 1rem;
  color: var(--c-ink);
  letter-spacing: -0.3px;
  line-height: 1.3;
  padding-left: 0.875rem;
  border-left: 4px solid var(--c-line);
}

.sap-wiz-tier-official .sap-wiz-tier-title { border-left-color: #4A7C59; }
.sap-wiz-tier-probable .sap-wiz-tier-title { border-left-color: #D08A2E; }
.sap-wiz-tier-untested .sap-wiz-tier-title { border-left-color: #B0A99B; }

.sap-wiz-tier-count {
  font-family: var(--sap-font-base);
  color: var(--c-ink-muted);
  font-weight: 600;
  font-size: var(--sap-fs-body);
  margin-left: 4px;
}

.sap-wiz-carseats-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 0.75rem;
}

.sap-wiz-carseat-card {
  background: white;
  border: 1px solid var(--c-line);
  border-radius: 14px;
  overflow: hidden;
  transition: border-color 0.2s, transform 0.15s, box-shadow 0.2s;
}

.sap-wiz-carseat-card:hover {
  border-color: var(--c-orange);
  transform: translateY(-2px);
  box-shadow: 0 12px 24px -12px rgba(242,107,67,0.18);
}

.sap-wiz-carseat-link {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  height: 100%;
}

.sap-wiz-carseat-img {
  background: white;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 0.75rem;
  border-bottom: 1px solid var(--c-line);
}

.sap-wiz-carseat-img img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}

.sap-wiz-carseat-img-placeholder {
  background: var(--c-cream-warm);
  color: var(--c-ink-muted);
}

.sap-wiz-carseat-body {
  padding: 0.875rem 1rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex: 1;
}

.sap-wiz-carseat-title {
  font-family: var(--sap-font-base);
  font-size: var(--sap-fs-body);
  line-height: var(--sap-lh-body);
  font-weight: 700;
  color: var(--c-ink);
  letter-spacing: -0.2px;
  margin: 0;
}

.sap-wiz-carseat-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem 0.625rem;
  font-family: var(--sap-font-base);
  font-size: 13px;
  color: var(--c-ink-soft);
  font-weight: 500;
  align-items: center;
}

.sap-wiz-meta-item {
  display: inline-block;
}

.sap-wiz-meta-item:not(:last-child)::after {
  content: '·';
  margin-left: 0.625rem;
  color: var(--c-ink-muted);
}

.sap-wiz-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  font-family: var(--sap-font-base);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}

.sap-wiz-badge-isize {
  background: var(--c-orange-soft);
  color: var(--c-orange-deep);
}

/* ============= RESPONSIVE DIAGRAMA + REZULTATE ============= */

@media (max-width: 760px) {
  .sap-wiz-diagram-wrap {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  .sap-wiz-diagram-svg {
    margin: 0 auto;
    max-width: 280px;
  }
  .sap-wiz-results-legend {
    gap: 0.75rem;
    font-size: 13px;
    line-height: var(--sap-lh-body);
    padding: 0.75rem 1rem;
  }
  .sap-wiz-legend-item {
    width: 100%;
  }
}

/* RESPONSIVE */

@media (max-width: 600px) {
  .sap-wiz-page { padding: 2rem 1rem 3rem; }
  .sap-wiz-step-title { font-size: 24px; letter-spacing: -0.4px; }
  .sap-wiz-brand-grid { grid-template-columns: repeat(auto-fill, minmax(95px, 1fr)); gap: 0.5rem; }
  .sap-wiz-brand-card { padding: 0.75rem 0.5rem; }
  .sap-wiz-brand-initial { width: 32px; height: 32px; font-size: 13px; }
  .sap-wiz-brand-logo { width: 32px; height: 32px; padding: 3px; }
  .sap-wiz-brand-label { font-size: 13px; line-height: var(--sap-lh-body); }
  .sap-wiz-years-grid { grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); }
  .sap-wiz-age-footer { flex-direction: column-reverse; align-items: stretch; }

  /* Butoane mai prietenoase pe mobil — full width, padding vertical generos */
  .sap-wiz-cta-primary {
    width: 100%;
    padding: 1.125rem 1.5rem;
    font-size: var(--sap-fs-body);
    line-height: var(--sap-lh-body);
    justify-content: center;
    border-radius: 14px;
  }
  .sap-wiz-cta-secondary {
    width: 100%;
    padding: 1rem 1.5rem;
    justify-content: center;
  }
  .sap-wiz-skip-link { text-align: center; padding: 0.5rem 0; }

  /* Pagina No Results — butoanele full-width și ele */
  .sap-wiz-no-results-actions { flex-direction: column; }

  /* Carduri scaune mai compacte pe mobil */
  .sap-wiz-carseats-grid { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); }
  .sap-wiz-diagram-section { padding: 1.25rem; }
  .sap-wiz-diagram-title { font-size: var(--sap-fs-body); line-height: var(--sap-lh-body); }
}

/* ===========================================================================
   SINGLE CARSEAT PAGE — /scaun/{slug}/
   v0.6.22 — Template server-rendered cu hero + specs + compatibility
   =========================================================================== */

.sap-seo-carseat-page {
  /* Reuse aceleași tokens definite în .sap-seo-hub */
  --c-cream: #FBF7EF;
  --c-cream-warm: #F5EDE0;
  --c-orange: #F26B43;
  --c-orange-deep: #D14F2A;
  --c-orange-soft: #FBE5DB;
  --c-navy: #1F3A47;
  --c-navy-deep: #163140;
  --c-ink: #1A1612;
  --c-ink-soft: #4A4138;
  --c-ink-muted: #8B8377;
  --c-line: #ECE6DC;

  --sap-font-base: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --sap-font-display: 'Inter', 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --sap-fs-body: 15px;
  --sap-lh-body: 1.7;

  font-family: var(--sap-font-base);
  font-size: var(--sap-fs-body);
  line-height: var(--sap-lh-body);
  color: var(--c-ink);
  background: var(--c-cream);
}

.sap-seo-carseat-container {
  max-width: 1280px;  /* v0.11.3: aligned with wizard container width */
  margin: 0 auto;
  padding: 2.5rem 1.5rem 4rem;
}

/* Breadcrumb */
.sap-seo-carseat-breadcrumb {
  font-family: var(--sap-font-base);
  font-size: 13px;
  color: var(--c-ink-muted);
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.sap-seo-carseat-breadcrumb a {
  color: var(--c-ink-soft);
  text-decoration: none;
}
.sap-seo-carseat-breadcrumb a:hover { color: var(--c-orange-deep); }
.sap-seo-carseat-breadcrumb span[aria-hidden] { color: var(--c-ink-muted); }

/* HERO */
.sap-seo-carseat-hero {
  display: grid;
  grid-template-columns: minmax(280px, 360px) 1fr;
  gap: 2.5rem;
  align-items: start;
  padding: 2rem;
  background: white;
  border-radius: 24px;
  border: 1px solid var(--c-line);
  margin-bottom: 2rem;
}

.sap-seo-carseat-hero-img {
  aspect-ratio: 1;
  background: var(--c-cream-warm);
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.sap-seo-carseat-hero-img img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  display: block;
}
.sap-seo-carseat-hero-img-placeholder {
  color: var(--c-ink-muted);
  opacity: 0.5;
}

.sap-seo-carseat-brand {
  font-family: var(--sap-font-display);
  font-size: 14px;
  font-weight: 500;
  color: var(--c-ink-muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0 0 0.5rem;
}

.sap-seo-carseat-title {
  font-family: var(--sap-font-display);
  font-size: 32px;
  line-height: 1.15;
  letter-spacing: -1px;
  font-weight: 600;
  color: var(--c-ink);
  margin: 0 0 1.25rem;
}

.sap-seo-carseat-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.sap-seo-carseat-badge {
  font-family: var(--sap-font-display);
  font-size: 12px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 999px;
  letter-spacing: 0.2px;
}
.sap-seo-carseat-badge-i-size {
  background: var(--c-orange-soft);
  color: var(--c-orange-deep);
}
.sap-seo-carseat-badge-r44 {
  background: #E8F1ED;
  color: #2D5C3F;
}
.sap-seo-carseat-badge-feature {
  background: var(--c-cream-warm);
  color: var(--c-ink-soft);
}

/* Quick specs (vârstă, greutate etc.) ca pereche dt/dd compactă */
.sap-seo-carseat-quick-specs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 1rem;
  margin: 0 0 1.75rem;
  padding: 1.25rem;
  background: var(--c-cream);
  border-radius: 12px;
}
.sap-seo-carseat-quick-specs > div { min-width: 0; }
.sap-seo-carseat-quick-specs dt {
  font-family: var(--sap-font-base);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--c-ink-muted);
  margin: 0 0 4px;
}
.sap-seo-carseat-quick-specs dd {
  font-family: var(--sap-font-display);
  font-size: 15px;
  font-weight: 600;
  color: var(--c-ink);
  margin: 0;
  line-height: 1.3;
}

/* CTA */
.sap-seo-carseat-cta {
  margin-top: 0.5rem;
}
.sap-seo-carseat-cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 24px;
  background: var(--c-orange);
  color: white;
  font-family: var(--sap-font-display);
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  border-radius: 999px;
  transition: background 0.2s, transform 0.2s;
  letter-spacing: -0.2px;
}
.sap-seo-carseat-cta-btn:hover {
  background: var(--c-orange-deep);
  transform: translateY(-1px);
  color: white;
}
.sap-seo-carseat-cta-note {
  font-size: 12px;
  color: var(--c-ink-muted);
  margin: 0.5rem 0 0;
}

/* SECȚIUNI generice */
.sap-seo-carseat-section {
  margin-bottom: 2.5rem;
  padding: 1.75rem 2rem;
  background: white;
  border-radius: 20px;
  border: 1px solid var(--c-line);
}
.sap-seo-carseat-section-head { margin-bottom: 1.25rem; }
.sap-seo-carseat-section-title {
  font-family: var(--sap-font-display);
  font-size: 22px;
  font-weight: 600;
  color: var(--c-ink);
  margin: 0 0 0.5rem;
  letter-spacing: -0.5px;
}
.sap-seo-carseat-section-lead {
  font-size: var(--sap-fs-body);
  color: var(--c-ink-soft);
  margin: 0;
}

/* SPECS GRID */
.sap-seo-carseat-specs-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1.5rem;
}
.sap-seo-carseat-spec-block h3 {
  font-family: var(--sap-font-display);
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--c-ink-muted);
  margin: 0 0 0.75rem;
}
.sap-seo-carseat-spec-block ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sap-seo-carseat-spec-block li {
  font-size: var(--sap-fs-body);
  line-height: 1.5;
  color: var(--c-ink);
  padding: 4px 0;
}
.sap-seo-carseat-spec-meta {
  color: var(--c-ink-muted);
  font-size: 13px;
}

/* COMPATIBILITY list */
.sap-seo-carseat-compat-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 0.5rem;
}
.sap-seo-carseat-compat-list a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  background: var(--c-cream);
  border-radius: 10px;
  text-decoration: none;
  color: var(--c-ink);
  font-family: var(--sap-font-display);
  font-size: 14px;
  font-weight: 500;
  transition: background 0.2s, color 0.2s;
}
.sap-seo-carseat-compat-list a:hover {
  background: var(--c-orange-soft);
  color: var(--c-orange-deep);
}
.sap-seo-carseat-compat-arrow {
  color: var(--c-ink-muted);
  font-size: 14px;
  flex-shrink: 0;
  margin-left: 8px;
}
.sap-seo-carseat-compat-list a:hover .sap-seo-carseat-compat-arrow {
  color: var(--c-orange-deep);
}
.sap-seo-carseat-compat-more {
  margin: 1.25rem 0 0;
  text-align: center;
  font-size: 14px;
}
.sap-seo-carseat-compat-more a {
  color: var(--c-orange-deep);
  font-weight: 600;
  text-decoration: none;
}
.sap-seo-carseat-compat-more a:hover { text-decoration: underline; }

/* SOURCE block (transparency) */
.sap-seo-carseat-source {
  background: var(--c-cream-warm);
  border-radius: 12px;
  padding: 1rem 1.25rem;
  margin-bottom: 2rem;
  border-left: 3px solid var(--c-orange);
}
.sap-seo-carseat-source h3 {
  font-family: var(--sap-font-display);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--c-ink-muted);
  margin: 0 0 0.25rem;
}
.sap-seo-carseat-source p {
  font-size: 14px;
  color: var(--c-ink-soft);
  line-height: 1.5;
  margin: 0;
}

/* Back link */
.sap-seo-carseat-back {
  text-align: center;
  margin: 2rem 0 0;
}
.sap-seo-carseat-back a {
  color: var(--c-ink-muted);
  text-decoration: none;
  font-family: var(--sap-font-display);
  font-size: 14px;
}
.sap-seo-carseat-back a:hover { color: var(--c-orange-deep); }

/* RESPONSIVE */
@media (max-width: 720px) {
  .sap-seo-carseat-container { padding: 1.5rem 1rem 3rem; }
  .sap-seo-carseat-hero {
    grid-template-columns: 1fr;
    gap: 1.5rem;
    padding: 1.5rem;
  }
  .sap-seo-carseat-hero-img {
    max-width: 280px;
    margin: 0 auto;
  }
  .sap-seo-carseat-title { font-size: 24px; letter-spacing: -0.7px; }
  .sap-seo-carseat-section { padding: 1.5rem 1.25rem; border-radius: 16px; }
  .sap-seo-carseat-section-title { font-size: 19px; }
  .sap-seo-carseat-specs-grid { grid-template-columns: 1fr; gap: 1rem; }
  .sap-seo-carseat-compat-list { grid-template-columns: 1fr; }
}

/* ===========================================================================
   WIZARD RESULTS TABS — v0.6.26
   Două tab-uri: "Confirmate de producător" / "Probabil compatibile"
   =========================================================================== */

.sap-wiz-tabs {
  margin-top: 1rem;
}

.sap-wiz-tabs-list {
  display: flex;
  gap: 0;
  border-bottom: 2px solid var(--c-line);
  margin-bottom: 1.5rem;
  overflow-x: auto;
  scrollbar-width: none;
}
.sap-wiz-tabs-list::-webkit-scrollbar { display: none; }

.sap-wiz-tab {
  background: transparent;
  border: 0;
  padding: 0.75rem 1.5rem;
  font-family: var(--sap-font-display, 'Inter', sans-serif);
  font-size: 14px;
  font-weight: 500;
  color: var(--c-ink-muted);
  cursor: pointer;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  white-space: nowrap;
  transition: color 0.2s ease;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
}

.sap-wiz-tab:hover:not(.is-empty):not(.is-active) {
  color: var(--c-ink);
}

.sap-wiz-tab.is-active {
  color: var(--c-orange-deep);
  font-weight: 600;
  border-bottom-color: var(--c-orange);
}

.sap-wiz-tab.is-empty {
  cursor: not-allowed;
  opacity: 0.5;
}

.sap-wiz-tab-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.5em;
  padding: 0 0.5em;
  height: 22px;
  border-radius: 999px;
  background: var(--c-cream-warm);
  color: var(--c-ink-soft);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -0.2px;
}

.sap-wiz-tab.is-active .sap-wiz-tab-count {
  background: var(--c-orange-soft);
  color: var(--c-orange-deep);
}

.sap-wiz-tab-panel[hidden] {
  display: none;
}

.sap-wiz-tab-panel.is-active {
  animation: sap-wiz-fade-in 200ms ease-out;
}

@keyframes sap-wiz-fade-in {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: translateY(0); }
}

.sap-wiz-tab-empty {
  text-align: center;
  padding: 3rem 1rem;
  color: var(--c-ink-muted);
  font-style: italic;
  font-size: 14px;
}

/* Mobile responsive — tab-uri full-width pe mobil */
@media (max-width: 600px) {
  .sap-wiz-tab {
    flex: 1 1 50%;
    padding: 0.75rem 0.5rem;
    font-size: 13px;
    text-align: center;
    justify-content: center;
  }
  .sap-wiz-tab-label { font-size: 12px; }
  .sap-wiz-tab-count { font-size: 11px; height: 20px; }
}

/* ===========================================================================
   DIAGRAM TABS — v0.6.27
   Tab-urile sunt în interiorul .sap-wiz-diagram-section, sub diagramă.
   Comută cifrele și culorile căsuțelor SVG + lista poziții + lista de carduri.
   =========================================================================== */

.sap-wiz-diagram-tabs {
  margin-top: 1.5rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--c-line);
}

.sap-wiz-diagram-tabs .sap-wiz-tabs-list {
  display: flex;
  gap: 0;
  border-bottom: 2px solid var(--c-line);
  margin-bottom: 0;
}

/* Reset stilul tabbar-ului redundant când e în interiorul diagramei */
.sap-wiz-diagram-tabs .sap-wiz-tab.sap-wiz-tab-official.is-active {
  color: #2D5436;
  border-bottom-color: #4A7C59;
}
.sap-wiz-diagram-tabs .sap-wiz-tab.sap-wiz-tab-official.is-active .sap-wiz-tab-count {
  background: #DCF2E0;
  color: #2D5436;
}

.sap-wiz-diagram-tabs .sap-wiz-tab.sap-wiz-tab-probable.is-active {
  color: #8B5A1A;
  border-bottom-color: #D08A2E;
}
.sap-wiz-diagram-tabs .sap-wiz-tab.sap-wiz-tab-probable.is-active .sap-wiz-tab-count {
  background: #FFE9C7;
  color: #8B5A1A;
}

/* Mobile */
@media (max-width: 600px) {
  .sap-wiz-diagram-tabs { margin-top: 1rem; padding-top: 1rem; }
}

/* ===========================================================================
   POSITION CLICKABLE — v0.6.29
   Căsuțele de pe diagramă + lista textuală sunt link-uri către lista filtrată.
   =========================================================================== */

/* Link în SVG: cursor + hover effect via opacity */
a.sap-wiz-diag-pos--clickable {
  cursor: pointer;
  transition: opacity 0.15s ease, transform 0.15s ease;
  text-decoration: none;
  outline: none;
}
a.sap-wiz-diag-pos--clickable:hover rect {
  filter: brightness(0.95);
  stroke-width: 3 !important;
}
a.sap-wiz-diag-pos--clickable:focus-visible rect {
  stroke-width: 4 !important;
  filter: drop-shadow(0 0 4px rgba(242, 107, 67, 0.4));
}

/* Poziția activă (când filtrul e aplicat) */
.sap-wiz-diag-pos--active rect {
  filter: drop-shadow(0 0 6px rgba(74, 124, 89, 0.4));
}

/* Lista textuală alăturată — link-uri estetice */
.sap-wiz-diagram-pos-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0;
  margin: 0;
  color: inherit;
  text-decoration: none;
  transition: color 0.15s ease;
}
.sap-wiz-diagram-pos-link:hover {
  color: var(--c-orange-deep);
}
.sap-wiz-diagram-pos-link:hover .sap-wiz-diagram-pos-arrow {
  transform: translateX(2px);
  color: var(--c-orange-deep);
}
.sap-wiz-diagram-pos-arrow {
  display: inline-block;
  margin-left: 0.5em;
  color: var(--c-ink-muted);
  transition: transform 0.15s ease, color 0.15s ease;
  font-size: 14px;
}

.sap-wiz-diagram-pos-item--active {
  background: rgba(74, 124, 89, 0.08);
  border-left: 3px solid var(--c-orange);
}

/* Filter banner — același stil ca filter pentru vârstă */
.sap-wiz-results-filter:not(:last-child) {
  margin-bottom: 0.5rem;
}

/* ===========================================================================
   FILTER WARNING — v0.6.31
   Avertisment când filtrele introduse par contradictorii (grupă vs vârsta exactă etc.)
   =========================================================================== */
.sap-wiz-filter-warning {
  display: flex;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem 1.25rem;
  background: #FFF7E5;
  border: 1px solid #F5C264;
  border-left: 4px solid #D08A2E;
  border-radius: 8px;
  color: #6B4A14;
  font-size: 14px;
  line-height: 1.5;
}
.sap-wiz-filter-warning-icon {
  flex-shrink: 0;
  font-size: 20px;
  line-height: 1;
  color: #D08A2E;
}
.sap-wiz-filter-warning-body strong {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 600;
  color: #6B4A14;
}
.sap-wiz-filter-warning-body ul {
  margin: 0 0 0.5rem;
  padding-left: 1.2em;
  list-style: disc;
}
.sap-wiz-filter-warning-body li {
  margin: 0.15em 0;
}
.sap-wiz-filter-warning-hint {
  margin: 0;
  font-style: italic;
  color: #8B6A2E;
  font-size: 13px;
}
@media (max-width: 600px) {
  .sap-wiz-filter-warning { padding: 0.75rem 1rem; font-size: 13px; }
}

/* ===========================================================================
   SINGLE VEHICLE PAGE — /masina/{slug}/
   v0.6.32 — UI aliniat cu standardul plugin-ului (Inter, tokens cream/orange,
             diagrama pozițională, breadcrumb, fără untested în UI).
   =========================================================================== */

.sap-seo-vehicle-page {
  --c-cream: #FBF7EF;
  --c-cream-warm: #F5EDE0;
  --c-orange: #F26B43;
  --c-orange-deep: #D14F2A;
  --c-orange-soft: #FBE5DB;
  --c-navy: #1F3A47;
  --c-ink: #1A1612;
  --c-ink-soft: #4A4138;
  --c-ink-muted: #8B8377;
  --c-line: #ECE6DC;

  --sap-font-base: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --sap-font-display: 'Inter', 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --sap-fs-body: 15px;
  --sap-lh-body: 1.7;

  font-family: var(--sap-font-base);
  font-size: var(--sap-fs-body);
  line-height: var(--sap-lh-body);
  color: var(--c-ink);
  background: var(--c-cream);
}

.sap-seo-vehicle-container {
  max-width: 1280px;  /* v0.11.3: aligned with wizard container width */
  margin: 0 auto;
  padding: 2.5rem 1.5rem 4rem;
}

/* Breadcrumb */
.sap-seo-vehicle-breadcrumb {
  font-family: var(--sap-font-base);
  font-size: 13px;
  color: var(--c-ink-muted);
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.sap-seo-vehicle-breadcrumb a { color: var(--c-ink-soft); text-decoration: none; }
.sap-seo-vehicle-breadcrumb a:hover { color: var(--c-orange-deep); }
.sap-seo-vehicle-breadcrumb span[aria-hidden] { color: var(--c-ink-muted); }

/* HERO */
.sap-seo-vehicle-hero {
  margin-bottom: 2rem;
  padding: 2rem;
  background: white;
  border-radius: 24px;
  border: 1px solid var(--c-line);
}
.sap-seo-vehicle-eyebrow {
  font-family: var(--sap-font-display);
  font-size: 12px;
  font-weight: 600;
  color: var(--c-ink-muted);
  text-transform: uppercase;
  letter-spacing: 0.8px;
  margin: 0 0 0.5rem;
}
.sap-seo-vehicle-title {
  font-family: var(--sap-font-display);
  font-size: 36px;
  line-height: 1.1;
  letter-spacing: -1.2px;
  font-weight: 600;
  color: var(--c-ink);
  margin: 0 0 1rem;
}

.sap-seo-vehicle-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1.25rem;
}
.sap-seo-vehicle-chip {
  font-family: var(--sap-font-display);
  font-size: 13px;
  font-weight: 500;
  padding: 4px 12px;
  border-radius: 999px;
  background: var(--c-cream-warm);
  color: var(--c-ink-soft);
}
.sap-seo-vehicle-chip-feature {
  background: var(--c-orange-soft);
  color: var(--c-orange-deep);
  font-weight: 600;
}

.sap-seo-vehicle-summary {
  font-size: var(--sap-fs-body);
  line-height: 1.6;
  color: var(--c-ink-soft);
  margin: 0;
}
.sap-seo-vehicle-summary strong {
  color: var(--c-ink);
  font-weight: 700;
}
.sap-seo-vehicle-summary-cta {
  display: inline-block;
  margin-left: 0.25rem;
  color: var(--c-orange-deep);
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}
.sap-seo-vehicle-summary-cta:hover { text-decoration: underline; }

/* DIAGRAM */
.sap-seo-vehicle-diagram-section {
  margin-bottom: 2rem;
  padding: 1.75rem 2rem;
  background: white;
  border-radius: 20px;
  border: 1px solid var(--c-line);
}

.sap-seo-vehicle-diagram-wrap {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 2rem;
  align-items: start;
}

.sap-seo-vehicle-diagram-svg {
  display: block;
  width: 100%;
  max-width: 280px;
  height: auto;
}

.sap-seo-vehicle-diag-pos--clickable {
  cursor: pointer;
  transition: opacity 0.15s ease;
  text-decoration: none;
  outline: none;
}
.sap-seo-vehicle-diag-pos--clickable:hover rect {
  filter: brightness(0.95);
  stroke-width: 3 !important;
}
.sap-seo-vehicle-diag-pos--clickable:focus-visible rect {
  stroke-width: 4 !important;
  filter: drop-shadow(0 0 4px rgba(242, 107, 67, 0.4));
}

.sap-seo-vehicle-diagram-positions {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sap-seo-vehicle-diagram-pos-item {
  display: block;
  padding: 0.75rem 1rem;
  border-radius: 8px;
  margin-bottom: 0.25rem;
  background: var(--c-cream);
}
.sap-seo-vehicle-diagram-pos-tier-official { background: #DCF2E0; }
.sap-seo-vehicle-diagram-pos-tier-probable { background: #FFE9C7; }
.sap-seo-vehicle-diagram-pos-tier-none     { background: var(--c-cream); }

.sap-seo-vehicle-diagram-pos-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  color: inherit;
  text-decoration: none;
  transition: color 0.15s ease;
}
.sap-seo-vehicle-diagram-pos-link:hover { color: var(--c-orange-deep); }
.sap-seo-vehicle-diagram-pos-link:hover .sap-seo-vehicle-diagram-pos-arrow {
  transform: translateX(2px);
  color: var(--c-orange-deep);
}

.sap-seo-vehicle-diagram-pos-item > .sap-seo-vehicle-diagram-pos-label,
.sap-seo-vehicle-diagram-pos-link > .sap-seo-vehicle-diagram-pos-label {
  font-family: var(--sap-font-display);
  font-weight: 600;
  font-size: 14px;
}
.sap-seo-vehicle-diagram-pos-item > .sap-seo-vehicle-diagram-pos-count,
.sap-seo-vehicle-diagram-pos-link > .sap-seo-vehicle-diagram-pos-count {
  font-size: 13px;
  color: var(--c-ink-soft);
}
.sap-seo-vehicle-diagram-pos-item:not(:has(.sap-seo-vehicle-diagram-pos-link)) {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sap-seo-vehicle-diagram-pos-empty {
  font-style: italic;
  color: var(--c-ink-muted);
}

.sap-seo-vehicle-diagram-pos-arrow {
  display: inline-block;
  margin-left: 0.5em;
  color: var(--c-ink-muted);
  transition: transform 0.15s ease, color 0.15s ease;
}

/* SECTION GENERIC */
.sap-seo-vehicle-section {
  margin-bottom: 2rem;
  padding: 1.75rem 2rem;
  background: white;
  border-radius: 20px;
  border: 1px solid var(--c-line);
}
.sap-seo-vehicle-section-title {
  font-family: var(--sap-font-display);
  font-size: 22px;
  font-weight: 600;
  color: var(--c-ink);
  margin: 0 0 1.25rem;
  letter-spacing: -0.5px;
}

/* SPECS GRID */
.sap-seo-vehicle-specs-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 1.5rem;
  margin: 0;
}
.sap-seo-vehicle-spec dt {
  font-family: var(--sap-font-display);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: var(--c-ink-muted);
  margin: 0 0 0.4rem;
}
.sap-seo-vehicle-spec dd {
  font-family: var(--sap-font-base);
  font-size: 14px;
  color: var(--c-ink);
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}
.sap-seo-vehicle-spec-detail {
  font-size: 12px;
  color: var(--c-ink-muted);
  font-style: italic;
}

.sap-seo-vehicle-badge {
  display: inline-flex;
  align-items: center;
  font-family: var(--sap-font-display);
  font-size: 12px;
  font-weight: 600;
  padding: 2px 10px;
  border-radius: 999px;
}
.sap-seo-vehicle-badge-yes  { background: #DCF2E0; color: #2D5436; }
.sap-seo-vehicle-badge-no   { background: var(--c-cream-warm); color: var(--c-ink-muted); }
.sap-seo-vehicle-badge-isize { background: var(--c-orange-soft); color: var(--c-orange-deep); }

/* LEGEND */
.sap-seo-vehicle-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  align-items: center;
  margin-bottom: 2rem;
  padding: 1rem 1.5rem;
  background: var(--c-cream-warm);
  border-radius: 12px;
  font-size: 13px;
  color: var(--c-ink-soft);
}
.sap-seo-vehicle-legend-item {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.sap-seo-vehicle-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
}
.sap-seo-vehicle-dot-official { background: #4A7C59; }
.sap-seo-vehicle-dot-probable { background: #D08A2E; }

/* TIER GRUPS */
.sap-seo-vehicle-tier {
  margin-bottom: 2rem;
}
.sap-seo-vehicle-tier-count {
  font-family: var(--sap-font-display);
  font-size: 16px;
  font-weight: 500;
  color: var(--c-ink-muted);
  margin-left: 0.5rem;
}

/* CARSEAT GRID */
.sap-seo-vehicle-carseats-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 1rem;
}
.sap-seo-vehicle-carseat-card {
  background: white;
  border-radius: 16px;
  border: 1px solid var(--c-line);
  overflow: hidden;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}
.sap-seo-vehicle-carseat-card:hover {
  border-color: var(--c-orange);
  box-shadow: 0 4px 12px rgba(242, 107, 67, 0.1);
  transform: translateY(-2px);
}
.sap-seo-vehicle-carseat-link {
  display: block;
  text-decoration: none;
  color: inherit;
}
.sap-seo-vehicle-carseat-img {
  background: var(--c-cream);
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.sap-seo-vehicle-carseat-img img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.sap-seo-vehicle-carseat-img-placeholder {
  color: var(--c-ink-muted);
  opacity: 0.4;
}
.sap-seo-vehicle-carseat-body {
  padding: 1rem 1.25rem 1.25rem;
}
.sap-seo-vehicle-carseat-title {
  font-family: var(--sap-font-display);
  font-size: 15px;
  font-weight: 600;
  color: var(--c-ink);
  margin: 0 0 0.5rem;
  line-height: 1.3;
  letter-spacing: -0.2px;
}
.sap-seo-vehicle-carseat-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 0.6rem;
  font-size: 12px;
  color: var(--c-ink-muted);
  align-items: center;
}
.sap-seo-vehicle-meta-item {
  font-family: var(--sap-font-base);
}
.sap-seo-vehicle-meta-item:not(:last-child)::after {
  content: ' · ';
  color: var(--c-line);
}

/* SOURCE */
.sap-seo-vehicle-source {
  background: var(--c-cream-warm);
  border-radius: 12px;
  padding: 1rem 1.25rem;
  margin-bottom: 2rem;
  border-left: 3px solid var(--c-orange);
}
.sap-seo-vehicle-source h3 {
  font-family: var(--sap-font-display);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--c-ink-muted);
  margin: 0 0 0.25rem;
}
.sap-seo-vehicle-source p {
  font-size: 14px;
  color: var(--c-ink-soft);
  margin: 0;
}

/* EMPTY */
.sap-seo-vehicle-empty {
  text-align: center;
  padding: 3rem 1rem;
  color: var(--c-ink-muted);
  font-style: italic;
}

/* BACK */
.sap-seo-vehicle-back {
  text-align: center;
  margin: 2rem 0 0;
}
.sap-seo-vehicle-back a {
  color: var(--c-ink-muted);
  text-decoration: none;
  font-family: var(--sap-font-display);
  font-size: 14px;
}
.sap-seo-vehicle-back a:hover { color: var(--c-orange-deep); }

/* RESPONSIVE */
@media (max-width: 720px) {
  .sap-seo-vehicle-container { padding: 1.5rem 1rem 3rem; }
  .sap-seo-vehicle-hero { padding: 1.5rem; border-radius: 16px; }
  .sap-seo-vehicle-title { font-size: 26px; letter-spacing: -0.7px; }

  .sap-seo-vehicle-diagram-section,
  .sap-seo-vehicle-section {
    padding: 1.25rem 1rem;
    border-radius: 16px;
  }
  .sap-seo-vehicle-diagram-wrap {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  .sap-seo-vehicle-diagram-svg {
    margin: 0 auto;
  }
  .sap-seo-vehicle-section-title { font-size: 19px; }
  .sap-seo-vehicle-specs-grid { grid-template-columns: 1fr 1fr; gap: 1rem; }
  .sap-seo-vehicle-carseats-grid { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); }
}

/* ===========================================================================
   FLUX INVERS v0.6.34 — De la scaun la mașinile compatibile
   /scaun-auto-potrivit/scaun/{brand}/{model}/masini/
   =========================================================================== */

/* Card scaun (varianta "pick" — în pasul 2 al fluxului invers) */
.sap-wiz-carseats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 1rem;
  margin-top: 1rem;
}
.sap-wiz-carseat-card-pick {
  display: block;
  background: white;
  border-radius: 16px;
  border: 1px solid var(--c-line, #ECE6DC);
  text-decoration: none;
  color: inherit;
  overflow: hidden;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}
.sap-wiz-carseat-card-pick:hover {
  border-color: var(--c-orange, #F26B43);
  box-shadow: 0 4px 12px rgba(242, 107, 67, 0.1);
  transform: translateY(-2px);
}
.sap-wiz-carseat-card-pick .sap-wiz-carseat-img {
  background: var(--c-cream, #FBF7EF);
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.sap-wiz-carseat-card-pick .sap-wiz-carseat-img img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.sap-wiz-carseat-card-pick .sap-wiz-carseat-img-placeholder {
  color: var(--c-ink-muted, #8B8377);
  opacity: 0.4;
}
.sap-wiz-carseat-card-pick-body {
  padding: 1rem 1.25rem 1.25rem;
}
.sap-wiz-carseat-card-pick-title {
  font-family: var(--sap-font-display, 'Inter', sans-serif);
  font-size: 15px;
  font-weight: 600;
  color: var(--c-ink, #1A1612);
  margin: 0 0 0.4rem;
  line-height: 1.3;
  letter-spacing: -0.2px;
}
.sap-wiz-carseat-card-pick-meta {
  font-size: 12px;
  color: var(--c-ink-muted, #8B8377);
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.sap-wiz-carseat-isize {
  display: inline-flex;
  align-items: center;
  font-family: var(--sap-font-display, 'Inter', sans-serif);
  font-size: 11px;
  font-weight: 600;
  padding: 1px 8px;
  border-radius: 999px;
  background: var(--c-orange-soft, #FBE5DB);
  color: var(--c-orange-deep, #D14F2A);
}

/* Lista mașinilor compatibile — grupate pe brand */
.sap-wiz-rev-vehicles-list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 1rem;
}
.sap-wiz-rev-brand-group {
  background: white;
  border-radius: 16px;
  border: 1px solid var(--c-line, #ECE6DC);
  padding: 1.25rem 1.5rem;
}
.sap-wiz-rev-brand-title {
  font-family: var(--sap-font-display, 'Inter', sans-serif);
  font-size: 18px;
  font-weight: 600;
  color: var(--c-ink, #1A1612);
  margin: 0 0 1rem;
  letter-spacing: -0.3px;
  text-transform: capitalize;
}
.sap-wiz-rev-brand-count {
  font-family: var(--sap-font-display, 'Inter', sans-serif);
  font-size: 14px;
  font-weight: 500;
  color: var(--c-ink-muted, #8B8377);
  margin-left: 0.4rem;
}
.sap-wiz-rev-vehicles-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 0.5rem;
}
.sap-wiz-rev-vehicle-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  background: var(--c-cream, #FBF7EF);
  border-radius: 10px;
  text-decoration: none;
  color: inherit;
  transition: background 0.15s ease, color 0.15s ease;
}
.sap-wiz-rev-vehicle-card:hover {
  background: var(--c-orange-soft, #FBE5DB);
  color: var(--c-orange-deep, #D14F2A);
}
.sap-wiz-rev-vehicle-card:hover .sap-wiz-rev-vehicle-arrow {
  transform: translateX(2px);
}
.sap-wiz-rev-vehicle-title {
  font-family: var(--sap-font-display, 'Inter', sans-serif);
  font-size: 14px;
  font-weight: 600;
  flex: 1;
  min-width: 0;
}
.sap-wiz-rev-vehicle-meta {
  font-size: 12px;
  color: var(--c-ink-muted, #8B8377);
  white-space: nowrap;
}
.sap-wiz-rev-vehicle-card:hover .sap-wiz-rev-vehicle-meta {
  color: inherit;
  opacity: 0.7;
}
.sap-wiz-rev-vehicle-arrow {
  display: inline-block;
  font-size: 16px;
  color: var(--c-ink-muted, #8B8377);
  transition: transform 0.15s ease;
  flex-shrink: 0;
}

@media (max-width: 720px) {
  .sap-wiz-rev-vehicle-meta {
    white-space: normal;
  }
  .sap-wiz-rev-brand-group {
    padding: 1rem;
    border-radius: 12px;
  }
}

/* ===========================================================================
   FLUX INVERS — Refinements v0.6.35
   - Brand cards alignment cu pattern-ul de pe pagina mașinilor
   - Search-empty msg pentru lista de mașini compatibile
   - Brand group titles aliniat cu standardul plugin-ului
   =========================================================================== */

.sap-wiz-search-empty {
  margin: 1rem 0 0;
  padding: 1rem 1.25rem;
  background: var(--c-cream-warm, #F5EDE0);
  border-radius: 10px;
  color: var(--c-ink-muted, #8B8377);
  font-style: italic;
  text-align: center;
}

/* Brand group header rafinat — Inter, mai sobru */
.sap-wiz-rev-brand-group {
  background: white;
  border-radius: 16px;
  border: 1px solid var(--c-line, #ECE6DC);
  padding: 1.25rem 1.5rem;
  margin-bottom: 1rem;
}
.sap-wiz-rev-brand-title {
  font-family: var(--sap-font-display, 'Inter', sans-serif);
  font-size: 18px;
  font-weight: 600;
  color: var(--c-ink, #1A1612);
  margin: 0 0 0.75rem;
  letter-spacing: -0.3px;
  display: flex;
  align-items: baseline;
  gap: 0.4rem;
  text-transform: capitalize;
}
.sap-wiz-rev-brand-count {
  font-family: var(--sap-font-display, 'Inter', sans-serif);
  font-size: 14px;
  font-weight: 500;
  color: var(--c-ink-muted, #8B8377);
}
.sap-wiz-rev-brand-group .sap-wiz-models-list {
  margin: 0;
  padding: 0;
}

/* Container global flux invers */
.sap-wiz-rev-vehicles-list {
  margin-top: 1rem;
}

@media (max-width: 720px) {
  .sap-wiz-rev-brand-group {
    padding: 1rem;
    border-radius: 12px;
  }
  .sap-wiz-rev-brand-title { font-size: 16px; }
}

/* ============================================================================
   LISTINGS feature — "Dă scaunul mai departe" (v0.6.39+)
   ============================================================================ */

/* --- Container helpers --- */
.sap-listings-archive .sap-container,
.sap-listing-single .sap-container,
.sap-listing-create .sap-container,
.sap-listings-mine .sap-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 24px 80px;
    font-family: var(--sap-font-base);
    color: var(--sap-seo-text);
}
.sap-container--narrow {
    max-width: 720px !important;
}

/* --- Header --- */
.sap-listings-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}
.sap-listings-header__copy {
    flex: 1;
    min-width: 280px;
}
.sap-listings-header__title {
    font-family: var(--sap-font-display);
    font-size: 36px;
    font-weight: 700;
    line-height: 1.15;
    color: var(--sap-seo-text);
    margin: 0 0 12px;
}
.sap-listings-header__desc {
    font-size: 16px;
    color: var(--sap-seo-text-muted);
    line-height: 1.6;
    margin: 0;
}
.sap-listings-header__actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

/* --- Buttons (reused across all listing pages) --- */
.sap-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    border-radius: var(--sap-seo-radius-sm);
    font-family: var(--sap-font-display);
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    border: 1.5px solid transparent;
    cursor: pointer;
    transition: all 0.15s ease;
    line-height: 1.2;
}
.sap-btn--primary {
    background: var(--sap-seo-orange);
    color: white;
    border-color: var(--sap-seo-orange);
}
.sap-btn--primary:hover {
    background: var(--sap-seo-orange-dark);
    border-color: var(--sap-seo-orange-dark);
    color: white;
}
.sap-btn--secondary {
    background: white;
    color: var(--sap-seo-text);
    border-color: var(--sap-seo-border);
}
.sap-btn--secondary:hover {
    background: var(--sap-seo-bg-warm);
    border-color: var(--sap-seo-orange);
    color: var(--sap-seo-text);
}
.sap-btn--ghost {
    background: transparent;
    color: var(--sap-seo-text);
    border-color: var(--sap-seo-border);
}
.sap-btn--ghost:hover {
    background: var(--sap-seo-bg-warm);
    color: var(--sap-seo-text);
}
.sap-btn--danger {
    background: white;
    color: #B91C1C;
    border-color: #FECACA;
}
.sap-btn--danger:hover {
    background: #FEE2E2;
    color: #B91C1C;
}
.sap-btn--whatsapp {
    background: #25D366;
    color: white;
    border-color: #25D366;
}
.sap-btn--whatsapp:hover {
    background: #128C7E;
    border-color: #128C7E;
    color: white;
}
.sap-btn--small {
    padding: 8px 14px;
    font-size: 13px;
}
.sap-btn--disabled,
.sap-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
.sap-btn-link {
    color: var(--sap-seo-orange);
    text-decoration: underline;
    font-size: 14px;
}
.sap-btn-link:hover {
    color: var(--sap-seo-orange-dark);
}

/* --- Badge "scaun utilizat" --- */
.sap-badge {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1.4;
    font-family: var(--sap-font-display);
}
.sap-badge--used {
    background: var(--sap-seo-amber);
    color: white;
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 2;
}
.sap-badge--large {
    font-size: 13px;
    padding: 6px 14px;
    top: 16px;
    left: 16px;
}

/* --- Tags (in card meta) --- */
.sap-tag {
    display: inline-block;
    padding: 3px 10px;
    background: var(--sap-seo-bg-warm);
    color: var(--sap-seo-text-muted);
    border-radius: 999px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.6;
    margin-right: 6px;
}

/* --- Empty state --- */
.sap-empty-state {
    text-align: center;
    padding: 80px 24px;
    background: var(--sap-seo-bg-warm);
    border-radius: var(--sap-seo-radius);
    margin: 40px 0;
}
.sap-empty-state__icon {
    font-size: 56px;
    margin-bottom: 16px;
    line-height: 1;
}
.sap-empty-state__title {
    font-family: var(--sap-font-display);
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 12px;
    color: var(--sap-seo-text);
}
.sap-empty-state__desc {
    font-size: 15px;
    color: var(--sap-seo-text-muted);
    max-width: 480px;
    margin: 0 auto 24px;
    line-height: 1.6;
}

/* --- Filters bar --- */
.sap-listings-filters {
    display: flex;
    gap: 16px;
    align-items: flex-end;
    flex-wrap: wrap;
    padding: 20px;
    background: white;
    border: 1px solid var(--sap-seo-border);
    border-radius: var(--sap-seo-radius);
    margin-bottom: 32px;
}
.sap-filter-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
    min-width: 140px;
}
.sap-filter-group label {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--sap-seo-text-muted);
}
.sap-filter-group select,
.sap-filter-group input {
    padding: 10px 14px;
    border: 1.5px solid var(--sap-seo-border);
    border-radius: var(--sap-seo-radius-sm);
    background: white;
    font-size: 14px;
    font-family: var(--sap-font-base);
    color: var(--sap-seo-text);
}
.sap-filter-group select:focus,
.sap-filter-group input:focus {
    outline: none;
    border-color: var(--sap-seo-orange);
}

/* --- Listings grid --- */
.sap-listings-grid {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 24px;
}
.sap-listing-card {
    background: white;
    border: 1px solid var(--sap-seo-border);
    border-radius: var(--sap-seo-radius);
    overflow: hidden;
    transition: all 0.2s ease;
}
.sap-listing-card:hover {
    border-color: var(--sap-seo-orange);
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.06);
}
.sap-listing-card__link {
    display: block;
    color: inherit;
    text-decoration: none;
}
.sap-listing-card__image {
    position: relative;
    aspect-ratio: 4 / 3;
    background: var(--sap-seo-bg-warm);
    overflow: hidden;
}
.sap-listing-card__image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 12px;
}
.sap-listing-card__image-fallback {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 48px;
}
.sap-listing-card__body {
    padding: 16px;
}
.sap-listing-card__title {
    font-family: var(--sap-font-display);
    font-size: 16px;
    font-weight: 600;
    color: var(--sap-seo-text);
    margin: 0 0 8px;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.sap-listing-card__price {
    font-family: var(--sap-font-display);
    font-size: 22px;
    font-weight: 700;
    color: var(--sap-seo-orange);
    margin-bottom: 12px;
}
.sap-listing-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

/* --- Single detail --- */
.sap-listing-detail {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 48px;
    align-items: start;
    margin-top: 24px;
}
@media (max-width: 768px) {
    .sap-listing-detail {
        grid-template-columns: 1fr;
        gap: 24px;
    }
}
.sap-listing-detail__media {
    position: relative;
    background: var(--sap-seo-bg-warm);
    border-radius: var(--sap-seo-radius);
    overflow: hidden;
    aspect-ratio: 1;
}
.sap-listing-detail__media img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 24px;
}
.sap-listing-detail__media-fallback {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 88px;
}
.sap-listing-detail__title {
    font-family: var(--sap-font-display);
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--sap-seo-text);
    margin: 0 0 16px;
}
.sap-listing-detail__price {
    font-family: var(--sap-font-display);
    font-size: 40px;
    font-weight: 700;
    color: var(--sap-seo-orange);
    margin-bottom: 28px;
}

/* --- Spec list (key/value) --- */
.sap-spec-list {
    display: grid;
    gap: 12px;
    margin: 0 0 28px;
}
.sap-spec-list__item {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 16px;
    padding: 12px 0;
    border-bottom: 1px solid var(--sap-seo-border);
}
.sap-spec-list__item dt {
    font-size: 13px;
    font-weight: 600;
    color: var(--sap-seo-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.sap-spec-list__item dd {
    margin: 0;
    font-size: 15px;
    color: var(--sap-seo-text);
}

/* --- Description --- */
.sap-listing-detail__description {
    margin: 32px 0;
    padding-top: 24px;
    border-top: 1px solid var(--sap-seo-border);
}
.sap-listing-detail__description h2 {
    font-family: var(--sap-font-display);
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 12px;
}
.sap-listing-detail__description p {
    color: var(--sap-seo-text);
    line-height: 1.7;
    margin: 0;
    white-space: pre-line;
}
.sap-listing-detail__carseat-link {
    margin: 24px 0;
    padding: 20px;
    background: var(--sap-seo-bg-warm);
    border-radius: var(--sap-seo-radius-sm);
}
.sap-listing-detail__carseat-link h2 {
    font-family: var(--sap-font-display);
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 8px;
}
.sap-listing-detail__carseat-link p {
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
}

/* --- Contact section --- */
.sap-listing-detail__contact {
    margin-top: 32px;
    padding: 24px;
    background: white;
    border: 1.5px solid var(--sap-seo-border);
    border-radius: var(--sap-seo-radius);
}
.sap-listing-detail__contact h2 {
    font-family: var(--sap-font-display);
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 8px;
}
.sap-contact-row {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 16px;
}
.sap-contact-row__label {
    font-weight: 600;
    color: var(--sap-seo-text-muted);
}
.sap-contact-row__value {
    font-family: var(--sap-font-display);
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: var(--sap-seo-text);
}
.sap-contact-row__value--revealed {
    color: var(--sap-seo-orange);
}
.sap-contact-row--whatsapp {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 20px;
}
.sap-listing-detail__caveat {
    margin-top: 24px;
    padding: 12px 16px;
    background: #FEF3C7;
    border-radius: var(--sap-seo-radius-sm);
    color: #78350F;
}

/* --- Owner actions --- */
.sap-listing-detail__owner-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid var(--sap-seo-border);
}

/* --- Breadcrumbs --- */
.sap-breadcrumbs {
    font-size: 13px;
    color: var(--sap-seo-text-muted);
    margin-bottom: 24px;
}
.sap-breadcrumbs a {
    color: var(--sap-seo-text-muted);
    text-decoration: none;
}
.sap-breadcrumbs a:hover {
    color: var(--sap-seo-orange);
    text-decoration: underline;
}

/* --- Form --- */
.sap-listing-form {
    background: white;
    border: 1px solid var(--sap-seo-border);
    border-radius: var(--sap-seo-radius);
    padding: 32px;
}
.sap-listing-form__intro {
    margin: 0 0 24px;
    padding: 12px 16px;
    background: var(--sap-seo-bg-warm);
    border-radius: var(--sap-seo-radius-sm);
    color: var(--sap-seo-text-muted);
    font-size: 14px;
    line-height: 1.6;
}
.sap-form-row {
    margin-bottom: 20px;
}
.sap-form-row--checkbox label {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}
.sap-form-row--checkbox input {
    width: 18px;
    height: 18px;
}
.sap-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
@media (max-width: 568px) {
    .sap-form-grid { grid-template-columns: 1fr; }
}
.sap-form-label {
    display: block;
    font-weight: 600;
    font-size: 14px;
    color: var(--sap-seo-text);
    margin-bottom: 6px;
}
.sap-listing-form input[type="text"],
.sap-listing-form input[type="tel"],
.sap-listing-form input[type="number"],
.sap-listing-form select,
.sap-listing-form textarea {
    width: 100%;
    padding: 12px 14px;
    border: 1.5px solid var(--sap-seo-border);
    border-radius: var(--sap-seo-radius-sm);
    background: white;
    font-size: 15px;
    font-family: var(--sap-font-base);
    color: var(--sap-seo-text);
    box-sizing: border-box;
}
.sap-listing-form input:focus,
.sap-listing-form select:focus,
.sap-listing-form textarea:focus {
    outline: none;
    border-color: var(--sap-seo-orange);
    box-shadow: 0 0 0 3px rgba(242, 107, 67, 0.1);
}
.sap-listing-form textarea {
    resize: vertical;
}
.sap-required {
    color: var(--sap-seo-orange);
    margin-left: 2px;
}
.sap-field-error {
    display: block;
    color: #B91C1C;
    font-size: 13px;
    margin-top: 4px;
    min-height: 18px;
}
.sap-field-help {
    display: block;
    margin-top: 4px;
}
.sap-form-actions {
    display: flex;
    gap: 16px;
    align-items: center;
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid var(--sap-seo-border);
}
.sap-form-summary {
    margin-top: 20px;
    padding: 12px 16px;
    border-radius: var(--sap-seo-radius-sm);
    font-weight: 500;
}
.sap-form-summary--error {
    background: #FEE2E2;
    color: #991B1B;
}
.sap-form-summary--success {
    background: #D1FAE5;
    color: #065F46;
}

/* --- Auth required state --- */
.sap-auth-required {
    text-align: center;
    padding: 64px 24px;
    background: var(--sap-seo-bg-warm);
    border-radius: var(--sap-seo-radius);
    margin: 40px 0;
}
.sap-auth-required__icon {
    font-size: 48px;
    margin-bottom: 16px;
}
.sap-auth-required__title {
    font-family: var(--sap-font-display);
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 12px;
    color: var(--sap-seo-text);
}
.sap-auth-required__desc {
    font-size: 15px;
    color: var(--sap-seo-text-muted);
    line-height: 1.6;
    max-width: 480px;
    margin: 0 auto 24px;
}
.sap-auth-required__actions {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

/* --- Notices --- */
.sap-notice {
    padding: 16px 20px;
    border-radius: var(--sap-seo-radius-sm);
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 1.6;
}
.sap-notice--info {
    background: #DBEAFE;
    color: #1E3A8A;
    border-left: 4px solid #2563EB;
}
.sap-notice--warning {
    background: #FEF3C7;
    color: #78350F;
    border-left: 4px solid #F59E0B;
}
.sap-notice h2 {
    font-family: var(--sap-font-display);
    font-size: 18px;
    margin: 0 0 8px;
    color: inherit;
}

/* --- "Mine" dashboard list --- */
.sap-mine-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.sap-mine-item {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
    padding: 20px;
    background: white;
    border: 1px solid var(--sap-seo-border);
    border-radius: var(--sap-seo-radius);
    flex-wrap: wrap;
}
.sap-mine-item__main {
    flex: 1;
    min-width: 240px;
}
.sap-mine-item__title-row {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 6px;
}
.sap-mine-item__title {
    font-family: var(--sap-font-display);
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    line-height: 1.3;
}
.sap-mine-item__title a {
    color: var(--sap-seo-text);
    text-decoration: none;
}
.sap-mine-item__title a:hover {
    color: var(--sap-seo-orange);
}
.sap-mine-item__meta {
    font-size: 14px;
    color: var(--sap-seo-text-muted);
    margin-bottom: 4px;
}
.sap-mine-item__stats {
    font-size: 12px;
    color: var(--sap-seo-text-soft);
}
.sap-mine-item__actions {
    display: flex;
    gap: 8px;
}
.sap-status {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.sap-status--publish { background: #D1FAE5; color: #065F46; }
.sap-status--pending { background: #FEF3C7; color: #78350F; }
.sap-status--draft   { background: #E5E7EB; color: #374151; }

/* --- Misc utility --- */
.sap-muted {
    color: var(--sap-seo-text-muted);
}
.sap-small {
    font-size: 13px;
}
.sap-pagination {
    text-align: center;
    margin-top: 40px;
}
.sap-pagination .page-numbers {
    display: inline-block;
    padding: 8px 14px;
    margin: 0 4px;
    border: 1px solid var(--sap-seo-border);
    border-radius: var(--sap-seo-radius-sm);
    color: var(--sap-seo-text);
    text-decoration: none;
}
.sap-pagination .page-numbers.current {
    background: var(--sap-seo-orange);
    color: white;
    border-color: var(--sap-seo-orange);
}
.sap-pagination .page-numbers:hover:not(.current) {
    background: var(--sap-seo-bg-warm);
}

/* ============================================================================
   EURO NCAP — chip compact + panou expandable (v0.7.2)
   Desktop: chip la dreapta titlului mașinii.
   Mobile : chip full-width sub titlu.
   Click  : expandează panou cu scoruri + recomandare + sursă.
   ============================================================================ */

/* Container titlu + chip — pe ambele pagini (single + wizard rezultate) */
.sap-seo-vehicle-title-row,
.sap-wiz-results-title-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

/* Lasă titlul să se întindă, dar permite chip-ului să se ducă pe linie nouă */
.sap-seo-vehicle-title-row > .sap-seo-vehicle-title,
.sap-wiz-results-title-row > .sap-wiz-results-title {
    flex: 1 1 auto;
    min-width: 0; /* prevent flex overflow */
}

/* ---------- CHIP COMPACT ---------- */

.sap-ncap-chip {
    appearance: none;
    -webkit-appearance: none;
    background: white;
    border: 1.5px solid var(--sap-seo-border);
    border-radius: 999px;
    padding: 6px 14px 6px 12px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    font-family: var(--sap-font-base);
    font-size: 13px;
    line-height: 1;
    color: var(--sap-seo-text);
    flex-shrink: 0;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.12s ease;
    align-self: flex-start;
    margin-top: 6px; /* optical alignment with title baseline */
}

.sap-ncap-chip:hover {
    border-color: var(--sap-seo-text);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.sap-ncap-chip:active {
    transform: scale(0.98);
}

.sap-ncap-chip:focus-visible {
    outline: 2px solid var(--sap-seo-orange);
    outline-offset: 2px;
}

.sap-ncap-chip__logo {
    height: 22px;
    width: auto;
    object-fit: contain;
    flex-shrink: 0;
    display: block;
}

.sap-ncap-chip__stars {
    display: inline-flex;
    align-items: center;
    gap: 1px;
    flex-shrink: 0;
}

.sap-ncap-chip__star {
    display: block;
    flex-shrink: 0;
}

.sap-ncap-chip__caret {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--sap-seo-text-muted);
    transition: transform 0.22s ease;
    margin-left: 2px;
}

/* Caret rotește când e expanded */
.sap-ncap-chip[aria-expanded="true"] .sap-ncap-chip__caret {
    transform: rotate(180deg);
}

/* Subtle severity tint pe border-ul chip-ului (cumpătat, fără agresivitate) */
.sap-ncap-chip--low {
    border-color: #DC2626;
}
.sap-ncap-chip--low:hover {
    border-color: #B91C1C;
}
.sap-ncap-chip--medium {
    border-color: #F59E0B;
}
.sap-ncap-chip--medium:hover {
    border-color: #D97706;
}
.sap-ncap-chip--high {
    border-color: #10B981;
}
.sap-ncap-chip--high:hover {
    border-color: #059669;
}

/* Chip pentru vehicule neevaluate — discret, fără interactiune */
.sap-ncap-chip--unrated {
    cursor: default;
    border-style: dashed;
    border-color: var(--sap-seo-border);
    color: var(--sap-seo-text-muted);
    padding: 6px 14px;
}
.sap-ncap-chip--unrated:hover {
    border-color: var(--sap-seo-border);
    box-shadow: none;
}
.sap-ncap-chip--unrated .sap-ncap-chip__logo {
    opacity: 0.55;
}
.sap-ncap-chip__unrated-label {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.2px;
}

/* ---------- PANOU EXPANDABLE ---------- */

.sap-ncap-panel {
    background: white;
    border: 1.5px solid var(--sap-seo-border);
    border-radius: var(--sap-seo-radius);
    margin: 16px 0 24px;
    overflow: hidden;
    animation: sap-ncap-slide-in 0.28s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes sap-ncap-slide-in {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Severity variants pe panou — păstrăm coloristica, dar mai puțin agresivă */
.sap-ncap-panel--low {
    background: #FFF8F5;
    border-color: #DC2626;
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.06);
}
.sap-ncap-panel--medium {
    background: #FFFCF0;
    border-color: #F59E0B;
}
.sap-ncap-panel--high {
    background: #F8FCF8;
    border-color: #10B981;
}

.sap-ncap-panel__inner {
    padding: 20px 24px 22px;
}

/* Scoruri grid */
.sap-ncap-panel__scores {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 12px;
    margin-bottom: 18px;
}

@media (max-width: 640px) {
    .sap-ncap-panel__scores {
        grid-template-columns: 1fr 1fr;
    }
    .sap-ncap-panel__scores .sap-ncap-score--featured {
        grid-column: 1 / -1;
    }
}

.sap-ncap-score {
    background: rgba(255, 255, 255, 0.7);
    border-radius: var(--sap-seo-radius-sm);
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid var(--sap-seo-border);
}

.sap-ncap-score__icon {
    font-size: 22px;
    line-height: 1;
}

.sap-ncap-score__label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--sap-seo-text-muted);
}

.sap-ncap-score__value {
    font-family: var(--sap-font-display);
    font-size: 22px;
    font-weight: 700;
    color: var(--sap-seo-text);
    line-height: 1;
}

/* Featured score — protecție copii, mai proeminent */
.sap-ncap-score--featured {
    background: var(--sap-seo-orange);
    color: white;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    padding: 14px 18px;
    border-color: transparent;
}
.sap-ncap-score--featured .sap-ncap-score__label {
    color: rgba(255, 255, 255, 0.9);
}
.sap-ncap-score--featured .sap-ncap-score__value {
    color: white;
    font-size: 26px;
}
.sap-ncap-panel--low .sap-ncap-score--featured {
    background: #DC2626;
}

/* Recommendation block */
.sap-ncap-panel__recommendation {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 16px;
    border-radius: var(--sap-seo-radius-sm);
    margin-bottom: 16px;
    line-height: 1.5;
}
.sap-ncap-panel--low .sap-ncap-panel__recommendation {
    background: #FEE2E2;
    color: #7F1D1D;
    border-left: 4px solid #DC2626;
}
.sap-ncap-panel--medium .sap-ncap-panel__recommendation {
    background: #FEF3C7;
    color: #78350F;
    border-left: 4px solid #F59E0B;
}
.sap-ncap-panel--high .sap-ncap-panel__recommendation {
    background: #D1FAE5;
    color: #065F46;
    border-left: 4px solid #10B981;
}
.sap-ncap-panel__icon {
    font-size: 18px;
    line-height: 1.3;
    flex-shrink: 0;
}
.sap-ncap-panel__recommendation p {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
}

/* Footer — disclaimer + source */
.sap-ncap-panel__footer {
    padding-top: 14px;
    border-top: 1px solid var(--sap-seo-border);
}
.sap-ncap-panel__disclaimer {
    margin: 0 0 8px;
    font-size: 12.5px;
    color: var(--sap-seo-text-muted);
    line-height: 1.55;
}
.sap-ncap-panel__source {
    margin: 0;
}
.sap-ncap-panel__source a {
    font-size: 13px;
    color: var(--sap-seo-orange);
    text-decoration: none;
    font-weight: 600;
}
.sap-ncap-panel__source a:hover {
    text-decoration: underline;
    color: var(--sap-seo-orange-dark);
}

/* ---------- MOBILE — chip full-width sub titlu ---------- */

@media (max-width: 720px) {
    .sap-seo-vehicle-title-row,
    .sap-wiz-results-title-row {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }
    .sap-ncap-chip {
        margin-top: 0;
        width: 100%;
        justify-content: space-between;
        padding: 10px 16px;
    }
    .sap-ncap-chip__caret {
        margin-left: auto;
    }
    .sap-ncap-panel__inner {
        padding: 16px 18px 18px;
    }
}

/* Print: arătăm întotdeauna panoul, nu chip-ul */
@media print {
    .sap-ncap-chip { display: none; }
    .sap-ncap-panel[hidden] {
        display: block !important;
    }
}

/* ============================================================================
   SEO CONTENT + FAQ (v0.8.0)
   ============================================================================ */

.sap-seo-content {
    margin: 48px 0 40px;
    /* No max-width — uses full container width (responsive automatic) */
}

.sap-seo-content__title {
    font-family: var(--sap-font-display);
    font-size: 26px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 24px;
    color: var(--sap-seo-text);
}

/* v0.10.3: Body typography unified with HUB main (Open Sans, body sizing) */
.sap-seo-content__body {
    font-family: var(--sap-font-base);
    font-size: var(--sap-fs-body);
    line-height: var(--sap-lh-body);
    color: var(--sap-seo-text);
    text-align: justify;
    text-justify: inter-word;
    hyphens: auto;
    -webkit-hyphens: auto;
}

.sap-seo-content__body p {
    margin: 0 0 18px;
}

.sap-seo-content__body strong {
    font-weight: 700;
    color: var(--sap-seo-text);
}

.sap-seo-content__list {
    margin: 18px 0;
    padding-left: 24px;
}

.sap-seo-content__list li {
    margin-bottom: 8px;
    line-height: 1.65;
    text-align: justify;
    text-justify: inter-word;
    hyphens: auto;
    -webkit-hyphens: auto;
}

/* FAQ ACCORDION */
.sap-seo-faq {
    margin: 40px 0;
    /* No max-width — uses full container width */
}

.sap-seo-faq__title {
    font-family: var(--sap-font-display);
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 20px;
    color: var(--sap-seo-text);
}

.sap-seo-faq__list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sap-seo-faq__item {
    background: white;
    border: 1px solid var(--sap-seo-border);
    border-radius: var(--sap-seo-radius);
    overflow: hidden;
    transition: border-color 0.18s ease;
}

.sap-seo-faq__item:hover {
    border-color: var(--sap-seo-orange);
}

.sap-seo-faq__item[open] {
    border-color: var(--sap-seo-orange);
}

.sap-seo-faq__question {
    cursor: pointer;
    padding: 1.25rem 1.5rem;
    padding-right: 50px;
    font-family: var(--sap-font-base);
    font-size: var(--sap-fs-body);
    font-weight: 700;
    line-height: var(--sap-lh-body);
    color: var(--sap-seo-text);
    list-style: none;
    position: relative;
}

.sap-seo-faq__question::-webkit-details-marker {
    display: none;
}

.sap-seo-faq__question::after {
    content: '+';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    font-weight: 300;
    color: var(--sap-seo-orange);
    transition: transform 0.22s ease;
}

.sap-seo-faq__item[open] .sap-seo-faq__question::after {
    transform: translateY(-50%) rotate(45deg);
}

.sap-seo-faq__answer {
    padding: 0 1.5rem 1.25rem;
    font-family: var(--sap-font-base);
    font-size: var(--sap-fs-body);
    line-height: var(--sap-lh-body);
    font-weight: 400;
    color: #363636;
    text-align: justify;
    text-justify: inter-word;
    hyphens: auto;
    -webkit-hyphens: auto;
}

.sap-seo-faq__answer p {
    margin: 0;
}

.sap-seo-faq__answer p + p {
    margin-top: 12px;
}

/* Responsive scaling for SEO content + FAQ titles only.
   v0.10.3: body + FAQ Q/A typography now uses --sap-fs-body/--sap-lh-body
   variables (unified with HUB main), so no size overrides needed. */
@media (min-width: 1280px) {
    .sap-seo-content__title { font-size: 30px; }
    .sap-seo-faq__title { font-size: 26px; }
}

@media (max-width: 720px) {
    /* Mobile — disable justify (causes ugly word gaps on narrow screens) */
    .sap-seo-content__title { font-size: 22px; }
    .sap-seo-content__body,
    .sap-seo-content__list li,
    .sap-seo-faq__answer {
        text-align: left;
        hyphens: none;
        -webkit-hyphens: none;
    }
    .sap-seo-faq__title { font-size: 20px; }
    .sap-seo-faq__question { padding: 1rem 1.125rem; padding-right: 48px; }
    .sap-seo-faq__answer { padding: 0 1.125rem 1rem; }
}

/* ============================================================================
   BRAND HUB PAGES (v0.10.0)
   ============================================================================ */

.sap-brand-hub-page {
    background: var(--sap-seo-bg, #faf8f4);
    min-height: 100vh;
    padding: 32px 0 80px;
}

.sap-brand-hub {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 24px;
}

.sap-brand-hub__breadcrumb {
    font-size: 13.5px;
    color: var(--sap-seo-text-muted, #6b6960);
    margin-bottom: 28px;
}

.sap-brand-hub__breadcrumb a {
    color: var(--sap-seo-text-muted, #6b6960);
    text-decoration: none;
}

.sap-brand-hub__breadcrumb a:hover {
    color: var(--sap-seo-orange, #e85a2c);
    text-decoration: underline;
}

.sap-brand-hub__breadcrumb span[aria-hidden] {
    margin: 0 8px;
}

/* HERO */
.sap-brand-hub__hero {
    margin-bottom: 32px;
}

.sap-brand-hub__eyebrow {
    font-family: var(--sap-font-display);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--sap-seo-orange, #e85a2c);
    margin: 0 0 12px;
}

.sap-brand-hub__title {
    font-family: var(--sap-font-display);
    font-size: 38px;
    font-weight: 700;
    line-height: 1.18;
    margin: 0 0 14px;
    color: var(--sap-seo-text, #1f1d18);
}

.sap-brand-hub__subtitle {
    font-size: 16.5px;
    line-height: 1.55;
    color: var(--sap-seo-text-muted, #6b6960);
    margin: 0;
}

/* KPI CARDS */
.sap-brand-hub__kpi {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 14px;
    margin: 32px 0 48px;
}

.sap-brand-hub__kpi-card {
    background: #fff;
    border: 1px solid var(--sap-seo-border, #ebe6dc);
    border-radius: var(--sap-seo-radius, 12px);
    padding: 22px 20px;
    text-align: center;
    transition: transform 0.18s ease, border-color 0.18s ease;
}

.sap-brand-hub__kpi-card:hover {
    transform: translateY(-2px);
    border-color: var(--sap-seo-orange, #e85a2c);
}

.sap-brand-hub__kpi-card--positive {
    background: linear-gradient(135deg, #f0f9eb 0%, #e7f5dc 100%);
    border-color: #b8d99c;
}

.sap-brand-hub__kpi-value {
    display: block;
    font-family: var(--sap-font-display);
    font-size: 38px;
    font-weight: 700;
    color: var(--sap-seo-text, #1f1d18);
    line-height: 1;
    margin-bottom: 6px;
}

.sap-brand-hub__kpi-card--positive .sap-brand-hub__kpi-value {
    color: #5a8838;
}

.sap-brand-hub__kpi-label {
    font-size: 13.5px;
    color: var(--sap-seo-text-muted, #6b6960);
    line-height: 1.4;
}

/* SECTIONS */
.sap-brand-hub__intro,
.sap-brand-hub__picks,
.sap-brand-hub__models,
.sap-brand-hub__comparison,
.sap-brand-hub__faq,
.sap-brand-hub__related {
    margin: 0 0 56px;
}

.sap-brand-hub__h2 {
    font-family: var(--sap-font-display);
    font-size: 26px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 20px;
    color: var(--sap-seo-text, #1f1d18);
}

.sap-brand-hub__intro-body {
    font-family: var(--sap-font-base);
    font-size: var(--sap-fs-body);
    line-height: var(--sap-lh-body);
    color: var(--sap-seo-text, #1f1d18);
    text-align: justify;
    text-justify: inter-word;
    hyphens: auto;
    -webkit-hyphens: auto;
    /* v0.10.3: unified with HUB main (Open Sans, body sizing) */
}

.sap-brand-hub__intro-body p {
    margin: 0 0 16px;
}

.sap-brand-hub__intro-body strong {
    font-weight: 700;
}

/* TOP PICKS */
.sap-brand-hub__champion {
    background: linear-gradient(135deg, #fff8ec 0%, #fff2dd 100%);
    border: 2px solid var(--sap-seo-orange, #e85a2c);
    border-radius: var(--sap-seo-radius, 12px);
    padding: 26px 28px;
    margin-bottom: 20px;
    position: relative;
}

.sap-brand-hub__champion-badge {
    display: inline-block;
    background: var(--sap-seo-orange, #e85a2c);
    color: white;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
    padding: 4px 10px;
    border-radius: 4px;
    margin-bottom: 12px;
}

.sap-brand-hub__champion-title {
    display: block;
    font-family: var(--sap-font-display);
    font-size: 22px;
    font-weight: 700;
    color: var(--sap-seo-text, #1f1d18);
    margin-bottom: 6px;
}

.sap-brand-hub__champion-stats {
    font-size: 15px;
    color: var(--sap-seo-text-muted, #6b6960);
    margin: 0 0 14px;
}

.sap-brand-hub__champion-link {
    display: inline-block;
    color: var(--sap-seo-orange, #e85a2c);
    font-weight: 600;
    text-decoration: none;
    font-size: 15px;
}

.sap-brand-hub__champion-link:hover {
    text-decoration: underline;
}

.sap-brand-hub__picks-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 12px;
}

.sap-brand-hub__picks-item {
    background: #fff;
    border: 1px solid var(--sap-seo-border, #ebe6dc);
    border-radius: var(--sap-seo-radius, 12px);
    padding: 16px 18px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    transition: border-color 0.18s ease;
}

.sap-brand-hub__picks-item:hover {
    border-color: var(--sap-seo-orange, #e85a2c);
}

.sap-brand-hub__picks-meta {
    display: flex;
    gap: 12px;
    font-size: 13px;
    color: var(--sap-seo-text-muted, #6b6960);
}

.sap-brand-hub__stars {
    font-weight: 700;
    color: var(--sap-seo-text, #1f1d18);
}

.sap-brand-hub__picks-link {
    font-family: var(--sap-font-display);
    font-weight: 600;
    color: var(--sap-seo-text, #1f1d18);
    text-decoration: none;
    font-size: 15.5px;
    line-height: 1.4;
}

.sap-brand-hub__picks-link:hover {
    color: var(--sap-seo-orange, #e85a2c);
}

/* ALL MODELS GRID */
.sap-brand-hub__model-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 16px;
}

.sap-brand-hub__model-card {
    background: #fff;
    border: 1px solid var(--sap-seo-border, #ebe6dc);
    border-radius: var(--sap-seo-radius, 12px);
    padding: 18px 20px;
    transition: border-color 0.18s ease;
}

.sap-brand-hub__model-card:hover {
    border-color: var(--sap-seo-orange, #e85a2c);
}

.sap-brand-hub__model-card-header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--sap-seo-border, #ebe6dc);
}

.sap-brand-hub__model-card-title {
    font-family: var(--sap-font-display);
    font-size: 17px;
    font-weight: 700;
    margin: 0;
    color: var(--sap-seo-text, #1f1d18);
}

.sap-brand-hub__model-card-body {
    font-size: 12px;
    font-weight: 600;
    color: var(--sap-seo-text-muted, #6b6960);
    background: var(--sap-seo-bg, #faf8f4);
    padding: 2px 8px;
    border-radius: 4px;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}

.sap-brand-hub__gen-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sap-brand-hub__gen-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    font-size: 14px;
    line-height: 1.4;
}

.sap-brand-hub__gen-link {
    color: var(--sap-seo-text, #1f1d18);
    text-decoration: none;
    font-weight: 500;
    flex: 1;
}

.sap-brand-hub__gen-link:hover {
    color: var(--sap-seo-orange, #e85a2c);
    text-decoration: underline;
}

.sap-brand-hub__gen-meta {
    font-size: 12.5px;
    color: var(--sap-seo-text-muted, #6b6960);
    white-space: nowrap;
    flex-shrink: 0;
}

/* COMPARISON TABLE */
.sap-brand-hub__compare-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    border: 1px solid var(--sap-seo-border, #ebe6dc);
    border-radius: var(--sap-seo-radius, 12px);
    overflow: hidden;
}

.sap-brand-hub__compare-table thead {
    background: var(--sap-seo-bg, #faf8f4);
}

.sap-brand-hub__compare-table th,
.sap-brand-hub__compare-table td {
    padding: 14px 18px;
    text-align: left;
    font-size: 15px;
    border-bottom: 1px solid var(--sap-seo-border, #ebe6dc);
}

.sap-brand-hub__compare-table th {
    font-weight: 700;
    color: var(--sap-seo-text, #1f1d18);
    font-size: 13.5px;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}

.sap-brand-hub__compare-table tbody tr:last-child td {
    border-bottom: none;
}

.sap-brand-hub__compare-table tbody td:nth-child(2) {
    color: var(--sap-seo-orange, #e85a2c);
    font-weight: 700;
}

/* FAQ — reuse same patterns as page FAQ */
.sap-brand-hub__faq-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sap-brand-hub__faq-item {
    background: #fff;
    border: 1px solid var(--sap-seo-border, #ebe6dc);
    border-radius: var(--sap-seo-radius, 12px);
    overflow: hidden;
    transition: border-color 0.18s ease;
}

.sap-brand-hub__faq-item:hover,
.sap-brand-hub__faq-item[open] {
    border-color: var(--sap-seo-orange, #e85a2c);
}

.sap-brand-hub__faq-q {
    cursor: pointer;
    padding: 1.25rem 1.5rem;
    padding-right: 50px;
    font-family: var(--sap-font-base);
    font-size: var(--sap-fs-body);
    font-weight: 700;
    line-height: var(--sap-lh-body);
    color: var(--sap-seo-text, #1f1d18);
    list-style: none;
    position: relative;
    padding-right: 50px;
}

.sap-brand-hub__faq-q::-webkit-details-marker {
    display: none;
}

.sap-brand-hub__faq-q::after {
    content: '+';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    font-weight: 300;
    color: var(--sap-seo-orange, #e85a2c);
    transition: transform 0.22s ease;
}

.sap-brand-hub__faq-item[open] .sap-brand-hub__faq-q::after {
    transform: translateY(-50%) rotate(45deg);
}

.sap-brand-hub__faq-a {
    padding: 0 1.5rem 1.25rem;
    font-family: var(--sap-font-base);
    font-size: var(--sap-fs-body);
    line-height: var(--sap-lh-body);
    font-weight: 400;
    color: #363636;
    text-align: justify;
    text-justify: inter-word;
    hyphens: auto;
    -webkit-hyphens: auto;
}

.sap-brand-hub__faq-a p {
    margin: 0;
}

.sap-brand-hub__faq-a p + p {
    margin-top: 12px;
}

/* RELATED BRANDS */
.sap-brand-hub__related-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.sap-brand-hub__related-link {
    display: inline-block;
    background: #fff;
    border: 1px solid var(--sap-seo-border, #ebe6dc);
    border-radius: 999px;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 500;
    color: var(--sap-seo-text, #1f1d18);
    text-decoration: none;
    transition: all 0.18s ease;
}

.sap-brand-hub__related-link:hover {
    background: var(--sap-seo-orange, #e85a2c);
    border-color: var(--sap-seo-orange, #e85a2c);
    color: white;
}

/* RESPONSIVE — v0.10.3: body+FAQ typography now uses --sap-fs-body variable,
   so we don't need to scale font-size in mediaqueries (HUB consistency). */
@media (min-width: 1280px) {
    .sap-brand-hub__title { font-size: 44px; }
    .sap-brand-hub__h2 { font-size: 30px; }
}

@media (max-width: 720px) {
    .sap-brand-hub-page { padding: 20px 0 60px; }
    .sap-brand-hub { padding: 0 16px; }
    .sap-brand-hub__title { font-size: 26px; }
    .sap-brand-hub__h2 { font-size: 22px; }
    .sap-brand-hub__intro-body,
    .sap-brand-hub__faq-a {
        text-align: left;
        hyphens: none;
        -webkit-hyphens: none;
    }
    .sap-brand-hub__kpi {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    .sap-brand-hub__kpi-card { padding: 16px 14px; }
    .sap-brand-hub__kpi-value { font-size: 28px; }
    .sap-brand-hub__champion { padding: 20px; }
    .sap-brand-hub__champion-title { font-size: 18px; }
    .sap-brand-hub__model-grid { grid-template-columns: 1fr; }
    .sap-brand-hub__compare-table th,
    .sap-brand-hub__compare-table td { padding: 12px 14px; font-size: 14px; }
    .sap-brand-hub__faq-q { padding: 1rem 1.125rem; padding-right: 48px; }
    .sap-brand-hub__faq-a { padding: 0 1.125rem 1rem; }
}

/* ============================================================================
   v0.10.1: SEO sections integrated in wizard (model step)
   ============================================================================ */

.sap-wiz-brand-seo {
    margin-top: 56px;
    padding-top: 8px;
}

.sap-wiz-brand-seo__separator {
    border: none;
    border-top: 1px solid var(--sap-seo-border, #ebe6dc);
    margin: 0 0 40px;
}

/* Override Brand_Hub paddings to fit inside wizard container */
.sap-wiz-brand-seo .sap-brand-hub__kpi {
    margin-top: 0;
    margin-bottom: 40px;
}

.sap-wiz-brand-seo .sap-brand-hub__intro,
.sap-wiz-brand-seo .sap-brand-hub__picks,
.sap-wiz-brand-seo .sap-brand-hub__comparison,
.sap-wiz-brand-seo .sap-brand-hub__faq {
    margin-bottom: 48px;
}

/* The H2 inside wizard should be slightly smaller than standalone brand hub */
.sap-wiz-brand-seo .sap-brand-hub__h2 {
    font-size: 24px;
}

@media (min-width: 1280px) {
    .sap-wiz-brand-seo .sap-brand-hub__h2 {
        font-size: 28px;
    }
}

@media (max-width: 720px) {
    .sap-wiz-brand-seo {
        margin-top: 40px;
    }
    .sap-wiz-brand-seo__separator {
        margin-bottom: 28px;
    }
    .sap-wiz-brand-seo .sap-brand-hub__h2 {
        font-size: 20px;
    }
}

/* ============================================================================
   v0.11.0: Brand context link on single vehicle page
   ============================================================================ */

.sap-seo-vehicle-brand-link {
    margin: 24px 0 32px;
    padding: 16px 20px;
    background: linear-gradient(135deg, #fff8ec 0%, #fff2dd 100%);
    border: 1px solid rgba(232, 90, 44, 0.18);
    border-radius: var(--sap-seo-radius, 12px);
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.sap-seo-vehicle-brand-link-icon {
    font-size: 24px;
    line-height: 1;
    flex-shrink: 0;
}

.sap-seo-vehicle-brand-link-text {
    font-family: var(--sap-font-base);
    font-size: var(--sap-fs-body);
    line-height: var(--sap-lh-body);
    color: var(--sap-seo-text, #1f1d18);
    flex: 1;
    min-width: 200px;
}

.sap-seo-vehicle-brand-link-cta {
    font-family: var(--sap-font-base);
    font-size: var(--sap-fs-body);
    font-weight: 700;
    color: var(--sap-seo-orange, #e85a2c);
    text-decoration: none;
    white-space: nowrap;
    padding: 8px 16px;
    border: 1px solid var(--sap-seo-orange, #e85a2c);
    border-radius: 999px;
    transition: all 0.18s ease;
}

.sap-seo-vehicle-brand-link-cta:hover {
    background: var(--sap-seo-orange, #e85a2c);
    color: white;
}

@media (max-width: 720px) {
    .sap-seo-vehicle-brand-link {
        padding: 14px 16px;
        gap: 10px;
    }
    .sap-seo-vehicle-brand-link-icon {
        font-size: 20px;
    }
    .sap-seo-vehicle-brand-link-cta {
        width: 100%;
        text-align: center;
    }
}

/* ============================================================================
   v0.11.2: Wizard pages — breadcrumb + brand link CTA on results step
   ============================================================================ */

/* Breadcrumb on wizard results page (above NCAP chip) */
.sap-wiz-breadcrumb {
    font-family: var(--sap-font-base);
    font-size: 13px;
    color: var(--c-ink-muted, #6b6960);
    margin: 0.5rem 0 1.25rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    line-height: 1.5;
}

.sap-wiz-breadcrumb a {
    color: var(--c-ink-muted, #6b6960);
    text-decoration: none;
    transition: color 0.18s ease;
}

.sap-wiz-breadcrumb a:hover {
    color: var(--c-orange, #e85a2c);
    text-decoration: underline;
}

.sap-wiz-breadcrumb > span[aria-hidden] {
    color: var(--c-ink-muted, #6b6960);
    opacity: 0.5;
}

.sap-wiz-breadcrumb > span:not([aria-hidden]) {
    color: var(--c-ink, #1f1d18);
    font-weight: 500;
}

/* Brand link CTA block (gradient orange) — at end of results page */
.sap-wiz-brand-link-cta-block {
    margin: 2.5rem 0 1rem;
    padding: 1.25rem 1.5rem;
    background: linear-gradient(135deg, #fff8ec 0%, #fff2dd 100%);
    border: 1px solid rgba(232, 90, 44, 0.18);
    border-radius: 14px;
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.sap-wiz-brand-link-cta-icon {
    font-size: 28px;
    line-height: 1;
    flex-shrink: 0;
}

.sap-wiz-brand-link-cta-text {
    font-family: var(--sap-font-base);
    font-size: var(--sap-fs-body);
    line-height: var(--sap-lh-body);
    color: var(--c-ink, #1f1d18);
    flex: 1;
    min-width: 200px;
}

.sap-wiz-brand-link-cta-btn {
    font-family: var(--sap-font-base);
    font-size: var(--sap-fs-body);
    font-weight: 700;
    color: var(--c-orange, #e85a2c);
    text-decoration: none;
    white-space: nowrap;
    padding: 0.625rem 1.25rem;
    border: 1px solid var(--c-orange, #e85a2c);
    border-radius: 999px;
    transition: all 0.18s ease;
    flex-shrink: 0;
}

.sap-wiz-brand-link-cta-btn:hover {
    background: var(--c-orange, #e85a2c);
    color: white;
}

@media (max-width: 720px) {
    .sap-wiz-brand-link-cta-block {
        padding: 1rem 1.125rem;
        gap: 0.75rem;
    }
    .sap-wiz-brand-link-cta-icon {
        font-size: 22px;
    }
    .sap-wiz-brand-link-cta-text {
        font-size: 14.5px;
    }
    .sap-wiz-brand-link-cta-btn {
        width: 100%;
        text-align: center;
        font-size: 14.5px;
    }
    .sap-wiz-breadcrumb {
        font-size: 12.5px;
    }
}