/* Desktop refinement using the existing ALLODRIVE visual system.
   Mobile layouts retain their existing rules. */
@media (min-width: 951px) {
  :root {
    --content-width: 1240px;
    --gutter: max(32px, calc((100% - var(--content-width)) / 2));
  }
  .header {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    gap: clamp(14px, 1.6vw, 24px);
    padding-block: 16px;
  }
  .header > nav:not(.language-switch) {
    justify-content: center;
    flex-wrap: nowrap;
    gap: clamp(12px, 1.4vw, 22px);
    min-width: 0;
    font-size: clamp(.8125rem, .95vw, .875rem);
  }
  .header > nav:not(.language-switch) a { white-space: nowrap; }
  .header > .language-switch { margin-left: 0; justify-self: end; }
  .header > .wordmark { font-size: 1.55rem; }
  .hero { min-height: clamp(680px, 78vh, 800px); }
  .hero-content { padding-top: clamp(72px, 6vw, 96px); padding-bottom: 154px; }
  .hero h1 {
    font-size: clamp(3.35rem, 4.2vw, 4.25rem);
    max-width: 780px;
    line-height: 1.18;
  }
  .hero-copy { max-width: 520px; }
  .enquiry-wrap {
    width: calc(100% - 64px);
    max-width: var(--content-width);
    padding: 30px 32px 24px;
  }
  .enquiry-form { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1fr) minmax(150px, 1.05fr); }
  .enquiry-form > .button { grid-column: auto; justify-self: stretch; min-width: 0; }
  .section { padding-block: clamp(72px, 6vw, 96px); }
  .section h2 { font-size: clamp(2.15rem, 3vw, 2.8rem); line-height: 1.28; }
  .fleet-heading, .experience-body, .arrival-section {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    gap: clamp(40px, 5vw, 80px);
  }
  .fleet-intro { max-width: 510px; }
  .faq { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(40px, 5vw, 80px); }
  .international { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(40px, 5vw, 80px); align-items: start; }
  .international h2 { max-width: 22ch; }
  .international-copy { padding-top: 6px; }
  .service-home .guide-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 24px; margin-top: 36px; }
  .service-home .guide-card { grid-column: span 2; padding: 28px; }
  .service-home .guide-card:nth-child(-n+2) { grid-column: span 3; }
  .service-home .guide-card h3 { margin-bottom: 16px; font-size: 1.2rem; line-height: 1.45; }
  .service-home .guide-card p { margin-bottom: 12px; }
  .vehicle-grid { gap: 24px; align-items: stretch; }
  .vehicle-card { display: flex; flex-direction: column; }
  .vehicle-visual { flex-shrink: 0; height: clamp(210px, 17vw, 240px); }
  .vehicle-body { display: flex; flex-direction: column; flex: 1; padding: 24px; }
  .vehicle-body h3 { min-height: 4.3rem; font-size: 1.55rem; }
  .vehicle-description { min-height: 4.5rem; }
  .vehicle-specs { display: grid; gap: 6px; font-size: .8125rem; }
  .vehicle-specs li+li { padding-left: 0; border-left: 0; }
  .vehicle-price { margin-top: auto; align-items: center; }
  .vehicle-price > span { max-width: none; }
  .footer-top { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1fr); gap: clamp(32px, 5vw, 72px); }
  footer > .utility-links { padding: 24px 0 0; border-top: 1px solid #3c5032; }
}
@media (min-width: 1181px) {
  .enquiry-form { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1fr) minmax(160px, 1.05fr); }
}
@media (min-width: 951px) and (max-width: 1100px) {
  .header { gap: 12px; }
  .header > .wordmark { font-size: 1.4rem; }
  .header-call { padding-inline: 12px; }
  .vehicle-body { padding: 20px; }
  .service-home .guide-card { padding: 24px; }
}
