/* ==================================================================
   DIGI MOJO MARKETING — RESPONSIVE OVERRIDES
   ================================================================== */

@media (max-width: 1199px) {
  .mega-menu { grid-template-columns: 1fr; }
  .mega-menu-promo { display: none; }
  .hero-visual { height: 440px; }
}

@media (max-width: 991px) {
  .main-nav, .header-actions .header-icon-btn.search-trigger, .header-actions .btn { display: none; }
  .nav-toggle { display: flex; }
  .hero { text-align: center; }
  .hero-cta-row, .hero-stats-row { justify-content: center; }
  .hero-visual { height: 340px; margin-top: 40px; }
  .hero-card-float.card-3 { display: none; }
  .sticky-social-rail { display: none; }
  .footer-top .col-map { order: 99; }
  .blog-toc { position: static; margin-bottom: 30px; }
}

@media (max-width: 767px) {
  :root { --header-height: 76px; }
  h1 { font-size: clamp(2rem, 8vw, 2.8rem); }
  .section-pad { padding: var(--space-xl) 0; }
  .section-pad-sm { padding: var(--space-lg) 0; }
  .hero-stats-row { gap: 26px; }
  .hero-stats-row .stat b { font-size: 1.7rem; }
  .mobile-sticky-bar { display: block; }
  body { padding-bottom: 64px; }
  /* Call/WhatsApp are already covered by the mobile-sticky-bar; keep only "back to top" floating on mobile to avoid duplicate actions. */
  .sticky-action-rail { right: 14px; bottom: 84px; }
  .sticky-action-rail .sticky-action-btn.call, .sticky-action-rail .sticky-action-btn.whatsapp { display: none; }
  .sticky-action-btn { width: 50px; height: 50px; font-size: 1.1rem; }
  .modal-form-area { padding: 30px 24px; }
  .quick-inquiry-strip { padding: 30px 24px; text-align: center; }
  .footer-bottom { text-align: center; }
  .footer-bottom .d-flex { flex-direction: column; gap: 14px; }
  .breadcrumb-bar { padding: calc(var(--header-height) + 30px) 0 40px; }
}

@media (max-width: 575px) {
  .hero-badge { font-size: .75rem; padding: 8px 16px; }
  .btn { padding: 14px 26px; font-size: .9rem; }
  .case-study-card { height: 380px; }
  .modal-box { border-radius: var(--radius-md); }
  .author-box { flex-direction: column; text-align: center; }
}