/* ============================================================
   BIOTOO RESPONSIVE — Mobile First
   ============================================================ */

/* Extra Small (< 576px) */
@media (max-width: 575.98px) {
  .bt-section { padding: 60px 0; }
  .bt-section-title { font-size: 26px; }
  .bt-hero-title { font-size: 32px; }
  .bt-hero-desc { font-size: 15px; }
  .bt-hero-stats { gap: 20px; }
  .bt-hero-stat-number { font-size: 24px; }
  .bt-hero-actions .bt-btn { width: 100%; justify-content: center; }
  .bt-footer-cta-card { padding: 36px 24px; }
  .bt-pricing-card { padding: 28px 20px; }
  .bt-phone-mockup { width: 240px; }
  .bt-hero-float { display: none; }
}

/* Small (≥ 576px) */
@media (min-width: 576px) and (max-width: 767.98px) {
  .bt-section { padding: 70px 0; }
}

/* Medium (≥ 768px) */
@media (min-width: 768px) {
  .bt-section { padding: 80px 0; }
}

/* Large (≥ 992px) */
@media (min-width: 992px) {
  .bt-navbar-toggler { display: none; }
  .bt-nav-menu { display: flex; }
  .bt-mobile-menu { display: none; }
}

/* Below Large — Show mobile menu */
@media (max-width: 991.98px) {
  .bt-nav-menu { display: none; }
  .bt-navbar-toggler { display: flex; }
  .bt-navbar-actions .bt-btn { display: none !important; }
  .bt-hero { padding-top: 80px; }
  .bt-hero-visual { margin-top: 48px; }
}

/* Extra Large (≥ 1200px) */
@media (min-width: 1200px) {
  .bt-section { padding: 100px 0; }
}

/* 2X Large (≥ 1400px) */
@media (min-width: 1400px) {
  .bt-container { max-width: 1320px; }
}

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