/* ========================================
   RINATA — Responsive / Mobil Stiller
   ======================================== */

@media (max-width: 900px) {
  nav { padding: 1rem 1.5rem; flex-wrap: wrap; }
  .nav-hamburger { display: flex; order: 2; }
  .nav-logo { order: 1; }
  .nav-cta { order: 3; font-size: 0.72rem; padding: 0.5rem 1.2rem; }
  .nav-links {
    display: none;
    order: 4;
    flex-basis: 100%;
    flex-direction: column;
    gap: 0;
    padding: 1rem 0 0.5rem;
    border-top: 1px solid var(--kraft-light);
    margin-top: 1rem;
  }
  .nav-links.open { display: flex; }
  .nav-links li a {
    display: block;
    padding: 0.7rem 0;
    font-size: 0.9rem;
    border-bottom: 1px solid var(--cream-dark);
  }
  .nav-logo img { height: 36px; }

  .hero { grid-template-columns: 1fr; }
  .hero-text { padding: 3rem 1.5rem 2rem; }
  .hero-video { height: 60vw; }
  .hero-badge { left: 1rem; bottom: 1.5rem; }

  .products { padding: 3rem 1.5rem; }
  .products-grid { grid-template-columns: 1fr; }

  .story { grid-template-columns: 1fr; }
  .story-text { padding: 3rem 1.5rem; }

  .gift { grid-template-columns: 1fr; padding: 3rem 1.5rem; }

  .testimonials { padding: 3rem 1.5rem; }
  .testi-grid { grid-template-columns: 1fr; }

  .how { padding: 3rem 1.5rem; }
  .how-steps { grid-template-columns: 1fr 1fr; }
  .how-steps::before { display: none; }

  .instagram { padding: 3rem 1.5rem; }
  .insta-grid { grid-template-columns: repeat(3, 1fr); }

  footer { padding: 3rem 1.5rem 2rem; }
  .footer-top { grid-template-columns: 1fr; gap: 2rem; }
  .footer-bottom { flex-direction: column; gap: 0.5rem; text-align: center; }
}