/* Real food replaces the menu's line-art icons. */
.menu__board{padding:clamp(22px,3.6vw,46px);border-radius:0 20px 20px 20px}
.menu__board::before{display:none}
.menu__head{grid-template-columns:136px 1fr;gap:28px;align-items:center;justify-items:start;text-align:left;margin-bottom:34px;padding-bottom:28px;border-bottom:2px solid rgba(21,54,90,.14)}
.menu__category-shot{width:136px;height:136px;border-radius:28px;overflow:hidden;transform:rotate(-4deg);border:3px solid white;box-shadow:4px 5px 0 rgba(21,54,90,.13);background:white}
.menu__intro{max-width:670px}
.menu__name{font-style:normal;margin:6px 0 10px;color:var(--ink)}
.menu__where{font-family:var(--font-ui);font-size:.64rem;letter-spacing:.15em;text-transform:uppercase;font-weight:700;color:var(--ice)}
.menu__blurb{text-align:left;font-size:.95rem;max-width:58ch;margin:0}
.menu__tab{gap:10px;padding:10px 17px 12px 10px;border-radius:18px 18px 0 0;font-size:.84rem}
.menu__tabic{width:42px;height:38px;border-radius:10px;overflow:hidden;background:white;opacity:1;border:2px solid white;box-shadow:0 1px 3px rgba(21,54,90,.16);transform:none}
.menu__tab:hover .menu__tabic{transform:rotate(-7deg) scale(1.06)}
.menu-food-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--food-position,center);transform:scale(var(--food-zoom,1));mix-blend-mode:multiply}
.menu-food-photo--whole{object-fit:contain;padding:3px}
.menu-food-photo[data-food="strawberry"],.menu-food-photo[data-food="mango"],.menu-food-photo[data-food="passionfruit"],.menu-food-photo[data-food="pomegranate"],.menu-food-photo[data-food="almonds"],.menu-food-photo[data-food="hazelnuts"],.menu-food-photo[data-food="peanuts"],.menu-food-photo[data-food="walnuts"]{--food-zoom:1.2}
.menu-food-photo[data-food="banana"]{--food-zoom:1.08}
.menu-food-photo[data-food="ferrero-rocher"]{object-fit:contain;--food-zoom:1.08}
.menu-food-photo[data-food="kit-kat"]{--food-zoom:1.8;transform-origin:0 50%}
.menu-food-photo[data-food="reeses-cups"]{--food-zoom:1.8;transform-origin:100% 50%}
.menu-food-photo[data-food="kinder-bueno"]{--food-zoom:1.5;transform-origin:100% 50%}
.menu-food-photo[data-food="category-froyo"]{--food-zoom:1.5;--food-position:50% 62%}
.menu-food-photo[data-food="category-rolled"]{--food-zoom:1.2;--food-position:50% 55%}
.menu-food-photo[data-food="category-crepe"]{--food-zoom:1.1}
.menu-food-photo[data-food="category-waffle"],.menu-food-photo[data-food="waffle-sticks"]{object-fit:contain}
.menu__category-shot .menu-food-photo{mix-blend-mode:normal}
.board{margin-bottom:38px}
.board__head{gap:8px 15px;margin-bottom:20px}
.board__head h3{font-size:1.6rem}.board__head .sub{font-size:1.2rem}
.board__rule{height:2px;background:rgba(21,54,90,.15);min-width:25px}
.menu .dishes{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.menu .dish{grid-template-columns:84px minmax(0,1fr);grid-template-rows:auto auto;column-gap:15px;row-gap:3px;align-content:center;padding:12px;min-height:102px;background:#fff;border:1px solid rgba(21,54,90,.13);border-radius:20px;transition:background .2s,border-color .2s,box-shadow .2s}
.menu .dish:nth-child(3n+2){background:#FDEDF1}.menu .dish:nth-child(3n){background:#F8F0DB}
.menu .dish__glyph{position:static;grid-column:1;grid-row:1/3;width:84px;height:76px;align-self:center;border-radius:16px;overflow:hidden;opacity:1;transform:none;border:2px solid white;background:#FFF8ED;box-shadow:0 2px 5px rgba(21,54,90,.08);transition:transform .22s}
.menu .dish__k{grid-column:2;align-self:end;align-items:center;gap:8px}
.menu .dish__k h4{font-size:1.15rem;line-height:1.1;min-width:0}
.menu .dish .p{font-family:var(--font-ui);font-size:.82rem;font-weight:800;white-space:nowrap;padding:4px 7px;background:var(--ice-pale);border-radius:8px}
.menu .dish p.d{grid-column:2;font-size:.78rem;line-height:1.45}
.menu .dish:hover,.menu .dish:focus-visible{border-color:var(--ice);background:white;box-shadow:0 4px 0 rgba(21,54,90,.1)}
.menu .dish:hover .dish__glyph,.menu .dish:focus-visible .dish__glyph{transform:scale(1.07);opacity:1}
.menu .cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:27px 24px}
.menu .col{min-width:0}
.menu .col>h4{font-family:var(--font-ui);font-size:.68rem;letter-spacing:.12em;font-weight:800;margin-bottom:10px;padding:11px 13px;background:var(--ice-pale);color:var(--ink);border-radius:10px}
.menu .col:nth-child(3n+2)>h4{background:#F8D3DF}.menu .col:nth-child(3n)>h4{background:#F7E5AC}
.menu .row{gap:11px;padding:8px 5px;min-height:73px;font-size:.82rem;border-radius:12px;border-bottom:1px solid rgba(21,54,90,.09);transition:background .2s}
.menu .row__ic,.menu .row:hover .row__ic,.menu .row:focus-visible .row__ic{width:60px;height:54px;border-radius:12px;overflow:hidden;flex:none;opacity:1;transform:none;background:#FFF9EF;border:1px solid rgba(21,54,90,.08);box-shadow:0 2px 3px rgba(21,54,90,.04);transition:transform .2s}
.menu .row .n{flex:1;min-width:0;line-height:1.35;font-weight:600}
.menu .row .n small{display:block;font-size:.77rem;font-weight:400;color:var(--ink-2);margin-top:2px}
.menu .row .d{display:none}
.menu .row .p{font-family:var(--font-ui);font-size:.8rem;font-weight:800;white-space:nowrap;padding:4px 6px;color:var(--ice-deep);background:#ECF4FC;border-radius:7px}
.menu .row:hover,.menu .row:focus-visible{padding:8px 5px;background:#DFEFF9}
.menu .row:hover .row__ic,.menu .row:focus-visible .row__ic{transform:scale(1.08)}
.menu .row:hover .p,.menu .row:focus-visible .p{transform:none}
.menu__photo-credit{display:block;width:max-content;max-width:100%;font-size:.78rem;color:var(--ink-2);margin-top:12px;padding-block:10px;text-decoration:underline;text-underline-offset:3px}
@media(min-width:1200px){#panel-froyo .cols{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 20px}}
@media(max-width:1050px){
 .menu .cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
 .menu .dishes{grid-template-columns:repeat(2,minmax(0,1fr))}
 .menu__tab{font-size:.8rem;padding-right:13px}
}
@media(max-width:600px){
 .menu__board{padding:22px 15px 26px;border-radius:0 16px 16px 16px}
 .menu__head{grid-template-columns:77px minmax(0,1fr);gap:16px;padding-bottom:24px;margin-bottom:26px}
 .menu__category-shot{width:77px;height:90px;border-radius:17px;border-width:2px}
 .menu__name{font-size:1.8rem;line-height:1.03;margin:5px 0 8px}
 .menu__where{font-size:.52rem;letter-spacing:.09em}
 .menu__blurb{font-size:.8rem;line-height:1.5}
 .menu__tabic{width:35px;height:31px;border-radius:8px}.menu__tab{gap:7px;padding:8px 12px 10px 8px;font-size:.73rem;border-radius:14px 14px 0 0}
 .menu .dishes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .menu .dish{grid-template-columns:1fr;grid-template-rows:auto auto auto;text-align:center;padding:11px 8px;gap:8px;align-content:start;border-radius:14px;min-height:0}
 .menu .dish__glyph{grid-column:1;grid-row:1;justify-self:center;width:76px;height:68px;border-radius:13px}
 .menu .dish__k{grid-column:1;grid-row:2;align-self:start;flex-wrap:wrap;justify-content:center;gap:5px}
 .menu .dish__k h4{flex-basis:100%;font-size:1.1rem}.menu .dish .p{font-size:.74rem;padding:2px 6px}
 .menu .dish p.d{grid-column:1;grid-row:3;font-size:.72rem;line-height:1.4}
 .menu .cols{grid-template-columns:1fr;gap:25px}
 .menu .row{font-size:.85rem;min-height:71px;gap:13px;padding:7px 5px}
 .menu .row:hover,.menu .row:focus-visible{padding:7px 5px}
 .menu .row__ic,.menu .row:hover .row__ic,.menu .row:focus-visible .row__ic{width:60px;height:54px}
 .menu .row .p{font-size:.83rem;padding:4px 7px}
 .menu .col>h4{font-size:.7rem;padding:11px 12px}.board__head{gap:8px 10px}.board__head h3{font-size:1.4rem}.board__head .sub{font-size:1.12rem}.board__head .tagpill{font-size:.58rem}
}
@media(prefers-reduced-motion:reduce){.menu .row__ic,.menu .dish__glyph{transition:none}}
