.brand-haval {
  --paper: #eeeade; --ink: #30372c; --muted: #626953; --accent: #596442;
  --accent-ink: #fff; --panel: #e1ddcc; --line: #bfc2a9;
  --display: RussoOne; --body: Golos; --radius: 2px; --heading-weight: 400;
}
.haval-opening { display: grid; grid-template-columns: 1.2fr 1fr; gap: 32px 56px; align-items: center; padding-block: 48px 0; }
.haval-opening-car { min-width: 0; }
.haval-opening-copy h1 { max-width: 17ch; font-size: var(--text-display); font-weight: 400; }
.haval-address { margin-top: 24px; color: var(--muted); font-size: var(--text-small); line-height: 1.6; }
.haval-opening-copy .button { margin-top: 24px; }
.haval-opening .marque-task-links { grid-column: 1 / -1; grid-template-columns: repeat(4, 1fr); gap: 0; border: 1px solid var(--line); }
.haval-opening .marque-task-links a { flex-direction: column; padding: 20px; gap: 8px; }
.haval-opening .marque-task-links a + a { border-left: 1px solid var(--line); }
.haval-opening .marque-task-links strong { font-size: var(--text-small); color: var(--accent); }
.haval-model-board { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.haval-model-board .model-entry { padding: 0 20px 20px; }
.haval-model-board .model-entry-copy { margin-top: 12px; }
.haval-model-board .model-entry-copy :is(h2, h3, h4) { font-family: var(--body), sans-serif; font-size: var(--text-card); font-weight: 700; }
.haval-model-board .model-media { max-width: 460px; margin-inline: auto; aspect-ratio: 1.9; }
.haval-service-board { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: start; }
.haval-service-board > section { min-width: 0; padding: 28px; background: var(--panel); }
.haval-service-board header { display: flex; gap: 20px; align-items: center; padding-bottom: 20px; }
.haval-service-board header .ui-icon { width: 36px; height: 36px; }
.haval-service-board h3 { font-size: var(--text-card); font-weight: 400; }
.haval-service-board .service-menu-row:last-child { border: 0; padding-bottom: 0; }
.haval-diagnostic-note { display: grid; grid-template-columns: 1fr 1.2fr; gap: 56px; align-items: start; padding-block: 40px; border-top: 2px solid var(--ink); }
.haval-diagnostic-note h2 { max-width: 16ch; font-size: var(--text-section); font-weight: 400; }
.haval-diagnostic-note p { margin-top: 24px; color: var(--muted); line-height: 1.7; }
.haval-opening-booking .consultation-form { padding: 28px; background: var(--panel); border-radius: 0; box-shadow: none; }
.brand-haval .inner-heading { border-bottom: 2px solid var(--ink); padding-bottom: 32px; margin-bottom: var(--inner-content-gap); }
.brand-haval .inner-heading h1 { font-size: var(--text-display); }
.brand-haval .reading-layout { grid-template-columns: minmax(0, 1.6fr) minmax(240px, 1fr); }
.brand-haval .booking-aside { border-radius: 0; border-top: 4px solid var(--accent); }
@media (max-width: 900px) {
  .haval-opening { gap: 28px; }
  .haval-opening-copy h1 { font-size: var(--text-display); }
  .haval-diagnostic-note { gap: 32px; }
  .haval-service-board > section { padding: 20px; }
}
@media (max-width: 600px) {
  .haval-opening { grid-template-columns: 1fr; padding-top: 28px; gap: 24px; }
  .haval-opening-car { grid-row: 2; }
  .haval-opening-copy h1 { font-size: var(--text-display); }
  .haval-address { margin-top: 16px; }
  .haval-opening-copy .button { margin-top: 20px; }
  .haval-opening .marque-task-links { grid-template-columns: 1fr 1fr; }
  .haval-opening .marque-task-links a { padding: 16px; font-size: var(--text-small); }
  .haval-opening .marque-task-links a:nth-child(odd) { border-left: 0; }
  .haval-opening .marque-task-links a:nth-child(n+3) { border-top: 1px solid var(--line); }
  .haval-model-board { grid-template-columns: 1fr; gap: 24px; }
  .haval-model-board .model-entry { padding: 0 0 16px; }
  .haval-model-board .model-entry-copy :is(h2, h3, h4) { font-size: var(--text-card); }
  .haval-model-board .model-media { aspect-ratio: 1.6; }
  .haval-service-board, .haval-diagnostic-note { grid-template-columns: 1fr; }
  .haval-service-board header { gap: 12px; }
  .haval-service-board header .ui-icon { width: 24px; height: 24px; }
  .haval-service-board h3 { font-size: var(--text-card); }
  .haval-opening-booking .consultation-form { padding: 22px 18px; }
  .brand-haval .reading-layout { display: block; }
}