.car-key-hero .hero-media { background-image: url("assets/automotive.jpg"); background-position: center 45%; }
.car-key-hero .hero-overlay { background: linear-gradient(90deg, rgba(6, 36, 71, .98) 0%, rgba(6, 36, 71, .87) 48%, rgba(6, 36, 71, .38) 100%); }
.car-key-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 40px; }
.car-key-detail-grid article { border-top: 1px solid var(--line); padding-top: 18px; }
.car-key-detail-grid h3 { margin: 0 0 8px; color: var(--navy); font-size: 1.35rem; }
.car-key-detail-grid p { margin: 0; color: var(--muted); }
.car-key-process { background: var(--mist); }
.car-key-process-inner { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr); align-items: center; gap: 44px; width: min(1180px, calc(100% - 32px)); margin: 0 auto; padding: 72px 0; }
.car-key-process h2 { margin-top: 0; color: var(--navy); font-size: clamp(2rem, 4vw, 2.75rem); }
.car-key-process ol { padding-left: 1.4rem; }
.car-key-process li { margin-bottom: 12px; }
.car-key-process img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 6px; }
@media (max-width: 760px) {
  .car-key-detail-grid, .car-key-process-inner { grid-template-columns: 1fr; }
  .car-key-process-inner { padding: 52px 0; }
}