:root {
  --menu-page-bg: #e6dcd0;
  --menu-page-brown: #754636;

  --menu-page-price: #875240;
  --menu-page-accent: #af8b72;
  --menu-page-cream: #eee8dc;
  --menu-page-card: #ccb6a4;

  --menu-dish-photo-width: 226px;
  --menu-dish-photo-height: 153px;
  --menu-dish-photo-radius: 26px;

  --menu-cat-card-w: calc(451px * 1728 / 3660);
  --menu-cat-card-h: calc(449px * 1728 / 3660);
  --menu-cat-gap: calc(113px * 1728 / 3660);
  --menu-cat-track-w: calc(1578px * 1728 / 3660);
  --menu-cat-label-fs: calc(50px * 1728 / 3660);
  --menu-cat-label-minh: calc(140px * 1728 / 3660);

  --menu-cat-label-top-def: calc(58px * 1728 / 3660);
  --menu-cat-inset-label-x: calc(17px * 1728 / 3660);
}

.menu-page-body {
  background: var(--menu-page-bg);

  min-height: 0;
}

.menu-page-body .reveal {
  transition-duration: 1.2s;
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}

.menu-page-body .reveal.reveal-delay-1 {
  transition-delay: 0.45s;
}

.menu-page-body .reveal.reveal-delay-2 {
  transition-delay: 0.56s;
}

.menu-page-body .reveal.reveal-delay-3 {
  transition-delay: 0.66s;
}

.menu-page-body .reveal.reveal-delay-4 {
  transition-delay: 0.76s;
}

.canvas--menu .nav-links a.nav-page-link {
  display: block;
}

.canvas--menu .nav-links li.nav-item--link {
  cursor: default;
}

.canvas--menu .nav-links li.nav-item--link:hover {
  transform: none;
}

.canvas--menu .nav-links li.nav-item--link a:hover {
  color: #af8b72;
  transform: translateY(-1px);
}

.canvas--menu .nav-links li.active .nav-page-link {
  color: #af8b72;
}

.canvas--menu {
  position: relative;
  width: 1728px;

  height: 3588px;

  background-color: var(--menu-page-bg);
  background-image: linear-gradient(
    180deg,
    #b28f77 0%,
    #ceb8a6 20%,
    #e6dcd0 42%,
    #e6dcd0 62%,
    #dccab9 70%,
    #ceb39f 78%,
    #cfb29d 92%,
    #b48971 100%
  );
  overflow: hidden;
}

.menu-frame {
  width: 100%;
  padding: 0;
  box-sizing: border-box;
  position: relative;
}

.menu-hero {
  position: absolute;
  left: 0;
  top: 0;
  width: 1728px;
  height: 360px;
  margin: 0;
  z-index: 3;
  pointer-events: none;
  transform: scale(0.82);
  transform-origin: top center;
}

.menu-hero-lines {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}

.menu-hero-line {
  position: absolute;
  height: 2px;
  background: repeating-linear-gradient(90deg, #ffffff 0 30px, transparent 30px 60px);
}

.menu-hero-line--1 {
  left: -390px;
  top: 315px;
  width: 1093px;
}

.menu-hero-line--2 {
  left: 1192px;
  top: 315px;
  width: 926px;
}

.menu-hero-line--3 {
  left: 1029px;
  top: 247px;
  width: 1089px;
}

.menu-hero-line--4 {
  left: -390px;
  top: 247px;
  width: 919px;
}

.menu-hero-line--5 {
  left: 676px;
  top: 247px;
  width: 201px;
}

.menu-hero-line--6 {
  left: 834px;
  top: 315px;
  width: 229px;
}

.menu-letter {
  position: absolute;
  margin: 0;
  width: 105px;
  font-family: "Libre Baskerville", serif;
  font-size: 84px;
  font-weight: 700;
  line-height: 1.24;
  text-align: center;
  color: #fefcf8;
  z-index: 3;
}

.menu-letter--m {
  left: 544px;
  top: 185px;
  height: 132px;
}

.menu-letter--e {
  left: 709px;
  top: 251px;
  height: 132px;
}

.menu-letter--n {
  left: 891px;
  top: 185px;
  height: 165px;
}

.menu-letter--u {
  left: 1067px;
  top: 257px;
  height: 132px;
}

@keyframes menuHeroFadeUp {
  from {
    opacity: 0;
    transform: translateY(16px);
    filter: blur(3px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}

@media (max-width: 900px) {
  body.menu-page-body .canvas.canvas--menu .footer,
  body.menu-page-body .canvas.canvas--menu:has(.menu-breakfast--classics-compact) .footer,
  body.menu-page-body .canvas.canvas--menu:has(.menu-breakfast--tight-below-carousel) .footer,
  body.menu-page-body .canvas.canvas--menu:has(#menuPanelMixMatch.is-active) .footer,
  body.menu-page-body .canvas.canvas--menu:has(#menuPanelSetMains.is-active) .footer,
  body.menu-page-body .canvas.canvas--menu:has(#menuPanelDinnerSetB.is-active) .footer,
  body.menu-page-body .canvas.canvas--menu:has(#menuPanelMainCourse.is-active[data-layout="mains"]) .footer,
  body.menu-page-body .canvas.canvas--menu:has(#menuPanelMainCourse.is-active[data-layout="pasta"]) .footer,
  body.menu-page-body .canvas.canvas--menu:has(#menuPanelMainCourse.is-active[data-layout="craft-ice-blended"]) .footer,
  body.menu-page-body .canvas.canvas--menu:has(#menuPanelMainCourse.is-active[data-layout="craft-green-tea"]) .footer,
  body.menu-page-body .canvas.canvas--menu:has(#menuPanelMainCourse.is-active[data-layout="craft-flower-tea"]) .footer,
  body.menu-page-body .canvas.canvas--menu:has(#menuPanelMainCourse.is-active[data-layout="rice-bowl"]) .footer,
  body.menu-page-body .canvas.canvas--menu:has(#menuPanelMainCourse.is-active[data-layout="craft-coffee"]) .footer,
  body.menu-page-body .canvas.canvas--menu:has(#menuPanelMainCourse.is-active[data-layout="craft-matcha"]) .footer,
  body.menu-page-body .canvas.canvas--menu:has(#menuPanelMainCourse.is-active[data-layout="craft-sparkling"]) .footer,
  body.menu-page-body .canvas.canvas--menu:has(#menuPanelMainCourse.is-active[data-layout="fried-rice"]) .footer,
  body.menu-page-body .canvas.canvas--menu:has(#menuPanelSnacks.is-active[data-layout="bites"]) .footer,
  body.menu-page-body .canvas.canvas--menu:has(#menuPanelSnacks.is-active[data-layout="salads"]) .footer {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 16px 20px !important;
    background: #e6dcd0 !important;
    overflow: visible !important;
  }

  body.menu-page-body .canvas.canvas--menu .footer-inner,
  body.menu-page-body .canvas.canvas--menu .copyright {
    transform: none !important;
  }
}

@media (max-width: 900px) {
  body.menu-page-body .canvas.canvas--menu .menu-categories {
    height: 350px !important;
    margin: 0 auto 8px !important;
    overflow: visible !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-category-track {
    height: 306px !important;
    align-items: flex-start !important;
    overflow: visible !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-category-card {
    width: clamp(250px, 68vw, 286px) !important;
    height: clamp(270px, 72vw, 306px) !important;
    flex: 0 0 clamp(250px, 68vw, 286px) !important;
    border-radius: 24px !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-category-card__label {
    top: 40px !important;
    width: 82% !important;
    min-height: 82px !important;
    font-size: clamp(27px, 6.7vw, 34px) !important;
    line-height: 0.94 !important;
    letter-spacing: -0.01em !important;
    white-space: normal !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-category-card[data-category-id="craft-beverage"] .menu-category-card__label,
  body.menu-page-body .canvas.canvas--menu .menu-category-card[data-category-id="main-course"] .menu-category-card__label,
  body.menu-page-body .canvas.canvas--menu .menu-category-card[data-category-id="snacks"] .menu-category-card__label {
    font-size: clamp(24px, 5.9vw, 30px) !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-category-card__photo {
    top: auto !important;
    bottom: 16px !important;
    width: 72% !important;
    height: 42% !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-category-card__photo img {
    transform: scale(calc(var(--cat-img-scale, 1) * 1.34)) translateY(var(--cat-img-shift-y, 0px)) !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-carousel-arrow {
    top: 146px !important;
    width: 74px !important;
    height: 42px !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-carousel-arrow img {
    width: 74px !important;
    height: 42px !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-carousel-arrow--left {
    left: 18px !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-carousel-arrow--right {
    right: 18px !important;
  }
}

@media (max-width: 900px) {
  body.menu-page-body .canvas.canvas--menu .menu-hero {
    --menu-hero-mobile-scale: 0.38;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 430px !important;
    height: calc(360px * var(--menu-hero-mobile-scale)) !important;
    min-height: calc(360px * var(--menu-hero-mobile-scale)) !important;
    margin: 72px auto 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    transform: none !important;
    pointer-events: none !important;
    z-index: 3 !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-hero-lines {
    position: absolute !important;
    left: 50% !important;
    top: 0 !important;
    width: 1728px !important;
    height: 360px !important;
    transform: translateX(-50%) scale(var(--menu-hero-mobile-scale)) !important;
    transform-origin: top center !important;
    overflow: visible !important;
    z-index: 1 !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-hero-line {
    position: absolute !important;
    display: block !important;
    height: 2px !important;
    opacity: 1 !important;
    animation: none !important;
    transform: none !important;
    background: repeating-linear-gradient(90deg, #ffffff 0 30px, transparent 30px 60px) !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-hero-line--1 {
    left: -390px !important;
    top: 315px !important;
    width: 1093px !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-hero-line--2 {
    left: 1192px !important;
    top: 315px !important;
    width: 926px !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-hero-line--3 {
    left: 1029px !important;
    top: 247px !important;
    width: 1089px !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-hero-line--4 {
    left: -390px !important;
    top: 247px !important;
    width: 919px !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-hero-line--5 {
    left: 676px !important;
    top: 247px !important;
    width: 201px !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-hero-line--6 {
    left: 834px !important;
    top: 315px !important;
    width: 229px !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-letter {
    position: absolute !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    font-size: 32px !important;
    line-height: 1 !important;
    opacity: 1 !important;
    animation: none !important;
    filter: none !important;
    transform: none !important;
    z-index: 2 !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-letter--m {
    left: calc(50% - 122px) !important;
    top: 70px !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-letter--e {
    left: calc(50% - 59px) !important;
    top: 95px !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-letter--n {
    left: calc(50% + 11px) !important;
    top: 70px !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-letter--u {
    left: calc(50% + 78px) !important;
    top: 97px !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-categories {
    margin-top: 18px !important;
  }
}

@media (max-width: 900px) {
  body.menu-page-body .canvas.canvas--menu .menu-hero {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 430px !important;
    height: 145px !important;
    min-height: 145px !important;
    margin: 72px auto 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    transform: none !important;
    pointer-events: none !important;
    z-index: 3 !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-hero-lines {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 145px !important;
    transform: none !important;
    z-index: 1 !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-hero-line {
    position: absolute !important;
    display: block !important;
    height: 1.5px !important;
    opacity: 1 !important;
    animation: none !important;
    transform: none !important;
    background: repeating-linear-gradient(90deg, #ffffff 0 16px, transparent 16px 30px) !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-hero-line--1 {
    left: -15px !important;
    top: 76px !important;
    width: 145px !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-hero-line--2 {
    left: 278px !important;
    top: 76px !important;
    width: 165px !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-hero-line--3 {
    left: 238px !important;
    top: 110px !important;
    width: 205px !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-hero-line--4 {
    left: -15px !important;
    top: 110px !important;
    width: 185px !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-hero-line--5 {
    left: 126px !important;
    top: 76px !important;
    width: 50px !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-hero-line--6 {
    left: 173px !important;
    top: 110px !important;
    width: 48px !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-letter {
    position: absolute !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    font-size: 28px !important;
    line-height: 1 !important;
    opacity: 1 !important;
    animation: none !important;
    filter: none !important;
    transform: none !important;
    z-index: 2 !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-letter--m {
    left: 126px !important;
    top: 61px !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-letter--n {
    left: 219px !important;
    top: 61px !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-letter--e {
    left: 174px !important;
    top: 95px !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-letter--u {
    left: 270px !important;
    top: 95px !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-categories {
    margin-top: 0 !important;
  }
}

@media (max-width: 900px) {
  body.menu-page-body .canvas.canvas--menu .menu-hero-line--1 {
    left: -15px !important;
    top: 76px !important;
    width: 132px !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-hero-line--5 {
    left: 174px !important;
    top: 76px !important;
    width: 35px !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-hero-line--2 {
    left: 256px !important;
    top: 76px !important;
    width: 187px !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-hero-line--4 {
    left: -15px !important;
    top: 110px !important;
    width: 165px !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-hero-line--6 {
    left: 204px !important;
    top: 110px !important;
    width: 48px !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-hero-line--3 {
    left: 302px !important;
    top: 110px !important;
    width: 141px !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-letter--m {
    left: 126px !important;
    top: 61px !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-letter--n {
    left: 219px !important;
    top: 61px !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-letter--e {
    left: 174px !important;
    top: 95px !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-letter--u {
    left: 270px !important;
    top: 95px !important;
  }
}

@keyframes menuHeroLineSweep {
  from {
    opacity: 0;
    transform: scaleX(0.9);
  }
  to {
    opacity: 1;
    transform: scaleX(1);
  }
}

.menu-hero-fx-lines .menu-hero-line {
  opacity: 0;
  transform-origin: center;
  animation: menuHeroLineSweep 860ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.menu-hero-fx-lines .menu-hero-line:nth-child(1) {
  animation-delay: 60ms;
}

.menu-hero-fx-lines .menu-hero-line:nth-child(2) {
  animation-delay: 120ms;
}

.menu-hero-fx-lines .menu-hero-line:nth-child(3) {
  animation-delay: 180ms;
}

.menu-hero-fx-lines .menu-hero-line:nth-child(4) {
  animation-delay: 240ms;
}

.menu-hero-fx-lines .menu-hero-line:nth-child(5) {
  animation-delay: 300ms;
}

.menu-hero-fx-lines .menu-hero-line:nth-child(6) {
  animation-delay: 360ms;
}

.menu-hero-fx-word {
  opacity: 0;
  animation: menuHeroFadeUp 760ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.menu-letter--m.menu-hero-fx-word {
  animation-delay: 260ms;
}

.menu-letter--e.menu-hero-fx-word {
  animation-delay: 360ms;
}

.menu-letter--n.menu-hero-fx-word {
  animation-delay: 460ms;
}

.menu-letter--u.menu-hero-fx-word {
  animation-delay: 560ms;
}

.menu-categories {
  position: absolute;
  left: 0;
  top: 470px;
  width: 1728px;
  height: 430px;
  margin: 0;
  z-index: 20;
}

.menu-category-track {
  position: relative;
  width: var(--menu-cat-track-w);
  height: calc(var(--menu-cat-card-h) + 32px);
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: var(--menu-cat-gap);
}

.menu-category-card {
  --menu-enter-index: 0;
  position: relative;
  box-sizing: border-box;
  width: var(--menu-cat-card-w);
  height: var(--menu-cat-card-h);
  border: 2px solid rgba(117, 70, 54, 0.2);
  border-radius: 20px;
  background: rgba(238, 232, 220, 0.34);
  padding: 0;
  box-shadow: 0 4px 9.9px 2px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  display: block;
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
  opacity: 0;
  animation: menu-fade-up 480ms cubic-bezier(0.2, 0.82, 0.22, 1) forwards;
  animation-delay: calc(var(--menu-enter-index) * 48ms);
  backface-visibility: hidden;
}

.menu-category-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.18);
  border-color: rgba(117, 70, 54, 0.55);
  background: rgba(255, 255, 255, 0.12);
}

.menu-category-card.is-active {
  border: 4px solid #754636;
  background: rgba(255, 255, 255, 0.28);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.22);
}

.menu-category-card.is-active:hover {
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.22);
}

.menu-category-card:nth-child(1) {
  --menu-enter-index: 0;
}

.menu-category-card:nth-child(2) {
  --menu-enter-index: 1;
}

.menu-category-card:nth-child(3) {
  --menu-enter-index: 2;
}

.menu-category-card__photo {
  position: absolute;
  left: 50%;
  bottom: 10px;
  width: 92%;
  max-width: 100%;
  height: 52%;
  transform: translateX(-50%);
  box-sizing: border-box;
  display: block;
  margin: 0;
  border-radius: 0;
  overflow: visible;
  background: transparent;
  z-index: 1;
  top: auto;
  right: auto;

}

.menu-category-card__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transform-origin: center center;
  transform: scale(var(--cat-img-scale, 1)) translateY(var(--cat-img-shift-y, 0px));

  filter: drop-shadow(0 6px 10px rgba(0, 0, 0, 0.18));
}

.menu-category-card__label {
  position: absolute;
  left: 8px;
  right: 8px;
  top: 10px;
  width: auto;
  min-height: 52px;
  z-index: 2;
  display: block;
  margin: 0;
  font-family: "Libre Baskerville", serif;
  font-style: normal;
  font-weight: 400;
  font-size: var(--menu-cat-label-fs);
  line-height: 1.04;
  color: transparent;
  background: linear-gradient(180deg, #652c23 0%, #ccb6a4 100%);
  -webkit-background-clip: text;
  background-clip: text;
  text-align: center;
}

  .menu-category-card__label {
    left: 50%;
    top: var(--cat-label-top, var(--menu-cat-label-top-def));
    width: var(--cat-label-w, calc(100% - 2 * var(--menu-cat-inset-label-x)));
    right: auto;
    min-height: var(--cat-label-h, var(--menu-cat-label-minh));
    transform: translateX(-50%);
  }

  .menu-category-card__photo {
    left: 50%;
    top: var(--cat-img-top);
    width: var(--cat-img-w);
    height: var(--cat-img-h);
    bottom: auto;
    right: auto;
    transform: translateX(-50%);
  }

.menu-carousel-arrow {
  position: absolute;
  top: 96px;
  width: 80px;
  height: 43px;
  padding: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: transform 0.2s ease, filter 0.2s ease, opacity 0.2s ease;
}

.menu-carousel-arrow img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
}

.menu-carousel-arrow--left {
  left: 340px;
}

.menu-carousel-arrow--right {
  right: 340px;
}

.menu-carousel-arrow:hover {
  transform: scale(1.04);
  filter: brightness(1.08);
}

.menu-category-dots {
  position: absolute;
  left: 50%;
  bottom: 102px;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
}

.menu-category-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.42);
  transition: transform 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
  opacity: 0.85;
}

.menu-category-dot.is-active {
  background: rgba(255, 255, 255, 1);
  transform: scale(1.22);
  opacity: 1;
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.6);
}

.menu-section-heading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}

.menu-section-heading__copy {
  text-align: center;
}

.menu-section-heading__eyebrow,
.menu-section-heading__current {
  margin: 0;
  font-family: "League Spartan", sans-serif;
  color: var(--menu-page-brown);
}

.menu-section-heading__eyebrow {
  font-size: 22px;
  font-weight: 500;
}

.menu-section-heading__current {
  margin-top: 4px;
  font-size: 22px;
  font-weight: 500;
}

.menu-section-chevron {
  position: static;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 30px;
  color: var(--menu-page-brown);
  pointer-events: none;
}

.menu-section-chevron__svg {
  display: block;
  width: 7px;
  height: 12px;
}

.menu-breakfast-header {
  position: absolute;
  inset: 0;

  z-index: 2;
  pointer-events: none;
}

.menu-breakfast-header__row {
  position: absolute;
  left: 0;
  right: 0;
  top: 1014px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;

  justify-content: flex-start;
  align-items: center;
  gap: 14px;
  padding: 0 24px 0 401px;
  box-sizing: border-box;
  pointer-events: none;
}

.menu-breakfast-header__cluster {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.menu-breakfast-eyebrow,
.menu-breakfast-current {
  position: static;
  margin: 0;
  font-family: "League Spartan", sans-serif;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.2;
  color: var(--menu-page-brown);
  max-width: 420px;
  min-width: 0;
}

.menu-breakfast-eyebrow {
  text-align: left;
}

.menu-breakfast-current {
  text-align: left;
}

.menu-breakfast {
  position: relative;
  width: 100%;

  height: 2480px;
  z-index: 5;
}

.menu-subcategory-pills {
  position: absolute;
  left: 0;
  top: 1110px;
  width: 1728px;
  height: 50px;
  margin-top: 0;
  display: block;

  z-index: 5;
}

.menu-breakfast-items-area {
  position: absolute;
  left: 0;
  top: 0;
  width: 1728px;
  height: 2500px;
  z-index: 1;
}

.menu-breakfast-panel {
  position: absolute;
  inset: 0;
  display: none;
}

.menu-breakfast-panel.is-active {
  display: block;
}

.menu-breakfast-panel.is-active .menu-breakfast-card {
  --menu-enter-index: 0;
  opacity: 0;
  animation: menu-fade-up 420ms cubic-bezier(0.2, 0.82, 0.22, 1) forwards;
  animation-delay: calc(var(--menu-enter-index) * 42ms);
  backface-visibility: hidden;
}

.menu-breakfast-panel.is-active .menu-breakfast-card:nth-child(1) {
  --menu-enter-index: 0;
}

.menu-breakfast-panel.is-active .menu-breakfast-card:nth-child(2) {
  --menu-enter-index: 1;
}

.menu-breakfast-panel.is-active .menu-breakfast-card:nth-child(3) {
  --menu-enter-index: 2;
}

.menu-breakfast-panel.is-active .menu-breakfast-card:nth-child(4) {
  --menu-enter-index: 3;
}

.menu-breakfast-panel.is-active .menu-breakfast-card:nth-child(5) {
  --menu-enter-index: 4;
}

.menu-breakfast-panel.is-active .menu-breakfast-card:nth-child(6) {
  --menu-enter-index: 5;
}

.menu-breakfast-panel.is-active .menu-breakfast-card:nth-child(7) {
  --menu-enter-index: 6;
}

.menu-breakfast-panel.is-active .menu-breakfast-card:nth-child(8) {
  --menu-enter-index: 7;
}

.menu-breakfast.menu-breakfast--classics-compact {
  height: 1980px;
}

.menu-breakfast.menu-breakfast--classics-compact .menu-breakfast-items-area {
  height: 2000px;
}

.menu-breakfast.menu-breakfast--classics-compact ~ .menu-legend {
  margin-top: 18px;
}

.menu-breakfast.menu-breakfast--tight-below-carousel {
  height: 1760px;
}

.menu-breakfast.menu-breakfast--tight-below-carousel .menu-breakfast-items-area {
  height: 1780px;
}

.menu-breakfast.menu-breakfast--tight-below-carousel .menu-breakfast-header__row {
  top: 900px;
}

.menu-breakfast.menu-breakfast--tight-below-carousel .menu-subcategory-pills {
  top: 996px;
}

.menu-breakfast.menu-breakfast--tight-below-carousel .menu-breakfast-card--american,
.menu-breakfast.menu-breakfast--tight-below-carousel .menu-breakfast-card--wellbeing,
.menu-breakfast.menu-breakfast--tight-below-carousel .menu-breakfast-card--benedict {
  top: 1081px;
}

.menu-breakfast.menu-breakfast--tight-below-carousel .menu-breakfast-card--florentine,
.menu-breakfast.menu-breakfast--tight-below-carousel .menu-breakfast-card--nasi {
  top: 1364px;
}

.menu-breakfast.menu-breakfast--tight-below-carousel ~ .menu-legend {
  margin-top: 72px;
}

.menu-breakfast.menu-breakfast--tight-below-carousel .menu-setmeals-tab-placeholder {
  top: 1260px;
}

.menu-page-body .canvas--menu:has(.menu-breakfast--tight-below-carousel) {
  height: 2788px;
}

.menu-page-body .canvas--menu:has(.menu-breakfast--tight-below-carousel) .footer {
  top: 2080px;
}

.menu-breakfast:has(#menuPanelMixMatch.is-active) {
  height: 3020px;
}

.menu-breakfast:has(#menuPanelMixMatch.is-active) .menu-breakfast-items-area {
  height: 3040px;
}

.menu-breakfast:has(#menuPanelSetMains.is-active) {
  height: 2260px;
}

.menu-breakfast:has(#menuPanelSetMains.is-active) .menu-breakfast-items-area {
  height: 2280px;
}

.menu-breakfast:has(#menuPanelDinnerSetB.is-active) {
  height: 2080px;
}

.menu-breakfast:has(#menuPanelDinnerSetB.is-active) .menu-breakfast-items-area {
  height: 2100px;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="mains"]) {
  height: 1980px;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="mains"]) .menu-breakfast-items-area {
  height: 2000px;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="pasta"]) {
  height: 1980px;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="pasta"]) .menu-breakfast-items-area {
  height: 2000px;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-ice-blended"]) {
  height: 1980px;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-ice-blended"]) .menu-breakfast-items-area {
  height: 2000px;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-green-tea"], #menuPanelMainCourse.is-active[data-layout="craft-flower-tea"]) {
  height: 1980px;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-green-tea"], #menuPanelMainCourse.is-active[data-layout="craft-flower-tea"]) .menu-breakfast-items-area {
  height: 2000px;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="rice-bowl"]) {
  height: 1980px;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="rice-bowl"]) .menu-breakfast-items-area {
  height: 2000px;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="fried-rice"]) {
  height: 1760px;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="fried-rice"]) .menu-breakfast-items-area {
  height: 1780px;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-matcha"]) {
  height: 1760px;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-matcha"]) .menu-breakfast-items-area {
  height: 1780px;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-sparkling"]) {
  height: 1760px;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-sparkling"]) .menu-breakfast-items-area {
  height: 1780px;
}

.menu-breakfast:has(#menuPanelSnacks.is-active[data-layout="bites"]),
.menu-breakfast:has(#menuPanelSnacks.is-active[data-layout="salads"]) {
  height: 1760px;
}

.menu-breakfast:has(#menuPanelSnacks.is-active[data-layout="bites"]) .menu-breakfast-items-area,
.menu-breakfast:has(#menuPanelSnacks.is-active[data-layout="salads"]) .menu-breakfast-items-area {
  height: 1740px;
}

.menu-breakfast:has(#menuPanelMixMatch.is-active) .menu-breakfast-header__row,
.menu-breakfast:has(#menuPanelSetMains.is-active) .menu-breakfast-header__row,
.menu-breakfast:has(#menuPanelDinnerSetB.is-active) .menu-breakfast-header__row,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="mains"]) .menu-breakfast-header__row,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="pasta"]) .menu-breakfast-header__row,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="rice-bowl"]) .menu-breakfast-header__row,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="fried-rice"]) .menu-breakfast-header__row,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-coffee"]) .menu-breakfast-header__row,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-matcha"]) .menu-breakfast-header__row,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-sparkling"]) .menu-breakfast-header__row,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-ice-blended"]) .menu-breakfast-header__row,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-green-tea"], #menuPanelMainCourse.is-active[data-layout="craft-flower-tea"]) .menu-breakfast-header__row,
.menu-breakfast:has(#menuPanelSnacks.is-active[data-layout="bites"]) .menu-breakfast-header__row,
.menu-breakfast:has(#menuPanelSnacks.is-active[data-layout="salads"]) .menu-breakfast-header__row {
  top: 888px;
}

.menu-breakfast:has(#menuPanelMixMatch.is-active) .menu-subcategory-pills,
.menu-breakfast:has(#menuPanelSetMains.is-active) .menu-subcategory-pills,
.menu-breakfast:has(#menuPanelDinnerSetB.is-active) .menu-subcategory-pills,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="mains"]) .menu-subcategory-pills,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="pasta"]) .menu-subcategory-pills,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="rice-bowl"]) .menu-subcategory-pills,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="fried-rice"]) .menu-subcategory-pills,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-coffee"]) .menu-subcategory-pills,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-matcha"]) .menu-subcategory-pills,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-sparkling"]) .menu-subcategory-pills,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-ice-blended"]) .menu-subcategory-pills,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-green-tea"], #menuPanelMainCourse.is-active[data-layout="craft-flower-tea"]) .menu-subcategory-pills,
.menu-breakfast:has(#menuPanelSnacks.is-active[data-layout="bites"]) .menu-subcategory-pills,
.menu-breakfast:has(#menuPanelSnacks.is-active[data-layout="salads"]) .menu-subcategory-pills {
  top: 972px;
}

.menu-breakfast:has(#menuPanelMixMatch.is-active) .menu-breakfast-card--mix-0,
.menu-breakfast:has(#menuPanelMixMatch.is-active) .menu-breakfast-card--mix-1,
.menu-breakfast:has(#menuPanelMixMatch.is-active) .menu-breakfast-card--mix-2,
.menu-breakfast:has(#menuPanelSetMains.is-active) .menu-breakfast-card--mix-0,
.menu-breakfast:has(#menuPanelSetMains.is-active) .menu-breakfast-card--mix-1,
.menu-breakfast:has(#menuPanelSetMains.is-active) .menu-breakfast-card--mix-2,
.menu-breakfast:has(#menuPanelDinnerSetB.is-active) .menu-breakfast-card--mix-0,
.menu-breakfast:has(#menuPanelDinnerSetB.is-active) .menu-breakfast-card--mix-1,
.menu-breakfast:has(#menuPanelDinnerSetB.is-active) .menu-breakfast-card--mix-2,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="mains"]) .menu-breakfast-card--mix-0,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="mains"]) .menu-breakfast-card--mix-1,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="mains"]) .menu-breakfast-card--mix-2,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="pasta"]) .menu-breakfast-card--mix-0,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="pasta"]) .menu-breakfast-card--mix-1,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="pasta"]) .menu-breakfast-card--mix-2,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="rice-bowl"]) .menu-breakfast-card--mix-0,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="rice-bowl"]) .menu-breakfast-card--mix-1,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="rice-bowl"]) .menu-breakfast-card--mix-2,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="fried-rice"]) .menu-breakfast-card--mix-0,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="fried-rice"]) .menu-breakfast-card--mix-1,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="fried-rice"]) .menu-breakfast-card--mix-2,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-coffee"]) .menu-breakfast-card--mix-0,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-coffee"]) .menu-breakfast-card--mix-1,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-coffee"]) .menu-breakfast-card--mix-2,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-matcha"]) .menu-breakfast-card--mix-0,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-matcha"]) .menu-breakfast-card--mix-1,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-matcha"]) .menu-breakfast-card--mix-2,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-sparkling"]) .menu-breakfast-card--mix-0,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-sparkling"]) .menu-breakfast-card--mix-1,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-sparkling"]) .menu-breakfast-card--mix-2,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-ice-blended"]) .menu-breakfast-card--mix-0,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-ice-blended"]) .menu-breakfast-card--mix-1,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-ice-blended"]) .menu-breakfast-card--mix-2,
.menu-breakfast:has(#menuPanelSnacks.is-active[data-layout="bites"]) .menu-breakfast-card--mix-0,
.menu-breakfast:has(#menuPanelSnacks.is-active[data-layout="bites"]) .menu-breakfast-card--mix-1,
.menu-breakfast:has(#menuPanelSnacks.is-active[data-layout="bites"]) .menu-breakfast-card--mix-2,
.menu-breakfast:has(#menuPanelSnacks.is-active[data-layout="salads"]) .menu-breakfast-card--mix-0,
.menu-breakfast:has(#menuPanelSnacks.is-active[data-layout="salads"]) .menu-breakfast-card--mix-1,
.menu-breakfast:has(#menuPanelSnacks.is-active[data-layout="salads"]) .menu-breakfast-card--mix-2 {
  top: 1045px;
}

.menu-breakfast:has(#menuPanelMixMatch.is-active) .menu-breakfast-card--mix-3,
.menu-breakfast:has(#menuPanelMixMatch.is-active) .menu-breakfast-card--mix-4,
.menu-breakfast:has(#menuPanelMixMatch.is-active) .menu-breakfast-card--mix-5,
.menu-breakfast:has(#menuPanelSetMains.is-active) .menu-breakfast-card--mix-3,
.menu-breakfast:has(#menuPanelSetMains.is-active) .menu-breakfast-card--mix-4,
.menu-breakfast:has(#menuPanelSetMains.is-active) .menu-breakfast-card--mix-5,
.menu-breakfast:has(#menuPanelDinnerSetB.is-active) .menu-breakfast-card--mix-3,
.menu-breakfast:has(#menuPanelDinnerSetB.is-active) .menu-breakfast-card--mix-4,
.menu-breakfast:has(#menuPanelDinnerSetB.is-active) .menu-breakfast-card--mix-5,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="mains"]) .menu-breakfast-card--mix-3,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="mains"]) .menu-breakfast-card--mix-4,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="mains"]) .menu-breakfast-card--mix-5,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="rice-bowl"]) .menu-breakfast-card--mix-3,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="rice-bowl"]) .menu-breakfast-card--mix-4,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="rice-bowl"]) .menu-breakfast-card--mix-5,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="fried-rice"]) .menu-breakfast-card--mix-3,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="fried-rice"]) .menu-breakfast-card--mix-4,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="fried-rice"]) .menu-breakfast-card--mix-5,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-coffee"]) .menu-breakfast-card--mix-3,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-coffee"]) .menu-breakfast-card--mix-4,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-coffee"]) .menu-breakfast-card--mix-5,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-matcha"]) .menu-breakfast-card--mix-3 {
  top: 1328px;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-coffee"]) .menu-breakfast-card--mix-5 {
  left: 1053px;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-ice-blended"]) .menu-breakfast-card--mix-3,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-ice-blended"]) .menu-breakfast-card--mix-4,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-ice-blended"]) .menu-breakfast-card--mix-5 {
  top: 1328px;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-ice-blended"]) .menu-breakfast-card--mix-3 {
  left: 401px;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-ice-blended"]) .menu-breakfast-card--mix-4 {
  left: 727px;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-ice-blended"]) .menu-breakfast-card--mix-5 {
  left: 1053px;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-matcha"]) .menu-breakfast-card--mix-3 {
  left: 401px !important;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-coffee"][data-subcategory="coffee"]) .menu-breakfast-card--mix-2 {
  top: 1073px;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-coffee"][data-subcategory="coffee"]) .menu-breakfast-card--mix-1 {
  top: 1057px;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-coffee"][data-subcategory="coffee"]) .menu-breakfast-card--mix-3,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-coffee"][data-subcategory="coffee"]) .menu-breakfast-card--mix-4 {
  top: 1340px;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-coffee"][data-subcategory="coffee"]) .menu-breakfast-card--mix-5 {
  top: 1390px;
}

.menu-breakfast:has(#menuPanelMixMatch.is-active) .menu-breakfast-card--mix-6,
.menu-breakfast:has(#menuPanelMixMatch.is-active) .menu-breakfast-card--mix-7,
.menu-breakfast:has(#menuPanelSetMains.is-active) .menu-breakfast-card--mix-6,
.menu-breakfast:has(#menuPanelSetMains.is-active) .menu-breakfast-card--mix-7,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="rice-bowl"]) .menu-breakfast-card--mix-6,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="rice-bowl"]) .menu-breakfast-card--mix-7,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-coffee"]) .menu-breakfast-card--mix-6,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-coffee"]) .menu-breakfast-card--mix-7 {
  top: 1600px;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-coffee"][data-subcategory="coffee"]) .menu-breakfast-card--mix-6 {
  left: 401px;
  top: 1662px;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-coffee"][data-subcategory="coffee"]) .menu-breakfast-card--mix-7 {
  left: 727px;
  top: 1624px;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-coffee"][data-subcategory="coffee"]) .menu-breakfast-card--mix-7 .menu-breakfast-card__name-row {
  margin-top: -8px;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-coffee"][data-subcategory="coffee"]) .menu-breakfast-card--mix-8 {
  left: 1053px;
  top: 1662px;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-coffee"][data-subcategory="coffee"]) .menu-breakfast-card--mix-9 {
  left: 401px;
  top: 1868px;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="mains"]) .menu-breakfast-card--mix-6 {
  left: 401px;
  top: 1611px;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="pasta"]) .menu-breakfast-card--mix-3,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="pasta"]) .menu-breakfast-card--mix-4,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="pasta"]) .menu-breakfast-card--mix-5 {
  top: 1328px;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="pasta"]) .menu-breakfast-card--mix-3 {
  left: 401px;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="pasta"]) .menu-breakfast-card--mix-4 {
  left: 727px;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="pasta"]) .menu-breakfast-card--mix-5 {
  left: 1053px;
  top: 1296px;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="pasta"]) .menu-breakfast-card--mix-6 {
  left: 401px;
  top: 1578px;
}

.menu-breakfast:has(#menuPanelSnacks.is-active[data-layout="bites"]) .menu-breakfast-card--mix-3,
.menu-breakfast:has(#menuPanelSnacks.is-active[data-layout="bites"]) .menu-breakfast-card--mix-4 {
  top: 1328px;
}

.menu-breakfast:has(#menuPanelSnacks.is-active[data-layout="bites"]) .menu-breakfast-card--mix-3 {
  left: 564px;
}

.menu-breakfast:has(#menuPanelSnacks.is-active[data-layout="bites"]) .menu-breakfast-card--mix-4 {
  left: 890px;
}

.menu-breakfast:has(#menuPanelSnacks.is-active[data-layout="salads"]) .menu-breakfast-card--mix-3 {
  left: 401px;
  top: 1328px;
}

.menu-breakfast:has(#menuPanelSnacks.is-active[data-layout="salads"]) .menu-breakfast-card--mix-4,
.menu-breakfast:has(#menuPanelSnacks.is-active[data-layout="salads"]) .menu-breakfast-card--mix-5,
.menu-breakfast:has(#menuPanelSnacks.is-active[data-layout="salads"]) .menu-breakfast-card--mix-6,
.menu-breakfast:has(#menuPanelSnacks.is-active[data-layout="salads"]) .menu-breakfast-card--mix-7,
.menu-breakfast:has(#menuPanelSnacks.is-active[data-layout="salads"]) .menu-breakfast-card--mix-bev-0,
.menu-breakfast:has(#menuPanelSnacks.is-active[data-layout="salads"]) .menu-breakfast-card--mix-bev-1,
.menu-breakfast:has(#menuPanelSnacks.is-active[data-layout="salads"]) .menu-breakfast-card--mix-bev-2,
.menu-breakfast:has(#menuPanelSnacks.is-active[data-layout="salads"]) .menu-breakfast-card--mix-bev-3,
.menu-breakfast:has(#menuPanelSnacks.is-active[data-layout="salads"]) .menu-breakfast-card--mix-bev-4,
.menu-breakfast:has(#menuPanelSnacks.is-active[data-layout="salads"]) .menu-breakfast-card--mix-bev-5 {
  display: none !important;
}

.menu-breakfast:has(#menuPanelMixMatch.is-active) ~ .menu-legend,
.menu-breakfast:has(#menuPanelSetMains.is-active) ~ .menu-legend,
.menu-breakfast:has(#menuPanelDinnerSetB.is-active) ~ .menu-legend,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="mains"]) ~ .menu-legend,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="pasta"]) ~ .menu-legend,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="rice-bowl"]) ~ .menu-legend,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="fried-rice"]) ~ .menu-legend,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-coffee"]) ~ .menu-legend,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-matcha"]) ~ .menu-legend,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-sparkling"]) ~ .menu-legend {
  margin-top: 28px;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="mains"]) ~ .menu-legend {
  margin-top: 18px;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="pasta"]) ~ .menu-legend,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-ice-blended"]) ~ .menu-legend,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-green-tea"], #menuPanelMainCourse.is-active[data-layout="craft-flower-tea"]) ~ .menu-legend,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="rice-bowl"]) ~ .menu-legend,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="fried-rice"]) ~ .menu-legend {
  margin-top: 18px;
}

.menu-breakfast:has(#menuPanelSnacks.is-active[data-layout="bites"]) ~ .menu-legend,
.menu-breakfast:has(#menuPanelSnacks.is-active[data-layout="salads"]) ~ .menu-legend {
  margin-top: 28px;
}

.menu-breakfast:has(#menuPanelMixMatch.is-active) .menu-mixmatch-breakfast {
  min-height: 0;
  padding-bottom: 56px;
}

.menu-breakfast:has(#menuPanelSetMains.is-active) .menu-setmains-breakfast {
  min-height: 0;
  padding-bottom: 56px;
}

.menu-breakfast:has(#menuPanelDinnerSetB.is-active) .menu-setb-breakfast {
  min-height: 0;
  padding-bottom: 56px;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="mains"]) .menu-maincourse-breakfast,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="pasta"]) .menu-maincourse-breakfast,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-ice-blended"]) .menu-maincourse-breakfast,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-green-tea"], #menuPanelMainCourse.is-active[data-layout="craft-flower-tea"]) .menu-maincourse-breakfast,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="rice-bowl"]) .menu-maincourse-breakfast,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="fried-rice"]) .menu-maincourse-breakfast,
.menu-breakfast:has(#menuPanelSnacks.is-active[data-layout="bites"]) .menu-maincourse-breakfast,
.menu-breakfast:has(#menuPanelSnacks.is-active[data-layout="salads"]) .menu-maincourse-breakfast {
  min-height: 0;
  padding-bottom: 56px;
}

.menu-flower-tea {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  column-gap: 48px;
  padding: 1078px 48px 0 180px;
  margin: 0 auto;
  box-sizing: border-box;
  width: 1728px;
  max-width: 100%;
}

.menu-flower-tea__visual {
  flex: 0 0 auto;

  padding: 4px 12px 0 16px;
}

.menu-flower-tea__frame {
  width: calc(var(--menu-dish-photo-width) * 2.22);
  height: calc(var(--menu-dish-photo-height) * 2.72);
  border-radius: var(--menu-dish-photo-radius);
  overflow: hidden;
  background: transparent;
}

.menu-flower-tea__photo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}

.menu-flower-tea__choices {
  flex: 1;
  min-width: 0;
  max-width: 620px;
  list-style: none;
  margin: 0;
  padding: 8px 0 0;
  display: flex;
  flex-direction: column;
  align-self: center;
}

.menu-flower-tea__choice {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  gap: 28px;
  padding: 14px 0;
  border-bottom: 1px solid rgba(117, 70, 54, 0.18);
  font-family: "Libre Baskerville", serif;
  color: var(--menu-page-brown);
}

.menu-flower-tea__choice:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.menu-flower-tea__name {
  font-weight: 700;
  font-size: 15px;
  line-height: 1.35;
  flex: 1;
  min-width: 0;
}

.menu-flower-tea__price {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.2;
  flex-shrink: 0;
}

.menu-snacks-surface {
  position: relative;
  width: 1728px;
  min-height: 0;
  margin: 0 auto;
}

.menu-snacks-surface__dishes {
  position: relative;
  width: 100%;

  min-height: 1740px;
}

.menu-breakfast:has(#menuPanelSnacks.is-active[data-layout="bites"]) .menu-snacks-surface .menu-breakfast-card__photo-frame,
.menu-breakfast:has(#menuPanelSnacks.is-active[data-layout="salads"]) .menu-snacks-surface .menu-breakfast-card__photo-frame {
  --dish-photo-scale: 1.12;
}

.menu-breakfast:has(#menuPanelSnacks.is-active[data-layout="bites"]) .menu-snacks-surface .menu-breakfast-card__photo,
.menu-breakfast:has(#menuPanelSnacks.is-active[data-layout="salads"]) .menu-snacks-surface .menu-breakfast-card__photo {
  transform: scale(1.26);
  transform-origin: center 45%;
}

.menu-breakfast:has(#menuPanelSetMains.is-active) .menu-setmains-breakfast .menu-breakfast-card__photo-frame,
.menu-breakfast:has(#menuPanelDinnerSetB.is-active) .menu-setb-breakfast .menu-breakfast-card__photo-frame,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="mains"]) .menu-maincourse-breakfast .menu-breakfast-card__photo-frame,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="pasta"]) .menu-maincourse-breakfast .menu-breakfast-card__photo-frame,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="rice-bowl"]) .menu-maincourse-breakfast .menu-breakfast-card__photo-frame,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="fried-rice"]) .menu-maincourse-breakfast .menu-breakfast-card__photo-frame,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-coffee"]) .menu-maincourse-breakfast .menu-breakfast-card__photo-frame,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-matcha"]) .menu-maincourse-breakfast .menu-breakfast-card__photo-frame,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-ice-blended"]) .menu-maincourse-breakfast .menu-breakfast-card__photo-frame,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-green-tea"]) .menu-maincourse-breakfast .menu-breakfast-card__photo-frame,
.menu-breakfast:has(#menuPanelSnacks.is-active[data-layout="bites"]) .menu-maincourse-breakfast .menu-breakfast-card__photo-frame,
.menu-breakfast:has(#menuPanelSnacks.is-active[data-layout="salads"]) .menu-maincourse-breakfast .menu-breakfast-card__photo-frame {
  --dish-photo-scale: 1.12;
}

.menu-breakfast:has(#menuPanelSetMains.is-active) .menu-setmains-breakfast .menu-breakfast-card__photo,
.menu-breakfast:has(#menuPanelDinnerSetB.is-active) .menu-setb-breakfast .menu-breakfast-card__photo,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="mains"]) .menu-maincourse-breakfast .menu-breakfast-card__photo,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="pasta"]) .menu-maincourse-breakfast .menu-breakfast-card__photo,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="rice-bowl"]) .menu-maincourse-breakfast .menu-breakfast-card__photo,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="fried-rice"]) .menu-maincourse-breakfast .menu-breakfast-card__photo,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-coffee"]) .menu-maincourse-breakfast .menu-breakfast-card__photo,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-matcha"]) .menu-maincourse-breakfast .menu-breakfast-card__photo,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-ice-blended"]) .menu-maincourse-breakfast .menu-breakfast-card__photo,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-green-tea"]) .menu-maincourse-breakfast .menu-breakfast-card__photo,
.menu-breakfast:has(#menuPanelSnacks.is-active[data-layout="bites"]) .menu-maincourse-breakfast .menu-breakfast-card__photo,
.menu-breakfast:has(#menuPanelSnacks.is-active[data-layout="salads"]) .menu-maincourse-breakfast .menu-breakfast-card__photo {
  transform: scale(1.26);
  transform-origin: center 45%;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-coffee"]) .menu-maincourse-breakfast .menu-breakfast-card__photo-frame,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-matcha"]) .menu-maincourse-breakfast .menu-breakfast-card__photo-frame,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-sparkling"]) .menu-maincourse-breakfast .menu-breakfast-card__photo-frame,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-ice-blended"]) .menu-maincourse-breakfast .menu-breakfast-card__photo-frame,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-green-tea"]) .menu-maincourse-breakfast .menu-breakfast-card__photo-frame {
  --dish-photo-scale: 1;
  background: transparent !important;
  box-shadow: none !important;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-coffee"]) .menu-maincourse-breakfast .menu-breakfast-card__photo,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-matcha"]) .menu-maincourse-breakfast .menu-breakfast-card__photo,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-ice-blended"]) .menu-maincourse-breakfast .menu-breakfast-card__photo,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-green-tea"]) .menu-maincourse-breakfast .menu-breakfast-card__photo {
  transform: scale(1.02);
  transform-origin: center 50%;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-sparkling"])
  .menu-maincourse-breakfast__dishes {
  display: grid;
  grid-template-columns: repeat(3, 304px);
  column-gap: 52px;
  align-items: end;
  justify-content: center;
  justify-items: center;
  padding: 1078px 40px 0;
  margin: 0 auto;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-sparkling"])
  .menu-maincourse-breakfast
  .menu-breakfast-card--mix-0,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-sparkling"])
  .menu-maincourse-breakfast
  .menu-breakfast-card--mix-1,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-sparkling"])
  .menu-maincourse-breakfast
  .menu-breakfast-card--mix-2 {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 304px;
  max-width: 100%;
  justify-self: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-sparkling"]) .menu-breakfast-card__media {
  display: contents;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-sparkling"])
  .menu-maincourse-breakfast
  .menu-breakfast-card__photo-frame {
  --dish-photo-scale: 1.95 !important;
  flex-shrink: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
  transform: translateX(-72px);
  transition: transform 0.32s cubic-bezier(0.2, 0.82, 0.22, 1);
  overflow: hidden;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-sparkling"])
  .menu-maincourse-breakfast
  .menu-breakfast-card__photo {
  transform: none !important;
  object-fit: contain !important;
  object-position: center bottom !important;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-sparkling"])
  .menu-maincourse-breakfast
  .menu-breakfast-card--mix-2
  .menu-breakfast-card__photo {
  transform: translateY(20px) !important;
  transform-origin: center bottom !important;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-sparkling"])
  .menu-maincourse-breakfast
  .menu-breakfast-card__name-row {
  width: 100%;
  height: 44px;
  min-height: 44px;
  max-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 24px;
  padding: 0 4px;
  box-sizing: border-box;
  flex-shrink: 0;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-sparkling"])
  .menu-maincourse-breakfast
  .menu-breakfast-card__title-stack {
  justify-content: center;
  width: 100%;
  max-width: 100%;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-sparkling"])
  .menu-maincourse-breakfast
  .menu-breakfast-card__title {
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: center;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-sparkling"])
  .menu-maincourse-breakfast
  .menu-breakfast-card__price {
  margin-top: 2px;
  width: 100%;
  text-align: center;
  flex-shrink: 0;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-ice-blended"])
  .menu-maincourse-breakfast__dishes {
  display: grid;
  grid-template-columns: repeat(3, 274px);
  column-gap: 52px;
  row-gap: 96px;
  justify-content: start;
  align-items: end;
  padding: 1078px 0 0 401px;
  margin: 0;
  box-sizing: border-box;
  width: max-content;
  max-width: 100%;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-ice-blended"])
  .menu-maincourse-breakfast
  .menu-breakfast-card--mix-0,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-ice-blended"])
  .menu-maincourse-breakfast
  .menu-breakfast-card--mix-1,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-ice-blended"])
  .menu-maincourse-breakfast
  .menu-breakfast-card--mix-2,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-ice-blended"])
  .menu-maincourse-breakfast
  .menu-breakfast-card--mix-3,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-ice-blended"])
  .menu-maincourse-breakfast
  .menu-breakfast-card--mix-4,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-ice-blended"])
  .menu-maincourse-breakfast
  .menu-breakfast-card--mix-5 {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 274px;
  max-width: 100%;
  justify-self: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-ice-blended"])
  .menu-maincourse-breakfast
  .menu-breakfast-card__photo-frame {
  --dish-photo-scale: 1.52 !important;
  flex-shrink: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
  transform: translateX(-28px);
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-ice-blended"])
  .menu-maincourse-breakfast
  .menu-breakfast-card__photo {
  object-fit: contain !important;
  object-position: center bottom !important;
  transform: translateY(20px) scale(1.28) !important;
  transform-origin: center bottom !important;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-ice-blended"])
  .menu-maincourse-breakfast
  .menu-breakfast-card--mix-1
  .menu-breakfast-card__photo {
  transform: translateY(10px) scale(1.28) !important;
  transform-origin: center bottom !important;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-ice-blended"])
  .menu-maincourse-breakfast
  .menu-breakfast-card--mix-0
  .menu-breakfast-card__photo {
  transform: translateY(34px) scale(1.38) !important;
  transform-origin: center bottom !important;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-ice-blended"])
  .menu-maincourse-breakfast
  .menu-breakfast-card--mix-4
  .menu-breakfast-card__photo {
  transform: translateY(22px) scale(1.38) !important;
  transform-origin: center bottom !important;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-ice-blended"])
  .menu-maincourse-breakfast
  .menu-breakfast-card--mix-2
  .menu-breakfast-card__photo {
  transform: translateY(32px) scale(1.30) !important;
  transform-origin: center bottom !important;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-ice-blended"])
  .menu-maincourse-breakfast
  .menu-breakfast-card--mix-5
  .menu-breakfast-card__photo {
  transform: translateY(14px) scale(1.16) !important;
  transform-origin: center bottom !important;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-ice-blended"])
  .menu-maincourse-breakfast
  .menu-breakfast-card__name-row {
  width: 100%;
  min-height: 32px;
  height: auto;
  max-height: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-top: 6px;
  padding: 0 6px;
  box-sizing: border-box;
  flex-shrink: 0;
  text-align: center;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-ice-blended"])
  .menu-maincourse-breakfast
  .menu-breakfast-card--mix-3
  .menu-breakfast-card__name-row,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-ice-blended"])
  .menu-maincourse-breakfast
  .menu-breakfast-card--mix-4
  .menu-breakfast-card__name-row,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-ice-blended"])
  .menu-maincourse-breakfast
  .menu-breakfast-card--mix-5
  .menu-breakfast-card__name-row {
  margin-top: 2px;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-ice-blended"])
  .menu-maincourse-breakfast
  .menu-breakfast-card__title-stack {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  text-align: center;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-ice-blended"])
  .menu-maincourse-breakfast
  .menu-breakfast-card__title {
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  flex: none;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  text-align: center;
  word-break: break-word;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-ice-blended"])
  .menu-maincourse-breakfast
  .menu-breakfast-card__price {
  margin-top: 2px;
  width: 100%;
  text-align: center;
  flex-shrink: 0;
  align-self: stretch;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-green-tea"])
  .menu-maincourse-breakfast__dishes {
  display: grid;
  grid-template-columns: repeat(3, 274px);
  column-gap: 52px;
  row-gap: 96px;
  justify-content: start;
  align-items: end;
  padding: 1078px 0 0 401px;
  margin: 0;
  box-sizing: border-box;
  width: max-content;
  max-width: 100%;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-green-tea"])
  .menu-maincourse-breakfast
  .menu-breakfast-card--mix-0,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-green-tea"])
  .menu-maincourse-breakfast
  .menu-breakfast-card--mix-1,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-green-tea"])
  .menu-maincourse-breakfast
  .menu-breakfast-card--mix-2,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-green-tea"])
  .menu-maincourse-breakfast
  .menu-breakfast-card--mix-3,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-green-tea"])
  .menu-maincourse-breakfast
  .menu-breakfast-card--mix-4 {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 274px;
  max-width: 100%;
  justify-self: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-green-tea"])
  .menu-maincourse-breakfast
  .menu-breakfast-card--mix-3 {
  grid-column: 1;
  justify-self: center;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-green-tea"])
  .menu-maincourse-breakfast
  .menu-breakfast-card--mix-4 {
  grid-column: 2;
  justify-self: center;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-green-tea"])
  .menu-maincourse-breakfast
  .menu-breakfast-card__photo-frame {
  --dish-photo-scale: 1.52 !important;
  flex-shrink: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
  transform: translateX(-28px);
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-green-tea"])
  .menu-maincourse-breakfast
  .menu-breakfast-card__photo {
  object-fit: contain !important;
  object-position: center bottom !important;
  transform: translateY(18px) scale(1.28) !important;
  transform-origin: center bottom !important;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-green-tea"])
  .menu-maincourse-breakfast
  .menu-breakfast-card__name-row {
  width: 100%;
  min-height: 32px;
  height: auto;
  max-height: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-top: 6px;
  padding: 0 6px;
  box-sizing: border-box;
  flex-shrink: 0;
  text-align: center;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-green-tea"])
  .menu-maincourse-breakfast
  .menu-breakfast-card__title-stack {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  text-align: center;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-green-tea"])
  .menu-maincourse-breakfast
  .menu-breakfast-card__title {
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  flex: none;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  text-align: center;
  word-break: break-word;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-green-tea"])
  .menu-maincourse-breakfast
  .menu-breakfast-card__price {
  margin-top: 2px;
  width: 100%;
  text-align: center;
  flex-shrink: 0;
  align-self: stretch;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-matcha"][data-subcategory="matcha"])
  .menu-maincourse-breakfast
  .menu-breakfast-card__photo-frame {
  --dish-photo-scale: 1.2 !important;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-matcha"][data-subcategory="matcha"])
  .menu-breakfast-card--mix-0
  .menu-breakfast-card__photo {
  transform: scale(1.66) !important;
  transform-origin: center 50% !important;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-matcha"][data-subcategory="matcha"])
  .menu-breakfast-card--mix-1
  .menu-breakfast-card__photo {
  transform: translateY(14px) scale(1.42) !important;
  transform-origin: center 50% !important;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-matcha"][data-subcategory="matcha"])
  .menu-breakfast-card--mix-2
  .menu-breakfast-card__photo {
  transform: translateY(14px) scale(1.66) !important;
  transform-origin: center 50% !important;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-matcha"][data-subcategory="matcha"])
  .menu-breakfast-card--mix-3
  .menu-breakfast-card__photo {
  transform: scale(1.66) !important;
  transform-origin: center 50% !important;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-matcha"][data-subcategory="matcha"]) .menu-breakfast-card__name-row {
  margin-top: 30px !important;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-matcha"][data-subcategory="matcha"]) .menu-breakfast-card__price {
  margin-top: 4px !important;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-coffee"][data-subcategory="coffee"]) .menu-breakfast-card--mix-1 .menu-breakfast-card__photo {
  transform: scale(0.84);
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-coffee"][data-subcategory="coffee"]) .menu-breakfast-card--mix-9 .menu-breakfast-card__photo {
  transform: scale(0.86);
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-coffee"][data-subcategory="non-coffee"]) .menu-breakfast-card--mix-0 {
  top: 1057px;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-coffee"][data-subcategory="non-coffee"]) .menu-breakfast-card--mix-3,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-coffee"][data-subcategory="non-coffee"]) .menu-breakfast-card--mix-4 {
  top: 1320px;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-coffee"][data-subcategory="non-coffee"]) .menu-breakfast-card--mix-1 {
  top: 1122px;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-coffee"][data-subcategory="non-coffee"]) .menu-breakfast-card--mix-2 {
  top: 975px;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-coffee"][data-subcategory="non-coffee"]) .menu-breakfast-card--mix-5 {
  top: 1468px;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-coffee"][data-subcategory="non-coffee"]) .menu-breakfast-card--mix-0 .menu-breakfast-card__photo {
  transform: translateY(20px) scale(1.02);
  transform-origin: center 50%;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-coffee"][data-subcategory="non-coffee"]) .menu-breakfast-card--mix-1 .menu-breakfast-card__photo {
  transform: scale(1.28);
  transform-origin: center 58%;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-coffee"][data-subcategory="non-coffee"]) .menu-breakfast-card--mix-2 .menu-breakfast-card__photo,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-coffee"][data-subcategory="non-coffee"]) .menu-breakfast-card--mix-3 .menu-breakfast-card__photo,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-coffee"][data-subcategory="non-coffee"]) .menu-breakfast-card--mix-4 .menu-breakfast-card__photo {
  transform: scale(0.72);
  transform-origin: center 62%;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-coffee"][data-subcategory="non-coffee"]) .menu-breakfast-card--mix-5 .menu-breakfast-card__photo {
  transform: scale(1.2);
  transform-origin: center 52%;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-coffee"][data-subcategory="non-coffee"]) .menu-breakfast-card--mix-2 .menu-breakfast-card__name-row,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-coffee"][data-subcategory="non-coffee"]) .menu-breakfast-card--mix-3 .menu-breakfast-card__name-row,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-coffee"][data-subcategory="non-coffee"]) .menu-breakfast-card--mix-4 .menu-breakfast-card__name-row {
  margin-top: -26px;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-coffee"]) .menu-breakfast-card__name-row,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-matcha"]) .menu-breakfast-card__name-row,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-sparkling"]) .menu-breakfast-card__name-row,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-ice-blended"]) .menu-breakfast-card__name-row,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-green-tea"]) .menu-breakfast-card__name-row {
  min-height: 0;
  align-items: center;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="pasta"]) .menu-breakfast-card--mix-5 .menu-breakfast-card__photo {
  transform: translateY(10px) scale(0.96);
  transform-origin: center 45%;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="pasta"]) .menu-breakfast-card--mix-6 .menu-breakfast-card__photo {
  transform: translateY(10px) scale(0.88);
  transform-origin: center 45%;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="pasta"]) .menu-breakfast-card--mix-5 .menu-breakfast-card__name-row,
.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="pasta"]) .menu-breakfast-card--mix-6 .menu-breakfast-card__name-row {
  margin-top: -3px;
}

.menu-breakfast:has(#menuPanelSetMains.is-active)
  .menu-setmains-breakfast
  .menu-breakfast-card--mix-0
  .menu-breakfast-card__photo,
.menu-breakfast:has(#menuPanelSetMains.is-active)
  .menu-setmains-breakfast
  .menu-breakfast-card--mix-3
  .menu-breakfast-card__photo {
  transform: scale(1.34);
  transform-origin: center 45%;
}

.menu-breakfast:has(#menuPanelSetMains.is-active)
  .menu-setmains-breakfast
  .menu-breakfast-card--mix-4
  .menu-breakfast-card__photo,
.menu-breakfast:has(#menuPanelSetMains.is-active)
  .menu-setmains-breakfast
  .menu-breakfast-card--mix-5
  .menu-breakfast-card__photo {
  transform: scale(1.14);
  transform-origin: center 45%;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="rice-bowl"]) .menu-breakfast-card--mix-4 .menu-breakfast-card__photo {
  transform: scale(1.08);
  transform-origin: center 45%;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="rice-bowl"]) .menu-breakfast-card--mix-7 .menu-breakfast-card__photo {
  transform: scale(0.9);
  transform-origin: center 45%;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="rice-bowl"]) .menu-breakfast-card--mix-7 {
  top: 1572px;
}

.menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="rice-bowl"]) .menu-breakfast-card--mix-7 .menu-breakfast-card__name-row {
  margin-top: 6px;
}

.menu-mixmatch-beverages {
  position: static;
}

.menu-mixmatch-beverages__rule {
  position: absolute;
  left: 372px;
  width: 984px;
  top: 2158px;
  margin: 0;
  padding: 0;
  height: 4px;
  border: 0;

  background: repeating-linear-gradient(
    to right,
    rgba(117, 70, 54, 0.48) 0 6px,
    transparent 6px 26px
  );
}

.menu-mixmatch-beverages__cards {
  position: absolute;
  left: 401px;
  top: 2256px;
  width: 926px;
  display: grid;
  grid-template-columns: repeat(3, 274px);
  column-gap: 52px;
  row-gap: 22px;
  align-items: stretch;
}

.menu-breakfast:has(#menuPanelMixMatch.is-active) .menu-breakfast-card--beverage {
  position: static;
  left: auto;
  top: auto;
  width: 274px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}

.menu-breakfast:has(#menuPanelMixMatch.is-active) .menu-breakfast-card--beverage .menu-breakfast-card__media {
  flex: 1 1 auto;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  min-height: 0;
}

.menu-breakfast:has(#menuPanelMixMatch.is-active) .menu-breakfast-card--beverage .menu-breakfast-card__photo-frame--mix-beverage {
  --dish-photo-scale: 1.12;
  flex-shrink: 0;
}

.menu-breakfast:has(#menuPanelMixMatch.is-active) .menu-breakfast-card--mix-bev-0 .menu-breakfast-card__photo-frame--mix-beverage,
.menu-breakfast:has(#menuPanelMixMatch.is-active) .menu-breakfast-card--mix-bev-1 .menu-breakfast-card__photo-frame--mix-beverage,
.menu-breakfast:has(#menuPanelMixMatch.is-active) .menu-breakfast-card--mix-bev-2 .menu-breakfast-card__photo-frame--mix-beverage {
  height: calc(var(--menu-dish-photo-height) * var(--dish-photo-scale) * 1.56);
  overflow: visible;
}

.menu-breakfast:has(#menuPanelMixMatch.is-active) .menu-breakfast-card--mix-bev-0 .menu-breakfast-card__photo--mix-beverage,
.menu-breakfast:has(#menuPanelMixMatch.is-active) .menu-breakfast-card--mix-bev-1 .menu-breakfast-card__photo--mix-beverage,
.menu-breakfast:has(#menuPanelMixMatch.is-active) .menu-breakfast-card--mix-bev-2 .menu-breakfast-card__photo--mix-beverage {
  object-fit: contain;
  object-position: center bottom;
  transform: scale(0.92);
  transform-origin: center bottom;
}

.menu-breakfast:has(#menuPanelMixMatch.is-active) .menu-breakfast-card--mix-bev-3 .menu-breakfast-card__photo-frame--mix-beverage,
.menu-breakfast:has(#menuPanelMixMatch.is-active) .menu-breakfast-card--mix-bev-4 .menu-breakfast-card__photo-frame--mix-beverage,
.menu-breakfast:has(#menuPanelMixMatch.is-active) .menu-breakfast-card--mix-bev-5 .menu-breakfast-card__photo-frame--mix-beverage {
  overflow: visible;
}

.menu-breakfast:has(#menuPanelMixMatch.is-active) .menu-breakfast-card--mix-bev-3 .menu-breakfast-card__photo--mix-beverage,
.menu-breakfast:has(#menuPanelMixMatch.is-active) .menu-breakfast-card--mix-bev-4 .menu-breakfast-card__photo--mix-beverage,
.menu-breakfast:has(#menuPanelMixMatch.is-active) .menu-breakfast-card--mix-bev-5 .menu-breakfast-card__photo--mix-beverage {
  object-fit: contain;
  object-position: center bottom;
  transform: scale(0.9);
  transform-origin: center bottom;
}

.menu-breakfast:has(#menuPanelMixMatch.is-active) .menu-breakfast-card--beverage .menu-breakfast-card__name-row--beverage {
  margin-top: 14px;
  flex-shrink: 0;
  min-height: 0;
  align-items: center;
}

.menu-mixmatch-beverages__title {
  position: absolute;
  left: 0;
  right: 0;
  top: 2184px;
  margin: 0;
  text-align: center;
  font-family: "League Spartan", sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0.02em;
  color: var(--menu-page-brown);
}

.menu-page-body .canvas--menu:has(#menuPanelMixMatch.is-active) {
  height: 4092px;
}

.menu-page-body .canvas--menu:has(#menuPanelMixMatch.is-active) .footer {
  top: 3384px;
}

.menu-page-body .canvas--menu:has(#menuPanelSetMains.is-active) {
  height: 3228px;
}

.menu-page-body .canvas--menu:has(#menuPanelSetMains.is-active) .footer {
  top: 2520px;
}

.menu-page-body .canvas--menu:has(#menuPanelDinnerSetB.is-active) {
  height: 3008px;
}

.menu-page-body .canvas--menu:has(#menuPanelDinnerSetB.is-active) .footer {
  top: 2300px;
}

.menu-page-body .canvas--menu:has(#menuPanelMainCourse.is-active[data-layout="mains"]) {
  height: 2948px;
}

.menu-page-body .canvas--menu:has(#menuPanelMainCourse.is-active[data-layout="mains"]) .footer {
  top: 2240px;
}

.menu-page-body .canvas--menu:has(#menuPanelMainCourse.is-active[data-layout="pasta"]) {
  height: 2948px;
}

.menu-page-body .canvas--menu:has(#menuPanelMainCourse.is-active[data-layout="pasta"]) .footer {
  top: 2240px;
}

.menu-page-body .canvas--menu:has(#menuPanelMainCourse.is-active[data-layout="craft-ice-blended"]) {

  height: 2828px;
}

.menu-page-body .canvas--menu:has(#menuPanelMainCourse.is-active[data-layout="craft-ice-blended"]) .footer {
  top: 2120px;
}

.menu-page-body .canvas--menu:has(#menuPanelMainCourse.is-active[data-layout="craft-green-tea"], #menuPanelMainCourse.is-active[data-layout="craft-flower-tea"]) {
  height: 2828px;
}

.menu-page-body .canvas--menu:has(#menuPanelMainCourse.is-active[data-layout="craft-green-tea"], #menuPanelMainCourse.is-active[data-layout="craft-flower-tea"]) .footer {
  top: 2120px;
}

.menu-page-body .canvas--menu:has(#menuPanelMainCourse.is-active[data-layout="rice-bowl"]) {
  height: 2948px;
}

.menu-page-body .canvas--menu:has(#menuPanelMainCourse.is-active[data-layout="rice-bowl"]) .footer {
  top: 2240px;
}

.menu-page-body .canvas--menu:has(#menuPanelMainCourse.is-active[data-layout="craft-coffee"]) {
  height: 3108px;
}

.menu-page-body .canvas--menu:has(#menuPanelMainCourse.is-active[data-layout="craft-coffee"]) .footer {
  top: 2400px;
}

.menu-page-body .canvas--menu:has(#menuPanelMainCourse.is-active[data-layout="craft-matcha"]) {
  height: 2568px;
}

.menu-page-body .canvas--menu:has(#menuPanelMainCourse.is-active[data-layout="craft-matcha"]) .footer {
  top: 1860px;
}

.menu-page-body .canvas--menu:has(#menuPanelMainCourse.is-active[data-layout="craft-sparkling"]) {
  height: 2568px;
}

.menu-page-body .canvas--menu:has(#menuPanelMainCourse.is-active[data-layout="craft-sparkling"]) .footer {
  top: 1860px;
}

.menu-page-body .canvas--menu:has(#menuPanelMainCourse.is-active[data-layout="fried-rice"]) {
  height: 2688px;
}

.menu-page-body .canvas--menu:has(#menuPanelSnacks.is-active[data-layout="bites"]),
.menu-page-body .canvas--menu:has(#menuPanelSnacks.is-active[data-layout="salads"]) {

  height: 2688px;
}

.menu-page-body .canvas--menu:has(#menuPanelSnacks.is-active[data-layout="bites"]),
.menu-page-body .canvas--menu:has(#menuPanelSnacks.is-active[data-layout="salads"]) {
  background-image: linear-gradient(
    180deg,
    #b28f77 0%,
    #ceb8a6 20%,
    #e6dcd0 42%,
    #e6dcd0 56%,
    #dccab9 63%,
    #ceb39f 70%,
    #cfb29d 88%,
    #b48971 100%
  );
}

.menu-page-body .canvas--menu:has(#menuPanelMainCourse.is-active[data-layout="fried-rice"]) .footer {
  top: 1980px;
}

.menu-page-body .canvas--menu:has(#menuPanelSnacks.is-active[data-layout="bites"]) .footer,
.menu-page-body .canvas--menu:has(#menuPanelSnacks.is-active[data-layout="salads"]) .footer {
  top: 1980px;
}

.menu-maincourse-breakfast {
  position: relative;
  width: 1728px;
  margin: 0 auto;
}

.menu-setmeals-tab-placeholder {
  position: absolute;
  left: 50%;
  top: 1400px;
  transform: translateX(-50%);
  max-width: 90%;
  font-family: "Libre Baskerville", serif;
  font-size: 18px;
  font-weight: 700;
  color: var(--menu-page-brown);
  text-align: center;
}

.menu-mixmatch-breakfast {
  position: relative;
  width: 1728px;
  min-height: 2040px;
  margin: 0 auto;
  padding-bottom: 72px;
}

.menu-setmains-breakfast {
  position: relative;
  width: 1728px;
  margin: 0 auto;
}

.menu-setb-breakfast {
  position: relative;
  width: 1728px;
  margin: 0 auto;
}

.menu-breakfast:has(#menuPanelMixMatch.is-active) .menu-set-included-note {

  top: 2946px;
}

.menu-breakfast:has(#menuPanelSetMains.is-active) .menu-set-included-note {
  top: 1935px;
}

.menu-breakfast:has(#menuPanelDinnerSetB.is-active) .menu-set-included-note {
  top: 1645px;
}

.menu-set-included-note {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: min(960px, 92%);
  margin: 0;
  padding: 18px 26px 20px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  font-family: "League Spartan", sans-serif;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: var(--menu-page-brown);
  background: rgba(255, 251, 247, 0.65);
  border: 2px solid rgba(117, 70, 54, 0.38);
  border-radius: 22px;
  box-shadow: 0 6px 18px rgba(117, 70, 54, 0.08);
}

.menu-set-included-note__list {
  margin: 0;
  padding: 0 0 0 1.35em;
  max-width: 100%;
  text-align: left;
  list-style-type: disc;
}

.menu-set-included-note__list li {
  line-height: 1.45;
  padding-left: 0.15em;
}

.menu-set-included-note__list li + li {
  margin-top: 10px;
}

.menu-classic-item {
  position: absolute;
  font-family: "Libre Baskerville", serif;
}

.menu-classic-item--egg {
  left: 400px;
  top: 1813px;
  width: 294px;
}

.menu-classic-item--nasi {
  left: 717px;
  top: 1813px;
  width: 294px;
}

.menu-classic-name {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.menu-classic-icons {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.menu-classic-icons img {
  width: 26px;
  height: 26px;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(29%) sepia(22%) saturate(895%) hue-rotate(333deg) brightness(95%) contrast(89%);
}

.menu-classic-text {
  font-weight: 700;
  font-size: 15px;
  color: var(--menu-page-brown);
  white-space: nowrap;
}

.menu-classic-price {
  margin-top: 18px;
  font-weight: 700;
  font-size: 20px;
  color: var(--menu-page-brown);
}

.menu-breakfast-card {
  position: absolute;
  width: 274px;
  text-align: center;
}

.menu-breakfast-card__photo-frame {
  --dish-photo-scale: 1;
  width: calc(var(--menu-dish-photo-width) * var(--dish-photo-scale));
  height: calc(var(--menu-dish-photo-height) * var(--dish-photo-scale));
  margin: 0 auto;
  border-radius: var(--menu-dish-photo-radius);
  overflow: hidden;
  background: rgb(222, 212, 202);
  box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.25);
}

.menu-breakfast-card__photo-frame--figma-american {
  width: calc(var(--menu-dish-photo-width) * var(--dish-photo-scale));
  height: calc(var(--menu-dish-photo-height) * var(--dish-photo-scale));
  border-radius: var(--menu-dish-photo-radius);
}

.menu-page-body .canvas--menu .menu-breakfast-card__photo-frame,
.menu-page-body .canvas--menu .menu-breakfast-card__photo-frame--figma-american,
.menu-page-body .canvas--menu .menu-item-card__image-wrap {
  background: transparent !important;
  box-shadow: none !important;
}

.menu-breakfast-card__photo {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

.menu-breakfast.menu-breakfast--kid-menu .menu-breakfast-card__photo {
  transform: scale(1.34);
  transform-origin: center 45%;
}

.menu-breakfast.menu-breakfast--kid-menu .menu-breakfast-eyebrow,
.menu-breakfast.menu-breakfast--kid-menu .menu-breakfast-current {
  font-size: 22px;
  font-weight: 500;
}

.menu-breakfast-card__name-row {
  display: flex;
  justify-content: center;
  align-items: stretch;
  margin-top: 12px;
  padding: 0 4px;
  width: 100%;
  box-sizing: border-box;
}

.menu-breakfast-card__title-stack {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 5px;
  max-width: 100%;
  min-width: 0;
}

.menu-breakfast-card__title-stack:not(:has(.menu-breakfast-card__icons)) {
  justify-content: center;
}

.menu-breakfast-card__title-stack:not(:has(.menu-breakfast-card__icons)) .menu-breakfast-card__title {
  flex: 0 1 auto;
}

.menu-breakfast-card__title {
  font-family: "Libre Baskerville", serif;
  font-weight: 700;
  font-size: 15px;
  color: var(--menu-page-brown);
  line-height: 1.22;
  min-width: 0;
  white-space: normal;
  overflow: visible;
  text-align: center;
  overflow-wrap: break-word;
  flex: 1 1 0%;
}

.menu-breakfast-card__icons {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  flex-shrink: 0;
}

.menu-breakfast-card__icons img {
  width: 22px;
  height: 22px;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(29%) sepia(22%) saturate(895%) hue-rotate(333deg) brightness(95%) contrast(89%);
}

.menu-breakfast-card__price {
  margin-top: 4px;
  width: 100%;
  font-family: "Libre Baskerville", serif;
  font-weight: 700;
  font-size: 20px;
  color: var(--menu-page-brown);
  line-height: 1.2;
  text-align: center;
}

.menu-breakfast-card--american .menu-breakfast-card__price {
  color: var(--menu-page-price);
}

.menu-breakfast-card--american {
  left: 401px;
  top: 1195px;
}

.menu-breakfast-card--wellbeing {
  left: 727px;
  top: 1195px;
}

.menu-breakfast-card--benedict {
  left: 1053px;
  top: 1195px;
}

.menu-breakfast-card--florentine {
  left: 564px;
  top: 1478px;
}

.menu-breakfast-card--nasi {
  left: 890px;
  top: 1478px;
}

.menu-breakfast-card--mix-0 {
  left: 401px;
  top: 1195px;
}

.menu-breakfast-card--mix-1 {
  left: 727px;
  top: 1195px;
}

.menu-breakfast-card--mix-2 {
  left: 1053px;
  top: 1195px;
}

.menu-breakfast-card--mix-3 {
  left: 401px;
  top: 1478px;
}

.menu-breakfast-card--mix-4 {
  left: 727px;
  top: 1478px;
}

.menu-breakfast-card--mix-5 {
  left: 1053px;
  top: 1478px;
}

.menu-breakfast-card--mix-6 {
  left: 564px;
  top: 1761px;
}

.menu-breakfast-card--mix-7 {
  left: 890px;
  top: 1761px;
}

.menu-subcategory-pill {
  --menu-enter-index: 0;
  position: absolute;
  min-width: 0;
  height: 44px;
  border-radius: 100px;
  border: 2px solid var(--menu-page-brown);
  background: #e6dcd0;
  color: var(--menu-page-brown);
  font-family: Roboto, sans-serif;
  font-size: 17px;
  font-weight: 500;
  cursor: pointer;
  transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
  opacity: 0;
  animation: menu-fade-up 380ms cubic-bezier(0.2, 0.82, 0.22, 1) forwards;
  animation-delay: calc(var(--menu-enter-index) * 46ms);
  backface-visibility: hidden;
}

.menu-subcategory-pill:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(117, 70, 54, 0.12);
}

.menu-subcategory-pill.is-active {
  background: #bca18c;
  color: var(--menu-page-brown);
}

.menu-subcategory-pill:nth-child(1) {
  --menu-enter-index: 0;
}

.menu-subcategory-pill:nth-child(2) {
  --menu-enter-index: 1;
}

.menu-subcategory-pill:nth-child(3) {
  --menu-enter-index: 2;
}

.menu-subcategory-pill:nth-child(4) {
  --menu-enter-index: 3;
}

.menu-items-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 36px 42px;
  margin-top: 52px;
}

.menu-item-card {
  padding: 22px 24px 18px;
  border-radius: 28px;
  background: rgba(238, 232, 220, 0.5);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14);
}

.menu-item-card__image-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--menu-dish-photo-width);
  height: var(--menu-dish-photo-height);
  margin: 0 auto;
  border-radius: var(--menu-dish-photo-radius);
  overflow: hidden;
  background: rgb(222, 212, 202);
  box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.25);
}

.menu-item-card__image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

.menu-item-card__meta {
  margin-top: 6px;
  text-align: center;
}

.menu-item-card__title-row {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px 8px;
}

.menu-item-card__title-row h3 {
  margin: 0;
  flex: 0 1 auto;
  max-width: 100%;
  font-family: "Libre Baskerville", serif;
  font-size: 24px;
  line-height: 1.2;
  color: var(--menu-page-brown);
  text-align: center;
}

.menu-item-card__meta p {
  margin: 8px 0 0;
  font-family: "Libre Baskerville", serif;
  font-size: 20px;
  font-weight: 700;
  color: var(--menu-page-brown);
  text-align: center;
}

.menu-item-card__icons {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
  flex-shrink: 0;
}

.menu-item-card__name-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
}

.menu-item-card__name-icon img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(29%) sepia(22%) saturate(895%) hue-rotate(333deg) brightness(95%) contrast(89%);
}

.menu-legend {
  margin-top: 96px;
  margin-right: auto;
  margin-left: auto;

  padding: 0 96px 4px 372px;
  max-width: 1728px;
  box-sizing: border-box;
  background: transparent;
}

.menu-category-placeholder {
  position: relative;
  top: 1080px;
  width: 100%;
  text-align: center;
  color: var(--menu-page-brown);
}

.menu-category-placeholder__title {
  margin: 0;
  font-family: "Libre Baskerville", serif;
  font-size: 42px;
  font-style: italic;
  font-weight: 700;
}

.menu-category-placeholder__text {
  margin: 16px 0 0;
  font-family: "League Spartan", sans-serif;
  font-size: 22px;
  font-weight: 500;
}

.menu-legend__title {
  display: none;
}

.menu-legend__grid {
  display: grid;
  grid-template-columns: repeat(3, max-content);
  column-gap: 112px;
  row-gap: 22px;
  margin: 0;
  max-width: none;
  justify-content: start;
  justify-items: start;
}

.menu-legend__item {
  --menu-enter-index: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;

  gap: 10px;
  color: var(--menu-page-brown);
  opacity: 0;
  animation: menu-fade-up 400ms cubic-bezier(0.2, 0.82, 0.22, 1) forwards;
  animation-delay: calc(var(--menu-enter-index) * 48ms);
  backface-visibility: hidden;
}

.menu-legend__item:nth-child(1) {
  --menu-enter-index: 0;
}

.menu-legend__item:nth-child(2) {
  --menu-enter-index: 1;
}

.menu-legend__item:nth-child(3) {
  --menu-enter-index: 2;
}

.menu-legend__item:nth-child(4) {
  --menu-enter-index: 3;
}

.menu-legend__item:nth-child(5) {
  --menu-enter-index: 4;
}

.menu-legend__item:nth-child(6) {
  --menu-enter-index: 5;
}

.menu-legend__label {
  font-family: "League Spartan", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.02em;
  text-align: left;
  color: var(--menu-page-brown);
}

.menu-legend__icon {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.menu-legend__icon img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;

  filter: brightness(0) saturate(100%) invert(29%) sepia(22%) saturate(895%) hue-rotate(333deg) brightness(95%) contrast(89%);
  -webkit-filter: brightness(0) saturate(100%) invert(29%) sepia(22%) saturate(895%) hue-rotate(333deg) brightness(95%) contrast(89%);
}

.menu-page-body .footer {

  position: absolute;
  left: -1px;
  top: 2880px;
  width: 1729px;
  height: 708px;
  background: var(--bg);
  margin: 0;
}

.menu-page-body .canvas--menu:has(.menu-breakfast--classics-compact) .footer {
  top: 2180px;
}

.menu-page-body .canvas--menu:has(.menu-breakfast--classics-compact) {
  background-color: var(--menu-page-bg);
  background-image: linear-gradient(
    180deg,
    #b28f77 0%,
    #ceb8a6 12%,
    #e6dcd0 24%,
    #e6dcd0 38%,
    #dccab9 50%,
    #ceb39f 62%,
    #cfb29d 80%,
    #b48971 100%
  );
}

.menu-page-body .canvas--menu:has(.menu-breakfast--classics-compact) {
  height: 2888px;
}

.menu-breakfast-card__media {
  display: block;
  width: fit-content;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  transition: transform 0.32s cubic-bezier(0.2, 0.82, 0.22, 1);
  transform: translateZ(0);
  transform-origin: center center;
}

.menu-page-body .canvas--menu .menu-breakfast-card:hover .menu-breakfast-card__media {
  transform: translateZ(0) scale(1.08);
}

.menu-page-body
  .canvas--menu
  .menu-breakfast:has(#menuPanelMixMatch.is-active)
  .menu-breakfast-card--beverage:hover
  .menu-breakfast-card__media {
  transform: none;
}

.menu-page-body
  .canvas--menu
  .menu-breakfast:has(#menuPanelMixMatch.is-active)
  .menu-breakfast-card--beverage:hover
  .menu-breakfast-card__photo-frame--mix-beverage {
  transform: scale(1.05);
  transition: transform 0.28s cubic-bezier(0.2, 0.82, 0.22, 1);
}

.menu-page-body .canvas--menu .menu-breakfast-card:hover {
  z-index: 3;
}

.menu-page-body .canvas--menu .menu-breakfast-card__icons img {
  transition: transform 0.28s ease;
  transform: translateZ(0);
}

.menu-page-body .canvas--menu .menu-breakfast-card__icons img:hover {
  transform: translateZ(0) scale(1.15);
}

.menu-page-body .canvas--menu .menu-category-card__photo img {
  transition: transform 0.32s cubic-bezier(0.2, 0.82, 0.22, 1);
}

.menu-page-body .canvas--menu .menu-category-card:hover .menu-category-card__photo img {
  transform: scale(calc(var(--cat-img-scale, 1) * 1.08)) translateY(var(--cat-img-shift-y, 0px));
}

.menu-page-body .canvas--menu .menu-flower-tea__frame {
  transition: transform 0.32s cubic-bezier(0.2, 0.82, 0.22, 1);
  transform: translateZ(0);
  transform-origin: center center;
}

.menu-page-body .canvas--menu .menu-flower-tea__visual:hover .menu-flower-tea__frame {
  transform: translateZ(0) scale(1.07);
}

.menu-page-body .canvas--menu .nav-logo {
  transition: transform 0.28s cubic-bezier(0.2, 0.82, 0.22, 1);
  transform: translateZ(0);
  transform-origin: center center;
}

.menu-page-body .canvas--menu .nav-logo-link:hover .nav-logo {
  transform: translateZ(0) scale(1.06);
}

.menu-page-body .canvas--menu .menu-carousel-arrow img {
  transition: transform 0.26s ease;
  transform: translateZ(0);
  transform-origin: center center;
}

.menu-page-body .canvas--menu .menu-carousel-arrow:hover img {
  transform: translateZ(0) scale(1.14);
}

.menu-page-body .canvas--menu .footer img,
.menu-page-body .canvas--menu .footer-float img {
  transition: transform 0.28s cubic-bezier(0.2, 0.82, 0.22, 1);
  transform: translateZ(0);
  transform-origin: center center;
}

.menu-page-body .canvas--menu .footer img:hover,
.menu-page-body .canvas--menu .footer-float img:hover {
  transform: translateZ(0) scale(1.08);
}

.menu-page-body .canvas--menu .menu-legend__icon img {
  transition: transform 0.28s ease;
  transform: translateZ(0);
  transform-origin: center center;
}

.menu-page-body .canvas--menu .menu-legend__icon img:hover {
  transform: translateZ(0) scale(1.12);
}

.menu-page-body .canvas--menu
  .menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-sparkling"])
  .menu-breakfast-card:hover
  .menu-breakfast-card__photo-frame {
  transform: translateX(-72px) scale(1.08);
}

@keyframes menu-fade-up {
  from {
    opacity: 0;
    transform: translate3d(0, 10px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .menu-hero-fx-lines .menu-hero-line,
  .menu-hero-fx-word {
    opacity: 1 !important;
    animation: none !important;
    transform: none !important;
    filter: none !important;
  }

  .menu-category-card,
  .menu-subcategory-pill,
  .menu-breakfast-panel.is-active .menu-breakfast-card,
  .menu-legend__item {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .menu-page-body .canvas--menu .menu-breakfast-card__media,
  .menu-page-body .canvas--menu .menu-flower-tea__frame,
  .menu-page-body .canvas--menu .nav-logo,
  .menu-page-body .canvas--menu .menu-carousel-arrow img,
  .menu-page-body .canvas--menu .footer img,
  .menu-page-body .canvas--menu .footer-float img,
  .menu-page-body .canvas--menu .menu-legend__icon img,
  .menu-page-body .canvas--menu .menu-breakfast-card__icons img {
    transition: none !important;
  }

  .menu-page-body .canvas--menu .menu-breakfast-card:hover .menu-breakfast-card__media {
    transform: none !important;
  }

  .menu-page-body
    .canvas--menu
    .menu-breakfast:has(#menuPanelMixMatch.is-active)
    .menu-breakfast-card--beverage:hover
    .menu-breakfast-card__photo-frame--mix-beverage {
    transform: none !important;
  }

  .menu-page-body .canvas--menu
    .menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-sparkling"])
    .menu-breakfast-card:hover
    .menu-breakfast-card__photo-frame {
    transform: translateX(-72px) !important;
  }

  .menu-page-body .canvas--menu .menu-flower-tea__visual:hover .menu-flower-tea__frame,
  .menu-page-body .canvas--menu .nav-logo-link:hover .nav-logo,
  .menu-page-body .canvas--menu .menu-carousel-arrow:hover img {
    transform: none !important;
  }

  .menu-page-body .canvas--menu .menu-category-card:hover .menu-category-card__photo img {
    transform: scale(var(--cat-img-scale, 1)) translateY(var(--cat-img-shift-y, 0px)) !important;
  }

  .menu-page-body .canvas--menu .footer img:hover,
  .menu-page-body .canvas--menu .footer-float img:hover,
  .menu-page-body .canvas--menu .menu-legend__icon img:hover,
  .menu-page-body .canvas--menu .menu-breakfast-card__icons img:hover {
    transform: none !important;
  }
}

@media (max-width: 900px) {

  .menu-hero {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    width: 100vw !important;
    height: 185px !important;
    transform: none !important;
    padding-top: 86px !important;
    overflow: hidden !important;
  }

  .menu-letter {
    width: auto !important;
    height: auto !important;
    font-size: 42px !important;
    line-height: 1 !important;
    color: #fffdf8 !important;
  }

  .menu-letter--m {
    left: 52px !important;
    top: 115px !important;
  }

  .menu-letter--e {
    left: 112px !important;
    top: 154px !important;
  }

  .menu-letter--n {
    left: 186px !important;
    top: 115px !important;
  }

  .menu-letter--u {
    left: 250px !important;
    top: 154px !important;
  }

  .menu-hero-line {
    height: 1.5px !important;
    background: repeating-linear-gradient(
      90deg,
      #fff 0 13px,
      transparent 13px 27px
    ) !important;
  }

  .menu-hero-line--1 {
    left: 0 !important;
    top: 137px !important;
    width: 45px !important;
  }

  .menu-hero-line--4 {
    left: 103px !important;
    top: 137px !important;
    width: 65px !important;
  }

  .menu-hero-line--5 {
    left: 230px !important;
    top: 137px !important;
    width: 85px !important;
  }

  .menu-hero-line--3 {
    left: 336px !important;
    top: 137px !important;
    width: 92px !important;
  }

  .menu-hero-line--2 {
    left: 0 !important;
    top: 174px !important;
    width: 100px !important;
  }

  .menu-hero-line--6 {
    left: 170px !important;
    top: 174px !important;
    width: 70px !important;
  }

  .menu-categories {
    position: relative !important;
    width: 100% !important;
    height: 210px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  .menu-category-track {
    width: 100% !important;
    height: 185px !important;
    display: flex !important;
    gap: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 0 !important;
  }

  .menu-category-track::-webkit-scrollbar {
    display: none !important;
  }

  .menu-category-card,
  .menu-category-item,
  .menu-category {
    flex: 0 0 100% !important;
    width: 100% !important;
    height: 165px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    scroll-snap-align: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .menu-category-card > *,
  .menu-category-item > *,
  .menu-category > * {
    max-width: 150px !important;
  }

  .menu-category-card img,
  .menu-category-item img,
  .menu-category img {
    width: 120px !important;
    height: auto !important;
    object-fit: contain !important;
    margin: 0 auto !important;
  }

  .menu-category-card h3,
  .menu-category-item h3,
  .menu-category-title {
    font-size: 30px !important;
    line-height: 1.05 !important;
    text-align: center !important;
    color: #754636 !important;
  }

  .menu-carousel-arrow {
    display: flex !important;
    position: absolute !important;
    top: 68px !important;
    width: 42px !important;
    height: 28px !important;
    border: 1.5px solid #fffdf8 !important;
    border-radius: 999px !important;
    background: transparent !important;
    z-index: 30 !important;
  }

  .menu-carousel-arrow--left {
    left: 30px !important;
  }

  .menu-carousel-arrow--right {
    right: 30px !important;
  }

  .menu-dishes,
  .menu-dish-grid,
  .menu-breakfast-grid,
  .menu-items-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    column-gap: 22px !important;
    row-gap: 38px !important;
    width: 100% !important;
    padding: 0 28px !important;
    margin: 0 auto !important;
  }

  .menu-dish,
  .menu-dish-card,
  .menu-item-card {
    position: relative !important;
    width: 100% !important;
    text-align: center !important;
  }

  .menu-dish img,
  .menu-dish-card img,
  .menu-item-card img,
  .menu-dish-photo {
    width: 132px !important;
    height: 92px !important;
    object-fit: contain !important;
    margin: 0 auto 8px !important;
  }

  .menu-dish h3,
  .menu-dish-card h3,
  .menu-item-card h3,
  .menu-dish-title {
    font-size: 14px !important;
    line-height: 1.08 !important;
    text-align: center !important;
  }

  .menu-dish-price,
  .menu-dish .price,
  .menu-item-price {
    font-size: 19px !important;
    color: #875240 !important;
    text-align: center !important;
  }

  .menu-page-body .quick-links,
  .menu-page-body [class*="quick"],
  .menu-page-body .back-to-top,
  .menu-page-body [class*="back-to-top"],
  .menu-page-body [class*="scroll-top"] {
    display: none !important;
  }

  .menu-page-body .footer {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 520px !important;
    background: #e6dcd0 !important;
    padding: 0 28px 28px !important;
  }

  .menu-page-body .footer-inner {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    transform: none !important;
    text-align: center !important;
  }

  .menu-page-body .footer-logo,
  .menu-page-body .footer img[src*="Logo"] {
    width: 78px !important;
    margin: -28px auto 8px !important;
    display: block !important;
  }

  .menu-page-body .footer h2,
  .menu-page-body .footer-title {
    font-size: 30px !important;
    color: #754636 !important;
    text-align: center !important;
  }
}

@media (max-width: 900px) {
  html,
  body.menu-page-body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    background: #e6dcd0;
  }

  .menu-page-body .canvas--menu {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: auto !important;
    min-height: 0;
    overflow-x: hidden;
  }

  .menu-page-body .top-nav {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 430px !important;
    margin: 0 auto !important;
    height: 86px !important;
    min-height: 86px !important;
    padding: 10px 26px !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    border: none !important;
    transform: none !important;
    z-index: 300 !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }

  .menu-page-body .nav-logo-link {
    position: absolute !important;
    left: 50% !important;
    top: 42px !important;
    margin: 0 !important;
    transform: translate(-50%, -50%) !important;
    z-index: 1 !important;
  }

  .menu-page-body .nav-logo {
    width: 82px !important;
    height: 82px !important;
    object-fit: contain !important;
  }

  .menu-page-body .nav-toggle {
    position: absolute !important;
    right: 26px !important;
    top: 20px !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: 48px !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    z-index: 2 !important;
  }

  .menu-page-body .nav-toggle-bar {
    width: 42px !important;
    height: 3px !important;
    border-radius: 1px !important;
    background: var(--brown) !important;
  }

  .menu-page-body .nav-toggle[aria-expanded="true"] .nav-toggle-bar:nth-child(1) {
    transform: translateY(8px) rotate(45deg) !important;
  }

  .menu-page-body .nav-toggle[aria-expanded="true"] .nav-toggle-bar:nth-child(2) {
    opacity: 0 !important;
  }

  .menu-page-body .nav-toggle[aria-expanded="true"] .nav-toggle-bar:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg) !important;
  }

  .menu-page-body .nav-links {
    position: fixed !important;
    top: 86px !important;
    right: 22px !important;
    left: auto !important;
    width: 210px !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #eee8dc !important;
    border-radius: 0 0 34px 34px !important;
    z-index: 299 !important;
  }

  .menu-page-body .nav-links.is-open {
    max-height: 620px !important;
    padding: 18px 0 28px !important;
  }

  .menu-page-body .top-nav.is-open .nav-links {
    max-height: 620px !important;
    padding: 18px 0 28px !important;
  }

  .menu-frame {
    width: 100%;
    min-height: 0;
    padding-top: 0;
  }

  .menu-hero {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    width: 100vw !important;
    height: 185px !important;
    transform: none !important;
    padding-top: 86px !important;
    overflow: hidden !important;
    margin: 0 !important;
  }

  .menu-breakfast,
  .menu-breakfast-header,
  .menu-breakfast-header__row,
  .menu-subcategory-pills,
  .menu-breakfast-items-area,
  .menu-breakfast-panel,
  .menu-breakfast-panel.is-active,
  .menu-legend,
  .menu-category-placeholder {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    transform: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .menu-breakfast {
    padding: 20px 0 40px !important;
  }

  .menu-breakfast-panel {
    display: none !important;
  }

  .menu-breakfast-panel.is-active {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 22px !important;
    row-gap: 38px !important;
    padding: 0 28px !important;
    box-sizing: border-box;
  }

  .menu-breakfast-card,
  .menu-breakfast-panel.is-active .menu-breakfast-card {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    transform: none !important;
    opacity: 1 !important;
  }

  .menu-breakfast-card__media,
  .menu-breakfast-card__photo,
  .menu-breakfast-card__photo-frame {
    width: 132px !important;
    height: 92px !important;
    margin: 0 auto 8px !important;
  }

  .menu-breakfast-card__photo img {
    width: 132px !important;
    height: 92px !important;
    object-fit: contain !important;
  }

  .menu-breakfast-card__name-row,
  .menu-breakfast-card__name,
  .menu-breakfast-card__price {
    text-align: center !important;
    justify-content: center !important;
  }
}

@media (max-width: 900px) {
  html,
  body,
  body.menu-page-body {
    width: 100%;
    max-width: 100vw;
    overflow-x: hidden;
    background: #e6dcd0;
  }

  .menu-page-body .canvas--menu {
    width: 100%;
    max-width: 430px;
    height: auto !important;
    min-height: 100vh;
    margin: 0 auto;
    overflow-x: hidden;
    background: linear-gradient(
      180deg,
      #af8b72 0%,
      #c7aa96 18%,
      #e6dcd0 42%,
      #e6dcd0 72%,
      #af8b72 100%
    ) !important;
  }

  .menu-frame {
    position: relative;
    width: 100%;
    padding-bottom: 38px;
  }

  .menu-page-body .top-nav {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 430px !important;
    height: 86px !important;
    min-height: 86px !important;
    margin: 0 auto !important;
    padding: 10px 26px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    z-index: 300 !important;
  }

  .menu-page-body .nav-logo-link {
    position: absolute !important;
    left: 50% !important;
    top: 42px !important;
    margin: 0 !important;
    transform: translate(-50%, -50%) !important;
    z-index: 1 !important;
  }

  .menu-page-body .nav-logo-link:hover {
    transform: translate(-50%, -50%) !important;
  }

  .menu-page-body .nav-logo {
    width: 82px !important;
    height: 82px !important;
    object-fit: contain !important;
  }

  .menu-page-body .nav-toggle {
    position: absolute !important;
    right: 26px !important;
    top: 20px !important;
    width: 48px !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: inline-flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 6px;
    z-index: 2 !important;
    -webkit-appearance: none;
    appearance: none;
  }

  .menu-page-body .nav-toggle-bar {
    display: block !important;
    width: 42px !important;
    height: 3px !important;
    border-radius: 1px !important;
    background: #652c23 !important;
    transition: transform 0.25s ease, opacity 0.25s ease;
  }

  .menu-page-body .nav-toggle[aria-expanded="true"] .nav-toggle-bar:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
  }

  .menu-page-body .nav-toggle[aria-expanded="true"] .nav-toggle-bar:nth-child(2) {
    opacity: 0;
  }

  .menu-page-body .nav-toggle[aria-expanded="true"] .nav-toggle-bar:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
  }

  .menu-page-body .nav-links {
    position: fixed !important;
    top: 86px !important;
    right: 22px !important;
    left: auto !important;
    width: 210px !important;
    max-width: none !important;
    height: auto !important;
    max-height: 0;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    background: #eee8dc !important;
    border-radius: 0 0 34px 34px !important;
    box-shadow: none !important;
    font-family: "League Spartan", sans-serif !important;
    font-size: 20px !important;
    color: #652c23 !important;
    z-index: 299 !important;
    transition: max-height 0.35s ease, padding 0.35s ease;
  }

  .menu-page-body .nav-links.is-open {
    max-height: 620px !important;
    padding: 18px 0 28px !important;
  }

  .menu-page-body .nav-links li {
    width: 100% !important;
    padding: 18px 0 !important;
    text-align: center !important;
    align-items: center !important;
  }

  .menu-page-body .nav-page-link {
    color: inherit !important;
    text-decoration: none !important;
  }

  .menu-page-body .nav-links li.active,
  .menu-page-body .nav-links li.active .nav-page-link {
    color: #af8b72 !important;
  }

  .menu-page-body .nav-links li.active .nav-underline {
    left: 50% !important;
    bottom: 8px !important;
    width: 86px !important;
    height: 10px !important;
    opacity: 1 !important;
    transform: translateX(-50%) scaleX(1) !important;
  }

  .menu-page-body .nav-links li:not(.active) .nav-underline {
    opacity: 0 !important;
  }

  .menu-page-body .menu-hero {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: 185px !important;
    margin: 72px auto 0 !important;
    transform: none !important;
    overflow: hidden !important;
    pointer-events: none;
  }

  .menu-page-body .menu-hero-lines {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 185px !important;
    transform: none !important;
    z-index: 1 !important;
  }

  .menu-page-body .menu-hero-line {
    position: absolute !important;
    display: block !important;
    height: 2px !important;
    opacity: 1 !important;
    animation: none !important;
    transform: none !important;
    background: repeating-linear-gradient(90deg, #ffffff 0 22px, transparent 22px 44px) !important;
  }

  .menu-page-body .menu-hero-line--1 { left: -20px !important; top: 76px !important; width: 118px !important; }
  .menu-page-body .menu-hero-line--2 { left: 162px !important; top: 76px !important; width: 84px !important; }
  .menu-page-body .menu-hero-line--3 { left: 311px !important; top: 76px !important; width: 145px !important; }

  .menu-page-body .menu-hero-line--4 { left: -20px !important; top: 126px !important; width: 160px !important; }
  .menu-page-body .menu-hero-line--5 { left: 212px !important; top: 126px !important; width: 86px !important; }
  .menu-page-body .menu-hero-line--6 { left: 366px !important; top: 126px !important; width: 92px !important; }

  .menu-page-body .menu-letter {
    position: absolute !important;
    margin: 0 !important;
    width: 58px !important;
    height: auto !important;
    font-family: "Libre Baskerville", serif !important;
    font-weight: 700 !important;
    font-size: 50px !important;
    line-height: 1 !important;
    text-align: center !important;
    color: #fefcf8 !important;
    opacity: 1 !important;
    animation: none !important;
    filter: none !important;
    transform: none !important;
    z-index: 3 !important;
  }

  .menu-page-body .menu-letter--m { left: calc(50% - 122px) !important; top: 48px !important; }
  .menu-page-body .menu-letter--e { left: calc(50% - 49px) !important; top: 99px !important; }
  .menu-page-body .menu-letter--n { left: calc(50% + 38px) !important; top: 48px !important; }
  .menu-page-body .menu-letter--u { left: calc(50% + 110px) !important; top: 99px !important; }

  .menu-page-body .menu-categories {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: 390px !important;
    margin: -4px auto 0 !important;
    z-index: 20 !important;
    overflow: visible !important;
  }

  .menu-page-body .menu-category-track {
    position: relative !important;
    width: 100% !important;
    height: 330px !important;
    margin: 0 auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0 !important;
    overflow: visible !important;
  }

  .menu-page-body .menu-category-card {
    position: relative !important;
    width: 290px !important;
    height: 290px !important;
    flex: 0 0 290px !important;
    box-sizing: border-box !important;
    border: 2px solid rgba(117, 70, 54, 0.2) !important;
    border-radius: 22px !important;
    background: rgba(238, 232, 220, 0.34) !important;
    box-shadow: 0 12px 22px rgba(0, 0, 0, 0.18) !important;
    overflow: hidden !important;
    opacity: 1 !important;
    animation: none !important;
    padding: 0 !important;
  }

  .menu-page-body .menu-category-card.is-active {
    border: 4px solid #754636 !important;
    background: rgba(238, 232, 220, 0.46) !important;
    box-shadow: 0 16px 28px rgba(0, 0, 0, 0.22) !important;
  }

  .menu-page-body .menu-category-card__label {
    position: absolute !important;
    left: 50% !important;
    top: 42px !important;
    right: auto !important;
    width: 260px !important;
    min-height: 0 !important;
    transform: translateX(-50%) !important;
    font-family: "Libre Baskerville", serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 36px !important;
    line-height: 0.9 !important;
    text-align: center !important;
    color: transparent !important;
    background: linear-gradient(180deg, #652c23 0%, #ccb6a4 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    z-index: 2 !important;
  }

  .menu-page-body .menu-category-card__photo {
    position: absolute !important;
    left: 50% !important;
    top: 138px !important;
    bottom: auto !important;
    right: auto !important;
    width: 225px !important;
    height: 126px !important;
    transform: translateX(-50%) !important;
    overflow: visible !important;
    background: transparent !important;
    z-index: 1 !important;
  }

  .menu-page-body .menu-category-card__photo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
    filter: drop-shadow(16px 16px 16px rgba(0, 0, 0, 0.22)) !important;
  }

  .menu-page-body .menu-carousel-arrow {
    position: absolute !important;
    top: 148px !important;
    width: 80px !important;
    height: 43px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    z-index: 30 !important;
  }

  .menu-page-body .menu-carousel-arrow img {
    display: block !important;
    width: 80px !important;
    height: 43px !important;
    object-fit: contain !important;
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
  }

  .menu-page-body .menu-carousel-arrow--left { left: 20px !important; }
  .menu-page-body .menu-carousel-arrow--right { right: 20px !important; }

  .menu-page-body .menu-category-dots {
    left: 50% !important;
    bottom: 16px !important;
    transform: translateX(-50%) !important;
    gap: 12px !important;
  }

  .menu-page-body .menu-category-dot {
    width: 11px !important;
    height: 11px !important;
  }

  .menu-page-body .menu-breakfast,
  .menu-page-body .menu-breakfast.menu-breakfast--classics-compact,
  .menu-page-body .menu-breakfast.menu-breakfast--tight-below-carousel,
  .menu-page-body .menu-breakfast:has(#menuPanelMixMatch.is-active),
  .menu-page-body .menu-breakfast:has(#menuPanelSetMains.is-active),
  .menu-page-body .menu-breakfast:has(#menuPanelDinnerSetB.is-active),
  .menu-page-body .menu-breakfast:has(#menuPanelMainCourse.is-active),
  .menu-page-body .menu-breakfast:has(#menuPanelSnacks.is-active) {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 22px 34px !important;
    box-sizing: border-box !important;
    z-index: 5 !important;
  }

  .menu-page-body .menu-breakfast-header,
  .menu-page-body .menu-breakfast-items-area,
  .menu-page-body .menu-breakfast-panel {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
  }

  .menu-page-body .menu-breakfast-header__row {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 !important;
    gap: 16px !important;
    margin: 0 auto 20px !important;
  }

  .menu-page-body .menu-breakfast-eyebrow,
  .menu-page-body .menu-breakfast-current {
    font-size: 17px !important;
    color: #754636 !important;
    text-align: center !important;
    max-width: 160px !important;
  }

  .menu-page-body .menu-section-chevron {
    width: 18px !important;
    height: 22px !important;
  }

  .menu-page-body .menu-subcategory-pills {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: calc(100% + 44px) !important;
    height: auto !important;
    margin: 0 -22px 30px !important;
    padding: 0 22px 8px !important;
    display: flex !important;
    gap: 14px !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
    z-index: 10 !important;
  }

  .menu-page-body .menu-subcategory-pills::-webkit-scrollbar {
    display: none !important;
  }

  .menu-page-body .menu-subcategory-pill {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    flex: 0 0 164px !important;
    width: 164px !important;
    height: 46px !important;
    border-radius: 100px !important;
    border: 2px solid #754636 !important;
    background: #e6dcd0 !important;
    color: #754636 !important;
    font-family: Roboto, sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    opacity: 1 !important;
    animation: none !important;
    box-shadow: none !important;
  }

  .menu-page-body .menu-subcategory-pill.is-active {
    background: #bca18c !important;
    color: #754636 !important;
  }

  .menu-page-body .menu-breakfast-panel.is-active {
    display: block !important;
  }

  .menu-page-body #menuPanelClassics.is-active,
  .menu-page-body #menuPanelDelightfulCreation.is-active {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 42px 18px !important;
    justify-content: center !important;
    align-items: start !important;
  }

  .menu-page-body .menu-breakfast-panel.is-active > div,
  .menu-page-body .menu-mixmatch-breakfast,
  .menu-page-body .menu-setmains-breakfast,
  .menu-page-body .menu-setb-breakfast,
  .menu-page-body .menu-maincourse-breakfast,
  .menu-page-body .menu-snacks-surface {
    position: relative !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 auto !important;
  }

  .menu-page-body .menu-mixmatch-breakfast__dishes,
  .menu-page-body .menu-setmains-breakfast__dishes,
  .menu-page-body .menu-setb-breakfast__dishes,
  .menu-page-body .menu-maincourse-breakfast__dishes,
  .menu-page-body .menu-snacks-surface__dishes {
    position: relative !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 42px 18px !important;
    justify-content: center !important;
    align-items: start !important;
  }

  .menu-page-body .menu-breakfast-card,
  .menu-page-body .menu-breakfast-card--american,
  .menu-page-body .menu-breakfast-card--wellbeing,
  .menu-page-body .menu-breakfast-card--benedict,
  .menu-page-body .menu-breakfast-card--florentine,
  .menu-page-body .menu-breakfast-card--nasi,
  .menu-page-body [class*="menu-breakfast-card--mix-"],
  .menu-page-body .menu-snacks-card {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 170px !important;
    min-height: 192px !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
    opacity: 1 !important;
    animation: none !important;
  }

  .menu-page-body .menu-breakfast-card__media {
    display: block !important;
    width: 100% !important;
    height: 118px !important;
  }

  .menu-page-body .menu-breakfast-card--beverage .menu-breakfast-card__media {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
  }

  .menu-page-body .menu-breakfast-card__photo-frame,
  .menu-page-body .menu-breakfast-card__photo-frame--figma-american,
  .menu-page-body .menu-breakfast-card__photo-frame--mix-beverage {
    width: 150px !important;
    height: 112px !important;
    border-radius: 18px !important;
    margin: 0 auto !important;
    transform: none !important;
    overflow: visible !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .menu-page-body .menu-breakfast-card__photo {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
  }

  .menu-page-body .menu-breakfast-card__name-row {
    width: 100% !important;
    min-height: 38px !important;
    height: auto !important;
    margin-top: 10px !important;
    padding: 0 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .menu-page-body .menu-breakfast-card__title-stack {
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .menu-page-body .menu-breakfast-card__title {
    font-size: 12px !important;
    line-height: 1.18 !important;
    text-align: center !important;
    color: #754636 !important;
  }

  .menu-page-body .menu-breakfast-card__price {
    margin-top: 3px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    color: #754636 !important;
    text-align: center !important;
  }

  .menu-page-body .menu-breakfast-card__icons img {
    width: 13px !important;
    height: 13px !important;
  }

  .menu-page-body .menu-mixmatch-beverages {
    position: relative !important;
    width: 100% !important;
    margin: 36px auto 0 !important;
    padding: 0 !important;
  }

  .menu-page-body .menu-mixmatch-beverages__title {
    font-size: 20px !important;
    text-align: center !important;
    margin: 0 0 18px !important;
    color: #754636 !important;
  }

  .menu-page-body .menu-mixmatch-beverages__cards {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 42px 18px !important;
    width: 100% !important;
    padding: 0 !important;
  }

  .menu-page-body .menu-set-included-note {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: calc(100% - 20px) !important;
    margin: 24px auto 0 !important;
    font-size: 10px !important;
  }

  .menu-page-body .menu-flower-tea {
    width: 100% !important;
    padding: 0 !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  .menu-page-body .menu-flower-tea__frame {
    width: 160px !important;
    height: 190px !important;
  }

  .menu-page-body .menu-flower-tea__choices {
    width: 100% !important;
    max-width: 310px !important;
  }

  .menu-page-body .menu-legend {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    margin: 8px auto 40px !important;
    padding: 0 22px !important;
    box-sizing: border-box !important;
  }

  .menu-page-body .menu-legend__grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px 4px !important;
    width: 100% !important;
    max-width: 260px !important;
    margin: 0 auto !important;
    justify-items: center !important;
  }

  .menu-page-body .menu-legend__item {
    flex-direction: column !important;
    gap: 2px !important;
    font-size: 6px !important;
    line-height: 1.1 !important;
    text-align: center !important;
  }

  .menu-page-body .menu-legend__label {
    font-size: 6px !important;
    line-height: 1.1 !important;
  }

  .menu-page-body .menu-legend__icon img {
    width: 20px !important;
    height: 20px !important;
  }

  .menu-page-body .footer {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 16px 20px !important;
    background: #e6dcd0 !important;
  }

  .menu-page-body .footer-float-up,
  .menu-page-body .footer-backtop {
    display: none !important;
  }

  .menu-page-body .footer-float-chat {
    right: max(14px, calc(50vw - 186px)) !important;
    bottom: 20px !important;
    width: 58px !important;
    height: 58px !important;
  }

  .menu-page-body .footer-inner {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 360px !important;
    height: auto !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    transform: none !important;
  }

  .menu-page-body .footer-logo-half {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 118px !important;
    height: 58px !important;
    margin: -30px auto 8px !important;
    border-radius: 70px 70px 0 0 !important;
    background: #e6dcd0 !important;
  }

  .menu-page-body .footer-logo-half::after {
    display: none !important;
  }

  .menu-page-body .footer-logo {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 72px !important;
    height: 72px !important;
    margin: 0 auto !important;
    display: block !important;
    object-fit: contain !important;
  }

  .menu-page-body .contact-col {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    order: 1 !important;
    width: 100% !important;
    max-width: 295px !important;
    margin: 0 auto !important;
  }

  .menu-page-body .footer h3 {
    font-size: 31px !important;
    line-height: 1 !important;
    margin: 0 0 14px !important;
    text-align: center !important;
    color: #652c23 !important;
  }

  .menu-page-body .contact-col input {
    width: 100% !important;
    height: 34px !important;
    margin-top: 8px !important;
    border-width: 1px !important;
    font-size: 11px !important;
    padding: 0 18px !important;
    box-sizing: border-box !important;
  }

  .menu-page-body .contact-col .row {
    display: block !important;
  }

  .menu-page-body .footer-submit {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    order: 2 !important;
    align-self: flex-end !important;
    width: 88px !important;
    height: 34px !important;
    margin: 12px 32px 0 0 !important;
    font-size: 11px !important;
  }

  .menu-page-body .footer-socials {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    order: 3 !important;
    justify-content: center !important;
    width: 100% !important;
    gap: 34px !important;
    margin-top: 40px !important;
  }

  .menu-page-body .footer-socials a img {
    width: 48px !important;
    height: 48px !important;
    object-fit: contain !important;
  }

  .menu-page-body .links-col {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    order: 4 !important;
    width: 100% !important;
    max-width: 310px !important;
    margin: 28px auto 0 !important;
    text-align: center !important;
  }

  .menu-page-body .links-col > h3,
  .menu-page-body .links-grid {
    display: none !important;
  }

  .menu-page-body .meta {
    justify-content: center !important;
    gap: 0 !important;
    margin-top: 14px !important;
    text-align: center !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
  }

  .menu-page-body .meta img {
    display: none !important;
  }

  .menu-page-body .meta p {
    margin: 0 !important;
  }

  .menu-page-body .copyright {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 24px auto 0 !important;
    padding: 0 !important;
    font-size: 7px !important;
    line-height: 1.3 !important;
    gap: 0 !important;
    transform: none !important;
  }
}

@media (max-width: 900px) {
  body.menu-page-body .canvas.canvas--menu .footer,
  body.menu-page-body .canvas.canvas--menu:has(.menu-breakfast--classics-compact) .footer,
  body.menu-page-body .canvas.canvas--menu:has(.menu-breakfast--tight-below-carousel) .footer,
  body.menu-page-body .canvas.canvas--menu:has(#menuPanelMixMatch.is-active) .footer,
  body.menu-page-body .canvas.canvas--menu:has(#menuPanelSetMains.is-active) .footer,
  body.menu-page-body .canvas.canvas--menu:has(#menuPanelDinnerSetB.is-active) .footer,
  body.menu-page-body .canvas.canvas--menu:has(#menuPanelMainCourse.is-active) .footer,
  body.menu-page-body .canvas.canvas--menu:has(#menuPanelSnacks.is-active) .footer {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 16px 20px !important;
    background: #e6dcd0 !important;
    overflow: visible !important;
  }

  body.menu-page-body .canvas.canvas--menu .footer-inner,
  body.menu-page-body .canvas.canvas--menu .copyright {
    transform: none !important;
  }
}

@media (max-width: 900px) {
  .menu-page-body .menu-categories {
    height: 350px !important;
    margin: 0 auto 8px !important;
  }

  .menu-page-body .menu-category-track {
    height: 306px !important;
    align-items: flex-start !important;
  }

  .menu-page-body .menu-category-card {
    width: clamp(250px, 68vw, 286px) !important;
    height: clamp(270px, 72vw, 306px) !important;
    flex-basis: clamp(250px, 68vw, 286px) !important;
    border-radius: 24px !important;
  }

  .menu-page-body .menu-category-card__label {
    top: 40px !important;
    width: 82% !important;
    min-height: 82px !important;
    font-size: clamp(27px, 6.7vw, 34px) !important;
    line-height: 0.94 !important;
    letter-spacing: -0.01em !important;
  }

  .menu-page-body .menu-category-card[data-category-id="craft-beverage"] .menu-category-card__label,
  .menu-page-body .menu-category-card[data-category-id="main-course"] .menu-category-card__label,
  .menu-page-body .menu-category-card[data-category-id="snacks"] .menu-category-card__label {
    font-size: clamp(24px, 5.9vw, 30px) !important;
  }

  .menu-page-body .menu-category-card__photo {
    bottom: 16px !important;
    width: 72% !important;
    height: 42% !important;
  }

  .menu-page-body .menu-category-card__photo img {
    transform: scale(calc(var(--cat-img-scale, 1) * 1.34)) translateY(var(--cat-img-shift-y, 0px)) !important;
  }

  .menu-page-body .menu-carousel-arrow {
    top: 146px !important;
    width: 74px !important;
    height: 42px !important;
  }

  .menu-page-body .menu-carousel-arrow img {
    width: 74px !important;
    height: 42px !important;
  }

  .menu-page-body .menu-carousel-arrow--left {
    left: 18px !important;
  }

  .menu-page-body .menu-carousel-arrow--right {
    right: 18px !important;
  }
}

@media (max-width: 900px) {
  .menu-page-body .menu-hero {
    height: 170px !important;
    margin: 92px auto 0 !important;
    overflow: hidden !important;
  }

  .menu-page-body .menu-hero-lines {
    left: 50% !important;
    top: 0 !important;
    width: 1728px !important;
    height: 360px !important;
    transform: translateX(-50%) scale(0.38) !important;
    transform-origin: top center !important;
  }

  .menu-page-body .menu-letter {
    font-size: 42px !important;
    width: 55px !important;
    height: auto !important;
    text-align: center !important;
  }

  .menu-page-body .menu-letter--m { left: 103px !important; top: 68px !important; }
  .menu-page-body .menu-letter--e { left: 178px !important; top: 105px !important; }
  .menu-page-body .menu-letter--n { left: 260px !important; top: 68px !important; }
  .menu-page-body .menu-letter--u { left: 335px !important; top: 105px !important; }

  .menu-page-body .menu-categories {
    margin-top: 38px !important;
  }

  .menu-page-body .menu-carousel-arrow {
    width: 64px !important;
    height: 43px !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  .menu-page-body .menu-carousel-arrow img {
    width: 64px !important;
    height: 43px !important;
    object-fit: contain !important;
  }

  .menu-page-body .menu-carousel-arrow--left {
    left: 38px !important;
    top: 185px !important;
  }

  .menu-page-body .menu-carousel-arrow--right {
    right: 38px !important;
    top: 185px !important;
  }
}

@media (max-width: 900px) {
  .menu-page-body .menu-hero {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 430px !important;
    height: 150px !important;
    margin: 72px auto 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    transform: none !important;
    z-index: 3 !important;
  }

  .menu-page-body .menu-hero-lines {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 150px !important;
    transform: none !important;
    overflow: visible !important;
    z-index: 1 !important;
  }

  .menu-page-body .menu-hero-line {
    position: absolute !important;
    display: block !important;
    height: 1px !important;
    opacity: 1 !important;
    animation: none !important;
    transform: none !important;
    background: repeating-linear-gradient(
      90deg,
      #ffffff 0 18px,
      transparent 18px 36px
    ) !important;
  }

  .menu-page-body .menu-hero-line--4 {
    left: -20px !important;
    top: 62px !important;
    width: 110px !important;
  }

  .menu-page-body .menu-hero-line--5 {
    left: 155px !important;
    top: 62px !important;
    width: 72px !important;
  }

  .menu-page-body .menu-hero-line--3 {
    left: 302px !important;
    top: 62px !important;
    width: 160px !important;
  }

  .menu-page-body .menu-hero-line--1 {
    left: -20px !important;
    top: 101px !important;
    width: 165px !important;
  }

  .menu-page-body .menu-hero-line--6 {
    left: 225px !important;
    top: 101px !important;
    width: 84px !important;
  }

  .menu-page-body .menu-hero-line--2 {
    left: 380px !important;
    top: 101px !important;
    width: 90px !important;
  }

  .menu-page-body .menu-letter {
    position: absolute !important;
    margin: 0 !important;
    width: 56px !important;
    height: auto !important;
    font-family: "Libre Baskerville", serif !important;
    font-size: 44px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: #fefcf8 !important;
    text-align: center !important;
    opacity: 1 !important;
    animation: none !important;
    transform: none !important;
    filter: none !important;
    z-index: 2 !important;
  }

  .menu-page-body .menu-letter--m {
    left: 92px !important;
    top: 40px !important;
  }

  .menu-page-body .menu-letter--e {
    left: 168px !important;
    top: 79px !important;
  }

  .menu-page-body .menu-letter--n {
    left: 245px !important;
    top: 40px !important;
  }

  .menu-page-body .menu-letter--u {
    left: 322px !important;
    top: 79px !important;
  }

  .menu-page-body .menu-categories {
    margin-top: 16px !important;
  }
}

@media (max-width: 900px) {
  .menu-page-body .menu-hero {
    height: 210px !important;
    margin: 72px auto 0 !important;
  }

  .menu-page-body .menu-hero-lines {
    height: 210px !important;
  }

  .menu-page-body .menu-hero-line {
    height: 1.5px !important;
    background: repeating-linear-gradient(90deg, #ffffff 0 24px, transparent 24px 54px) !important;
  }

  .menu-page-body .menu-hero-line--1 { left: -22px !important; top: 92px !important; width: 150px !important; }
  .menu-page-body .menu-hero-line--2 { left: 166px !important; top: 92px !important; width: 94px !important; }
  .menu-page-body .menu-hero-line--3 { left: 330px !important; top: 92px !important; width: 146px !important; }
  .menu-page-body .menu-hero-line--4 { left: -22px !important; top: 136px !important; width: 188px !important; }
  .menu-page-body .menu-hero-line--5 { left: 296px !important; top: 136px !important; width: 82px !important; }
  .menu-page-body .menu-hero-line--6 { left: 446px !important; top: 136px !important; width: 88px !important; }

  .menu-page-body .menu-letter {
    width: 58px !important;
    font-size: 54px !important;
    line-height: 1 !important;
  }

  .menu-page-body .menu-letter--m { left: calc(50% - 120px) !important; top: 60px !important; }
  .menu-page-body .menu-letter--e { left: calc(50% - 48px) !important; top: 102px !important; }
  .menu-page-body .menu-letter--n { left: calc(50% + 44px) !important; top: 60px !important; }
  .menu-page-body .menu-letter--u { left: calc(50% + 118px) !important; top: 102px !important; }

  .menu-page-body .menu-categories {
    height: 430px !important;
    margin: 0 auto !important;
  }

  .menu-page-body .menu-category-track {
    height: 364px !important;
  }

  .menu-page-body .menu-category-card {
    width: 334px !important;
    height: 360px !important;
    flex-basis: 334px !important;
    border-radius: 30px !important;
    border-width: 3px !important;
    background: rgba(233, 218, 202, 0.56) !important;
    box-shadow: 0 13px 22px rgba(0, 0, 0, 0.2) !important;
  }

  .menu-page-body .menu-category-card__label {
    top: 52px !important;
    width: 292px !important;
    min-height: 122px !important;
    font-size: 42px !important;
    line-height: 0.95 !important;
    letter-spacing: -0.012em !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: anywhere !important;
  }

  .menu-page-body .menu-category-card[data-category-id="breakfast"] .menu-category-card__label,
  .menu-page-body .menu-category-card[data-category-id="set-meals"] .menu-category-card__label,
  .menu-page-body .menu-category-card[data-category-id="main-course"] .menu-category-card__label,
  .menu-page-body .menu-category-card[data-category-id="kid-menu"] .menu-category-card__label {
    font-size: 44px !important;
  }

  .menu-page-body .menu-category-card[data-category-id="snacks"] .menu-category-card__label {
    font-size: 39px !important;
  }

  .menu-page-body .menu-category-card[data-category-id="craft-beverage"] .menu-category-card__label {
    font-size: 36px !important;
    width: 296px !important;
  }

  .menu-page-body .menu-category-card__photo {
    top: 214px !important;
    width: 246px !important;
    height: 136px !important;
  }

  .menu-page-body .menu-category-card__photo img {
    transform: scale(calc(var(--cat-img-scale, 1) * 1.62)) translateY(var(--cat-img-shift-y, 0px)) !important;
    transform-origin: center 60% !important;
  }

  .menu-page-body .menu-category-card[data-category-id="craft-beverage"] .menu-category-card__photo img {
    transform: scale(calc(var(--cat-img-scale, 1) * 2.05)) translateY(var(--cat-img-shift-y, 0px)) !important;
    transform-origin: center 62% !important;
  }

  .menu-page-body .menu-carousel-arrow {
    top: 196px !important;
    width: 84px !important;
    height: 48px !important;
  }

  .menu-page-body .menu-carousel-arrow img {
    width: 84px !important;
    height: 48px !important;
  }

  .menu-page-body .menu-carousel-arrow--left { left: 20px !important; }
  .menu-page-body .menu-carousel-arrow--right { right: 20px !important; }
}

@media (max-width: 900px) {
  .menu-page-body .menu-categories {
    height: 490px !important;
    margin: 10px auto 0 !important;
  }

  .menu-page-body .menu-category-track {
    height: 430px !important;
    align-items: flex-start !important;
  }

  .menu-page-body .menu-category-card {
    width: clamp(320px, 79vw, 350px) !important;
    height: clamp(350px, 85vw, 384px) !important;
    flex-basis: clamp(320px, 79vw, 350px) !important;
    border-radius: 32px !important;
    border-width: 3px !important;
    background: #d3c1b1 !important;
    box-shadow: 0 14px 24px rgba(0, 0, 0, 0.2) !important;
  }

  .menu-page-body .menu-category-card__label {
    top: 52px !important;
    left: 50% !important;
    width: 86% !important;
    min-height: 124px !important;
    transform: translateX(-50%) !important;
    font-size: clamp(56px, 11vw, 66px) !important;
    line-height: 0.92 !important;
    letter-spacing: -0.012em !important;
    text-align: center !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  .menu-page-body .menu-category-card[data-category-id="snacks"] .menu-category-card__label {
    font-size: clamp(46px, 9vw, 54px) !important;
  }

  .menu-page-body .menu-category-card[data-category-id="craft-beverage"] .menu-category-card__label,
  .menu-page-body .menu-category-card[data-category-id="main-course"] .menu-category-card__label {
    font-size: clamp(44px, 8.6vw, 52px) !important;
  }

  .menu-page-body .menu-category-card__photo {
    top: auto !important;
    bottom: 18px !important;
    left: 50% !important;
    width: 76% !important;
    height: 44% !important;
    transform: translateX(-50%) !important;
  }

  .menu-page-body .menu-category-card__photo img {
    transform: scale(calc(var(--cat-img-scale, 1) * 1.74)) translateY(var(--cat-img-shift-y, 0px)) !important;
    transform-origin: center 58% !important;
    object-fit: contain !important;
    object-position: center bottom !important;
    filter: drop-shadow(0 10px 14px rgba(0, 0, 0, 0.2)) !important;
  }

  .menu-page-body .menu-carousel-arrow {
    top: 218px !important;
    width: 100px !important;
    height: 56px !important;
  }

  .menu-page-body .menu-carousel-arrow img {
    width: 100px !important;
    height: 56px !important;
  }

  .menu-page-body .menu-carousel-arrow--left {
    left: 22px !important;
  }

  .menu-page-body .menu-carousel-arrow--right {
    right: 22px !important;
  }

  .menu-page-body .menu-category-dots {
    bottom: 2px !important;
  }
}

@media (max-width: 900px) {
  .menu-page-body .menu-set-included-note {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    display: block !important;
    width: calc(100% - 40px) !important;
    max-width: 340px !important;
    margin: 28px auto 0 !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }
}

@media (max-width: 900px) {
  .menu-page-body .top-nav {
    background: #e6dcd0 !important;
  }
}

@media (max-width: 900px) {
  .menu-page-body .canvas--menu {
    background: linear-gradient(
      180deg,
      #c1a48f 0%,
      #c9b09b 38%,
      #e6dcd0 74%,
      #af8b72 100%
    ) !important;
  }

  .menu-page-body .top-nav {
    height: 72px !important;
    min-height: 72px !important;
    padding: 6px 26px !important;
    background: #e6dcd0 !important;
  }

  .menu-page-body .nav-logo-link {
    top: 36px !important;
  }

  .menu-page-body .nav-toggle {
    top: 12px !important;
  }
}

@media (max-width: 900px) {
  .menu-page-body .nav-links {
    top: 72px !important;
    background: #e6dcd0 !important;
    border-radius: 0 0 34px 34px !important;
  }
}

@media (max-width: 900px) {
  .menu-page-body .top-nav {
    height: 72px !important;
    min-height: 72px !important;
    padding: 6px 26px !important;
    background: #e6dcd0 !important;
  }

  .menu-page-body .nav-logo-link {
    top: 36px !important;
  }

  .menu-page-body .nav-toggle {
    top: 12px !important;
  }

  .menu-page-body .nav-links {
    top: 72px !important;
    background: #e6dcd0 !important;
  }

  .menu-page-body .menu-hero {
    height: 202px !important;
    margin: 72px auto 0 !important;
  }

  .menu-page-body .menu-hero-lines {
    height: 202px !important;
  }

  .menu-page-body .menu-hero-line {
    height: 1.5px !important;
    background: repeating-linear-gradient(90deg, #ffffff 0 24px, transparent 24px 52px) !important;
  }

  .menu-page-body .menu-hero-line--1 {
    left: -26px !important;
    top: 86px !important;
    width: 156px !important;
  }

  .menu-page-body .menu-hero-line--2 {
    left: 170px !important;
    top: 86px !important;
    width: 98px !important;
  }

  .menu-page-body .menu-hero-line--3 {
    left: 334px !important;
    top: 86px !important;
    width: 140px !important;
  }

  .menu-page-body .menu-hero-line--4 {
    left: -26px !important;
    top: 130px !important;
    width: 196px !important;
  }

  .menu-page-body .menu-hero-line--5 {
    left: 294px !important;
    top: 130px !important;
    width: 80px !important;
  }

  .menu-page-body .menu-hero-line--6 {
    left: 444px !important;
    top: 130px !important;
    width: 92px !important;
  }

  .menu-page-body .menu-letter {
    width: 58px !important;
    font-size: 52px !important;
    line-height: 1 !important;
  }

  .menu-page-body .menu-letter--m {
    left: calc(50% - 118px) !important;
    top: 56px !important;
  }

  .menu-page-body .menu-letter--e {
    left: calc(50% - 48px) !important;
    top: 100px !important;
  }

  .menu-page-body .menu-letter--n {
    left: calc(50% + 46px) !important;
    top: 56px !important;
  }

  .menu-page-body .menu-letter--u {
    left: calc(50% + 120px) !important;
    top: 100px !important;
  }

  .menu-page-body .menu-categories {
    height: 424px !important;
    margin: -2px auto 0 !important;
  }

  .menu-page-body .menu-category-track {
    height: 362px !important;
  }

  .menu-page-body .menu-category-card {
    width: 330px !important;
    height: 358px !important;
    flex-basis: 330px !important;
    border-radius: 28px !important;
    border-width: 3px !important;
    background: rgba(233, 218, 202, 0.52) !important;
    box-shadow: 0 12px 22px rgba(0, 0, 0, 0.2) !important;
  }

  .menu-page-body .menu-category-card.is-active {
    border-width: 4px !important;
  }

  .menu-page-body .menu-category-card__label {
    top: 50px !important;
    width: 300px !important;
    min-height: 124px !important;
    font-size: 44px !important;
    line-height: 0.94 !important;
    letter-spacing: -0.012em !important;
    white-space: normal !important;
  }

  .menu-page-body .menu-category-card__photo {
    top: 214px !important;
    width: 246px !important;
    height: 136px !important;
  }

  .menu-page-body .menu-category-card__photo img {
    transform: scale(calc(var(--cat-img-scale, 1) * 1.42)) translateY(var(--cat-img-shift-y, 0px)) !important;
    transform-origin: center 60% !important;
  }

  .menu-page-body .menu-carousel-arrow {
    top: 184px !important;
    width: 80px !important;
    height: 44px !important;
  }

  .menu-page-body .menu-carousel-arrow img {
    width: 80px !important;
    height: 44px !important;
  }

  .menu-page-body .menu-carousel-arrow--left {
    left: 18px !important;
  }

  .menu-page-body .menu-carousel-arrow--right {
    right: 18px !important;
  }

  .menu-page-body .menu-category-dots {
    bottom: 8px !important;
  }
}

@media (max-width: 900px) {
  .menu-page-body .footer {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    order: 8 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 16px 20px !important;
    background: #e6dcd0 !important;
  }

  .menu-page-body .footer-float-up,
  .menu-page-body .footer-backtop {
    display: none !important;
  }

  .menu-page-body .footer-float-chat {
    right: max(14px, calc(50vw - 186px)) !important;
    bottom: 20px !important;
    width: 58px !important;
    height: 58px !important;
  }

  .menu-page-body .footer-inner {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 360px !important;
    height: auto !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    transform: none !important;
  }

  .menu-page-body .footer-logo-half {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 118px !important;
    height: 58px !important;
    margin: -30px auto 8px !important;
    border-radius: 70px 70px 0 0 !important;
    background: #e6dcd0 !important;
  }

  .menu-page-body .footer-logo-half::after {
    display: none !important;
  }

  .menu-page-body .footer-logo {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 72px !important;
    height: 72px !important;
    margin: 0 auto !important;
    display: block !important;
    object-fit: contain !important;
  }

  .menu-page-body .contact-col {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    order: 1 !important;
    width: 100% !important;
    max-width: 295px !important;
    margin: 0 auto !important;
  }

  .menu-page-body .footer h3 {
    font-family: "League Spartan", sans-serif !important;
    font-size: 31px !important;
    line-height: 1 !important;
    margin: 0 0 14px !important;
    text-align: center !important;
    color: #652c23 !important;
  }

  .menu-page-body .contact-col input {
    width: 100% !important;
    height: 34px !important;
    margin-top: 8px !important;
    border-width: 1px !important;
    font-size: 11px !important;
    padding: 0 18px !important;
    box-sizing: border-box !important;
  }

  .menu-page-body .contact-col .row {
    display: block !important;
  }

  .menu-page-body .footer-submit {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    order: 2 !important;
    align-self: flex-end !important;
    width: 88px !important;
    height: 34px !important;
    margin: 12px 32px 0 0 !important;
    font-size: 11px !important;
  }

  .menu-page-body .footer-socials {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    order: 3 !important;
    justify-content: center !important;
    width: 100% !important;
    gap: 34px !important;
    margin-top: 40px !important;
  }

  .menu-page-body .footer-socials a img {
    width: 48px !important;
    height: 48px !important;
    object-fit: contain !important;
  }

  .menu-page-body .links-col {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    order: 4 !important;
    width: 100% !important;
    max-width: 310px !important;
    margin: 28px auto 0 !important;
    text-align: center !important;
  }

  .menu-page-body .links-col > h3,
  .menu-page-body .links-grid {
    display: none !important;
  }

  .menu-page-body .meta {
    justify-content: center !important;
    gap: 0 !important;
    margin-top: 14px !important;
    text-align: center !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
  }

  .menu-page-body .meta img {
    display: none !important;
  }

  .menu-page-body .meta p {
    margin: 0 !important;
  }

  .menu-page-body .copyright {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    order: 9 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 24px auto 0 !important;
    padding: 0 !important;
    font-size: 7px !important;
    line-height: 1.3 !important;
    gap: 0 !important;
    transform: none !important;
  }
}

@media (max-width: 900px) {
  body.menu-page-body .canvas.canvas--menu .footer,
  body.menu-page-body .canvas.canvas--menu:has(.menu-breakfast--classics-compact) .footer,
  body.menu-page-body .canvas.canvas--menu:has(.menu-breakfast--tight-below-carousel) .footer,
  body.menu-page-body .canvas.canvas--menu:has(#menuPanelMixMatch.is-active) .footer,
  body.menu-page-body .canvas.canvas--menu:has(#menuPanelSetMains.is-active) .footer,
  body.menu-page-body .canvas.canvas--menu:has(#menuPanelDinnerSetB.is-active) .footer,
  body.menu-page-body .canvas.canvas--menu:has(#menuPanelMainCourse.is-active[data-layout="mains"]) .footer,
  body.menu-page-body .canvas.canvas--menu:has(#menuPanelMainCourse.is-active[data-layout="pasta"]) .footer,
  body.menu-page-body .canvas.canvas--menu:has(#menuPanelMainCourse.is-active[data-layout="craft-ice-blended"]) .footer,
  body.menu-page-body .canvas.canvas--menu:has(#menuPanelMainCourse.is-active[data-layout="craft-green-tea"]) .footer,
  body.menu-page-body .canvas.canvas--menu:has(#menuPanelMainCourse.is-active[data-layout="craft-flower-tea"]) .footer,
  body.menu-page-body .canvas.canvas--menu:has(#menuPanelMainCourse.is-active[data-layout="rice-bowl"]) .footer,
  body.menu-page-body .canvas.canvas--menu:has(#menuPanelMainCourse.is-active[data-layout="craft-coffee"]) .footer,
  body.menu-page-body .canvas.canvas--menu:has(#menuPanelMainCourse.is-active[data-layout="craft-matcha"]) .footer,
  body.menu-page-body .canvas.canvas--menu:has(#menuPanelMainCourse.is-active[data-layout="craft-sparkling"]) .footer,
  body.menu-page-body .canvas.canvas--menu:has(#menuPanelMainCourse.is-active[data-layout="fried-rice"]) .footer,
  body.menu-page-body .canvas.canvas--menu:has(#menuPanelSnacks.is-active[data-layout="bites"]) .footer,
  body.menu-page-body .canvas.canvas--menu:has(#menuPanelSnacks.is-active[data-layout="salads"]) .footer {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 16px 20px !important;
    background: #e6dcd0 !important;
    overflow: visible !important;
  }

  body.menu-page-body .canvas.canvas--menu .footer-inner,
  body.menu-page-body .canvas.canvas--menu .copyright {
    transform: none !important;
  }
}

@media (max-width: 900px) {
  body.menu-page-body .canvas.canvas--menu .menu-categories {
    height: 350px !important;
    margin: 0 auto 8px !important;
    overflow: visible !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-category-track {
    height: 306px !important;
    align-items: flex-start !important;
    overflow: visible !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-category-card {
    width: clamp(250px, 68vw, 286px) !important;
    height: clamp(270px, 72vw, 306px) !important;
    flex: 0 0 clamp(250px, 68vw, 286px) !important;
    border-radius: 24px !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-category-card__label {
    top: 40px !important;
    width: 82% !important;
    min-height: 82px !important;
    font-size: clamp(27px, 6.7vw, 34px) !important;
    line-height: 0.94 !important;
    letter-spacing: -0.01em !important;
    white-space: normal !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-category-card[data-category-id="craft-beverage"] .menu-category-card__label,
  body.menu-page-body .canvas.canvas--menu .menu-category-card[data-category-id="main-course"] .menu-category-card__label,
  body.menu-page-body .canvas.canvas--menu .menu-category-card[data-category-id="snacks"] .menu-category-card__label {
    font-size: clamp(24px, 5.9vw, 30px) !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-category-card__photo {
    top: auto !important;
    bottom: 16px !important;
    width: 72% !important;
    height: 42% !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-category-card__photo img {
    transform: scale(calc(var(--cat-img-scale, 1) * 1.34)) translateY(var(--cat-img-shift-y, 0px)) !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-carousel-arrow {
    top: 146px !important;
    width: 74px !important;
    height: 42px !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-carousel-arrow img {
    width: 74px !important;
    height: 42px !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-carousel-arrow--left {
    left: 18px !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-carousel-arrow--right {
    right: 18px !important;
  }
}

@media (max-width: 900px) {
  body.menu-page-body .canvas.canvas--menu .menu-hero {
    --menu-hero-mobile-scale: 0.38;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 430px !important;
    height: calc(360px * var(--menu-hero-mobile-scale)) !important;
    min-height: calc(360px * var(--menu-hero-mobile-scale)) !important;
    margin: 72px auto 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    transform: none !important;
    pointer-events: none !important;
    z-index: 3 !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-hero-lines {
    position: absolute !important;
    left: 50% !important;
    top: 0 !important;
    width: 1728px !important;
    height: 360px !important;
    transform: translateX(-50%) scale(var(--menu-hero-mobile-scale)) !important;
    transform-origin: top center !important;
    overflow: visible !important;
    z-index: 1 !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-hero-line {
    position: absolute !important;
    display: block !important;
    height: 2px !important;
    opacity: 1 !important;
    animation: none !important;
    transform: none !important;
    background: repeating-linear-gradient(90deg, #ffffff 0 30px, transparent 30px 60px) !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-hero-line--1 { left: -390px !important; top: 315px !important; width: 1093px !important; }
  body.menu-page-body .canvas.canvas--menu .menu-hero-line--2 { left: 1192px !important; top: 315px !important; width: 926px !important; }
  body.menu-page-body .canvas.canvas--menu .menu-hero-line--3 { left: 1029px !important; top: 247px !important; width: 1089px !important; }
  body.menu-page-body .canvas.canvas--menu .menu-hero-line--4 { left: -390px !important; top: 247px !important; width: 919px !important; }
  body.menu-page-body .canvas.canvas--menu .menu-hero-line--5 { left: 676px !important; top: 247px !important; width: 201px !important; }
  body.menu-page-body .canvas.canvas--menu .menu-hero-line--6 { left: 834px !important; top: 315px !important; width: 229px !important; }

  body.menu-page-body .canvas.canvas--menu .menu-letter {
    position: absolute !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    font-size: 32px !important;
    line-height: 1 !important;
    opacity: 1 !important;
    animation: none !important;
    filter: none !important;
    transform: none !important;
    z-index: 2 !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-letter--m { left: calc(50% - 122px) !important; top: 70px !important; }
  body.menu-page-body .canvas.canvas--menu .menu-letter--e { left: calc(50% - 59px) !important; top: 95px !important; }
  body.menu-page-body .canvas.canvas--menu .menu-letter--n { left: calc(50% + 11px) !important; top: 70px !important; }
  body.menu-page-body .canvas.canvas--menu .menu-letter--u { left: calc(50% + 78px) !important; top: 97px !important; }

  body.menu-page-body .canvas.canvas--menu .menu-categories {
    margin-top: 18px !important;
  }
}

@media (max-width: 900px) {
  body.menu-page-body .canvas.canvas--menu .menu-hero {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 430px !important;
    height: 145px !important;
    min-height: 145px !important;
    margin: 72px auto 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    transform: none !important;
    pointer-events: none !important;
    z-index: 3 !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-hero-lines {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 145px !important;
    transform: none !important;
    z-index: 1 !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-hero-line {
    position: absolute !important;
    display: block !important;
    height: 1.5px !important;
    opacity: 1 !important;
    animation: none !important;
    transform: none !important;
    background: repeating-linear-gradient(90deg, #ffffff 0 16px, transparent 16px 30px) !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-hero-line--1 { left: -15px !important; top: 76px !important; width: 145px !important; }
  body.menu-page-body .canvas.canvas--menu .menu-hero-line--2 { left: 278px !important; top: 76px !important; width: 165px !important; }
  body.menu-page-body .canvas.canvas--menu .menu-hero-line--3 { left: 238px !important; top: 110px !important; width: 205px !important; }
  body.menu-page-body .canvas.canvas--menu .menu-hero-line--4 { left: -15px !important; top: 110px !important; width: 185px !important; }
  body.menu-page-body .canvas.canvas--menu .menu-hero-line--5 { left: 126px !important; top: 76px !important; width: 50px !important; }
  body.menu-page-body .canvas.canvas--menu .menu-hero-line--6 { left: 173px !important; top: 110px !important; width: 48px !important; }

  body.menu-page-body .canvas.canvas--menu .menu-letter {
    position: absolute !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    font-size: 28px !important;
    line-height: 1 !important;
    opacity: 1 !important;
    animation: none !important;
    filter: none !important;
    transform: none !important;
    z-index: 2 !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-letter--m { left: 126px !important; top: 61px !important; }
  body.menu-page-body .canvas.canvas--menu .menu-letter--n { left: 219px !important; top: 61px !important; }
  body.menu-page-body .canvas.canvas--menu .menu-letter--e { left: 174px !important; top: 95px !important; }
  body.menu-page-body .canvas.canvas--menu .menu-letter--u { left: 270px !important; top: 95px !important; }

  body.menu-page-body .canvas.canvas--menu .menu-categories {
    margin-top: 0 !important;
  }
}

@media (max-width: 900px) {
  body.menu-page-body .canvas.canvas--menu .menu-letter {
    box-sizing: content-box !important;
    padding: 0 12px !important;
    background: #c3a58f !important;
    background-clip: padding-box !important;
    z-index: 5 !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-letter--m {
    left: 114px !important;
    top: 61px !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-letter--n {
    left: 207px !important;
    top: 61px !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-letter--e {
    left: 162px !important;
    top: 95px !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-letter--u {
    left: 258px !important;
    top: 95px !important;
  }
}

@media (max-width: 900px) {

  body.menu-page-body .canvas.canvas--menu .menu-hero-line--2 {
    width: 230px !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-hero-line--3 {
    width: 260px !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-hero-line--5 {
    left: 164px !important;
    top: 76px !important;
    width: 58px !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-hero-line--6 {
    left: 213px !important;
    top: 110px !important;
    width: 52px !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-letter {
    padding: 0 9px !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-letter--m {
    left: 117px !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-letter--n {
    left: 210px !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-letter--e {
    left: 165px !important;
  }

  body.menu-page-body .canvas.canvas--menu .menu-letter--u {
    left: 261px !important;
  }
}

@media (max-width: 900px) {
  body.menu-page-body .canvas.canvas--menu .menu-hero {
    transform: translateX(-18px) !important;
  }
}

@media (max-width: 900px) {
  .menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-green-tea"])
    .menu-maincourse-breakfast
    .menu-breakfast-card--mix-3 {
    grid-column: 1 !important;
    grid-row: 3 !important;
    justify-self: center !important;
  }

  .menu-breakfast:has(#menuPanelMainCourse.is-active[data-layout="craft-green-tea"])
    .menu-maincourse-breakfast
    .menu-breakfast-card--mix-4 {
    grid-column: 2 !important;
    grid-row: 2 !important;
    justify-self: center !important;
  }
}