/* ═══════════════════════════════════════════════
       RESPONSIVE - TABLET 900px
    ═══════════════════════════════════════════════ */
    @media (max-width: 900px) {
      :root { --nav-h: 58px; }

      nav { padding: 0 22px; }
      .nav-links { display: none; }
      .nav-cta   { display: none; }
      .hamburger { display: flex; }
      #currencyToggle { display: none; }

      .container { padding: 0 24px; }
      section    { padding: 72px 0; }

      /* About */
      .about-grid { grid-template-columns: 1fr; gap: 0; }
      .about-sep  { display: none; }
      .about-right { text-align: left; margin-top: 36px; }
      .about-quote {
        border-right: none; border-left: 3px solid var(--mustard);
        padding-right: 0; padding-left: 16px;
      }
      .about-stats { gap: 3px; }

      /* Menu */
      .menu-cols { grid-template-columns: 1fr; }
      .m-card    { padding: 24px 22px; }
      .menu-tabs { justify-content: flex-start; }

      /* Vibes */
      .vibes-grid { grid-template-columns: 1fr 1fr; }

      /* Location */
      .loc-grid { grid-template-columns: 1fr; gap: 48px; }
      .map-box  { height: 300px; }

      /* Footer */
      .foot-nav { gap: 18px; }
    }

    /* ═══════════════════════════════════════════════
       RESPONSIVE - MOBILE 600px
    ═══════════════════════════════════════════════ */
    @media (max-width: 600px) {
      :root { --nav-h: 54px; }

      /* Nav */
      nav { padding: 0 18px; }
      .nav-brand .ar { font-size: 1.4rem; }
      .nav-brand .en { font-size: 0.35rem; }

      /* Hero */
      #p-float-ar  { font-size: 90vw; right: -20%; }
      .hero-meta   { gap: 8px; }
      .hero-meta span { font-size: 0.42rem; letter-spacing: 0.22em; }
      .hero-rule   { width: 140px; }
      .hero-scroll-cue { display: none; }

      /* About */
      .about-pills  { gap: 6px; }
      .pill         { font-size: 0.42rem; padding: 6px 12px; }
      .about-stats  { flex-direction: column; gap: 3px; }
      .stat         { padding: 12px; }

      /* Menu tabs */
      .m-tab { padding: 13px 22px; font-size: 0.48rem; }
      .m-card { padding: 20px 18px; }
      .m-name { font-size: 1rem; }
      .m-price { font-size: 0.68rem; }

      /* Offer */
      .offer-band { padding: 54px 0; }
      .offer-tag  { padding: 13px 28px; }

      /* Vibes */
      .vibes-grid { grid-template-columns: 1fr; }
      .vibe-card  { padding: 28px 22px; }

      /* Location */
      .map-box { height: 250px; }
      .socials { gap: 8px; }
      .soc-btn { padding: 10px 14px; font-size: 0.44rem; }

      /* Footer */
      .foot-logo-ar { font-size: 2.4rem; }
      .foot-nav { gap: 14px; }
      .foot-copy { font-size: 0.75rem; padding: 0 16px; }

      /* Containers */
      .container { padding: 0 18px; }
      section    { padding: 56px 0; }
    }

    /* ═══════════════════════════════════════════════
       RESPONSIVE - SMALL MOBILE 380px
    ═══════════════════════════════════════════════ */
    @media (max-width: 380px) {
      .hero-name-ar { font-size: 4.2rem; }
      .hero-name-en { font-size: 0.75rem; }
      .hero-tagline-ar { font-size: 1.1rem; }
      .m-tab { padding: 12px 16px; font-size: 0.44rem; letter-spacing: 0.12em; }
      .sec-ar { font-size: 2rem; }
    }