@media (max-width: 1180px) {
  .site-nav { gap: 9px; font-size: .76rem; }
  .nav-shell { gap: 10px; }
  .brand img { width: 138px; }
  .nav-donate { padding-inline: 1rem; }
}

@media (max-width: 1060px) {
  .site-nav, .nav-donate, .nav-shell > .language-switcher, .nav-shell > .admin-access-link { display: none; }
  .menu-toggle { display: inline-flex; margin-left: auto; }
  .mobile-menu { display: none; border-top: 1px solid var(--border); padding: 16px; background: var(--white); }
  .mobile-menu.is-open { display: grid; gap: 14px; }
  body.translated-compact-header .mobile-menu.is-open { grid-template-columns: 1fr; }
  body.translated-compact-header .mobile-menu { padding: 16px; }
  .mobile-menu .admin-access-link { width: 52px; height: 52px; flex-basis: 52px; }
  .mobile-language { display: inline-block; width: fit-content; }
  .mobile-language .language-menu { left: 0; right: auto; }
  .hero-grid, .two-column, .newsletter-inner { grid-template-columns: 1fr; display: grid; }
  .newsletter-form { justify-content: flex-start; }
  .cards-grid, .stats-grid, .focus-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dashboard-insights { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .footer-grid { grid-template-columns: 1fr; }
  .crm-layout { grid-template-columns: 1fr; }
  .crm-list { max-height: 420px; overflow-y: auto; }
  .event-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .event-gallery figure:first-child { grid-column: span 2; grid-row: span 1; }
  .event-gallery figure:first-child img { height: 320px; }
  .rail-prev { left: 6px; }
  .rail-next { right: 6px; }
}

@media (max-width: 680px) {
  .container, .narrow { width: min(100% - 24px, 1120px); }
  .section { padding: 58px 0; }
  .hero { padding-top: 56px; }
  .hero h1, .page-hero h1 { font-size: 2.25rem; }
  .cards-grid, .stats-grid, .focus-grid, .steps, .gallery-grid, .amount-grid, .footer-grid, .event-gallery, .mission-grid { grid-template-columns: 1fr; }
  .mission-media-layout { grid-template-columns: 1fr; }
  .mission-animation { min-height: 320px; }
  .mission-animation img { min-height: 320px; }
  .footer-link-pair { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
  .footer-contact-pair { grid-template-columns: 1fr; gap: 14px; }
  .event-gallery figure:first-child { grid-column: span 1; }
  .event-gallery img, .event-gallery figure:first-child img { height: 250px; }
  .about-image-stack { grid-template-columns: 1fr; }
  .admin-heading { flex-direction: column; }
  .dashboard-insights { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .settings-grid, .admin-content-layout, .admin-detail-grid { grid-template-columns: 1fr; }
  .admin-detail-top { flex-direction: column; }
  .admin-detail-top .admin-actions { justify-content: flex-start; }
  .admin-gallery-preview, .hero-slide-admin-preview { grid-template-columns: 1fr; }
  .repeatable-item { grid-template-columns: 1fr; }
  .crm-metrics, .chat-start-fields { grid-template-columns: 1fr; }
  .crm-panel-header { flex-direction: column; }
  .live-chat-widget { left: auto; right: 12px; bottom: 12px; }
  .live-chat-toggle { margin-left: 0; }
  .live-chat-panel { right: 0; width: min(360px, calc(100vw - 24px)); }
  .live-chat-messages { height: clamp(190px, 32vh, 300px); }
  .crm-thread { height: clamp(320px, 48vh, 520px); }
  .team-rail { grid-auto-columns: minmax(238px, 82vw); }
  .testimonial-rail { grid-auto-columns: minmax(250px, 84vw); }
  .team-rail .auto-scroll-track > * { flex-basis: min(300px, 82vw); }
  .testimonial-rail .auto-scroll-track > * { flex-basis: min(360px, 84vw); }
  .partner-logo-card { flex-basis: 150px; height: 78px; }
  .rail-btn { display: none; }
  .about-image-stack img:first-child { transform: none; }
  .hero-media img, .rounded-image { min-height: 260px; }
  .inline-form, .compact-form, .hero-actions { flex-direction: column; align-items: stretch; }
  .newsletter-preferences, .cookie-consent { align-items: flex-start; flex-direction: column; }
  .newsletter-preferences { gap: 8px; }
  .footer-bottom { align-items: flex-start; flex-direction: column; }
  .btn { width: 100%; }
  .brand img { width: 126px; }
  .page-hero { padding: 60px 0; }
}