/* ================================================================
   Responsive breakpoints
   ================================================================ */

@media (max-width: 1080px) {
  .intro__grid { grid-template-columns: 1fr; }
  .finder__result { grid-template-columns: 1fr; }
  .compare__panel.is-active { grid-template-columns: 1fr; }
  .why__grid { grid-template-columns: repeat(2, 1fr); }
  .social__grid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 200px; }
  .product-modal__inner { grid-template-columns: 1fr; padding-top: 90px; }
}

@media (max-width: 860px) {
  .site-nav__links { display: none; }
  .site-nav__toggle { display: block; }
  .cursor { display: none !important; }
  body { cursor: auto; }

  .floating-cta__desktop { display: none; }
  .floating-cta__mobile { display: inline; }

  .product-row { grid-template-columns: 1fr; text-align: left; gap: 16px; }
  .product-row__meta { align-items: flex-start; text-align: left; }
  .product-row__figure { position: static; opacity: 1; transform: none; width: 100%; margin-top: 10px; box-shadow: none; }

  .journey__track { gap: 16vw; padding-inline: 16vw; }
}

@media (max-width: 640px) {
  :root { --gutter: 22px; }
  .why__grid { grid-template-columns: 1fr 1fr; gap: 20px; }
  .social__grid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 160px; }
  .social__grid figure:nth-child(1) { grid-column: span 2; grid-row: span 1; }
  .social__grid figure:nth-child(4) { grid-row: span 1; }
  .contact-cta__actions { flex-direction: column; align-items: center; }
  .site-footer__top { flex-direction: column; }
  .hero__bottle-wrap { width: 30vw; height: 30vh; }
}