/* ONE BURGER Site · page-menu.css, generated. Do not edit by hand. */
.ob-w.ob-w .ph--menu .ph__prod{--sh-top:81%;width:min(100%,600px)}
.ob-w.ob-w .mp{padding-block:clamp(20px,2.6vw,40px) clamp(64px,6vw,112px)}
.ob-w.ob-w .mp--sides{padding-top:0}
.ob-w.ob-w .mp__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 24px;padding-bottom:clamp(16px,1.6vw,26px)}
.ob-w.ob-w .mp__sub{font-weight:700;font-size:clamp(1.125rem,1rem + .5vw,1.5rem);line-height:1.2;color:var(--on-ground-soft)}
.ob-w.ob-w .mp__grid{--prod:70%;--floor:78%;border-top:0}
.ob-w.ob-w .mp__grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ob-w.ob-w .mp__grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ob-w.ob-w .mp__cell{position:relative;display:block;width:100%;aspect-ratio:4 / 5;margin:0;padding:0;appearance:none;-webkit-appearance:none;
  text-align:inherit;color:var(--on-ground);isolation:isolate;-webkit-tap-highlight-color:transparent}
.ob-w.ob-w button.mp__cell{cursor:pointer}
.ob-w.ob-w .mp__cell:focus-visible{outline:3px solid var(--ob-ink);outline-offset:-3px}
.ob-w.ob-w .mp__cell--classic{--dish-bg:var(--ob-ink);--dish-fg:var(--ob-paper)}
.ob-w.ob-w .mp__cell--double{--dish-bg:var(--ob-purple);--dish-fg:var(--ob-paper)}
.ob-w.ob-w .mp__cell--crispy{--dish-bg:var(--ob-yellow);--dish-fg:var(--ob-ink)}
.ob-w.ob-w .mp__cell--sesame{--dish-bg:var(--ob-orange);--dish-fg:var(--ob-ink)}
.ob-w.ob-w .mp__fill{position:absolute;inset:0;z-index:0;display:block;background:var(--dish-bg);clip-path:inset(100% 0 0 0);pointer-events:none}
.ob-w.ob-w .mp__plus{position:absolute;top:0;inset-inline-end:0;z-index:2;display:block;width:44px;height:44px;pointer-events:none;
  border-inline-start:1px solid var(--on-ground-line);border-bottom:1px solid var(--on-ground-line)}
.ob-w.ob-w .mp__plus::before,.ob-w.ob-w .mp__plus::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:1.5px;margin:-.75px 0 0 -7px;background:currentColor}
.ob-w.ob-w .mp__plus::after{transform:rotate(90deg)}
.ob-w.ob-w .mp__prod{--ratio:1;position:absolute;z-index:1;inset-inline:0;margin-inline:auto;display:block;width:var(--prod);
  bottom:calc(100% - var(--floor) - var(--prod) * var(--ratio) * .0152)}
.ob-w.ob-w .mp__prod--classic{--sh-top:81%;--ratio:.892}
.ob-w.ob-w .mp__prod--double{--sh-top:82.7%;--ratio:1.048}
.ob-w.ob-w .mp__prod--crispy{--sh-top:83.8%;--ratio:1.18;--prod:62%}
.ob-w.ob-w .mp__prod--sesame{--sh-top:80.4%;--ratio:.852}
.ob-w.ob-w .mp__prod-in{position:relative;display:block;transform-style:preserve-3d}
.ob-w.ob-w .mp__prod-img{position:relative;z-index:1;width:100%}
.ob-w.ob-w .mp__prod-shadow{position:absolute;top:var(--sh-top,81%);left:0;z-index:0;width:100%;
  transform:translate(calc(var(--tx,0) * -8px),calc(var(--ty,0) * -3px)) scale(var(--sh-sx,1),var(--sh-sy,1));opacity:var(--sh-o,1)}
html.ob-anim .ob-w.ob-w .mp__prod{clip-path:inset(-40px -40px -30% -40px)}
.ob-w.ob-w .mp__name{position:absolute;z-index:2;right:clamp(14px,1.4vw,22px);bottom:clamp(12px,1.2vw,20px);
  font-size:clamp(1.15rem,.8rem + 1vw,1.75rem);line-height:1;letter-spacing:.01em}
.ob-w.ob-w .mp__name .w{display:inline-block}
.ob-w.ob-w .mp__name .w--heavy{font-weight:700}
.ob-w.ob-w .mp__prod--cone{--prod:44%}
.ob-w.ob-w .mp__prod--fries{--prod:52%}
.ob-w.ob-w .mp__prod--drink{--prod:30%}
.ob-w.ob-w .mp__cell--static .mp__prod{bottom:calc(100% - var(--floor))}
.ob-w.ob-w .mp__pack{position:relative;z-index:1;width:100%;height:auto}
.ob-w.ob-w .mp__cell--static .mp__prod::after{content:"";position:absolute;z-index:0;left:-14%;right:-14%;bottom:-9%;aspect-ratio:640 / 195;
  background:url(../media/img/burger-254-shadow-640.webp) center / 100% 100% no-repeat;opacity:.9}
.ob-w.ob-w .mp__cap{position:absolute;z-index:2;inset-inline-start:clamp(14px,1.4vw,22px);bottom:clamp(12px,1.2vw,20px);font-weight:700;font-size:clamp(1rem,.9rem + .4vw,1.25rem);line-height:1.2}
@media (hover:hover) and (pointer:fine){
.ob-w.ob-w .mp__cell{transition:color .5s var(--ease-out)}
.ob-w.ob-w .mp__fill{transition:clip-path .5s var(--ease-out)}
.ob-w.ob-w .mp__plus{transition:border-color .5s var(--ease-out)}
.ob-w.ob-w .mp__prod-img{transition:transform .6s var(--ease-out)}
.ob-w.ob-w .mp__prod-shadow{transition:transform .6s var(--ease-out),opacity .6s var(--ease-out)}
.ob-w.ob-w button.mp__cell:hover,.ob-w.ob-w button.mp__cell.is-hover{color:var(--dish-fg)}
.ob-w.ob-w button.mp__cell:hover .mp__fill,.ob-w.ob-w button.mp__cell.is-hover .mp__fill{clip-path:inset(0)}
.ob-w.ob-w button.mp__cell:hover .mp__plus,.ob-w.ob-w button.mp__cell.is-hover .mp__plus{border-color:transparent}
.ob-w.ob-w button.mp__cell:hover .mp__prod-img,.ob-w.ob-w button.mp__cell.is-hover .mp__prod-img{transform:translateY(-6px) scale(1.04)}
.ob-w.ob-w button.mp__cell:hover .mp__prod-shadow,.ob-w.ob-w button.mp__cell.is-hover .mp__prod-shadow{--sh-sx:1.08;--sh-sy:.94;--sh-o:.8}
}
.ob-w.ob-w .dish--classic{--dish-bg:var(--ob-ink);--dish-fg:var(--ob-paper)}
.ob-w.ob-w .dish__prod--classic{--sh-top:81%;--ratio:.892}
@media (max-width:767px){
.ob-w.ob-w .mp__grid{--prod:74%;--floor:80%}
.ob-w.ob-w .mp__grid--4,.ob-w.ob-w .mp__grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}
.ob-w.ob-w .mp__grid--3 .mp__cell:last-child{grid-column:1 / -1;aspect-ratio:8 / 5}
.ob-w.ob-w .mp__grid--3 .mp__cell:last-child .mp__prod{--prod:15%}
.ob-w.ob-w .mp__prod--crispy{--prod:66%}
.ob-w.ob-w .mp__prod--cone{--prod:50%}
.ob-w.ob-w .mp__prod--fries{--prod:58%}
.ob-w.ob-w .mp__plus{width:40px;height:40px}
.ob-w.ob-w .mp__name{font-size:clamp(1rem,4.6vw,1.25rem);right:12px;bottom:12px}
.ob-w.ob-w .mp__cap{inset-inline-start:12px;bottom:12px}
}
@media (prefers-reduced-motion:reduce){
.ob-w.ob-w .mp__cell,.ob-w.ob-w .mp__fill,.ob-w.ob-w .mp__plus,.ob-w.ob-w .mp__prod-img,.ob-w.ob-w .mp__prod-shadow{transition:none}
}
.ob-w.ob-w .ml{margin-top:clamp(56px,6vw,104px)}
.ob-w.ob-w .ml__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 24px;padding-bottom:clamp(16px,1.6vw,26px)}
.ob-w.ob-w .ml__note{margin:18px 0 0;font-size:15px;line-height:1.5;color:var(--on-ground-soft)}
.ob-w.ob-w .ml__cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(40px,4vw,72px) clamp(40px,5vw,96px);margin-top:clamp(32px,3.4vw,56px)}
.ob-w.ob-w .ml__cat{min-width:0;break-inside:avoid}
.ob-w.ob-w .ml__title{margin:0;padding-bottom:12px;border-bottom:2px solid var(--on-ground);font-family:var(--f-body);font-weight:700;
  font-size:clamp(1.375rem,1.1rem + .9vw,1.875rem);line-height:1.15;color:var(--ob-purple)}
.ob-w.ob-w .ml__list{margin:0;padding:0;list-style:none}
.ob-w.ob-w .ml__item{padding-block:14px;border-bottom:1px solid var(--on-ground-line)}
.ob-w.ob-w .ml__row{display:flex;align-items:baseline;gap:10px;margin:0}
.ob-w.ob-w .ml__name{font-weight:700;font-size:clamp(1.0625rem,1rem + .25vw,1.1875rem);line-height:1.3;color:var(--on-ground)}
.ob-w.ob-w .ml__dots{flex:1 1 auto;min-width:16px;align-self:flex-end;margin-bottom:.38em;border-bottom:1px dotted var(--on-ground-line)}
.ob-w.ob-w .ml__price{flex:none;font-family:var(--f-display);font-weight:700;font-size:clamp(1.125rem,1rem + .4vw,1.375rem);line-height:1;color:var(--on-ground)}
.ob-w.ob-w .ml__biz{flex:none;font-size:13px;line-height:1;color:var(--on-ground-soft);white-space:nowrap}
.ob-w.ob-w .ml__biz-l{font-weight:700}
.ob-w.ob-w .ml__desc{margin:6px 0 0;max-width:46ch;font-size:15px;line-height:1.55;color:var(--on-ground-soft)}
@media (max-width:900px){
.ob-w.ob-w .ml__cats{grid-template-columns:minmax(0,1fr)}
.ob-w.ob-w .ml__row{flex-wrap:wrap;row-gap:4px}
.ob-w.ob-w .ml__biz{flex-basis:100%;order:4}
}