/* ==========================================================================
   SEWAF ENERGY  |  assets/css/responsive.css
   Breakpoints: 1399 / 1199 / 991 / 767 / 575
   ========================================================================== */

@media (max-width: 1399.98px) {
  .mega-menu { width: calc(100vw - 64px); padding: 28px; }
}

@media (max-width: 1199.98px) {
  :root { --header-h: 76px; }
  .masonry { grid-auto-rows: 210px; gap: 18px; }
  .collage__sub { right: 0; bottom: -8%; width: 48%; }
  .collage__badge { left: 0; }
}

@media (max-width: 991.98px) {
  .section { padding: 72px 0; }
  .hero { min-height: auto; padding: calc(var(--header-h) + 96px) 0 96px; }
  .hero__title { font-size: clamp(2.2rem, 8vw, 3.2rem); }
  .hero-stats { margin-top: 40px; }
  .timeline-h::before { display: none; }
  .masonry { grid-template-columns: repeat(2, 1fr); }
  .masonry .span-2 { grid-column: span 2; }
  .leader-photo::before { display: none; }
  .leader-tag { right: 12px; }
  .stat-tile + .stat-tile::before { display: none; }
  .page-banner { padding: calc(var(--header-h) + 72px) 0 72px; }
  .collage { margin-bottom: 72px; }
}

@media (max-width: 767.98px) {
  body { font-size: .96rem; }
  .section { padding: 60px 0; }
  .btn { padding: 13px 26px; font-size: .88rem; }
  .btn-lg-premium { padding: 15px 30px; }
  .masonry { grid-template-columns: 1fr; grid-auto-rows: 230px; }
  .masonry .span-2, .masonry .row-2 { grid-column: span 1; grid-row: span 1; }
  .quote-block .qmark { font-size: 7rem; right: 10px; }
  .map-frame iframe { height: 320px; }
  .floating-actions { right: 14px; bottom: 14px; gap: 10px; }
  .float-btn { width: 50px; height: 50px; font-size: 1.2rem; }
  #back-to-top { left: 14px; bottom: 14px; width: 42px; height: 42px; }
  .collage__sub { position: relative; right: auto; bottom: auto; width: 100%; margin-top: 16px; border-width: 0; }
  .collage__badge { position: relative; left: auto; top: auto; display: inline-block; margin-bottom: 16px; }
  .collage { margin-bottom: 0; }
  
  .site-header.is-transparent {
    height: 97px;
  }
}

@media (max-width: 575.98px) {
  .topbar { font-size: .74rem; }
  .eyebrow { font-size: .68rem; padding: 7px 14px; }
  .feature-card, .mvv-card { padding: 28px 22px; }
  .contact-card { padding: 24px 20px; }
  .hero__scroll { display: none; }
}

/* Reduced motion ---------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important; animation-iteration-count: 1 !important;
    transition-duration: .01ms !important; scroll-behavior: auto !important;
  }
}

/* Print ------------------------------------------------------------------- */
@media print {
  .site-header, .floating-actions, #back-to-top, #scroll-progress, .site-footer, #preloader { display: none !important; }
  body { background: #fff; color: #000; }
}