.menu-page{
  background:
    radial-gradient(circle at 10% 8%,rgba(201,77,147,.05),transparent 21rem),
    radial-gradient(circle at 92% 18%,rgba(49,93,37,.055),transparent 25rem),
    var(--cream);
}
.menu-back{
  width:44px;height:44px;
  display:grid;place-items:center;
  font-size:25px;font-weight:500;
}
.nav-current{color:var(--savory)}

.menu-hero{
  padding-top:34px;
  display:grid;
  gap:24px;
  align-items:center;
}
.menu-hero h1{
  margin:0;
  font-family:"Arial Narrow",Impact,Haettenschweiler,sans-serif;
  font-size:clamp(54px,16vw,84px);
  line-height:.92;
  text-transform:uppercase;
}
.menu-hero p:not(.eyebrow){
  max-width:560px;
  color:var(--muted);
  font-size:14px;
}
.menu-hero-art{
  height:190px;
  position:relative;
}
.menu-orb{
  position:absolute;
  width:104px;height:104px;border-radius:50%;
  display:grid;place-items:center;
  font-size:10px;font-weight:900;letter-spacing:.08em;
  border:8px solid rgba(255,255,255,.7);
  box-shadow:var(--shadow-soft);
}
.orb-savory{background:var(--savory-soft);color:var(--savory);left:2%;top:18px}
.orb-acai{background:var(--acai-soft);color:var(--acai);left:28%;top:65px}
.orb-matcha{background:var(--matcha-soft);color:var(--matcha);right:23%;top:10px}
.orb-coffee{background:var(--coffee-soft);color:var(--coffee);right:0;top:72px}

.menu-filter{
  position:sticky;
  top:92px;
  z-index:35;
  padding:8px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:5px;
  overflow:hidden;
}
.menu-filter a{
  min-height:45px;
  display:grid;place-items:center;
  text-align:center;
  border-radius:13px;
  font-size:9px;font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.filter-savory{color:var(--savory);background:var(--savory-soft)}
.filter-acai{color:var(--acai);background:var(--acai-soft)}
.filter-matcha{color:var(--matcha);background:var(--matcha-soft)}
.filter-coffee{color:var(--coffee);background:var(--coffee-soft)}

.menu-section{
  scroll-margin-top:160px;
}
.menu-section-head{
  margin-bottom:18px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
}
.menu-section-head h2{
  margin:0;
  font-family:"Arial Narrow",Impact,Haettenschweiler,sans-serif;
  font-size:38px;line-height:.95;text-transform:uppercase;
}
.menu-section-head p{margin:5px 0 0;color:var(--muted);font-size:11px}
.menu-section-mark{
  font-size:10px;font-weight:900;letter-spacing:.12em;
  padding:8px 10px;border-radius:999px;
}
.menu-section[data-accent="savory"] .menu-section-mark{color:var(--savory);background:var(--savory-soft)}
.menu-section[data-accent="acai"] .menu-section-mark{color:var(--acai);background:var(--acai-soft)}
.menu-section[data-accent="matcha"] .menu-section-mark{color:var(--matcha);background:var(--matcha-soft)}
.menu-section[data-accent="coffee"] .menu-section-mark{color:var(--coffee);background:var(--coffee-soft)}

.menu-items{
  display:grid;
  gap:11px;
}
.menu-item{
  min-height:146px;
  padding:16px;
  display:grid;
  grid-template-columns:66px 1fr;
  gap:14px;
  align-items:center;
  background:white;
  border:1px solid rgba(69,47,25,.065);
  border-radius:20px;
  box-shadow:var(--shadow-soft);
  position:relative;
  overflow:hidden;
}
.menu-item-visual{
  width:66px;height:96px;
  display:grid;place-items:center;
  position:relative;
}
.menu-item-visual img{
  max-width:100%;max-height:94px;
  object-fit:contain;
  filter:drop-shadow(0 8px 8px rgba(60,40,20,.13));
}
.article-badge{
  width:46px;height:46px;border-radius:50%;
  display:grid;place-items:center;
  color:white;font-weight:900;font-size:13px;
}
.menu-item[data-accent="savory"] .article-badge{background:var(--savory)}
.menu-item[data-accent="acai"] .article-badge{background:var(--acai)}
.menu-item[data-accent="matcha"] .article-badge{background:var(--matcha)}
.menu-item[data-accent="coffee"] .article-badge{background:var(--coffee)}
.menu-item-main{min-width:0}
.menu-item-top{
  display:flex;justify-content:space-between;align-items:flex-start;gap:10px
}
.menu-item h3{
  margin:0;
  font-family:"Arial Narrow",Impact,Haettenschweiler,sans-serif;
  font-size:23px;text-transform:uppercase;line-height:1;
}
.menu-price{
  white-space:nowrap;
  font-size:13px;font-weight:900;
}
.menu-item p{
  margin:8px 0 0;color:var(--muted);font-size:11px;line-height:1.5;
}
.menu-item-footer{
  margin-top:12px;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
}
.menu-order-link{
  border:0;background:transparent;padding:0;
  font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;
  cursor:pointer;
}
.menu-item[data-accent="savory"] .menu-order-link{color:var(--savory)}
.menu-item[data-accent="acai"] .menu-order-link{color:var(--acai)}
.menu-item[data-accent="matcha"] .menu-order-link{color:var(--matcha)}
.menu-item[data-accent="coffee"] .menu-order-link{color:var(--coffee)}
.byo-badge{
  font-size:8px;font-weight:900;
  padding:5px 8px;border-radius:999px;background:var(--cream);
}
.price-pending{
  font-size:9px;
  color:var(--muted);
  font-weight:700;
}
.menu-subgroup{
  margin-top:22px;
}
.menu-subgroup:first-child{margin-top:0}
.menu-subgroup h3{
  margin:0 0 10px;
  font-family:"Arial Narrow",Impact,sans-serif;
  font-size:26px;text-transform:uppercase;
  color:var(--coffee);
}
.menu-order-cta{padding-top:26px}

.sumup-unconfigured{
  opacity:.62;
  cursor:not-allowed!important;
}
.sumup-status.is-ready{display:none}

@media (min-width:768px){
  .menu-hero{
    grid-template-columns:1.05fr .95fr;
    min-height:320px;
  }
  .menu-hero h1{font-size:92px}
  .menu-hero-art{height:250px}
  .menu-orb{width:130px;height:130px}
  .orb-savory{left:5%}
  .orb-acai{left:28%;top:95px}
  .orb-matcha{right:25%}
  .orb-coffee{right:2%;top:102px}
  .menu-filter{top:104px;padding:10px}
  .menu-filter a{font-size:10px;min-height:50px}
  .menu-section-head h2{font-size:48px}
  .menu-items{grid-template-columns:repeat(2,1fr);gap:14px}
  .menu-item{min-height:190px;grid-template-columns:92px 1fr;padding:18px}
  .menu-item-visual{width:92px;height:130px}
  .menu-item-visual img{max-height:125px}
  .article-badge{width:54px;height:54px;font-size:14px}
  .menu-item h3{font-size:26px}
  .menu-item p{font-size:12px}
}
@media (min-width:1100px){
  .menu-hero{min-height:390px;padding-top:48px;padding-bottom:48px}
  .menu-hero h1{font-size:112px}
  .menu-hero p:not(.eyebrow){font-size:16px;line-height:1.6}
  .menu-hero-art{height:300px}
  .menu-orb{width:158px;height:158px;font-size:11px}
  .orb-savory{left:3%;top:20px}
  .orb-acai{left:27%;top:125px}
  .orb-matcha{right:26%;top:10px}
  .orb-coffee{right:1%;top:132px}
  .menu-filter{top:116px;border-radius:24px}
  .menu-filter a{min-height:60px;font-size:11px}
  .menu-section{padding-top:72px;padding-bottom:22px}
  .menu-section-head h2{font-size:60px}
  .menu-items{grid-template-columns:repeat(3,1fr);gap:16px}
  .menu-item{
    min-height:245px;
    grid-template-columns:1fr;
    grid-template-rows:115px auto;
    align-items:start;
    padding:20px;
  }
  .menu-item-visual{
    width:100%;height:112px;
  }
  .menu-item-visual img{max-height:110px}
  .article-badge{width:58px;height:58px;font-size:15px}
  .menu-item h3{font-size:29px}
  .menu-item-top{min-height:58px}
  .menu-item p{font-size:12px}
  .menu-subgroup h3{font-size:34px}
}

.menu-item-info{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.allergen-link{font-size:9px;color:var(--muted);font-weight:800;text-decoration:underline;text-underline-offset:3px}

/* V0.5 Product Master */
.menu-item-visual{background:linear-gradient(145deg,rgba(251,245,236,.72),rgba(255,255,255,.96));border-radius:16px}
.menu-item-visual img{width:100%;height:100%;object-fit:contain}
@media(min-width:1100px){.menu-item-visual{height:138px;border-radius:18px}.menu-item-visual img{max-height:134px}}

/* V1.0 RC2 – calmer editorial menu layout */
.menu-item{
  transition:transform .18s ease, box-shadow .18s ease;
}
.menu-item-top{align-items:flex-start}
.menu-price{font-size:15px;line-height:1.15}
.menu-item p{max-width:54ch}
.menu-item-footer{border-top:1px solid rgba(69,47,25,.07);padding-top:10px}
.menu-item-visual{isolation:isolate}
.menu-item-visual::after{content:"";position:absolute;inset:auto 12% 6px;height:14px;border-radius:50%;background:rgba(54,35,20,.09);filter:blur(8px);z-index:-1}
.menu-item-visual img{position:relative;z-index:1}
@media (hover:hover){.menu-item:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(64,42,25,.10)}}

@media (min-width:1100px){
  .menu-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .menu-item{
    min-height:210px;
    grid-template-columns:150px minmax(0,1fr);
    grid-template-rows:1fr;
    align-items:center;
    padding:22px;
    gap:22px;
  }
  .menu-item-visual{width:150px;height:166px;border-radius:22px}
  .menu-item-visual img{max-height:158px}
  .menu-item-main{align-self:stretch;display:flex;flex-direction:column;justify-content:center}
  .menu-item h3{font-size:31px;max-width:14ch}
  .menu-item-top{min-height:unset;gap:18px}
  .menu-item p{font-size:12.5px;line-height:1.58;margin-top:12px}
  .menu-item-footer{margin-top:auto;padding-top:13px}
  .menu-section{padding-top:62px}
}

/* V1.0 LAUNCH · Desktop menu polish */
@media (min-width:1024px){
  .menu-hero{min-height:260px;padding-top:42px;padding-bottom:20px}
  .menu-hero h1{font-size:104px;letter-spacing:-.025em}
  .menu-hero p:not(.eyebrow){font-size:15px;line-height:1.6}
  .menu-hero-art{height:220px}
  .menu-orb{width:118px;height:118px;border-width:6px}
  .menu-filter{max-width:1180px;margin-left:auto;margin-right:auto;border-radius:22px}
  .menu-section{max-width:1280px;margin-left:auto;margin-right:auto}
  .menu-section-head{margin-bottom:22px;border-bottom:1px solid rgba(69,47,25,.10);padding-bottom:14px}
  .menu-section-head h2{font-size:58px;letter-spacing:-.015em}
  .menu-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .menu-item{min-height:224px;grid-template-columns:154px 1fr;gap:22px;padding:20px;border-radius:26px;box-shadow:0 18px 44px rgba(65,43,28,.07)}
  .menu-item-visual{width:154px;height:184px;border-radius:20px;background:var(--cream);overflow:hidden}
  .menu-item[data-accent="savory"] .menu-item-visual{background:var(--savory-soft)}
  .menu-item[data-accent="acai"] .menu-item-visual{background:var(--acai-soft)}
  .menu-item[data-accent="matcha"] .menu-item-visual{background:var(--matcha-soft)}
  .menu-item[data-accent="coffee"] .menu-item-visual{background:var(--coffee-soft)}
  .menu-item-visual img{max-width:94%;max-height:172px;filter:drop-shadow(0 12px 14px rgba(60,40,20,.14))}
  .menu-item h3{font-size:31px;line-height:.98}
  .menu-price{font-size:15px}
  .menu-item p{font-size:12.5px;line-height:1.55;margin-top:12px}
  .allergen-link{font-size:9px}
  .menu-subgroup h3{font-size:32px;margin-bottom:14px}
}

/* V0.10.3 Menu Master – optional groups */
.menu-option-details{margin-top:10px;border-top:1px solid rgba(69,47,25,.08);padding-top:8px}.menu-option-details summary{cursor:pointer;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.menu-option-groups{display:grid;gap:8px;margin-top:9px}.menu-option-groups>div{display:grid;gap:2px}.menu-option-groups strong{font-size:10px;text-transform:uppercase}.menu-option-groups span,.menu-option-groups small{font-size:9px;color:var(--muted);line-height:1.4}