/* Three lassi flavours share one menu card at every screen size. */
.menu-variants{margin:0}.menu-variants>div{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:10px 0;border-bottom:1px solid #e6cbd2}.menu-variants>div:last-child{border-bottom:0}.menu-variants dt{font-size:16px}.menu-variants dd{margin:0;white-space:nowrap}.menu-variants strong{font-size:22px}
/* Phone layouts share the existing official palette, artwork and menu cards. */
html{-webkit-text-size-adjust:100%}
.nav-toggle,.hero-quick-links{display:none}
.lassi-order{margin-top:18px}
.lassi-order .menu-card{border:0!important;border-bottom:1px solid #d9d7cb!important;box-shadow:none!important;background:transparent!important;padding:14px 0!important;margin:0!important}
.lassi-order .menu-card:last-child{border-bottom:0!important}
.lassi-order .menu-card h2{font-size:18px!important}
@media(max-width:760px){
 html{scroll-padding-top:20px}
 .masthead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 18px;padding:14px 20px}
 .official-brand,.official-brand img{width:104px}
 .masthead nav{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;max-width:none;width:100%;justify-content:stretch;padding:8px 0 2px;border-top:1px solid #e6cbd2}
 .masthead nav a{font-size:15px;min-height:48px;padding:8px 10px;text-decoration:none;background:#ffe3ee;border-radius:3px}
 .nav-toggle:not([hidden]){display:flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:10px 16px;border:2px solid var(--teal);border-radius:3px;background:var(--cream);color:var(--ink);font:700 15px 'DM Sans',sans-serif;cursor:pointer}
 .nav-toggle span{font-size:24px;line-height:1}
 .masthead.nav-ready nav:not(.is-open){display:none}
 .hero{grid-template-columns:minmax(0,1fr);padding:0 20px;gap:28px;margin-top:18px;margin-bottom:44px}
 .hero-copy,.hero-carousel,.coming,.content>*{min-width:0}
 .hero h1{font-size:clamp(50px,14vw,76px);line-height:.96;margin-bottom:16px}
 .hero .intro{font-size:16px;line-height:1.6;max-width:540px;margin-bottom:20px}
 .hero .kicker{margin-bottom:14px}
 .hero-quick-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:540px;margin:0 0 24px}
 .hero-quick-links a{display:flex;gap:5px;align-items:center;justify-content:center;min-height:48px;padding:9px 6px;border:1px solid var(--teal);border-bottom:3px solid var(--pink);border-radius:3px;text-decoration:none;font-size:13px;font-weight:700;line-height:1.3}
 .hero-photo{max-width:none;margin:0 8px 12px 0;border-width:4px;box-shadow:7px 7px 0 var(--gold)}
 .hero-photo img{height:clamp(220px,70vw,360px)}
 .hero-slide figcaption{font-size:19px;left:-4px;bottom:16px}
 .carousel-controls{max-width:none;margin-top:18px}
 .carousel-arrow{width:48px;height:48px;flex:none;touch-action:manipulation}
 .coming.diwali-card{margin:24px 7px 6px 0;padding:28px 22px 0;box-shadow:7px 7px 0 var(--gold)}
 .diwali-card .coming-stamp{font-size:16px;line-height:1.35;width:max-content;max-width:100%;margin:-46px 0 22px -6px;padding:9px 12px}
 .diwali-card .kicker{font-size:11px;max-width:100%;padding-right:52px;line-height:1.6;margin-bottom:18px}
 .diwali-diya{width:48px;right:18px;top:45px}
 .diwali-card h2{font-size:clamp(56px,15vw,76px);line-height:.94;margin:14px 0 22px}
 .diwali-allocation{gap:14px;padding:12px 0;margin-bottom:18px}
 .diwali-allocation strong{font-size:66px}
 .diwali-allocation span{font-size:16px}
 .diwali-facts{gap:12px}
 .diwali-facts dt{font-size:11px;letter-spacing:.6px}
 .diwali-facts dd{font-size:30px}
 .diwali-facts dd span,.diwali-service,.diwali-status p:last-child{font-size:13px}
 .diwali-status{padding:14px;margin:18px 0}
 .diwali-card .coming-footer{margin-left:-22px;margin-right:-22px;padding:18px 22px;font-size:14px}
 .coming-footer nav a{display:inline-flex;align-items:center;min-height:44px}
 .content{padding:42px 20px}
 .menu-section,.story,.visit,.instagram,.founders-intro{grid-template-columns:minmax(0,1fr);gap:28px}
 .menu-section>div:first-child>p:last-child{margin-bottom:0}
 .menu-cards{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
 .menu-cards article{min-width:0;padding:22px 18px}
 .menu-cards h3{font-size:32px;line-height:1.03}
 .menu-cards p,.allergens{font-size:14px;line-height:1.6}
 .menu-cards small{font-size:14px}
 .dish-mark{font-size:24px;margin-bottom:14px}
 .story img{height:clamp(220px,55vw,360px)}
 .story figure{margin-right:6px}
 .hours{padding:24px 20px}
 .hours dl{font-size:16px}
 .hours p,.hours .call-links{font-size:15px}
 .call-links a{display:flex;align-items:center;min-height:44px}
 .section-heading{display:block}
 .section-heading>p,.section-heading>.text-link{display:block;margin-top:18px}
 .more-press a{grid-template-columns:1fr;gap:5px;min-height:52px}
 .more-press a small{text-align:left}
 .review-note,.career-sources,.instagram .small{font-size:14px;line-height:1.6}
 .instagram-brand{gap:16px;margin:24px 0}
 .instagram-brand img{width:88px;height:88px;flex:none}
 .instagram-brand p{font-size:26px}
 .instagram-widget,#instagram-preview{width:100%;min-width:0;max-width:540px}
 .founders-intro h1{font-size:clamp(48px,13vw,68px)}
 .founders-portraits img{height:clamp(190px,60vw,310px)}
 .career-grid{grid-template-columns:minmax(0,1fr);gap:24px}
 .career-grid article{padding:24px 20px}
 .career-grid h3{font-size:44px}
 footer{padding:34px 20px calc(30px + env(safe-area-inset-bottom))}
 footer nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px;text-align:left}
 footer nav a{display:flex;align-items:center;min-height:48px;font-size:14px;line-height:1.45}
 footer small{display:block;font-size:13px;line-height:1.6}
 footer p a{display:inline-flex;min-height:44px;align-items:center}
 /* Preserve server-only management, with usable phone forms and touch targets. */
 .app-shell,.reservation-panel,.reservation-inner,.card,.row>*,.manager-toolbar{min-width:0}
 .form-field input,.form-field select,.form-field textarea{font-size:16px!important;scroll-margin-block:24px}
 .order-page .qty .button{min-width:44px!important;min-height:44px!important;width:44px!important;touch-action:manipulation}
 .order-page .menu-card>.row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important}
 .order-page .menu-card h2{overflow-wrap:normal}
 .manager-toolbar>.button,.manager-toolbar .tabs .button{min-height:48px!important;white-space:normal!important}
 .app-shell>.card>.row{display:flex;flex-wrap:wrap}
 .app-shell>.card>.row>.button{flex:1 1 200px;min-height:48px;white-space:normal}
 .site-help a,.info-back{display:inline-flex;align-items:center;min-height:44px}
}
@media(max-width:420px){
 .masthead{padding-inline:18px}
 .hero,.content{padding-left:18px;padding-right:18px}
 .menu-cards{grid-template-columns:minmax(0,1fr)}
 .menu-cards article:has(.menu-variant){display:grid;grid-template-columns:1fr 1fr;column-gap:18px}
 .menu-cards article:has(.menu-variant)>:is(.dish-mark,h3,p){grid-column:1/-1}
 .menu-cards .menu-variant{margin-top:0}
 .menu-cards h3{font-size:34px;margin-bottom:16px}
 .menu-cards article{padding:22px}
 .diwali-card .button{padding-inline:10px;font-size:13px}
 .order-page .qty{gap:4px!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
