/* Il Mulino's small brand interactions. Shared by the home and menu pages. */
.mulino-stamp{position:absolute;right:22px;bottom:62px;width:112px;height:112px;border-radius:50%;background:#f8f3e9;color:#8f291f;display:grid;place-items:center;z-index:2;box-shadow:0 3px 12px #28170c25;pointer-events:none}
.mulino-stamp:after{content:'';position:absolute;inset:23px;border:1px solid #8f291f60;border-radius:50%}
.mulino-stamp-center{font-family:Georgia,serif;font-size:38px;line-height:1;font-style:italic}
.mulino-stamp-ring{position:absolute;inset:0;border-radius:50%;animation:mulino-stamp-turn 24s linear infinite}
.mulino-stamp-ring>span{position:absolute;left:50%;top:7px;height:49px;transform-origin:0 49px;font:600 9px/1 Arial,sans-serif;letter-spacing:0}
.menu-photo img{transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.motion-ink-label{position:relative;display:inline-block}
.motion-ink-label:after{content:'';position:absolute;bottom:-6px;left:-3%;width:106%;height:7px;border-bottom:2px solid currentColor;border-radius:50%;transform:scaleX(0) rotate(-2deg);transform-origin:left;transition:transform .45s cubic-bezier(.2,.7,.2,1);pointer-events:none}
a:focus-visible>.motion-ink-label:after,a:active>.motion-ink-label:after,.category-nav a[aria-current=true]>.motion-ink-label:after{transform:scaleX(1) rotate(-2deg)}
.motion-arrow-window{display:inline-block;position:relative;width:23px;height:23px;flex:none;overflow:hidden;vertical-align:middle;font-size:21px;line-height:23px;text-align:left}
.motion-arrow-main,.motion-arrow-next{display:block;position:absolute;inset:0;line-height:23px;font-size:21px}
.motion-arrow-next{transform:translate(-28px,28px)}
a.motion-order{gap:18px}
.menu-header a.motion-order,.order-box a.motion-order,dialog a.motion-order{display:flex;align-items:center;justify-content:center}
.mobile-order a.motion-order{display:flex;align-items:center;justify-content:center}
@media(hover:hover) and (pointer:fine){.menu-photo:hover img{transform:scale(1.035)}a:hover>.motion-ink-label:after{transform:scaleX(1) rotate(-2deg)}}
@media(max-width:700px){.mulino-stamp{width:100px;height:100px;right:15px;bottom:49px}.mulino-stamp-ring>span{top:6px;height:44px;transform-origin:0 44px;font-size:8px}.mulino-stamp:after{inset:21px}.mulino-stamp-center{font-size:34px}.menu-header a.motion-order{gap:7px}.menu-header .motion-arrow-window{width:18px}.menu-header .motion-arrow-main,.menu-header .motion-arrow-next{font-size:18px}}
@media(prefers-reduced-motion:reduce){.mulino-stamp-ring{animation:none;transform:rotate(0)}.menu-photo img,.motion-ink-label:after{transition:none}.menu-photo:hover img{transform:none}}

@keyframes mulino-stamp-turn{from{transform:rotate(-20deg)}to{transform:rotate(340deg)}}
/* A single hand-drawn accent on entering the restaurant section. */
.restaurant-title h2 em{position:relative;display:inline-block}
.restaurant-title h2 em:after{content:'';position:absolute;left:-2%;bottom:-8px;width:104%;height:11px;border-bottom:2px solid #f8f3e9;border-radius:50%;transform:scaleX(1) rotate(-2deg);transform-origin:left;pointer-events:none}
.restaurant-ink-ready h2 em:after{transform:scaleX(0) rotate(-2deg)}
.restaurant-ink-ready.restaurant-ink-visible h2 em:after{transform:scaleX(1) rotate(-2deg);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
@media(prefers-reduced-motion:reduce){.restaurant-ink-ready h2 em:after{transform:scaleX(1) rotate(-2deg);transition:none}}

/* Text-only mobile actions; decorative glyphs must never become emoji buttons. */
@media(max-width:900px){
 a .ui-arrow,button .ui-arrow,.motion-arrow-window,.item-arrow{display:none!important}
 a.motion-order,.pizza-stage .actions .hero-order{gap:0}
}