/* Global responsive fixes. */

/* Shared responsive layout fixes */
@media (max-width: 1024px) {
  .main-navigation, .header-cta { display: none; }
  .mobile-menu-toggle { display: block; margin-left: auto; }
  .mobile-menu.active { display: block; }
  .footer-grid, .about-grid, .location-grid, .trust-grid { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .header-top-inner { flex-direction: column; align-items: flex-start; }
  .stats-grid { grid-template-columns: 1fr; }
  .hero-actions .btn { width: 100%; }
}


/* Shared image-slot responsive fixes */
@media (max-width: 1024px) {
  .hero-content-grid {
    grid-template-columns: 1fr;
  }
  .hero-image-card img,
  .hero-image-card .amc-image-placeholder {
    min-height: 280px;
  }
}
@media (max-width: 768px) {
  .hero-image-card,
  .section-image-slot {
    border-radius: 1rem;
  }
  .hero-image-card img,
  .hero-image-card .amc-image-placeholder,
  .section-image-slot img,
  .section-image-slot .amc-image-placeholder {
    min-height: 220px;
  }
}



/* Global page hero responsive adjustment */
/* Global page hero adjustment */
.hero-section {
  margin-top: -80px;
  min-height: 600px;
  height: 600px;
  display: flex;
  align-items: center;
  padding-top: 120px;
  padding-bottom: 60px;
}

.amc-compact-hero {
  min-height: 400px;
  height: 400px;
  max-height: 400px;
}

.hero-section h1,
.hero-section p {
  color: var(--amc-white);
}

.hero-section p {
  max-width: 760px;
  color: var(--amc-blue-100);
}

/* Keep hero content vertically centered */
.hero-section > .container {
  width: min(90%, 1280px);
}

/* Product/shop/service hero support */
.product-hero-section,
.shop-hero-section,
.amc-home-hero {
  min-height: 500px;
  height: 700px;
  align-items: center;
}

/* Mobile safety */
@media (max-width: 980px) {
  .hero-section {
    margin-top: -40px;
    min-height: auto;
    height: auto;
    padding-top: 90px;
    padding-bottom: 60px;
  }

  .amc-compact-hero {
    max-height: none;
  }
}

@media (max-width: 520px) {
  .hero-section {
    margin-top: -20px;
    padding-top: 70px;
    padding-bottom: 50px;
  }
}