/* ============================================================
   Maniheal — Responsive
   ============================================================ */

@media (max-width: 1080px) {
  .footer-grid { grid-template-columns: 1.4fr 1fr 1.2fr; }
  .footer-col.footer-links-2 { display: none; }
  .product-grid, .featured-grid { grid-template-columns: repeat(3, 1fr); }
  .cat-grid, .advantage-grid, .mh-brand-grid { grid-template-columns: repeat(3, 1fr); }
}

/* Tablet — collapse desktop nav into drawer */
@media (max-width: 960px) {
  :root { --header-h: 68px; }
  .primary-nav, .header-cta-desktop, .icon-btn.search-open-lg { display: none; }
  .hamburger { display: inline-flex; flex-direction: column; justify-content: center; width: 42px; height: 42px; background: none; border: 0; border-radius: 10px; }
  .hamburger:hover { background: var(--sage-light); }
  .shop-wrap { grid-template-columns: 1fr; }
  .shop-sidebar { position: static; display: none; }
  .shop-sidebar.is-open { display: block; }
  .shop-toolbar .filter-toggle { display: inline-flex; }
  .pdp__top { grid-template-columns: 1fr; gap: var(--space-6); }
  .pdp__gallery { position: static; max-width: 460px; }
  .contact-grid { grid-template-columns: 1fr; gap: var(--space-6); }
  .reach__groups { grid-template-columns: 1fr; gap: var(--space-5); }
  .mega { display: none !important; }
}

@media (max-width: 860px) {
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 2rem; }
  .footer-brand { grid-column: 1 / -1; }
  .product-grid, .featured-grid, .woocommerce ul.products, ul.products.mh-products { grid-template-columns: repeat(2, 1fr); }
  .cat-grid, .advantage-grid, .mh-brand-grid { grid-template-columns: repeat(2, 1fr); }
  .stat-strip { grid-template-columns: repeat(2, 1fr); gap: var(--space-5); }
  .grid-3, .grid-4 { grid-template-columns: repeat(2, 1fr); }
  .export-band { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 560px) {
  .product-grid, .featured-grid, .woocommerce ul.products, ul.products.mh-products,
  .cat-grid, .advantage-grid, .mh-brand-grid { grid-template-columns: 1fr; }
  .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; }
  .hero__cta { flex-direction: column; align-items: stretch; }
  .hero__cta .btn { width: 100%; }
  .hero__mini { gap: 1rem; }
  .cta-band .btn { width: 100%; }
  .pdp__facts { grid-template-columns: 1fr; }
  .footer-social { margin-bottom: 0.5rem; }
  .search-panel { margin-top: 4vh; border-radius: var(--radius); }
}

/* ---- New homepage sections + footer alignment (Part 1/2) ---- */
.footer-grid { align-items: start; }

@media (max-width: 1080px) {
  .bento { grid-template-columns: repeat(2, 1fr); }
  .bento__feature { grid-row: span 2; }
}
@media (max-width: 860px) {
  .range-split { grid-template-columns: 1fr; }
  .steps { grid-template-columns: repeat(2, 1fr); gap: var(--space-6); }
  .steps::before { display: none; }
  .cta-band__actions { flex-direction: column; align-items: stretch; }
  .cta-band__actions .btn { width: 100%; }
}
@media (max-width: 620px) {
  .bento { grid-template-columns: 1fr; }
  .bento__feature { grid-row: auto; }
  .steps { grid-template-columns: 1fr; }
  .step p { max-width: none; }
  .range-panel__cats { grid-template-columns: 1fr; }
}