.flavours-page{--u:calc(100vw / 1440)}
.menu-hero{position:relative;margin:13px 17px;background:var(--red);color:var(--cream);border-radius:32px;min-height:440px;height:min(600px,46vw);display:flex;align-items:center;justify-content:center;padding:190px 8% 90px}
.menu-hero .header{position:absolute;height:142px;padding:5px 47px 0;font-size:16px}
.menu-hero .header nav{gap:32px;padding-top:22px}
.menu-hero .logo{top:19px;width:88px;height:123px}
.menu-hero .header-right{gap:27px;padding-top:22px}
.menu-hero h1{width:min(889px,90%);margin:0}
.menu-hero h1 img{width:100%;height:auto}
.menu-jumps{display:flex;justify-content:center;gap:12px;margin:44px 20px 0;flex-wrap:wrap}
.menu-jumps a{border:1px solid #37100830;border-radius:100px;padding:11px 23px;font-size:16px;}
.menu-jumps a:hover,.menu-jumps a:focus-visible{background:var(--brown);color:var(--cream);}
.menu-section{padding:75px 24px 100px;scroll-margin-top:30px}
.menu-heading{display:flex;justify-content:center;margin:0 auto 60px;height:58px}
.menu-heading img{height:100%;width:auto;max-width:85%;object-fit:contain}
.menu-grid{width:min(1040px,100%);margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 28px}
.menu-card{position:relative;border-radius:16px;isolation:isolate;overflow:hidden;min-height:440px;aspect-ratio:328/463;background:linear-gradient(180deg,var(--card-top),var(--card-bottom));scroll-margin-top:28px}
.menu-card h3{position:absolute;left:26px;right:20px;top:25px;z-index:2;color:var(--cream);font:900 clamp(30px,3.2vw,44px)/1.02 'Arial Rounded MT Bold',Arial,sans-serif;letter-spacing:-1.8px;text-transform:uppercase;max-width:245px;text-wrap:balance}



.card-art{position:absolute;inset:86px -5px 56px;display:flex;align-items:center;justify-content:center;z-index:1}
.menu-product{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 13px #3710081c)}
.menu-card--tigernut .card-art,.menu-card--pineapple .card-art,.menu-card--watermelon .card-art{inset:42px 0 0}
.menu-card--tigernut .menu-product,.menu-card--watermelon .menu-product{object-fit:cover;object-position:center bottom}
.menu-card--pineapple .menu-product{object-position:center bottom}
.menu-card--green-detox .card-art{inset:90px -35px 70px}
.menu-card--mixed-fruits .card-art{inset:105px -15px 65px}
.card-bottom{position:absolute;z-index:3;bottom:26px;left:15px;right:15px;display:flex;align-items:center;flex-direction:column;gap:11px}
.menu-price{background:var(--cream);color:var(--brown);padding:5px 14px;border-radius:100px;font-size:16px;line-height:1.3}
.card-bottom .pill{background:var(--brown);color:var(--cream);font-size:19px;padding:10px 30px;line-height:1.35}
.menu-card--pineapple .pill{background:#a9521e}
.menu-card--watermelon .pill{background:var(--red)}


.menu-grid>.menu-card:last-child:nth-child(3n+1){grid-column:2}
.smoothie-section{padding:65px 24px 90px;scroll-margin-top:30px;background:var(--peach);border-radius:48px;margin:0 17px}
.smoothie-layout{width:min(1080px,100%);margin:auto;display:grid;grid-template-columns:.95fr 1fr;align-items:center;gap:60px}
.smoothie-art{position:relative;min-height:570px}
.smoothie-glass{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 18px #37100820);}
.smoothie-banana{position:absolute;width:42%;height:35%;object-fit:contain;left:-8%;top:0;transform:rotate(-15deg)}
.smoothie-strawberry{position:absolute;width:28%;height:28%;object-fit:contain;right:0;bottom:5%;transform:rotate(12deg)}
.smoothie-menu{display:flex;flex-direction:column;border-top:1px solid #37100830}
.smoothie-item{border-bottom:1px solid #37100830;scroll-margin-top:25px}
.smoothie-item button{width:100%;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 0;text-align:left;font-size:25px;line-height:1.2;}
.smoothie-item button>span:first-child{max-width:245px}
.smoothie-price{font-size:19px;white-space:nowrap;display:flex;align-items:center;gap:15px}

.smoothie-item button:hover,.smoothie-item button:focus-visible{color:#a93520;}

.extras-section{padding-top:110px;padding-bottom:90px}
.extras-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:min(780px,100%);gap:32px}
.extras-grid .menu-card{grid-column:auto!important;min-height:435px;aspect-ratio:370/435}
.menu-card--fruit-parfait .card-art{inset:48px -25% 0}



.flavours-page footer{margin-top:0}
.flavours-page .footer-links{font-size:14px}
.flavours-page .copyright{font-size:14px}
#flavour-dialog{width:min(780px,calc(100vw - 36px));max-height:calc(100dvh - 40px);padding:0;border-radius:28px;border:0;background:var(--cream);color:var(--brown);overflow:auto}
#flavour-dialog[open]{display:grid;grid-template-columns:.85fr 1fr}
#flavour-dialog::backdrop{background:#37100899;backdrop-filter:blur(6px)}
#flavour-dialog .dialog-close{position:absolute;right:17px;top:12px;z-index:3;font-size:32px;width:44px;height:44px;border-radius:50%;background:var(--cream);color:var(--brown)}
.detail-art{min-height:400px;padding:20px;background:linear-gradient(var(--card-top),var(--card-bottom));display:flex;align-items:center;justify-content:center}
.detail-art img{width:100%;height:360px;object-fit:contain}
.detail-art[hidden]{display:none}
#flavour-dialog.no-image[open]{grid-template-columns:1fr;width:min(530px,calc(100vw - 36px))}
.detail-content{padding:65px 30px 35px;text-align:left}
#detail-category{font:600 13px/1.4 Arial,sans-serif;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:13px}
#flavour-title{font-size:35px;line-height:1.06;margin-bottom:20px;text-wrap:balance}
#detail-copy{font-size:18px;line-height:1.45;margin-bottom:20px}
#detail-price{font-size:25px;font-weight:bold;margin-bottom:23px}
#detail-order{display:inline-flex;background:var(--brown);color:var(--cream);font-size:16px;padding:13px 20px;text-align:center}
#detail-order[hidden]{display:none}
.detail-note{font-size:14px;line-height:1.5;margin-top:19px}
.close-detail{font-size:16px;margin-top:25px;text-decoration:underline;text-underline-offset:4px}
@media(min-width:1700px){.menu-hero{height:620px}.menu-grid{width:1200px}.menu-card{min-height:480px}.extras-grid{width:860px}}
@media(max-width:1100px){.menu-hero .header{padding-left:28px;padding-right:28px}.menu-hero .header nav{gap:20px}.menu-hero .header-right{gap:18px}.menu-grid{gap:24px 20px}.menu-card{min-height:390px}.menu-card h3{font-size:33px;left:20px}.smoothie-layout{gap:20px}.smoothie-item button{font-size:23px}.smoothie-art{min-height:500px}}
@media(max-width:800px){.menu-hero{margin:10px;height:auto;min-height:410px;border-radius:24px;padding:170px 25px 65px;overflow:visible}.menu-hero .header{height:105px;position:absolute;padding:18px 22px;align-items:flex-start}.menu-hero .header nav,.menu-hero .header-right{display:none}.menu-hero h1{width:100%;max-width:570px}.menu-jumps{margin-top:28px;gap:8px}.menu-jumps a{padding:10px 17px;font-size:15px}.menu-section{padding:60px 22px 70px}.menu-heading{height:44px;margin-bottom:38px}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.menu-grid>.menu-card:last-child:nth-child(3n+1){grid-column:auto}.menu-card{min-height:380px}.menu-card h3{font-size:34px}.card-bottom .pill{font-size:18px;padding:10px 25px}.smoothie-section{margin:0 10px;padding:60px 26px;border-radius:28px}.smoothie-layout{grid-template-columns:1fr;gap:20px;max-width:600px}.smoothie-art{min-height:380px;width:min(440px,95%);margin:auto}.smoothie-item button{padding:23px 0;font-size:25px}.smoothie-item button>span:first-child{max-width:340px}.extras-section{padding-top:70px}.extras-grid .menu-card{min-height:390px}.flavours-page .footer-links{flex-wrap:wrap;row-gap:10px}.flavours-page .strawberry{top:65px}.flavours-page .grapes{top:260px}}
@media(max-width:520px){.menu-hero{min-height:330px;padding:160px 22px 60px}.menu-jumps{gap:7px;margin-left:10px;margin-right:10px}.menu-jumps a{padding:10px 15px;font-size:14px}.menu-section{padding-left:24px;padding-right:24px}.menu-grid{grid-template-columns:1fr;max-width:360px;gap:25px}.menu-card{min-height:440px;aspect-ratio:328/463}.menu-card h3{font-size:40px;left:25px}.menu-price{font-size:17px}.card-bottom .pill{font-size:20px}.menu-heading{height:39px;margin-bottom:35px}.smoothie-section{padding:50px 22px}.smoothie-art{min-height:305px}.smoothie-item button{font-size:22px;gap:12px}.smoothie-price{font-size:17px;gap:9px}.smoothie-item button>span:first-child{max-width:185px}.extras-grid .menu-card{min-height:400px}#flavour-dialog[open]{grid-template-columns:1fr}.detail-art{min-height:0;height:210px;padding:10px}.detail-art img{height:200px}.detail-content{padding:28px 25px}#flavour-dialog.no-image .detail-content{padding-top:60px}#flavour-title{font-size:31px}.detail-content #detail-copy{font-size:17px}.flavours-page .footer-tagline{padding:0 15px}.flavours-page .footer-links{font-size:14px;gap:15px}.flavours-page .copyright{font-size:13px}}
@media(prefers-reduced-motion:reduce){.flavours-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Scale glyphs uniformly, independent of word length or number of lines. */
.menu-card{container-type:inline-size}
.menu-card .card-lettering{--letter-unit:min(1.18px,0.36cqw);width:calc(var(--letter-width) * var(--letter-unit));height:calc(var(--letter-height) * var(--letter-unit));max-width:none;max-height:none;object-fit:contain;object-position:left top}
.menu-card--yoghurt .card-art{inset:82px 0 -16px}
.menu-card--zobo .card-art{inset:70px -48% -12px}
.menu-card--zobo .menu-product{object-position:center bottom}
.menu-jumps{position:sticky;top:0;z-index:30;background:var(--cream);margin-left:0;margin-right:0;padding:14px 10px;box-shadow:none}
.menu-jumps a[aria-current="location"]{background:var(--brown);color:var(--cream)}
.flavours-page .menu-section,.flavours-page .smoothie-section,.flavours-page .menu-card,.flavours-page .smoothie-item{scroll-margin-top:var(--menu-nav-height,80px)}
.smoothie-glass{object-position:center bottom}

/* Flavour catalogue refinements. Motion is owned by GSAP. */
html:has(.flavours-page){scroll-behavior:auto}
.flavours-page .pill{transition:none}
.flavours-page .pill:hover{transform:none;box-shadow:none}
.menu-jumps-anchor{height:0;margin-top:44px}
.menu-jumps{margin-top:0}
.menu-card--tigernut .card-art{inset:-48px -25% -38px}
.menu-card--tigernut .menu-product{object-fit:contain;object-position:center bottom}
.menu-card--orange .card-art,.menu-card--passion-fruit .card-art{inset:64px -10% 12px}
.menu-card h3.live-lettering{font-size:clamp(32px,12cqw,44px);line-height:.98;letter-spacing:-1.8px;max-width:none;font-family:"Arial Rounded MT Bold",Arial,sans-serif;font-weight:900}
.menu-card--yoghurt .card-art{inset:100px -3% -16px}
.smoothie-art{overflow:visible}
.smoothie-glass{object-position:center;transition:none}
.smoothie-item button{position:relative}
.smoothie-item button.is-previewing{color:#96371f}
.smoothie-item button.is-previewing::before{content:"";position:absolute;left:-17px;top:50%;width:6px;height:6px;border-radius:50%;background:currentColor}
#detail-price[hidden]{display:none}
@media(max-width:800px){.menu-jumps-anchor{margin-top:28px}}