/* Reference product designs. Stored styles 1–7 still use the original rules. */
.eval-public #eval-menu-products.eval-designed-cards {
  --design-dark:linear-gradient(110deg,var(--menu-primary),color-mix(in srgb,var(--menu-primary) 70%,#161012));
  --design-light:var(--menu-card);
  --design-grid:repeat(3,minmax(0,1fr));
  grid-template-columns:var(--design-grid)!important;
}
.eval-public #eval-menu-products.eval-designed-cards.ratio-horizontal { --design-grid:repeat(2,minmax(0,1fr)); }
.eval-public #eval-menu-products.eval-designed-cards .eval-menu-card {
  container-type:inline-size;
  display:grid!important;
  width:100%;
  max-width:none;
  min-height:0!important;
  aspect-ratio:1;
  grid-template: minmax(0,64fr) minmax(0,36fr) / minmax(0,1fr);
  align-items:stretch;
  margin:0;
  padding:0;
  border:0;
  border-radius:9% / 9%!important;
  background:var(--design-light);
  color:var(--menu-name);
  box-shadow:none;
  text-align:center;
}
.eval-public #eval-menu-products.eval-designed-cards .eval-menu-card[hidden] { display:none!important; }
.eval-public #eval-menu-products.eval-designed-cards .eval-menu-card:focus-visible { outline:2px solid var(--menu-primary);outline-offset:3px; }
.eval-public #eval-menu-products.eval-designed-cards.ratio-vertical .eval-menu-card {
  aspect-ratio:592 / 758;
  grid-template-rows:minmax(0,61fr) minmax(0,39fr);
  border-radius:9% / 7%!important;
}
.eval-public #eval-menu-products.eval-designed-cards.ratio-horizontal .eval-menu-card {
  direction:ltr;
  aspect-ratio:1073 / 412;
  grid-template:minmax(0,1fr) / minmax(0,1fr) minmax(0,1fr);
  border-radius:5% / 13%!important;
}
.eval-public #eval-menu-products.eval-designed-cards:is(.style-8,.style-9,.style-10,.style-15):not(.ratio-horizontal) .eval-menu-card {
  border-radius:50% 50% 9% 9% / 50% 50% 9% 9%!important;
}
.eval-public #eval-menu-products.eval-designed-cards.ratio-vertical:is(.style-8,.style-9,.style-10,.style-15) .eval-menu-card {
  border-radius:50% 50% 9% 9% / 39% 39% 7% 7%!important;
}
.eval-public #eval-menu-products.eval-designed-cards.ratio-horizontal:is(.style-8,.style-9,.style-10,.style-15) .eval-menu-card {
  border-radius:5% 20% 20% 5% / 13% 50% 50% 13%!important;
}
.eval-public #eval-menu-products.eval-designed-cards .eval-card-image {
  display:grid;
  place-items:center;
  grid-area:1 / 1;
  position:static;
  --photo-width:72%;
  --photo-start:14%;
  width:var(--photo-width)!important;
  height:100%!important;
  aspect-ratio:auto!important;
  max-height:none;
  justify-self:left;
  margin:0!important;
  margin-left:calc(var(--photo-start) + (100% - var(--photo-width) - var(--photo-start)) * var(--photo-shift,0))!important;
  border-radius:0!important;
  background:transparent;
}
.eval-public #eval-menu-products.eval-designed-cards .eval-card-image img {
  display:block;
  width:100%;
  height:100%;
  min-height:0;
  object-fit:contain;
}
.eval-public #eval-menu-products.eval-designed-cards.fit-cover .eval-card-image img { object-fit:cover; }
.eval-public #eval-menu-products.eval-designed-cards.ratio-horizontal .eval-card-image {
  grid-area:1 / 2;
  --photo-width:75%;
  --photo-start:12.5%;
}
.eval-public #eval-menu-products.eval-designed-cards .eval-card-body {
  display:flex!important;
  grid-area:2 / 1;
  flex-direction:column;
  align-items:stretch;
  justify-content:center;
  min-height:0;
  gap:1.5cqw;
  margin:0;
  padding:0 9% 4%!important;
  border-radius:0;
  background:transparent!important;
}
.eval-public #eval-menu-products.eval-designed-cards.ratio-horizontal .eval-card-body {
  grid-area:1 / 1;
  padding:5% 2% 5% 9%!important;
}
html[dir=rtl] .eval-public #eval-menu-products.eval-designed-cards .eval-card-body { direction:rtl; }
.eval-public #eval-menu-products.eval-designed-cards .eval-card-body h2 {
  font-size:clamp(11px,8cqw,29px);
  line-height:1.18;
  margin:0!important;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
  overflow:hidden;
  color:var(--menu-name);
}
.eval-public #eval-menu-products.eval-designed-cards .eval-card-description {
  display:-webkit-box!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  font-size:clamp(9px,4.1cqw,14px);
  line-height:1.2;
  margin:0;
  color:var(--menu-description);
}
.eval-public #eval-menu-products.eval-designed-cards .eval-card-pricing {
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:nowrap;
  min-height:0;
  gap:clamp(3px,2cqw,13px);
  margin:1.2cqw 0 0!important;
  padding:0!important;
}
.eval-public #eval-menu-products.eval-designed-cards :is(.eval-menu-price,.eval-menu-calories) {
  display:inline-flex;
  align-items:baseline;
  justify-content:center;
  flex-wrap:wrap;
  gap:3px;
  min-width:0;
  border:1px solid currentColor!important;
  border-radius:clamp(4px,2.1cqw,10px)!important;
  padding:clamp(1px,.7cqw,4px) clamp(3px,1.5cqw,12px)!important;
  font-size:clamp(8px,3.4cqw,13px);
  line-height:1.25;
  white-space:normal;
}
.eval-public #eval-menu-products.eval-designed-cards .eval-menu-price {
  background:var(--design-light)!important;
  color:var(--menu-price);
}
.eval-public #eval-menu-products.eval-designed-cards .eval-menu-calories {
  background:transparent;
  color:var(--menu-calories);
}
.eval-public #eval-menu-products.eval-designed-cards.ratio-horizontal .eval-card-body h2 { font-size:clamp(13px,4.5cqw,29px); }
.eval-public #eval-menu-products.eval-designed-cards.ratio-horizontal .eval-card-description { font-size:clamp(10px,2.25cqw,14px); }
.eval-public #eval-menu-products.eval-designed-cards.ratio-horizontal :is(.eval-menu-price,.eval-menu-calories) { font-size:clamp(9px,1.9cqw,13px); }
.eval-public #eval-menu-products.eval-designed-cards.hide-description .eval-card-description,
.eval-public #eval-menu-products.eval-designed-cards .eval-card-description:empty,
.eval-public #eval-menu-products.eval-designed-cards.hide-calories .eval-menu-calories,
.eval-public #eval-menu-products.eval-designed-cards .eval-menu-price:empty { display:none!important; }

/* Corner prices sit against the outer edge. */
.eval-public #eval-menu-products.eval-designed-cards:is(.style-9,.style-13) .eval-card-body { position:static; }
.eval-public #eval-menu-products.eval-designed-cards:is(.style-9,.style-13) .eval-card-pricing { padding-bottom:2cqw!important; }
.eval-public #eval-menu-products.eval-designed-cards:is(.style-9,.style-13).ratio-square .eval-card-pricing { padding-left:19%!important; }
.eval-public #eval-menu-products.eval-designed-cards:is(.style-9,.style-13) .eval-menu-price {
  position:absolute;
  left:0;
  bottom:0;
  min-width:30%;
  padding:2.4cqw 2.3cqw!important;
  border-radius:0 8cqw 0 0!important;
}
.eval-public #eval-menu-products.eval-designed-cards:is(.style-9,.style-13).ratio-horizontal .eval-menu-price {
  min-width:17%;
  padding:1.5cqw!important;
  border-radius:0 4.5cqw 0 0!important;
}
.eval-public #eval-menu-products.eval-designed-cards:is(.style-9,.style-13).ratio-horizontal .eval-card-body { padding-bottom:7%!important; }

/* Contrast panel anchors the bottom left, with separate pricing on square cards. */
.eval-public #eval-menu-products.eval-designed-cards:is(.style-8,.style-12) .eval-card-body {
  align-self:end;
  width:84%;
  min-height:100%;
  justify-self:left;
  padding:3% 8% 4%!important;
  border-radius:0 30cqw 0 0;
  background:var(--design-dark)!important;
}
.eval-public #eval-menu-products.eval-designed-cards:is(.style-8,.style-12) .eval-menu-price {
  background:var(--design-light)!important;
  color:var(--menu-price);
}
.eval-public #eval-menu-products.eval-designed-cards:is(.style-8,.style-12).ratio-square .eval-card-body { width:67%;position:static; }
.eval-public #eval-menu-products.eval-designed-cards:is(.style-8,.style-12).ratio-square .eval-card-pricing {
  position:absolute;
  right:4%;
  bottom:6%;
  width:25%;
  flex-direction:column;
  align-items:stretch;
  gap:1cqw;
}
.eval-public #eval-menu-products.eval-designed-cards:is(.style-8,.style-12).ratio-square .eval-menu-price { background:var(--design-light)!important;color:var(--menu-price); }
.eval-public #eval-menu-products.eval-designed-cards:is(.style-8,.style-12).ratio-square .eval-menu-calories { color:var(--menu-calories); }
.eval-public #eval-menu-products.eval-designed-cards:is(.style-8,.style-12).ratio-horizontal .eval-card-body {
  width:98%;
  min-height:68%;
  padding:5% 7% 4%!important;
  border-radius:0 15cqw 0 0;
}

/* The card surface sits behind the original image. Radius clips the image itself. */
.eval-public #eval-menu-products.eval-designed-cards:is(.style-14,.style-15) .eval-card-image {
  align-self:center;
  --photo-width:61%;
  --photo-start:19.5%;
  --photo-default-radius:12%;
  height:auto!important;
  aspect-ratio:1!important;

}
.eval-public #eval-menu-products.eval-designed-cards:is(.style-14,.style-15) .eval-card-image img { object-fit:contain; }
.eval-public #eval-menu-products.eval-designed-cards:is(.style-14,.style-15).fit-cover .eval-card-image img { object-fit:cover; }
.eval-public #eval-menu-products.eval-designed-cards:is(.style-14,.style-15).ratio-square .eval-card-image { --photo-width:47%;--photo-start:26.5%; }
.eval-public #eval-menu-products.eval-designed-cards:is(.style-14,.style-15) .eval-card-pricing { justify-content:space-between; }
.eval-public #eval-menu-products.eval-designed-cards:is(.style-14,.style-15).ratio-horizontal .eval-menu-card { grid-template-columns:minmax(0,2fr) minmax(0,1fr); }
.eval-public #eval-menu-products.eval-designed-cards:is(.style-14,.style-15).ratio-horizontal .eval-card-image {
  --photo-width:78%;
  --photo-start:5%;
}
.eval-public #eval-menu-products.eval-designed-cards:is(.style-14,.style-15).ratio-horizontal .eval-card-body {
  text-align:start;
  padding:6% 3% 6% 12%!important;
}
@media(max-width:900px) {
  .eval-public #eval-menu-products.eval-designed-cards { --design-grid:repeat(2,minmax(0,1fr)); }
  .eval-public #eval-menu-products.eval-designed-cards.ratio-horizontal { --design-grid:minmax(0,1fr); }
}
@media(max-width:560px) {
  .eval-public #eval-menu-products.eval-designed-cards { gap:12px; }
  .eval-public.theme-glow #eval-menu-products.eval-designed-cards { padding-inline:14px; }
}
@media(max-width:340px) {
  .eval-public #eval-menu-products.eval-designed-cards { --design-grid:minmax(0,1fr); }
}

/* Glow uses the existing branch details with its own language and hours controls. */
.eval-public :is(.eval-glow-state,.eval-glow-branch-links,.eval-glow-header-socials) { display:none; }
.theme-glow .eval-regular-info { display:none; }
.eval-public .eval-regular-branch-links a,
.theme-glow #eval-branch-info .eval-glow-branch-links a {
  display:inline-block;
  padding:8px 10px;
  border:1px solid currentColor;
  border-radius:12px;
  text-decoration:none;
}
.theme-glow .eval-glow-header-socials { display:block; }
.theme-glow .eval-glow-header-socials .eval-glow-socials { direction:ltr;margin:24px 0 8px; }
.theme-glow .eval-glow-header-socials .eval-glow-socials:empty { display:none; }
.eval-public.theme-glow {
  --glow-control-ink:var(--menu-ui-ink,var(--menu-primary));
  --glow-control-fill:var(--glow-control-ink);
  --glow-control-label:var(--menu-bg);
  --glow-control-height:clamp(28px,6.5vw,36px);
}
.eval-public.theme-glow .eval-language-bar {
  position:absolute;
  inset:12px auto auto 12px;
  direction:ltr;
  gap:7px;
  padding:0;
  color:var(--glow-control-ink);
}
.theme-glow .eval-language-bar [data-language="en"] { order:-1; }
.theme-glow .eval-language-bar>span { display:none; }
.eval-public.theme-glow .eval-language-bar button,
.eval-public.theme-glow .eval-branch-info-action button {
  border:1px solid var(--glow-control-ink);
  border-radius:9px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:var(--glow-control-height);
  min-height:var(--glow-control-height);
  font-size:clamp(10px,2.7vw,14px);
  padding:0 11px;
  white-space:nowrap;
  line-height:1.5;
  outline:0;
}
.eval-public.theme-glow .eval-language-bar button { background:var(--menu-bg);color:var(--glow-control-ink); }
.eval-public.theme-glow .eval-language-bar button[aria-pressed=true],
.eval-public.theme-glow .eval-branch-info-action button {
  background:var(--glow-control-fill);
  color:var(--glow-control-label);
}
.eval-public.theme-glow :is(.eval-language-bar,.eval-branch-info-action) button:focus-visible { outline:2px solid var(--menu-primary);outline-offset:2px; }
.eval-public.theme-glow .eval-branch-info-action {
  display:block;
  position:absolute;
  right:12px;
  top:12px;
  z-index:4;
  margin:0;
}
.theme-glow .eval-branch-info-action .eval-glow-state { display:inline; }
.theme-glow .eval-branch-info-action .eval-glow-status-short:has(+ .eval-glow-status-time) { display:none; }
.theme-glow #eval-branch-info .eval-glow-state { display:block; }
.theme-glow #eval-branch-info .eval-glow-status-short:has(+ .eval-glow-status-time) { display:none; }
.theme-glow #eval-branch-info .eval-glow-branch-links { display:flex;gap:6px;flex-wrap:wrap; }
.theme-glow #eval-branch-info .eval-glow-branch-links a { margin:0;font-size:clamp(10px,3vw,13px); }
.theme-glow #eval-branch-info {
  border-radius:30px;
  padding:clamp(20px,5vw,35px);
}
.theme-glow #eval-branch-info h2 { margin-top:0; }
.theme-glow #eval-branch-info [data-close-info] {
  float:inline-end;
  color:var(--menu-bg)!important;
  background:var(--menu-primary)!important;
}
.theme-glow #eval-branch-info .eval-public-hours li {
  border-bottom:0;
  padding:11px 0;
  font-size:13px;
}
@media(max-width:359px) {
  .theme-glow .eval-branch-info-action .eval-glow-status-time { display:none; }
  .theme-glow .eval-branch-info-action .eval-glow-status-short:has(+ .eval-glow-status-time) { display:inline; }
}

#eval-menu-products[data-photo-position="center"] { --photo-shift:.5; }
#eval-menu-products[data-photo-position="right"] { --photo-shift:1; }
.eval-public #eval-menu-products:not(.eval-designed-cards)[data-photo-position="center"] .eval-card-image img { object-position:75% center; }
.eval-public #eval-menu-products:not(.eval-designed-cards)[data-photo-position="right"] .eval-card-image img { object-position:right center; }
.eval-public #eval-menu-products .eval-card-image img {
  border-top-left-radius:var(--photo-top-left,var(--photo-default-radius,inherit));
  border-top-right-radius:var(--photo-top-right,var(--photo-default-radius,inherit));
  border-bottom-right-radius:var(--photo-bottom-right,var(--photo-default-radius,inherit));
  border-bottom-left-radius:var(--photo-bottom-left,var(--photo-default-radius,inherit));
}
