/* ==========================================================================
   Responsive adjustments
   ========================================================================== */

@media (max-width: 1199.98px) {
  .about-badge { right: 10px; }
  .hero-float-chip { display: none; }
}

@media (max-width: 991.98px) {
  .navbar-glass { padding: 12px 0; }
  .navbar-collapse {
    background: var(--nav-bg); border-radius: var(--radius-md);
    margin-top: 14px; padding: 18px; border: 1px solid var(--nav-border);
    box-shadow: var(--shadow-deep);
  }
  .navbar-nav .nav-link { margin: 6px 0; }
  .hero { min-height: auto; padding: 150px 0 80px; text-align: center; }
  .hero-actions, .hero-stats { justify-content: center; }
  .about-badge { position: static; margin-top: -40px; display: inline-block; }
  .vd-sticky-card { position: static; margin-top: 30px; }
  .vd-features { grid-template-columns: 1fr; }
  .section-pad { padding: 70px 0; }
  .footer-bottom { flex-direction: column; text-align: center; }
  .cta-strip .text-lg-end { text-align: left !important; margin-top: 16px; }
}

@media (max-width: 767.98px) {
  .hero-title { font-size: 2.4rem; }
  .vd-spec-grid { grid-template-columns: 1fr; }
  .contact-form { padding: 26px; }
  .live-chat-panel { width: calc(100vw - 48px); }
  .floating-actions { right: 16px; bottom: 16px; }
  .live-chat { left: 16px; bottom: 16px; }
  .fab { width: 46px; height: 46px; font-size: 1.1rem; }
  .error-code { font-size: 5rem; }
}

@media (max-width: 575.98px) {
  .top-bar { display: none !important; }
  .section-title { font-size: 1.6rem; }
  .hero-stats { gap: 24px; }
  .hero-stat .num { font-size: 1.7rem; }
  .live-chat-toggle span { display: none; }
  .live-chat-toggle { padding: 12px; }
}

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