/* ═══════════════════════════════════════════════════════
   SANY'S KITCHEN FOODS — Responsive
   ═══════════════════════════════════════════════════════ */

/* ── Large desktop (1400px+) ─────────────────────────── */
@media (min-width: 1400px) {
  .signature__grid { grid-template-columns: repeat(3, 1fr); }
  .gallery__masonry { columns: 4; }
}

/* ── Tablet landscape & small desktop (< 1100px) ─────── */
@media (max-width: 1100px) {
  .about__grid { grid-template-columns: 1fr; gap: 3rem; }
  .about__visual { max-width: 500px; margin: 0 auto; }
  .about__image-frame { aspect-ratio: 4/3; }
  .about__stats-grid { grid-template-columns: repeat(4, 1fr); }

  .signature__grid { grid-template-columns: repeat(2, 1fr); }
  .signature__grid .sig-card:last-child { grid-column: 1 / -1; max-width: 500px; margin: 0 auto; width: 100%; }

  .features__grid { grid-template-columns: repeat(2, 1fr); }

  .delivery__steps { grid-template-columns: repeat(3, 1fr); }

  .gallery__masonry { columns: 3; }

  .footer__top { grid-template-columns: 1fr 1fr; }
  .footer__brand { grid-column: 1 / -1; }

  .contact__grid { grid-template-columns: 1fr; }
  .contact__map { min-height: 380px; }
}

/* ── Tablet portrait (< 768px) ───────────────────────── */
@media (max-width: 768px) {
  :root {
    --t-display-xl: clamp(3.2rem, 12vw, 5.5rem);
    --t-display-md: clamp(1.8rem, 5vw, 2.8rem);
  }

  .nav__links { display: none; }
  .nav__hamburger { display: flex; }
  .nav .btn--sm { display: none; }
  .nav__lang-toggle { padding: 0.25em 0.5em; }

  .hero__actions { flex-direction: column; align-items: center; }
  .hero__actions .btn { width: 100%; max-width: 280px; justify-content: center; }

  .about__stats-grid { grid-template-columns: repeat(2, 1fr); }

  .signature__grid {
    grid-template-columns: 1fr;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
  }
  .signature__grid .sig-card:last-child { grid-column: 1; max-width: 100%; }

  .delivery__steps {
    grid-template-columns: 1fr;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
  .delivery__steps::before { display: none; }

  .features__grid { grid-template-columns: 1fr; max-width: 440px; margin-left: auto; margin-right: auto; }

  .gallery__masonry { columns: 2; }

  .footer__top { grid-template-columns: 1fr; }
  .footer__brand { grid-column: 1; }

  .footer__bottom { flex-direction: column; text-align: center; gap: 0.5rem; }

  .float-whatsapp { width: 50px; height: 50px; bottom: 1.5rem; right: 1.5rem; }
  [dir="rtl"] .float-whatsapp { right: auto; left: 1.5rem; }
  .back-to-top { bottom: 4.5rem; right: 1.5rem; }
  [dir="rtl"] .back-to-top { right: auto; left: 1.5rem; }

  .lightbox__prev { left: 0.75rem; }
  .lightbox__next { right: 0.75rem; }

  .testimonial-card { padding: 0 1.5rem; }

  .contact__grid { grid-template-columns: 1fr; }

  body { cursor: auto; }
  .cursor, .cursor-follower { display: none; }
  button { cursor: pointer; }
  a { cursor: pointer; }
  .pickles-scroll { cursor: grab; }
}

/* ── Mobile (< 480px) ────────────────────────────────── */
@media (max-width: 480px) {
  :root {
    --t-display-xl: clamp(2.8rem, 14vw, 4.5rem);
    --t-display-md: clamp(1.6rem, 7vw, 2.4rem);
  }

  .section { padding: 4rem 1.25rem; }

  .hero__content { padding: 0 1.25rem; }
  .hero__scroll { display: none; }

  .marquee__items { font-size: 0.65rem; gap: 1.5rem; }

  .about__stats-grid { grid-template-columns: repeat(2, 1fr); gap: 0.75rem; }

  .pickle-card { flex: 0 0 calc(85vw); }

  .gallery__masonry { columns: 1; }

  .testimonial-card { padding: 0 1rem; }
  .testimonial-card__inner { padding: 2rem 1.5rem; }

  .contact__card { padding: 1rem 1.25rem; }
  .contact__card-value { font-size: var(--t-body); }

  .footer__top { padding: 2.5rem 1.25rem; }
  .footer__bottom { padding: 1rem 1.25rem; }

  .delivery__note { font-size: 0.7rem; }
  .delivery-step { padding: 1.5rem 1.25rem; }
}

/* ── RTL overrides ───────────────────────────────────── */
[dir="rtl"] {
  font-family: 'Inter', 'Segoe UI', Tahoma, sans-serif;
}
[dir="rtl"] .nav__logo-sub,
[dir="rtl"] .footer__logo-sub { letter-spacing: 0.05em; }
[dir="rtl"] .hero__title {
  font-family: var(--f-display), 'Segoe UI', Tahoma, serif;
}
[dir="rtl"] .eyebrow { letter-spacing: 0.1em; }
[dir="rtl"] .about__content { text-align: right; }
[dir="rtl"] .section__header { text-align: center; }
[dir="rtl"] .feature-card { text-align: right; }
[dir="rtl"] .delivery-step { text-align: center; }
[dir="rtl"] .footer__bottom { direction: rtl; }
[dir="rtl"] .nav__links { flex-direction: row-reverse; }
[dir="rtl"] .hero__actions { flex-direction: row-reverse; }
[dir="rtl"] .contact__card-body { text-align: right; }
[dir="rtl"] .pickle-card__body { text-align: right; }
[dir="rtl"] .sig-card__body { text-align: right; }

/* ── Print ───────────────────────────────────────────── */
@media print {
  .nav, .loader, .cursor, .cursor-follower, .scroll-progress,
  .float-whatsapp, .back-to-top, .hero__canvas, body::before {
    display: none !important;
  }
  body { background: #fff; color: #000; }
  .section__title { color: #000; }
}