@media (max-width: 900px){
:root{ --nav-h: 58px; }
.afif-page nav{ padding: 0 22px; }
.afif-page .nav-links{ display: none; }
.afif-page .nav-cta{ display: none; }
.afif-page .hamburger{ display: flex; }
.afif-page #currencyToggle{ display: none; }
.afif-page .container{ padding: 0 24px; }
.afif-page section{ padding: 72px 0; }
.afif-page .about-grid{ grid-template-columns: 1fr; gap: 0; }
.afif-page .about-sep{ display: none; }
.afif-page .about-right{ text-align: left; margin-top: 36px; }
.afif-page .about-quote{
        border-right: none; border-left: 3px solid var(--mustard);
        padding-right: 0; padding-left: 16px;
      }
.afif-page .about-stats{ gap: 3px; }
.afif-page .menu-cols{ grid-template-columns: 1fr; gap: 16px; }
.afif-page .m-card{ padding: 26px 24px; border-radius: 16px; }
.afif-page .menu-tabs{ justify-content: flex-start; }
.afif-page .vibes-grid{ grid-template-columns: 1fr 1fr; }
.afif-page .loc-grid{ grid-template-columns: 1fr; gap: 48px; }
.afif-page .map-box{ height: 300px; }
.afif-page .foot-nav{ gap: 18px; }
}
@media (max-width: 600px){
:root{ --nav-h: 54px; }
.afif-page nav{ padding: 0 18px; }
.afif-page .nav-brand .ar{ font-size: 1.4rem; }
.afif-page .nav-brand .en{ font-size: 0.46rem; }
.afif-page #p-float-ar{ font-size: 90vw; right: -20%; }
.afif-page .hero-meta{ gap: 8px; }
.afif-page .hero-meta span{ font-size: 0.52rem; letter-spacing: 0.22em; }
.afif-page .hero-rule{ width: 140px; }
.afif-page .hero-scroll-cue{ display: none; }
.afif-page .about-pills{ gap: 6px; }
.afif-page .pill{ font-size: 0.52rem; padding: 6px 12px; }
.afif-page .about-stats{ flex-direction: column; gap: 3px; }
.afif-page .stat{ padding: 12px; }
.afif-page .m-tab{ padding: 11px 18px; font-size: 0.58rem; }
.afif-page .m-card{ padding: 22px 20px; border-radius: 14px; }
.afif-page .m-name{ font-size: 1rem; }
.afif-page .m-price{ font-size: 0.68rem; }
.afif-page .offer-band{ padding: 54px 0; }
.afif-page .offer-tag{ padding: 13px 28px; }
.afif-page .vibes-grid{ grid-template-columns: 1fr; }
.afif-page .vibe-card{ padding: 28px 22px; }
.afif-page .map-box{ height: 250px; }
.afif-page .socials{ gap: 8px; }
.afif-page .soc-btn{ padding: 10px 14px; font-size: 0.54rem; }
.afif-page .foot-logo-ar{ font-size: 2.4rem; }
.afif-page .foot-nav{ gap: 14px; }
.afif-page .foot-copy{ font-size: 0.75rem; padding: 0 16px; }
.afif-page .container{ padding: 0 18px; }
.afif-page section{ padding: 56px 0; }
}
@media (max-width: 380px){
.afif-page .hero-name-ar{ font-size: 4.2rem; }
.afif-page .hero-name-en{ font-size: 0.75rem; }
.afif-page .hero-tagline-ar{ font-size: 1.1rem; }
.afif-page .m-tab{ padding: 12px 16px; font-size: 0.54rem; letter-spacing: 0.12em; }
.afif-page .sec-ar{ font-size: 2rem; }
}
@media (max-width: 760px){
.afif-page .vines-svg{ width: clamp(96px, 30vw, 150px); }
.afif-page #hero-vines{ opacity: 0.8; }
}
@media (max-width: 430px){
.afif-page .vines-svg{ width: 30vw; }
.afif-page #hero-vines{ opacity: 0.7; }
}
@media (prefers-reduced-motion: reduce){
.afif-page .vine, .afif-page .leaf-flutter{ animation: none !important; }
}