/* =========================================================================
   Nutrionalife — Responsive refinements
   ========================================================================= */
html, body { overflow-x: hidden; }

/* Large tablet / small desktop */
@media (max-width: 1024px) {
  .section { padding: 72px 0; }
  .hero-grid { gap: 40px; }
  .about-grid, .contact-grid, .lead-grid, .feature-post { grid-template-columns: 1fr; }
  .blog-layout { grid-template-columns: 1fr; }
  .testi-grid, .post-grid, .approach-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-top { grid-template-columns: 1fr 1fr; gap: 32px; }
  .lead-copy { padding: 44px 44px 0; }
  .lead-visual { padding: 0 44px 44px; }
  .feature-post .fp-thumb { min-height: 220px; }
}

/* Tablet */
@media (max-width: 860px) {
  .navbar-list, .navbar-actions .btn { display: none; }
  .nav-toggle { display: flex; }
  .navbar-actions { gap: 8px; }
  .hero-grid { grid-template-columns: 1fr; text-align: center; }
  .hero-eyebrow, .hero-cred, .hero-cta { justify-content: center; }
  .hero-lead { margin-left: auto; margin-right: auto; }
  .hero-visual { order: -1; max-width: 360px; margin: 0 auto; }
  .hero-blob { margin: 0 auto; }
  .cred-strip .container, .stat-row { grid-template-columns: repeat(2, 1fr); }
  .abcd-grid, .exp-grid { grid-template-columns: 1fr; }
  .section-head { text-align: center; margin-left: auto; margin-right: auto; }
  .announce .announce-text { display: none; }
  .announce .container { justify-content: center; }
}

/* Mobile */
@media (max-width: 640px) {
  body { font-size: 16px; }
  .container { padding: 0 18px; }
  .section { padding: 56px 0; }
  .testi-grid, .post-grid, .approach-grid { grid-template-columns: 1fr; }
  .nf-row.two { grid-template-columns: 1fr; }
  .news-form { flex-direction: column; }
  .news-form .btn { width: 100%; }
  .footer-top { grid-template-columns: 1fr; }
  .footer-bottom { flex-direction: column; text-align: center; }
  .hero-title { font-size: 2rem; }
  .float-badge.b1 { left: 0; }
  .float-badge.b2 { right: 0; }
  .lead-copy, .lead-visual { padding-left: 24px; padding-right: 24px; }
  .lead-copy { padding-top: 36px; }
  .news-band { padding: 32px 24px; }
  .author-box { flex-direction: column; text-align: center; }
  .single-feature { margin-top: 0; border-radius: 0; }
  .form-card, .consider { padding: 22px; }
  .btn { width: 100%; }
  .hero-cta .btn, .testi-cta .btn, .lead-copy .btn { width: auto; }
  .hero-cta { flex-direction: column; }
  .hero-cta .btn { width: 100%; }
}

/* Small phones */
@media (max-width: 380px) {
  .cred-strip .container, .stat-row { grid-template-columns: 1fr; }
  .brand-role { display: none; }
}