.brand-hyundai {
  --paper: #edf3f6; --ink: #142c43; --muted: #4c6170; --accent: #145a83;
  --accent-ink: #fff; --panel: #dce7ed; --line: #b9cbd5;
  --display: Onest; --body: Onest; --radius: 12px; --heading-weight: 700;
}
.hyundai-opening { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(340px, .8fr); grid-template-areas: "copy booking" "car booking" "info booking"; gap: 20px 64px; align-items: start; padding-block: 44px; }
.hyundai-opening-copy { grid-area: copy; }
.hyundai-opening-copy h1 { max-width: 20ch; font-size: var(--text-display); font-weight: 400; }
.hyundai-opening-car { grid-area: car; max-width: 440px; min-width: 0; }
.hyundai-opening-info { grid-area: info; display: grid; grid-template-columns: 1fr 1fr; gap: 24px; font-size: var(--text-small); color: var(--muted); line-height: 1.6; }
.hyundai-opening-booking { grid-area: booking; }
.hyundai-opening-booking .consultation-form { max-width: none; padding: 28px; border-radius: 16px; background: var(--panel); box-shadow: none; }
.hyundai-service-list { border-top: 1px solid var(--line); }
.hyundai-service-list details { border-bottom: 1px solid var(--line); }
.hyundai-service-list summary { display: flex; align-items: center; gap: 20px; padding: 24px 0; cursor: pointer; list-style: none; }
.hyundai-service-list summary::-webkit-details-marker { display: none; }
.hyundai-service-list summary h3 { flex: 1; font-weight: 400; font-size: var(--text-card); }
.hyundai-service-list summary::after { content: "+"; width: 24px; font-size: 1.8rem; text-align: center; }
.hyundai-service-list details[open] > summary::after { content: "−"; }
.hyundai-service-list details > div { padding: 0 44px 24px; }
.hyundai-purchase-check { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, .8fr); align-items: center; gap: 48px; padding-block: 40px; }
.hyundai-purchase-check h2 { max-width: 24ch; font-size: var(--text-section); }
.hyundai-purchase-check p { max-width: 48ch; margin-top: 20px; color: var(--muted); line-height: 1.6; }
.hyundai-purchase-action { display: grid; justify-items: start; gap: 20px; }
.hyundai-purchase-action strong { font-size: var(--text-section); }
.hyundai-model-pairs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
.hyundai-model-pairs .model-entry-copy { margin-top: 12px; }
.hyundai-model-pairs .model-entry :is(h2, h3, h4) { font-size: var(--text-card); }
.hyundai-model-pairs .model-media { aspect-ratio: 1.8; }
.brand-hyundai .inner-heading { max-width: 1000px; }
.brand-hyundai .reading-layout { max-width: 1000px; grid-template-columns: 1fr; }
.brand-hyundai .booking-aside { position: static; display: flex; flex-wrap: wrap; align-items: center; gap: 20px; }
.brand-hyundai .booking-aside h2, .brand-hyundai .booking-aside p { margin: 0; }
@media (max-width: 900px) {
  .hyundai-model-pairs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hyundai-opening { gap: 24px; grid-template-columns: 1fr 1fr; }
  .hyundai-opening-info { grid-template-columns: 1fr; gap: 12px; }
  .hyundai-opening-booking .consultation-form { padding: 22px; }
}
@media (max-width: 600px) {
  .hyundai-purchase-check { grid-template-columns: 1fr; gap: 24px; padding-block: 28px; }
  .hyundai-model-pairs { grid-template-columns: 1fr; gap: 24px; }
  .hyundai-opening { grid-template-columns: 1fr; grid-template-areas: "copy" "car" "info" "booking"; gap: 20px; padding-block: 28px; }
  .hyundai-opening-copy h1 { font-size: var(--text-display); }
  .hyundai-opening-car { align-self: center; }
  .hyundai-opening-info { font-size: var(--text-small); }
  .hyundai-opening-info .marque-address > span { white-space: normal; }
  .hyundai-opening-booking .consultation-form { padding: 22px 18px; }
  .hyundai-service-list summary { gap: 12px; }
  .hyundai-service-list details > div { padding: 0 0 20px; }
}