/* Recipe links from the flavour guide stay visible below the sticky navigation. */
.page-menu .menu-item[id]{scroll-margin-top:calc(var(--jump-height,0px) + 16px)}
.page-menu .menu-board .menu-item:target{background:#edf6f9;outline:3px solid #c5dce4;outline-offset:3px;border-radius:3px}
.large-text .page-menu .menu-item[id]{scroll-margin-top:16px}
@media(max-height:500px){.page-menu .menu-item[id]{scroll-margin-top:16px}}
/* A printed-menu rhythm, with readable recipes and a consistent price column. */
.page-menu main{background:#f3f8fa}
.page-menu .page-heading{background:#fff;padding-block:38px}
.page-menu .heading-split{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,72px)}
.page-menu .page-heading h1{font-size:clamp(2.75rem,4.8vw,4.5rem)}
.page-menu .page-heading .script{margin-top:10px;font-size:2.3rem}
.page-menu .page-heading .lead{font-size:1rem;line-height:1.8;margin-top:14px;max-width:620px}
.page-menu .heading-art{border-radius:6px 54px 6px 6px}
.page-menu .heading-art>img{height:280px;object-position:center 55%}
.page-location-menu .page-heading h1{font-size:clamp(2.4rem,4.2vw,3.8rem)}
.page-menu .menu-location-back{margin-top:18px;text-wrap:pretty}
.page-menu .menu-location-nav{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:28px;padding-top:22px;border-top:1px solid #d6e3e8}
.page-menu .menu-location-label{margin:0;color:#4c646d;font-size:.9375rem;font-weight:700;line-height:1.6}
.page-menu .menu-location-nav ul{display:flex;flex:1 1 auto;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0;min-width:0}
.page-menu .menu-location-nav li{display:flex;min-width:0;max-width:100%}
.page-menu .menu-location-nav a{display:flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid #cbdde3;border-radius:5px;color:var(--blue-dark);font-size:.9375rem;line-height:1.5;overflow-wrap:normal}
.page-menu .menu-location-nav a[aria-current="page"]{background:var(--blue-dark);border-color:var(--blue-dark);color:#fff}
@media(hover:hover) and (pointer:fine){.page-menu .menu-location-nav a:hover{background:var(--blue-dark);border-color:var(--blue-dark);color:#fff}}
.page-menu .menu-location-nav a:focus-visible{outline:3px solid var(--red-dark);outline-offset:3px}
.page-menu .menu-content{padding-bottom:1px}
.page-menu .menu-jump{background:#f3f8faf5;gap:8px;padding-block:16px;box-shadow:0 1px 0 #cbdde3}
.page-menu .menu-jump a{min-height:46px;padding:10px 20px;background:#fff;border:1px solid #cbdde3;font-size:1rem}
.page-menu .menu-jump a.is-active{background:var(--blue-dark);border-color:var(--blue-dark);color:#fff}
@media(hover:hover) and (pointer:fine){.page-menu .menu-jump a:hover{background:var(--blue-dark);border-color:var(--blue-dark);color:#fff}}
.page-menu .menu-jump a:focus-visible{outline:3px solid var(--red-dark);outline-offset:3px}
.page-menu .menu-board{background:#fff;color:var(--ink);border:1px solid #d6e3e8;border-radius:12px;margin-top:32px;padding:clamp(24px,3.2vw,44px);box-shadow:0 8px 30px #163d4705}
.page-menu .menu-board>.section-intro{align-items:center;border-bottom:2px solid var(--blue-dark);padding-bottom:22px;margin-bottom:4px;gap:16px}
.page-menu .menu-board h2{color:var(--blue-dark);font-size:clamp(2.2rem,3.2vw,3rem)}
.page-menu .menu-board .section-intro p{color:#4c646d;font-size:1rem}
.page-menu .menu-items{column-gap:clamp(28px,4.2vw,60px)}
.page-menu .menu-item{align-items:baseline;grid-template-columns:2rem minmax(0,1fr) auto;gap:12px;padding-block:22px;border-bottom:1px solid #dbe6e9}
@media(hover:hover) and (pointer:fine){.page-menu .menu-board .menu-item:hover{background:transparent}}
.page-menu .menu-item .number{color:#607a85;font-size:1rem;line-height:1.6}
.page-menu .menu-item h3{color:#183b46;font-size:1rem;line-height:1.7;min-width:0;overflow-wrap:normal}
.page-menu .price{display:inline-block;color:#a81b35;background:#fbf0f2;border-radius:5px;padding:4px 9px;font:500 1.125rem/1.5 var(--display);white-space:nowrap;letter-spacing:.02em}
.page-menu .menu-extras{align-items:start;gap:28px;padding-top:28px}
.page-menu .menu-extras>.menu-section{padding:clamp(22px,2.5vw,32px);border:1px solid #d6e3e8;border-top:4px solid var(--blue-dark);border-radius:10px;background:#fff}
.page-menu .menu-extras .section-intro{margin-bottom:10px}
.page-menu .menu-extras h2{font-size:2rem;line-height:1.25}
.page-menu .menu-extras .menu-item{grid-template-columns:minmax(0,1fr) auto;gap:14px;padding-block:16px}
.page-menu .menu-extras .menu-item:last-child{border-bottom:0}
.page-menu .menu-extras .extra-desserts{border-top-color:var(--red-dark)}
.page-menu .menu-extras .extra-juices{border-top-color:#418294}
.page-menu .menu-category-note{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px;border-top:1px solid #cbdde3;margin-top:16px;padding-top:18px;color:#4c646d;font-size:.9375rem;line-height:1.7}
.page-menu .menu-category-note strong{color:#a81b35;font:500 1.125rem/1.5 var(--display);white-space:nowrap}
.page-menu .menu-note{background:transparent;border:0;border-top:1px solid #cbdde3;border-radius:0;margin-block:32px 48px;padding:22px 0 0;color:#4c646d;font-size:.9375rem;line-height:1.8}
@media(max-width:1000px){
 .page-menu .menu-extras{grid-template-columns:repeat(2,minmax(0,1fr))}
 .page-menu .menu-extras>.menu-section{grid-column:auto}
 .page-menu .menu-extras>.extra-juices{grid-column:1/-1}
 .page-menu .extra-juices .menu-items{grid-template-columns:repeat(2,minmax(0,1fr))}
 .page-menu .heading-art>img{height:260px}
}
@media(max-width:760px){
 .page-menu .heading-split{grid-template-columns:minmax(0,1fr)}
 .page-menu .heading-art{display:block;max-width:540px}
 .page-menu .heading-art>img{height:200px}
 .page-menu .menu-board .menu-items{grid-template-columns:minmax(0,1fr)}
 .page-menu .menu-jump{justify-content:flex-start;gap:7px;padding-block:12px}
 .page-menu .menu-jump a{padding:9px 15px;font-size:.9375rem;min-height:44px}
}
@media(max-width:600px){
 .page-menu .page-heading{padding-block:26px}
 .page-menu .heading-split{gap:22px}
 .page-menu .heading-art>img{height:150px}
 .page-menu .page-heading .script{display:none}
 .page-menu .menu-board{padding:24px 20px;margin-top:24px}
 .page-menu .menu-board>.section-intro{align-items:flex-start;flex-direction:column;gap:6px}
 .page-menu .menu-extras{grid-template-columns:minmax(0,1fr);gap:22px;padding-top:22px}
 .page-menu .menu-extras>.extra-juices{grid-column:auto}
 .page-menu .extra-juices .menu-items{grid-template-columns:minmax(0,1fr)}
 .page-menu .menu-item{grid-template-columns:1.5rem minmax(0,1fr) auto;gap:10px}
 .page-menu .price{padding-inline:7px}
}
@media(max-width:400px){
 .page-menu .menu-board{padding-inline:16px}
 .page-menu .menu-board .menu-item{grid-template-columns:1.4rem minmax(0,1fr);gap:6px 10px}
 .page-menu .menu-board .price{grid-column:2;justify-self:start}
 .page-menu .menu-jump a{padding-inline:12px}
}
/* Enlarged text keeps a full-width recipe and moves its price onto the next line. */
.large-text .page-menu .heading-split,.large-text .page-menu .menu-items,.large-text .page-menu .menu-extras{grid-template-columns:minmax(0,1fr)}
.large-text .page-menu .menu-extras>.menu-section{grid-column:auto}
.large-text .page-menu .menu-board .menu-item{grid-template-columns:1.6rem minmax(0,1fr);gap:8px 14px}
.large-text .page-menu .menu-board .price{grid-column:2;justify-self:start}
.large-text .page-menu .menu-extras .menu-item{grid-template-columns:minmax(0,1fr);gap:8px}
.large-text .page-menu .menu-extras .price{justify-self:start}
.large-text .page-menu .menu-jump{position:static}
.large-text .page-menu .menu-section{scroll-margin-top:0}
@media(max-width:600px){
 .large-text .page-menu .page-heading h1{font-size:2rem}
 .large-text .page-menu .menu-board h2,.large-text .page-menu .menu-extras h2{font-size:1.25rem;line-height:1.35}
}
@media(max-height:500px){.page-menu .menu-jump{position:static}.page-menu .menu-section{scroll-margin-top:0}}
/* A compact disclosure leaves the recipes visible on phones and tablets. */
.page-menu .menu-category-toggle{display:none;width:100%;min-height:48px;align-items:center;justify-content:space-between;gap:16px;padding:6px 14px;border:1px solid #b9cfd8;border-radius:6px;background:#fff;color:var(--blue-dark);text-align:left}
.page-menu .menu-category-copy{display:grid;gap:1px;min-width:0}
.page-menu .menu-category-label{font:500 .6875rem/1.2 var(--body);letter-spacing:.08em;text-transform:uppercase;color:#4c646d}
.page-menu .menu-category-value{font:400 1rem/1.3 var(--display);text-transform:uppercase;overflow-wrap:normal}
.page-menu .menu-category-chevron{flex:0 0 10px;width:10px;height:10px;margin-right:3px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
.page-menu .menu-category-options{display:contents}
.page-menu .menu-jump.is-compact{display:block;padding-block:6px}
.page-menu .menu-jump.is-compact .menu-category-toggle{display:flex}
.page-menu .menu-jump.is-compact .menu-category-options{display:none;position:absolute;top:100%;inset-inline:0;max-height:var(--category-panel-height,calc(100dvh - var(--header-height) - var(--jump-height,0px) - 12px));overflow:auto;overscroll-behavior:contain;grid-template-columns:minmax(0,1fr);gap:6px;padding:10px;border:1px solid #b9cfd8;border-radius:6px;background:#fff;box-shadow:0 10px 24px #163d4726}
.page-menu .menu-jump.is-compact.categories-open .menu-category-options{display:grid}
.page-menu .menu-jump.categories-open .menu-category-chevron{transform:rotate(225deg)}
.page-menu .menu-jump.is-compact .menu-category-options a{display:flex;justify-content:flex-start;min-width:0;min-height:44px;padding:9px 12px;font-size:.9375rem;line-height:1.4;border-radius:4px;white-space:normal;overflow-wrap:normal}
@media(hover:hover) and (pointer:fine){.page-menu .menu-category-toggle:hover{border-color:var(--blue-dark);background:#f7fbfc}}
.page-menu .menu-category-toggle:focus-visible{outline:3px solid var(--red-dark);outline-offset:3px}
@media(min-width:600px){.page-menu .menu-jump.is-compact .menu-category-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
.large-text .page-menu .menu-jump.is-compact .menu-category-options{grid-template-columns:minmax(0,1fr)}
.large-text .page-menu .menu-jump.is-compact{position:relative;top:auto}
@media(max-height:500px){
 .page-menu .menu-jump.is-compact{position:relative;top:auto}
 .page-menu .menu-category-label{display:none}
}
@media print{
 .page-menu main,.page-menu .menu-board,.page-menu .menu-extras>.menu-section{background:#fff;box-shadow:none}
 .page-menu .price{background:none;color:#000;padding:0}
 .page-menu .menu-board,.page-menu .menu-extras>.menu-section{border:0;padding:0}
 .page-menu .menu-item{padding-block:8px}
}