/**
 * Module: Cross-module responsive coordination
 * Source: Stage 3 approved design system
 * Change-ID: 20260726-152013-stage-3-design-system
 * Breakpoints: mobile <768; tablet 768–991; laptop 992–1279; desktop >=1280
 * Test widths: 360, 375, 390, 430, 768, 1024, 1366, 1440px
 */
@media (max-width: 1279px) {
  :root { --volvo-section-space: 72px; --volvo-gutter: 24px; }
}
@media (max-width: 991px) {
  .volvo-grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  :root { --volvo-section-space: 56px; --volvo-gutter: 20px; }
  .volvo-grid-2,
  .volvo-grid-3,
  .volvo-form { grid-template-columns: minmax(0, 1fr); }
  .volvo-mobile-hero { display: flex; flex-direction: column; }
  .volvo-mobile-hero > .volvo-mobile-hero-media { order: 1; }
  .volvo-mobile-hero > .volvo-mobile-hero-content { order: 2; }
  .volvo-mobile-hero > .volvo-mobile-hero-actions { order: 3; }
  .volvo-media-hero-desktop { display: none; }
}
@media (min-width: 768px) {
  .volvo-media-hero-mobile { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .volvo-btn-primary,
  .volvo-btn-secondary,
  .volvo-icon-button { transition: none; }
}