/* Shared behavior uses each template's own palette and typography. */
[hidden]{display:none!important}
:root{--image-x:50%;--image-y:50%}
img:not(.logo){object-position:var(--image-x) var(--image-y)}
html[data-hero-fit=contain] .hero img:not(.logo){object-fit:contain}
a,button,input{touch-action:manipulation}
button,input{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
a:active,button:active{transform:translateY(1px)}
.preview-bar{font-size:.8125rem;line-height:1.5;padding:.4rem 1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.menu-search{margin:0 auto;padding:0 var(--m) 1.75rem;max-width:80rem;color:inherit}
.menu-search label{display:block;margin-bottom:.65rem;font-weight:500}
.search-row{display:flex;align-items:center;gap:.75rem;max-width:36rem}
.search-row input{min-width:0;width:100%;min-height:3.25rem;border:1px solid currentColor;border-radius:0;background:transparent;color:inherit;padding:.7rem 1rem}
.search-row input::placeholder{color:inherit;opacity:.7}
.search-row button{flex:none;background:transparent;color:inherit;border:0;min-width:2.75rem;min-height:2.75rem;cursor:pointer;text-decoration:underline;text-underline-offset:.25em}
.search-status{font-size:1rem;line-height:1.65;margin:1rem 0 0}
#dish .hero.ph{display:none}
#dish .body img.hero{object-position:var(--image-x) var(--image-y)}
#dish .in{overflow-wrap:anywhere}
#dish .dish-order{margin-top:1.5rem;font-size:1rem;max-width:100%;text-align:center}
.noimg .card{min-width:0}
.noimg .card>div{min-width:0}
.noimg .card b{overflow-wrap:anywhere}
.week-hours summary{cursor:pointer;min-height:2.75rem;display:list-item;align-content:center;font-size:1.0625rem;font-weight:500}
.week-hours[open] summary{margin-bottom:1rem}
.week-hours table{width:100%}
.menu-link{display:inline-flex;min-height:2.75rem;align-items:center;max-width:max-content;margin-top:.5rem;text-underline-offset:.25em}
.mobile-order{display:none}
@media(max-width:700px){
  .mobile-order{position:fixed;bottom:0;inset-inline:0;z-index:8;display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:.75rem max(1rem,env(safe-area-inset-right)) calc(.75rem + env(safe-area-inset-bottom));background:var(--foundation-bg);color:var(--foundation-ink)}
  .mobile-order .btn{min-height:2.75rem;flex:1;max-width:22rem;padding:.6rem 1.25rem}
  .mobile-order>a:last-child{min-height:2.75rem;display:inline-flex;align-items:center;font-size:1rem;text-underline-offset:.25em}
  body:has(.mobile-order:not([hidden])){padding-bottom:5.5rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}a:active,button:active{transform:none}}

.space-gallery{padding:clamp(3rem,7vw,7rem) var(--m)}
.space-gallery h2{margin:0 0 1.5rem;font-size:clamp(2rem,4vw,3.5rem)}
.space-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,3vw,2rem)}
.space-grid figure{margin:0;min-width:0;overflow:hidden}
.space-grid img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
html[data-template=cafe] .space-grid figure:nth-child(2n){padding-top:3rem}
html[data-template=bakery] .space-grid figure:first-child img{border-radius:50% 50% 0 0}
html[data-template=sweets] .space-grid{gap:clamp(1.5rem,4vw,4rem)}
@media(max-width:600px){.space-grid{grid-template-columns:1fr}.space-grid figure:nth-child(2n){padding-top:0!important}}

.menu-footer-links{display:flex;align-items:center;flex-wrap:wrap;gap:1.25rem}
.menu-footer-links a{min-height:2.75rem;display:inline-flex;align-items:center}

/* Final visual polish: ranges stay intact even with split shifts and a compact phone. */
.hours-range{display:inline-block;white-space:nowrap;unicode-bidi:isolate}
#hours .hours-range+.hours-range{margin-inline-start:.75rem}
.today-line{align-items:flex-start}
.today-line>b{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.35rem .75rem;min-width:0}
#today-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .75rem}
/* On a wide screen the dish is a product panel, with its information beside its photograph. */
@media(min-width:1000px){
  #dish{width:min(92vw,64rem);max-width:64rem;max-height:calc(100dvh - 3rem);height:fit-content;min-height:0;inset:0;margin:auto}
  #dish .body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}
  #dish .body>.hero:not(.ph){width:100%;height:min(58vh,34rem);max-height:none;aspect-ratio:auto;margin:0;object-fit:cover}
  #dish .body>.hero img{width:100%;height:100%;object-fit:cover}
  #dish .body>.tile.hero{width:calc(100% - 3rem);height:auto;aspect-ratio:1;margin:1.5rem;overflow:hidden}
  #dish .body>.tile.hero img{object-fit:contain}
  #dish .in{margin:0;max-width:none;padding:2rem;min-width:0}
  #dish .body:not(:has(>.hero:not(.ph))){display:block;max-width:42rem;margin:auto}
}
@media(max-width:600px){
  html[data-template=cafe] .cluster figure:nth-child(even){transform:none}
  html[data-template=cafe] .cluster{padding-bottom:0}
  html[data-template=cafe] .cluster figcaption{display:grid;justify-content:start;gap:.25rem;text-align:start}

}
html[data-template=fastfood] .order article .btn{background:transparent;color:inherit;border:2px solid currentColor}
/* Keep a short photographic edit balanced at every count; never drop menu photographs. */
html[data-template=fastfood] .wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}
html[data-template=fastfood] .wall figure:nth-child(n){grid-column:auto;margin-top:0;min-width:0}
html[data-template=fastfood] .wall figure:first-child{grid-column:1/-1}
html[data-template=fastfood] .wall figure:nth-child(n) img{aspect-ratio:4/3}
html[data-template=fastfood] .wall figure:first-child img{aspect-ratio:16/9}
html[data-template=fastfood] .wall figure:last-child:nth-child(even){grid-column:1/-1}
html[data-template=fastfood] .wall figcaption{font-size:1.125rem;line-height:1.6;flex-wrap:wrap}
html[data-template=fastfood] .order h2{font-size:clamp(4.5rem,14vw,12rem);line-height:1.1}
html[data-template=restaurant] #menu .noimg .card{background:transparent}
@media(max-width:600px){
  html[data-template=fastfood] .wall{gap:1.5rem 1rem}
  html[data-template=fastfood] .wall figure:nth-child(n) img{aspect-ratio:1}
  html[data-template=fastfood] .wall figure:first-child img{aspect-ratio:16/9}
  html[data-template=fastfood] .wall figcaption{display:grid;font-size:1rem}
}
/* Gift boxes can be tall: show the actual product and its packaging together in the detail view. */
html[data-template=sweets] #dish .hero{background:var(--tint)}
html[data-template=sweets] #dish .hero img{object-fit:contain}
@media(max-width:600px){
  html[data-template=cafe] .facts #cd-h{font-size:clamp(1.25rem,5.5vw,2.25rem);white-space:nowrap}
}

/* Restaurant menu: aligned dish rows and equally prominent mobile actions. */
html[data-template=restaurant] .dishes{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2.5rem}
html[data-template=restaurant] .dishes .dish,html[data-template=restaurant] .dishes .dish:first-child{grid-row:auto;grid-template-columns:7rem minmax(0,1fr);gap:1.25rem;margin:0;padding:1.5rem 0;border-bottom:1px solid color-mix(in srgb,currentColor 22%,transparent);align-items:center}
html[data-template=restaurant] .dishes .dish .fr,html[data-template=restaurant] .dishes .dish:first-child .fr{aspect-ratio:1;border-radius:.5rem}
html[data-template=restaurant] .dishes .dish h3,html[data-template=restaurant] .dishes .dish:first-child h3{font-size:1.25rem;line-height:1.6}
html[data-template=restaurant] #menu>section{border-top:2px solid color-mix(in srgb,currentColor 35%,transparent);padding-top:2rem;margin-top:3rem}
html[data-template=restaurant] #menu ul{gap:0 2.5rem}
html[data-template=restaurant] #menu li{border-bottom:1px solid color-mix(in srgb,currentColor 22%,transparent)}
html[data-template=restaurant] #menu .card{grid-template-columns:6.5rem minmax(0,1fr);gap:1.25rem;padding:1.25rem 0;min-height:9rem}
html[data-template=restaurant] #menu .card>div{grid-column:2;grid-row:1;min-width:0}
html[data-template=restaurant] #menu .card img{grid-column:1;grid-row:1;width:6.5rem;height:6.5rem;object-fit:cover;border-radius:.5rem}
html[data-template=restaurant] #menu .noimg .card{grid-template-columns:minmax(0,1fr) auto;background:transparent}
html[data-template=restaurant] #menu .noimg .card>div{grid-column:1}
html[data-template=restaurant] #menu .noimg .card strong{grid-column:2;grid-row:1}
@media(max-width:700px){
 html[data-template=restaurant] .mobile-order{gap:.75rem}
 html[data-template=restaurant] .mobile-order>a,html[data-template=restaurant] .mobile-order .btn{flex:1 1 0;width:0;max-width:none;min-height:3.25rem;padding:.7rem .5rem;display:flex;justify-content:center;align-items:center;font-size:1rem;font-weight:500;line-height:1.4;text-align:center;text-decoration:none;border:1px solid var(--lit);border-radius:var(--radius,.4rem)}
 html[data-template=restaurant] .mobile-order>a:last-child{background:transparent;color:inherit}
 html[data-template=restaurant] .dishes{grid-template-columns:minmax(0,1fr)}
 html[data-template=restaurant] .dishes .dish,html[data-template=restaurant] .dishes .dish:first-child{grid-template-columns:6.5rem minmax(0,1fr);gap:1rem}
}

/* Continuous categories on the restaurant home page only. */
html[data-template=restaurant] .ticker{overflow:hidden;direction:rtl;padding-inline:0}
html[data-template=restaurant] .ticker div,html[data-template=restaurant] .ticker div+div{display:flex;animation:restaurant-ribbon var(--ribbon-duration,40s) linear infinite;will-change:transform}
html[data-template=restaurant] .ticker span:last-child::after{display:block}
html[data-template=restaurant] .ticker.is-paused div{animation-play-state:paused}
@keyframes restaurant-ribbon{to{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){html[data-template=restaurant] .ticker{overflow-x:auto}html[data-template=restaurant] .ticker div{animation:none}html[data-template=restaurant] .ticker div+div{display:none}}

/* The section divider replaces the final dish rule. */
html[data-template=restaurant] #menu li:last-child{border-bottom:0}
@media(min-width:760px){html[data-template=restaurant] #menu li:nth-last-child(2):nth-child(odd){border-bottom:0}}
/* Restaurant menu: aligned dish rows and equally prominent mobile actions. */
html[data-template=cafe] .dishes{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2.5rem}
html[data-template=cafe] .dishes .dish,html[data-template=cafe] .dishes .dish:first-child{grid-row:auto;grid-template-columns:7rem minmax(0,1fr);gap:1.25rem;margin:0;padding:1.5rem 0;border-bottom:1px solid color-mix(in srgb,currentColor 22%,transparent);align-items:center}
html[data-template=cafe] .dishes .dish .fr,html[data-template=cafe] .dishes .dish:first-child .fr{aspect-ratio:1;border-radius:.5rem}
html[data-template=cafe] .dishes .dish h3,html[data-template=cafe] .dishes .dish:first-child h3{font-size:1.25rem;line-height:1.6}
html[data-template=cafe] #menu>section{border-top:2px solid color-mix(in srgb,currentColor 35%,transparent);padding-top:2rem;margin-top:3rem}
html[data-template=cafe] #menu ul{gap:0 2.5rem}
html[data-template=cafe] #menu li{border-bottom:1px solid color-mix(in srgb,currentColor 22%,transparent)}
html[data-template=cafe] #menu .card{grid-template-columns:6.5rem minmax(0,1fr);gap:1.25rem;padding:1.25rem 0;min-height:9rem}
html[data-template=cafe] #menu .card>div{grid-column:2;grid-row:1;min-width:0}
html[data-template=cafe] #menu .card img{grid-column:1;grid-row:1;width:6.5rem;height:6.5rem;object-fit:cover;border-radius:.5rem}
html[data-template=cafe] #menu .noimg .card{grid-template-columns:minmax(0,1fr) auto;background:transparent}
html[data-template=cafe] #menu .noimg .card>div{grid-column:1}
html[data-template=cafe] #menu .noimg .card strong{grid-column:2;grid-row:1}
@media(max-width:700px){
 html[data-template=cafe] .mobile-order{gap:.75rem}
 html[data-template=cafe] .mobile-order>a,html[data-template=cafe] .mobile-order .btn{flex:1 1 0;width:0;max-width:none;min-height:3.25rem;padding:.7rem .5rem;display:flex;justify-content:center;align-items:center;font-size:1rem;font-weight:500;line-height:1.4;text-align:center;text-decoration:none;border:1px solid var(--lit);border-radius:var(--radius,.4rem)}
 html[data-template=cafe] .mobile-order>a:last-child{background:transparent;color:inherit}
 html[data-template=cafe] .dishes{grid-template-columns:minmax(0,1fr)}
 html[data-template=cafe] .dishes .dish,html[data-template=cafe] .dishes .dish:first-child{grid-template-columns:6.5rem minmax(0,1fr);gap:1rem}
}


html[data-template=cafe] #menu ul{grid-template-columns:minmax(0,1fr)}
html[data-template=cafe] #menu .card{display:grid;text-align:start;aspect-ratio:auto;border-radius:0;justify-content:normal}
html[data-template=cafe] #menu .card>.tile{grid-column:1;grid-row:1;width:6.5rem;height:6.5rem;order:0;aspect-ratio:1;border-radius:.5rem;overflow:hidden}
html[data-template=cafe] #menu .card>.tile img{width:100%;height:100%;object-fit:cover;transform:none;mix-blend-mode:normal}
html[data-template=cafe] #menu .card .cal{margin-inline-start:0}
html[data-template=cafe] #menu li:last-child{border-bottom:0}
@media(min-width:760px){html[data-template=cafe] #menu ul{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-template=cafe] #menu li:nth-last-child(2):nth-child(odd){border-bottom:0}}
html[data-template=cafe] #row[data-auto-loop]{scroll-snap-type:none}

/* Keep studio-photo padding out of the thumbnail; retain the photo classifier. */
html[data-template=cafe] #menu .card>.tile img{display:block;object-fit:contain;transform:scale(var(--z,1));mix-blend-mode:multiply}
html[data-template=cafe] #menu .card>.tile.full img{object-fit:cover;mix-blend-mode:normal}

/* Bakery menu: aligned thumbnails, separated sections, equal mobile actions. */
html[data-template=bakery] #menu>section{border-top:2px solid color-mix(in srgb,currentColor 35%,transparent);padding-top:2rem;margin-top:3rem}
html[data-template=bakery] #menu ul{grid-template-columns:minmax(0,1fr);gap:0 2.5rem}
html[data-template=bakery] #menu li{border-bottom:1px solid color-mix(in srgb,currentColor 22%,transparent)}
html[data-template=bakery] #menu li:last-child{border-bottom:0}
html[data-template=bakery] #menu .card{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:1.25rem;align-items:center;padding:1.25rem 0;min-height:9rem;text-align:start}
html[data-template=bakery] #menu .card>div{grid-column:2;grid-row:1;min-width:0}
html[data-template=bakery] #menu .card img,html[data-template=bakery] #menu .card .ph{grid-column:1;grid-row:1;order:0;width:6.5rem;height:6.5rem;aspect-ratio:1;border-radius:.5rem;object-fit:cover;transform:none}
html[data-template=bakery] #menu .card:has(.ph){grid-template-columns:minmax(0,1fr)}
html[data-template=bakery] #menu .card:has(.ph)>div{grid-column:1}
html[data-template=bakery] #menu .card .ph{display:none}
@media(min-width:760px){html[data-template=bakery] #menu ul{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-template=bakery] #menu li:nth-last-child(2):nth-child(odd){border-bottom:0}}
@media(max-width:700px){
 html[data-template=bakery] .mobile-order{gap:.75rem}
 html[data-template=bakery] .mobile-order>a,html[data-template=bakery] .mobile-order .btn{flex:1 1 0;width:0;max-width:none;min-height:3.25rem;padding:.7rem .5rem;display:flex;justify-content:center;align-items:center;font-size:1rem;font-weight:500;line-height:1.4;text-align:center;text-decoration:none;border:1px solid var(--accent);border-radius:999px}
 html[data-template=bakery] .mobile-order>a:last-child{background:transparent;color:inherit}
}

/* Dish detail shows the complete product photograph, without cropping. */
html[data-template=bakery] #dish .body img.hero{display:block;width:100%;height:auto;max-height:52dvh;aspect-ratio:auto;object-fit:contain;object-position:center;transform:none}

/* Cafe dish detail: square frame, complete image, no circular mask or zoom. */
html[data-template=cafe] #dish .body>.tile.hero{display:block;width:min(calc(100% - 2rem),52dvh);height:auto;aspect-ratio:1;margin:1rem auto;border-radius:0;background:transparent;overflow:hidden}
html[data-template=cafe] #dish .body>.tile.hero img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform:none;filter:none;mix-blend-mode:normal;border-radius:0}
/* Bakery menu: aligned thumbnails, separated sections, equal mobile actions. */
html[data-template=sweets] #menu>section{border-top:2px solid color-mix(in srgb,currentColor 35%,transparent);padding-top:2rem;margin-top:3rem}
html[data-template=sweets] #menu ul{grid-template-columns:minmax(0,1fr);gap:0 2.5rem}
html[data-template=sweets] #menu li{border-bottom:1px solid color-mix(in srgb,currentColor 22%,transparent)}
html[data-template=sweets] #menu li:last-child{border-bottom:0}
html[data-template=sweets] #menu .card{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:1.25rem;align-items:center;padding:1.25rem 0;min-height:9rem;text-align:start}
html[data-template=sweets] #menu .card>div{grid-column:2;grid-row:1;min-width:0}
html[data-template=sweets] #menu .card img,html[data-template=sweets] #menu .card .ph{grid-column:1;grid-row:1;order:0;width:6.5rem;height:6.5rem;aspect-ratio:1;border-radius:.5rem;object-fit:cover;transform:none}
html[data-template=sweets] #menu .card:has(.ph){grid-template-columns:minmax(0,1fr)}
html[data-template=sweets] #menu .card:has(.ph)>div{grid-column:1}
html[data-template=sweets] #menu .card .ph{display:none}
@media(min-width:760px){html[data-template=sweets] #menu ul{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-template=sweets] #menu li:nth-last-child(2):nth-child(odd){border-bottom:0}}
@media(max-width:700px){
 html[data-template=sweets] .mobile-order{gap:.75rem}
 html[data-template=sweets] .mobile-order>a,html[data-template=sweets] .mobile-order .btn{flex:1 1 0;width:0;max-width:none;min-height:3.25rem;padding:.7rem .5rem;display:flex;justify-content:center;align-items:center;font-size:1rem;font-weight:500;line-height:1.4;text-align:center;text-decoration:none;border:1px solid var(--brand);border-radius:999px}
 html[data-template=sweets] .mobile-order>a:last-child{background:transparent;color:inherit}
}


html[data-template=sweets] #menu{max-width:80rem;margin-inline:auto}
html[data-template=sweets] #menu .card>.dishimg{grid-column:1;grid-row:1;order:0;width:6.5rem;height:6.5rem;aspect-ratio:1;mask:none;-webkit-mask:none;border-radius:.5rem;overflow:hidden;background:transparent}
html[data-template=sweets] #menu .card>.dishimg img{display:block;width:100%;height:100%;object-fit:contain;transform:none;mix-blend-mode:normal}
html[data-template=sweets] #dish .body>.dishimg.hero{display:block;position:relative;width:min(calc(100% - 2rem),52dvh);height:auto;max-height:none;aspect-ratio:1;margin:1rem auto;mask:none;-webkit-mask:none;border-radius:0;overflow:hidden;background:transparent}
html[data-template=sweets] #dish .body>.dishimg.hero img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform:none;filter:none;mix-blend-mode:normal}
/* Bakery menu: aligned thumbnails, separated sections, equal mobile actions. */
html[data-template=fastfood] #menu>section{border-top:2px solid color-mix(in srgb,currentColor 35%,transparent);padding-top:2rem;margin-top:3rem}
html[data-template=fastfood] #menu ul{grid-template-columns:minmax(0,1fr);gap:0 2.5rem}
html[data-template=fastfood] #menu li{border-bottom:1px solid color-mix(in srgb,currentColor 22%,transparent)}
html[data-template=fastfood] #menu li:last-child{border-bottom:0}
html[data-template=fastfood] #menu .card{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:1.25rem;align-items:center;padding:1.25rem 0;min-height:9rem;text-align:start}
html[data-template=fastfood] #menu .card>div{grid-column:2;grid-row:1;min-width:0}
html[data-template=fastfood] #menu .card img,html[data-template=fastfood] #menu .card .ph{grid-column:1;grid-row:1;order:0;width:6.5rem;height:6.5rem;aspect-ratio:1;border-radius:.5rem;object-fit:cover;transform:none}
html[data-template=fastfood] #menu .card:has(.ph){grid-template-columns:minmax(0,1fr)}
html[data-template=fastfood] #menu .card:has(.ph)>div{grid-column:1}
html[data-template=fastfood] #menu .card .ph{display:none}
@media(min-width:760px){html[data-template=fastfood] #menu ul{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-template=fastfood] #menu li:nth-last-child(2):nth-child(odd){border-bottom:0}}
@media(max-width:700px){
 html[data-template=fastfood] .mobile-order{gap:.75rem}
 html[data-template=fastfood] .mobile-order>a,html[data-template=fastfood] .mobile-order .btn{flex:1 1 0;width:0;max-width:none;min-height:3.25rem;padding:.7rem .5rem;display:flex;justify-content:center;align-items:center;font-size:1rem;font-weight:500;line-height:1.4;text-align:center;text-decoration:none;border:1px solid var(--hot);border-radius:999px}
 html[data-template=fastfood] .mobile-order>a:last-child{background:transparent;color:inherit}
}


html[data-template=fastfood] #menu li{background:transparent;border-radius:0;overflow:visible}
html[data-template=fastfood] #menu .card>div{padding:0}
html[data-template=fastfood] #menu .noimg .card{grid-template-columns:minmax(0,1fr) auto;min-height:9rem;justify-content:normal}
html[data-template=fastfood] #menu .noimg .card>div{grid-column:1}
html[data-template=fastfood] #menu .noimg .card strong{grid-column:2;grid-row:1;padding:0;font-size:1.2rem}
html[data-template=fastfood] #menu .card img{object-fit:contain;background:transparent}
html[data-template=fastfood] #menu .card>.ff-photo{grid-column:1;grid-row:1;position:relative;display:block;width:6.5rem;aspect-ratio:1;border-radius:.5rem;overflow:hidden}
html[data-template=fastfood] #menu .card>.ff-photo img{display:block;width:100%;height:100%;object-fit:contain;transform:none}
html[data-template=fastfood] #dish .body>.ff-photo.hero{display:block;position:relative;width:min(calc(100% - 2rem),52dvh);height:auto;max-height:none;aspect-ratio:1;margin:1rem auto;overflow:hidden}
html[data-template=fastfood] #dish .body>.ff-photo.hero img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform:none}

/* Loop the category names on the fast-food home page. */
html[data-template=fastfood] .ticker{overflow:hidden;direction:rtl;padding-inline:0}
html[data-template=fastfood] .ticker div,html[data-template=fastfood] .ticker div+div{display:flex;animation:fastfood-ribbon var(--ribbon-duration,40s) linear infinite;will-change:transform}
html[data-template=fastfood] .ticker span:last-child::after{display:block}
html[data-template=fastfood] .ticker.is-paused div{animation-play-state:paused}
@keyframes fastfood-ribbon{to{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){html[data-template=fastfood] .ticker{overflow-x:auto}html[data-template=fastfood] .ticker div{animation:none}html[data-template=fastfood] .ticker div+div{display:none}}