/* The dish name is the action; keep the food photograph free of controls. */
.dish-card { display:flex; flex-direction:column; }
.dish-card .dish-meta { display:flex; flex:1; text-align:center; }
.dish-card .dish-meta > div { display:flex; flex-direction:column; width:100%; min-width:0; }
.dish-card .dish-title-row { display:flex; flex:1; align-items:center; justify-content:center; min-height:44px; padding:6px 0 8px; }
.dish-card .dish-title-row h3 { margin:0; }
.dish-card:focus-visible { outline:2px solid #285ea8; outline-offset:5px; border-radius:14px; }
/* Dish markers live in the small label line under the photo, never on the food: category, then
   Nyhet, heat and plant-based, each separated by a thin dot and aligned to the text. */
.veg-icon { display:inline-block; flex-shrink:0; width:22px; height:22px; }
.chili-icons { display:inline-flex; align-items:center; gap:1px; flex-shrink:0; }
.chili-icons img { display:block; width:auto; height:20px; }
.dish-card .dish-tags { display:inline-flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:0 7px; }
.dish-card .dish-tags > * + *::before { content:'·'; margin-right:7px; color:var(--muted,#6e6e73); }
.dish-card .dish-tags > .chili-icons::before, .dish-card .dish-tags > .veg-icon::before { content:none; }
.dish-card .dish-tags > .chili-icons, .dish-card .dish-tags > .veg-icon { margin-left:2px; }
.dish-card .dish-tags .veg-icon { width:14px; height:14px; }
.dish-card .dish-tags .chili-icons img { height:13px; }
.dish-card .dish-tag-new { color:var(--accent-red,#b94632); }
.check-filter .veg-icon { width:18px; height:18px; }
.eyebrow-veg-icon { width:14px; height:14px; margin:0 5px 0 1px; vertical-align:-2px; }
.eyebrow-chili { margin:0 5px 0 1px; vertical-align:-3px; }
.eyebrow-chili img { height:15px; }
/* Dish page: the category above the dish name ("WOK ·") in capitals, at its usual size. */
.product-copy > .eyebrow { text-transform:uppercase; }
@media(max-width:700px) {
  .dish-card .dish-tags .veg-icon { width:12px; height:12px; }
  .dish-card .dish-tags .chili-icons img { height:11px; }
}
/* Sushi photos are long, flat platters. On the menu they get a landscape frame that the platter
   fills edge to edge (only the empty space above and below is cropped), so the first roll is
   always in view and both sides match. Platter ends that run past the frame fade out softly and
   equally on both sides. The photos carry their own identical shadow, so no extra drop shadow. */
.menu-page .dish-card[data-category='Sushi'] .dish-image { aspect-ratio:3 / 2; }
.menu-page .dish-card[data-category='Sushi'] .dish-image img {
  width:100%; height:100%; object-fit:cover; filter:none; transform-origin:center; transform:none;
  -webkit-mask-image:linear-gradient(to right, transparent 0, #000 7%, #000 93%, transparent 100%);
  mask-image:linear-gradient(to right, transparent 0, #000 7%, #000 93%, transparent 100%);
}
.menu-page .dish-card[data-category='Sushi']:hover .dish-image img { transform:scale(1.04); }
/* Shake Mix is the only photo of a whole, thinner plate: zoom it a little so its rounded ends run
   past the frame like the others and the sushi is the same height. */
.menu-page .dish-card[data-slug='shake-mix'] .dish-image img { transform-origin:50% 71%; transform:scale(1.2); } /* 71% = the shared plate baseline in the 3:2 frame */
.menu-page .dish-card[data-slug='shake-mix']:hover .dish-image img { transform:scale(1.25); }
/* Family sushi is a round tub: show it whole, without the edge fade. */
.menu-page .dish-card[data-slug='family-sushi'] .dish-image img { -webkit-mask-image:none; mask-image:none; }
@media(prefers-reduced-motion:reduce) {
  .dish-card .dish-image img { transition:none; }
  .dish-card:hover .dish-image img { transform:none; }
  .menu-page .dish-card[data-slug='shake-mix']:hover .dish-image img { transform:scale(1.2); }
}