@font-face{font-family:PuteaSans;src:url('/assets/putea-sans.woff') format('woff');font-display:swap}@font-face{font-family:PuteaSerif;src:url('/assets/putea-display.woff') format('woff');font-display:swap}@font-face{font-family:PuteaBengali;src:url('/assets/NotoSansBengali.ttf');font-display:swap}
:root{color-scheme:light;--cream:#f5f0e5;--olive:#293d32;--line:#c9cbbd}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--olive);font:18px/1.65 PuteaSans,Arial,sans-serif}html[lang=bn] body{font-family:PuteaBengali,Arial,sans-serif}[hidden]{display:none!important}header{position:sticky;top:0;z-index:2;min-height:88px;padding:12px max(20px,calc((100% - 880px)/2));display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f5f0e5f5;border-bottom:1px solid var(--line)}header img{width:110px;height:64px;object-fit:contain;mix-blend-mode:multiply}button{font:inherit;cursor:pointer;color:inherit;background:transparent;border:1px solid var(--olive);border-radius:8px;min-height:48px;padding:10px 16px}button:focus-visible{outline:3px solid #ac472f;outline-offset:4px}main{max-width:880px;margin:auto;padding:36px 20px 70px}h1,h2{font-family:PuteaSerif,Georgia,serif;font-weight:400;line-height:1.25}h1{font-size:clamp(30px,6vw,44px);margin:6px 0 28px}h1 span{display:block;font:18px/1.5 PuteaSans,Arial,sans-serif;margin-top:8px}#language-picker{text-align:center;max-width:640px;margin:auto}#languages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#languages button{min-height:66px;background:#fff8;font-size:20px}#languages button:hover,#languages button[aria-pressed=true]{background:var(--olive);color:var(--cream)}#change-language{font-size:15px;flex-shrink:0}h2{font-size:28px;padding:20px 0 12px;border-bottom:2px solid var(--olive);margin:24px 0 0}article{padding:22px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.product-top{display:flex;align-items:baseline;justify-content:space-between;gap:16px}h3{font:600 19px/1.45 PuteaSans,Arial,sans-serif;margin:0}.price{font-size:18px;white-space:nowrap;direction:ltr;unicode-bidi:isolate}article p{margin:9px 0;font-size:17px}article img{display:block;width:160px;max-width:100%;height:120px;object-fit:cover;border-radius:6px;margin-top:12px}.allergen-badges{display:flex;gap:8px 16px;flex-wrap:wrap;margin-top:10px}.allergen-badge{display:inline-flex;align-items:center;gap:6px;font-size:15px}.allergen-badges p{font-size:15px}.allergen-badge svg{width:26px;height:26px;flex:none}.allergen-badge circle{fill:none;stroke:currentColor}.allergen-badge svg text{fill:currentColor;font:12px Arial}.translation-note{font-size:15px!important;font-style:italic}#menu-status:empty{display:none}@media(min-width:680px){#languages{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:360px){main{padding-inline:14px}.product-top{flex-wrap:wrap}#languages button{padding-inline:8px;font-size:18px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,color .15s}}

@font-face{font-family:Carta;src:url('/assets/menu-cena/P052-Roman.otf');font-display:swap}
@font-face{font-family:Carta;src:url('/assets/menu-cena/P052-Italic.otf');font-style:italic;font-display:swap}
@font-face{font-family:CartaSans;src:url('/assets/menu-cena/NimbusSans-Regular.otf');font-display:swap}
:root{--cream:#faf7f0;--olive:#263d32;--terra:#ac5841;--gold:#bdaf8d;--line:#ded7c7}
body{font-family:CartaSans,PuteaBengali,Arial,sans-serif}
header{background:var(--olive);color:var(--cream);border-bottom:1px solid var(--gold)}
header img{width:144px;height:60px;mix-blend-mode:normal}
header button{border-color:var(--gold);border-radius:0}
#language-picker{padding:clamp(18px,4vw,38px);border:1px solid var(--gold)}
h1,h2{font-family:Carta,PuteaBengali,serif;font-style:italic;color:var(--terra)}
h1 span,.price{font-family:CartaSans,PuteaBengali,sans-serif}
#languages button{font-family:Carta,PuteaBengali,serif;background:transparent;border-color:var(--gold);border-radius:0}
#products section{padding-block:8px 32px}
#products section::after{content:"";display:block;width:44px;height:42px;margin-top:20px;background:url('/assets/menu-cena/olivo.png') center/contain no-repeat}
h2{border:0;margin:8px 0;font-size:clamp(28px,5vw,38px)}
h3{font:400 22px/1.3 Carta,PuteaBengali,serif}
article{padding:12px 0;border:0}
.price{font-weight:400}
article p{margin:5px 0}

#groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:18px}
#groups button{font:italic clamp(18px,4vw,25px)/1.25 Carta,PuteaBengali,serif;border-radius:0;padding:12px 4px;overflow-wrap:anywhere}
#categories{display:flex;gap:8px;overflow-x:auto;padding:5px 4px 10px;border-block:1px solid var(--gold)}
#categories button{flex:none;border-color:var(--gold);border-radius:0;font-size:16px}
#groups button[aria-pressed=true],#categories button[aria-pressed=true]{background:var(--olive);color:var(--cream)}

#menu-title { text-align: center; }
#languages button, #groups button, #categories button {
  background-color: var(--cream);
  background-image: linear-gradient(to bottom, #ffffff80, transparent 58%, #bdaf8d24);
  border: 1px solid var(--gold);
  border-radius: 5px;
  box-shadow: inset 0 1px 0 #ffffffb3, 0 2px 0 #9a8f73, 0 3px 4px #263d3226;
}
#languages button:hover, #languages button[aria-pressed=true],
#groups button[aria-pressed=true], #categories button[aria-pressed=true] {
  background-color: var(--olive);
  background-image: linear-gradient(to bottom, #ffffff12, transparent);
  color: var(--cream);
}
#languages button:active, #groups button:active, #categories button:active,
#groups button[aria-pressed=true], #categories button[aria-pressed=true] {
  transform: translateY(1px);
  box-shadow: inset 0 2px 3px #16271e40, 0 1px 0 #81785f;
}
@media (max-width: 600px) {
  h1 { font-size: clamp(28px, 5.6vw, 34px); }
  h1 span { font-size: 16px; }
  h2 { font-size: 26px; }
  h3 { font-size: 20px; }
  article p { font-size: 16px; }
  .price, #languages button { font-size: 17px; }
  #groups button { font-size: clamp(17px, 4vw, 21px); }
  #categories button { font-size: 15px; }
  .allergen-badge, .translation-note { font-size: 14px !important; }
}

.category-allergen-note { margin: 24px 0 0; padding-top: 12px; border-top: 1px solid var(--line); font-size: 15px; }

header { height: 88px; }
#menu-controls {
  position: sticky;
  top: 88px;
  z-index: 1;
  background: var(--cream);
  padding: 6px 0 2px;
}
#menu-controls #groups { margin-bottom: 8px; }

header > a { display: inline-flex; }
header > a:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }

#languages, #groups {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#languages button, #groups button {
  width: fit-content;
  min-width: 44px;
  min-height: 46px;
  max-width: 100%;
  padding-inline: .95em;
}
#change-language {
  box-shadow: inset 0 1px 0 #ffffff45, inset 0 -2px 0 #08180f55, 0 2px 0 #111e17;
}
#change-language:active { box-shadow: inset 0 2px 4px #08180f88; }

#menu { text-align: center; }
#products { text-align: start; }
#menu .product-top { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: .25em .75em; }
#menu .product-top h3 { text-wrap: balance; }
#menu article img { margin-inline: 0; }
#menu .allergen-badges { justify-content: flex-start; }
#categories { justify-content: safe center; }

#dinner-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  max-width: 100%;
  margin-bottom: 8px;
  padding: 8px 18px;
  border: 1px solid var(--gold);
  border-radius: 5px;
  background: linear-gradient(#405b49, var(--olive));
  box-shadow: inset 0 1px 0 #ffffff55, 0 3px 0 #17281e, 0 5px 7px #263d3238;
  color: var(--cream);
  font: inherit;
  line-height: 1.25;
  text-decoration: none;
}
#dinner-link:focus-visible { outline: 3px solid var(--terra); outline-offset: 2px; }
#dinner-link:active {
  transform: translateY(2px);
  box-shadow: inset 0 2px 3px #13231966, 0 1px 0 #17281e;
}

#menu-title:focus { outline: none; }

.drink-link {
 display: block;
 width: fit-content;
 max-width: 100%;
 margin: 18px auto 12px;
 padding: .65rem 1.25rem;
 background: linear-gradient(#385d47, #204936);
 border: 1px solid #183c2b;
 border-radius: 2rem;
 color: #fff;
 text-decoration: none;
 font-weight: 700;
 text-align: center;
 box-shadow: inset 0 1px 0 #ffffff35, 0 4px 0 #122c1e, 0 6px 9px #122c1e26;
}
.drink-link:active {
 transform: translateY(3px);
 box-shadow: inset 0 1px 2px #122c1e55, 0 1px 0 #122c1e;
}
.drink-link:focus-visible {outline: 3px solid var(--terra);outline-offset: 4px;}

#change-language {
 background: linear-gradient(#385d47, #204936);
 border: 1px solid #183c2b;
 color: #fff;
 box-shadow: inset 0 1px 0 #ffffff35, 0 4px 0 #122c1e, 0 6px 9px #122c1e26;
}
#change-language:active {
 transform: translateY(3px);
 box-shadow: inset 0 1px 2px #122c1e55, 0 1px 0 #122c1e;
}

#menu-back {
 display: block;
 min-width: 44px;
 min-height: 44px;
 padding: 0;
 margin: -16px 0 8px;
 border: 0;
 background: transparent;
 font-size: 26px;
 line-height: 1;
}