/* =========================================================
   ZENTRO ECOM — Responsive Stylesheet
   ========================================================= */

/* Large desktops down */
@media (max-width: 1199.98px) {
  .hero-badge-float.bottom { left: 4px; }
  .stats-band { padding: 48px 32px; }
}

/* Tablets / small laptops */
@media (max-width: 991.98px) {
  :root { --nav-h: 70px; }

  .section-pad { padding: 72px 0; }
  .section-pad-sm { padding: 48px 0; }

  /* Navbar collapse panel */
  .navbar-collapse {
    background: rgba(255,255,255,.98);
    backdrop-filter: var(--glass-blur);
    border: 1px solid var(--line);
    border-radius: var(--r-md);
    margin-top: .8rem;
    padding: 1rem;
    box-shadow: var(--shadow-md);
  }
  .navbar .nav-link { padding: .7rem .9rem !important; }
  .navbar .nav-cta { margin-top: .8rem; }
  .navbar .dropdown-menu {
    box-shadow: none; border: none; background: transparent;
    padding-left: 1rem;
  }

  .hero { padding: calc(var(--nav-h) + 50px) 0 90px; text-align: center; }
  .hero p.lead { margin-inline: auto; }
  .hero-stats { justify-content: center; }
  .hero-card-wrap { margin-top: 3rem; max-width: 460px; margin-inline: auto; }
  .hero-badge-float.top { right: 0; }

  .stats-band { padding: 40px 28px; }
  .stat-item { margin-bottom: 1.4rem; }
  .stat-item .n { font-size: 2.1rem; }

  .cta-band { padding: 48px 28px; }
  .detail-sidebar { position: static; margin-top: 2rem; }

  .footer { padding-top: 56px; }
  .footer h4 { margin-top: 1.6rem; }
}

/* Phones */
@media (max-width: 767.98px) {
  .section-pad { padding: 56px 0; }
  .section-pad-sm { padding: 40px 0; }

  .hero h1 { font-size: clamp(2rem, 8vw, 2.6rem); }
  .hero p.lead { font-size: 1.05rem; }
  .hero-stats { gap: 1.6rem; }
  .hero-stats .num { font-size: 1.5rem; }
  .hero-cta-row { display: flex; flex-direction: column; gap: .8rem; }
  .hero-cta-row .btn { width: 100%; }

  .brand-strip .item { font-size: .95rem; }

  .stats-band { padding: 36px 20px; }
  .cta-band { padding: 40px 22px; }
  .cta-band .btn { width: 100%; }

  .form-card { padding: 1.6rem; }
  .stats-band .row > * { margin-bottom: 1rem; }

  .timeline-step .dot { width: 48px; height: 48px; font-size: 1rem; }
  .timeline-step:not(:last-child)::before { left: 23px; }

  .blob { filter: blur(60px); }
  .footer-newsletter { flex-direction: column; }
  .footer-newsletter .form-control { border-radius: 100px; margin-bottom: .6rem; }
  .footer-newsletter .btn { border-radius: 100px; }

  .to-top { bottom: 18px; right: 18px; width: 46px; height: 46px; }
  .wa-float { bottom: 18px; left: 18px; width: 50px; height: 50px; font-size: 1.3rem; }
}

/* Small phones */
@media (max-width: 479.98px) {
  .navbar-brand { font-size: 1.2rem; }
  .brand-mark { width: 34px; height: 34px; }
  .section-title { font-size: 1.7rem; }
  .error-code { font-size: 6rem; }
  .course-card .body { padding: 1.1rem; }
  .feature-card { padding: 1.4rem; }
}