/* ============================================================
   ABSVE SERVICE PAGES — per-page visual families (Document B §5).
   Page IDs: 24 private-finance · 31 pre-approved · 116 transfer ·
   122 sell · 128 refinance · 1088 instant · 1166 requirements.
   ============================================================ */

/* Shared service hero treatment (role assigned by service-pages.js). */
body.absve-family-service [data-absve-role-section="hero"] {
  position: relative;
  overflow: hidden;
}
body.absve-family-service [data-absve-role-section="hero"] h1,
body.absve-family-service [data-absve-role-section="hero"] .elementor-heading-title {
  font-size: var(--abs-h1);
  font-weight: 800;
}

/* Per-page hero atmospheres. */
body.absve-page-24 [data-absve-role-section="hero"] { /* deep blue marketplace */
  background:
    radial-gradient(80% 70% at 80% 20%, rgba(18, 48, 94, 0.6) 0%, transparent 60%),
    linear-gradient(170deg, var(--abs-obsidian) 0%, #0b1626 100%);
}
body.absve-page-31 [data-absve-role-section="hero"] { /* blue-white approval */
  background:
    radial-gradient(90% 80% at 50% 110%, var(--abs-cloud-2) 0%, transparent 55%),
    linear-gradient(180deg, var(--abs-obsidian) 30%, #16305a 100%);
}
body.absve-page-116 [data-absve-role-section="hero"] { /* metallic + violet paths */
  background:
    linear-gradient(60deg, transparent 46%, rgba(75, 59, 143, 0.45) 50%, transparent 54%),
    linear-gradient(-60deg, transparent 46%, rgba(61, 139, 255, 0.35) 50%, transparent 54%),
    linear-gradient(175deg, var(--abs-obsidian) 0%, var(--abs-graphite) 100%);
}
body.absve-page-122 [data-absve-role-section="hero"] { /* warm amber transaction */
  background:
    radial-gradient(70% 60% at 85% 30%, var(--abs-amber-glow) 0%, transparent 55%),
    linear-gradient(170deg, var(--abs-obsidian) 0%, #17120a 100%);
}
body.absve-page-128 [data-absve-role-section="hero"] { /* graphite compression */
  background:
    repeating-linear-gradient(180deg, rgba(61, 139, 255, 0.07) 0 1px, transparent 1px 26px),
    linear-gradient(175deg, var(--abs-obsidian) 0%, #0d1a2e 100%);
}
body.absve-page-1088 [data-absve-role-section="hero"] { /* electric equity core */
  background:
    radial-gradient(50% 50% at 78% 40%, rgba(61, 139, 255, 0.4) 0%, transparent 60%),
    linear-gradient(175deg, var(--abs-obsidian) 0%, var(--abs-obsidian-2) 100%);
}
body.absve-page-1166 [data-absve-role-section="hero"] { /* inspection interface */
  background:
    linear-gradient(90deg, rgba(174, 182, 194, 0.06) 1px, transparent 1px) 0 0 / 48px 100%,
    linear-gradient(175deg, var(--abs-obsidian-2) 0%, var(--abs-graphite) 100%);
}

/* Process / step sequences. */
body.absve-family-service .absve-step {
  position: relative;
  border-left: 2px solid var(--abs-line);
  transition: border-color var(--abs-dur) var(--abs-ease-soft);
}
body.absve-family-service .absve-step.absve-in { border-color: var(--abs-blue-electric); }

/* Comparison pairs (Sell Your Car page). */
body.absve-page-122 .absve-compare-ours {
  box-shadow: var(--abs-card-glow-amber);
  border-color: rgba(245, 165, 36, 0.4) !important;
}
body.absve-page-122 .absve-compare-other { opacity: 0.82; }

/* Scenario/example cards (Loan Transfer) — numbers must stay readable. */
body.absve-page-116 .absve-scenario {
  background: var(--abs-graphite);
  border: 1px solid var(--abs-line);
  border-radius: var(--abs-radius-l);
}

/* Requirement inspection cards (Vehicle Requirement + Instant Loan). */
body.absve-page-1166 .absve-card,
body.absve-page-1088 .absve-card { border-radius: var(--abs-radius); }