/* ==========================================================================
   assets/css/responsive.css — Armzai Group breakpoints
   Loaded last. Breakpoints: 1200 · 992 · 768 · 576 (plus 380 safety)
   ========================================================================== */

@media (max-width: 1200px) {
  .site-footer__grid { grid-template-columns: minmax(0, 1.2fr) repeat(2, minmax(0, 1fr)); }
  .primary-nav__list { gap: .1rem; }
  .primary-nav__link { padding-inline: var(--sp-1); font-size: var(--fs-200); }
  .grid--4 { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 992px) {
  :root { --header-h: 68px; }

  .primary-nav, .header-actions .btn { display: none; }
  .header-actions .btn--whatsapp { display: inline-flex; }
  .nav-toggle { display: flex; }

  .hero__grid { grid-template-columns: 1fr; }
  .grid--split, .grid--sidebar, .contact-grid { grid-template-columns: 1fr; }
  .leader-feature { grid-template-columns: 1fr; }
  .leader-portrait { max-width: 380px; }
  .grid--3 { grid-template-columns: repeat(2, 1fr); }
  .cta-band__inner { grid-template-columns: 1fr; }
  .gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .profile-toc { position: static; }
  .form__grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 768px) {
  .utility-bar__legal { display: none; }
  .grid--2, .grid--3, .grid--4 { grid-template-columns: 1fr; }
  .site-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .column-list { columns: 1; }
  .fact-list__row { grid-template-columns: 1fr; gap: var(--sp-1); }
  .trust-strip { grid-template-columns: repeat(2, 1fr); }
  .gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .leader-card { grid-template-columns: 1fr; text-align: left; }
  .lightbox__nav { width: 44px; height: 44px; }
}

@media (max-width: 576px) {
  .form__grid, .form__grid--3, .checkbox-grid { grid-template-columns: 1fr; }
  .site-footer__grid { grid-template-columns: 1fr; }
  .trust-strip { grid-template-columns: 1fr; }
  .gallery { grid-template-columns: 1fr; }
  .btn { width: 100%; }
  .btn-row { flex-direction: column; align-items: stretch; }
  .header-actions .btn { width: auto; }
  /* The floating WhatsApp button and the mobile menu already cover this action */
  .header-actions .btn--whatsapp { display: none; }
  .utility-bar__inner { justify-content: center; }
  .brand__mark { width: 40px; height: 40px; }
  .brand__name { font-size: 1rem; }
  .download-card { grid-template-columns: 1fr; }
  .leader-portrait::after { display: none; }
  .filter-bar { gap: var(--sp-2); }
  .filter-btn { flex: 1 1 auto; }
}

@media (max-width: 380px) {
  :root { --gutter: .875rem; }
  .brand__sub { font-size: .5rem; }
  .hero__trust { font-size: .6875rem; }
}

/* Desktop-only hover-intent dropdowns; touch devices use click via JS */
@media (hover: hover) and (min-width: 993px) {
  .primary-nav__item:hover > .dropdown { opacity: 1; visibility: visible; transform: translateY(0); }
}

/* Wide screens */
@media (min-width: 1600px) {
  :root { --container: 1280px; }
}
