@media (max-width: 1024px) {
  .collections__grid { grid-template-columns: repeat(2, 1fr); }
  .why__grid { grid-template-columns: repeat(2, 1fr); }
  .timeline { grid-template-columns: repeat(3, 1fr); }
  .timeline::before { display: none; }
  .footer__grid { grid-template-columns: 1fr 1fr; }
  .t-card { flex: 0 0 100%; }
}

@media (max-width: 820px) {
  .about__grid,
  .appointment__grid,
  .contact-preview__grid { grid-template-columns: 1fr; }
  .glass-card { right: 12px; bottom: 12px; }

  .hamburger { display: flex; }
  .nav__links {
    position: fixed;
    top: 0; right: 0;
    width: min(320px, 82%);
    height: 100vh;
    background: var(--bg);
    flex-direction: column;
    align-items: flex-start;
    gap: 22px;
    padding: 100px 30px 30px;
    transform: translateX(100%);
    transition: transform .4s cubic-bezier(.22,.9,.3,1);
    box-shadow: -20px 0 60px -20px rgba(0,0,0,0.25);
  }
  .nav__links.is-open { transform: translateX(0); }
  .nav__link { font-size: 1.1rem; font-family: var(--serif); }
  .nav__cta { margin-left: 0; margin-top: 8px; }

  .hero__scroll { display: none; }
  .hero__meta { gap: 24px; margin-top: 2rem; }
  .hero__meta strong { font-size: 1.25rem; }

  .appointment__form { grid-template-columns: 1fr; padding: 24px; }
}

@media (max-width: 560px) {
  .collections__grid { grid-template-columns: 1fr; grid-auto-rows: 280px; }
  .col-card--tall { grid-row: span 1; }
  .why__grid { grid-template-columns: 1fr; }
  .timeline { grid-template-columns: 1fr; }
  .footer__grid { grid-template-columns: 1fr; }
  .footer__bottom { flex-direction: column; gap: 8px; text-align: center; }
  .brand__name { display: none; }
  .hero { padding-bottom: 60px; }
  .hero__meta { border-top: 1px solid rgba(255,255,255,0.2); padding-top: 1.2rem; }

  .whatsapp-float { right: 16px; bottom: 16px; width: 50px; height: 50px; font-size: 1.45rem; }
  .whatsapp-float__tooltip { display: none; }
}