/* ==========================================================================
   WOK n PAN — responsive.css
   Breakpoints, motion & print overrides
   ========================================================================== */

/* ============================== Responsive =============================== */
@media (max-width:1080px){
  .nav-links{display:none}
  .burger{display:grid}
  .nav .nav-cta{display:none}
  .hero-in{grid-template-columns:1fr;text-align:center;gap:34px}
  .hero-tag{margin-inline:auto}
  .hero-btns{justify-content:center}
  .hero-art{order:-1;min-height:auto;padding:14px 0}
  .wok-orb{width:min(300px,62vw)}
  #lottieWok{width:132px;height:132px;right:2%;bottom:-6%}
  .float-chip.c1{left:0}.float-chip.c2{left:0;bottom:6%}.float-chip.c3{right:0}
  .svc-grid{grid-template-columns:repeat(2,1fr)}
  .about-grid{grid-template-columns:1fr}
  .about-media{max-width:620px;margin-inline:auto;width:100%}
  .about-copy .eyebrow,.about-copy .sec-title{text-align:left}
  .contact-grid{grid-template-columns:1fr}
  .info-card{position:static}
  .foot-grid{grid-template-columns:1fr 1fr}
  .gal{grid-template-columns:repeat(3,1fr);grid-auto-rows:165px}
}
@media (max-width:760px){
  :root{--nav-h:68px}
  .hero{min-height:auto;padding:calc(var(--nav-h) + 54px) 0 74px}
  .hero-title{font-size:clamp(2.9rem,15vw,4.6rem)}
  .hero-btns .btn{flex:1 1 100%}
  .counters{grid-template-columns:repeat(2,1fr)}
  .svc-grid{grid-template-columns:1fr}
  .gal{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px;gap:12px}
  .gal .wide{grid-column:span 2}
  .gal .tall{grid-row:span 1}
  .f-row{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr;gap:32px;text-align:left}
  .foot-bottom{flex-direction:column;text-align:center}
  .marquee-track span{font-size:.74rem;padding:0 18px}
  .scroll-cue{display:none}
  .float-chip{font-size:.58rem;padding:6px 12px}
  .float-chip.c2{display:none}
  .wok-orb{width:min(250px,58vw)}
  #lottieWok{width:104px;height:104px;right:4%;bottom:-2%}
  .hero-art{padding:6px 0 18px}
  .fabs{right:14px;bottom:14px}
  .fab{width:52px;height:52px;font-size:1.26rem}
  .sec-head{margin-bottom:34px}
  .est{right:auto;left:50%;translate:-50% 0;bottom:-26px}
  .about-media{margin-bottom:38px}
}
@media (max-width:420px){
  .tab{padding:10px 17px;font-size:.68rem}
  .dish-name{font-size:1.44rem}
  .price{font-size:1.2rem}
}

/* Motion / print / a11y */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .marquee-track{animation:none}
}
:focus-visible{outline:3px solid var(--saffron);outline-offset:3px;border-radius:6px}
@media print{.nav,.fabs,.drawer,.scrim,.cart,#loader,.marquee{display:none!important}}

/* ------------------------- Full menu page (menu.html) -------------------- */
@media (max-width:900px){
  .menu-toolbar{top:calc(var(--nav-h) - 14px)}
  .toolbar-in{gap:10px}
  .menu-search{flex:1 1 100%;order:-1}
  .toolbar-in .tabs{justify-content:center;gap:8px}
  .menu-sort{flex:1 1 auto}
}
@media (max-width:760px){
  .page-hero{padding:calc(var(--nav-h) + 40px) 0 40px}
  .dish-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}
  .menu-group{margin-bottom:38px}
  .menu-cta .btns .btn{flex:1 1 100%}
  .hero-stats span{font-size:.62rem;padding:7px 13px}
}
@media (max-width:460px){
  .dish-grid{grid-template-columns:1fr}
  .menu-group-head{flex-wrap:wrap;gap:6px}
  .menu-group-head span{margin-left:0}
}