/* Preview only: five interactive names over the original hero photograph. */
.hotspot-stage{position:relative;height:535px}
.hero .hotspot-stage img{width:100%;height:100%;animation:none;transform:none;scale:1}
.food-hotspot{position:absolute;left:calc(var(--hot-x) - 22px);top:calc(var(--hot-y) - 22px);width:44px;height:44px;z-index:2}
.food-hotspot.is-open{z-index:4}
.hotspot-dot{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}
.hotspot-dot>span{display:block;width:25px;height:25px;border:1px solid #FFFFFFCE;border-radius:50%;background:#FFFFFF38;box-shadow:0 1px 8px #00000045;position:relative}
.hotspot-dot>span::after{content:'';position:absolute;inset:6px;background:white;border-radius:50%;box-shadow:0 1px 4px #00000030}
.hotspot-dot:focus-visible{outline:3px solid var(--coral);outline-offset:2px;background:#FFFFFF35}
.hotspot-dot[aria-expanded=true]>span{background:#FFFFFF88;border-color:white}
.hotspot-card{position:absolute;top:46px;left:0;width:200px;max-width:60vw;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 26px #00000029;padding:14px 16px;text-align:left;pointer-events:auto}
.hotspot-card[hidden]{display:none}
.hotspot-card strong{display:block;font:700 14px/1.4 Arial,Helvetica,sans-serif;letter-spacing:0}
.hotspot-card>span{display:block;font:400 12px/1.5 Arial,Helvetica,sans-serif;color:var(--muted);margin-top:5px}
.hotspot--right .hotspot-card{left:auto;right:0}
.hotspot--ghee .hotspot-card{top:auto;bottom:46px;left:50%;transform:translateX(-50%)}
.hero .hotspot-hint{display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px;color:var(--coral);margin:16px 0 4px}
.hero .hero-image-note{font-size:10px;line-height:1.5;color:var(--muted);text-align:center;margin:0}
@media(max-width:1000px){.hotspot-stage{height:470px}}
@media(max-width:750px){.hotspot-stage{height:390px}.hotspot-card{width:185px;padding:12px 14px}.hero .hotspot-hint{margin-top:14px;font-size:12px}}
@media(prefers-reduced-motion:no-preference){.hotspot-dot>span{transition:scale .2s ease,background .2s ease}.hotspot-card:not([hidden]){animation:hotspot-appear .18s ease-out}@media(hover:hover) and (pointer:fine){.hotspot-dot:hover>span{scale:1.14;background:#FFFFFF66}}@keyframes hotspot-appear{from{opacity:0;translate:0 4px}to{opacity:1;translate:0 0}}}

.hotspot--center .hotspot-card{left:50%;right:auto;transform:translateX(-50%)}

.hotspot--paneer .hotspot-card,.hotspot--podi .hotspot-card{top:auto;bottom:46px}