/* The drinks menu shares cart and payment components with shop.css. */
.drinks-mode{--drink-leaf:#dde3c6;--drink-lime:#e8ecb7;--drink-clay:#974f37;--drink-line:#173d2e30}
.drinks-mode .shop-nav{gap:clamp(18px,2.4vw,35px)}
.drinks-mode .drinks-ribbon{background:var(--drink-lime)}
.drinks-mode .drinks-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:6vw;max-width:1600px;margin:auto;padding:58px var(--gutter) 64px;overflow:hidden}
.drinks-mode .drinks-hero-copy{padding:10px 0;position:relative;z-index:1;animation:soft-rise .8s var(--ease) both}
.drinks-mode .drinks-hero h1{font-size:clamp(56px,5.85vw,91px);font-weight:500;letter-spacing:-4px;line-height:1.08;margin:24px 0 28px}
.drinks-mode .drinks-hero h1>span,.drinks-mode .drinks-hero h1>em{display:block}
.drinks-mode .drinks-hero h1>em{color:var(--drink-clay);margin-top:3px;line-height:1.13}
.drinks-mode .drinks-intro{font-size:14px;line-height:1.9;color:#5e6a54;max-width:445px}
.drinks-mode .drinks-hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}
.drinks-mode .drinks-hero-actions .button{border-radius:3px;gap:26px;white-space:nowrap;font-size:12px;min-height:49px}
.drinks-mode .drinks-hero-note{max-width:137px;font-size:10px;line-height:1.7;color:var(--muted)}
.drinks-mode .drinks-signature{display:flex;align-items:center;gap:16px;margin-top:41px}
.drinks-mode .drinks-signature-line{width:35px;height:1px;background:var(--drink-clay);flex:none}
.drinks-mode .drinks-signature p>span{display:block;font-size:8px;letter-spacing:1.5px;line-height:1.5;color:var(--muted)}
.drinks-mode .drinks-signature em{display:block;font-size:29px;line-height:1.4;color:var(--drink-clay);margin-top:3px}
.drinks-mode .drinks-signature-star{color:var(--drink-clay);font-size:29px;margin-left:12px;line-height:1}
.drinks-mode .drinks-hero-photo{position:relative;isolation:isolate;align-self:stretch;min-height:510px;max-height:640px;max-width:560px;margin:0 0 0 auto;width:100%;background:var(--drink-leaf);border-radius:22px}
.drinks-mode .drinks-hero-photo>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 78%;border-radius:22px}
.drinks-mode .drinks-hero-photo:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#173d2e82);border-radius:0 0 22px 22px;z-index:0;pointer-events:none}
.drinks-mode .drinks-hero-photo figcaption{position:absolute;left:30px;right:30px;bottom:26px;color:var(--paper);z-index:1;text-shadow:0 1px 8px #173d2e50}
.drinks-mode .drinks-hero-photo figcaption>span{display:block;font-size:8px;letter-spacing:2px;font-weight:600}
.drinks-mode .drinks-hero-photo figcaption>em{display:block;font-size:28px;line-height:1.4;margin-top:4px}
.drinks-mode .drinks-prep-badge{position:absolute;z-index:2;top:26px;left:-37px;width:128px;height:128px;border-radius:50%;background:var(--drink-clay);color:var(--cream);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 7px var(--cream);transform:rotate(-7deg)}
.drinks-mode .drinks-prep-badge strong{font-size:48px;font-weight:500;letter-spacing:-2px;line-height:1}
.drinks-mode .drinks-prep-badge>span{font-size:10px;letter-spacing:2px;font-weight:600;margin-top:4px}
.drinks-mode .drinks-prep-badge>small{font-size:8px;line-height:1.4;margin-top:3px}
.drinks-mode .drinks-service-strip{max-width:1432px;padding:23px 0;font-size:10px;border-color:var(--drink-line)}
.drinks-mode .drinks-service-strip>span{gap:10px}
.drinks-mode .drinks-service-strip svg{width:19px;height:19px}
.drinks-mode .drinks-menu{padding-top:78px;padding-bottom:85px;max-width:1600px;margin:0 auto;min-height:500px}
.drinks-mode .drinks-menu .catalog-heading{margin-bottom:31px}
.drinks-mode .drinks-menu .catalog-heading h2{font:500 italic clamp(37px,4vw,60px)/1.17 'Playfair Display',Georgia,serif;letter-spacing:-1.8px;margin-top:10px}
.drinks-mode .drinks-menu .shop-search{width:255px}
.drinks-mode .drinks-menu .shop-search input{font-size:14px}
.drinks-mode .drinks-menu .catalog-toolbar{padding-top:23px;border-color:var(--drink-line)}
.drinks-mode .drinks-menu .category-filters button{padding:9px 18px;background:transparent;border-color:var(--drink-line)}
.drinks-mode .drinks-menu .category-filters button[aria-pressed=true]{background:var(--forest);color:var(--cream);border-color:var(--forest)}
.drinks-mode .drinks-menu .catalog-meta{margin:23px 0 24px;gap:15px}
.drinks-mode .drinks-menu .catalog-meta p{font-size:10px}
.drinks-mode .drinks-menu .shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 44px;counter-reset:drink-menu}
.drinks-mode .drink-menu-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 145px;align-items:start;gap:25px;padding:30px 0 28px 39px;border-top:1px solid var(--drink-line);min-height:191px;counter-increment:drink-menu;animation:soft-rise .5s var(--ease) both}
.drinks-mode .drink-menu-card:before{content:counter(drink-menu,decimal-leading-zero);position:absolute;left:0;top:35px;font-size:10px;font-weight:500;letter-spacing:.5px;color:var(--drink-clay)}
.drinks-mode .drink-menu-card .shop-card-open{padding:0;background:none;border:0;align-self:start;min-width:0}
.drinks-mode .drink-menu-card .shop-card-photo{display:none}
.drinks-mode .drink-menu-card .shop-card-copy{padding-top:0;display:block}
.drinks-mode .drink-menu-card .shop-card-brand{font-size:8px;letter-spacing:1.2px;line-height:1.6;color:var(--drink-clay);min-height:0}
.drinks-mode .drink-menu-card .shop-card-brand:empty{display:none}
.drinks-mode .drink-menu-card .shop-card-name{font:500 italic 25px/1.25 'Playfair Display',Georgia,serif;letter-spacing:-.45px;margin-top:8px;overflow-wrap:normal}
.drinks-mode .drink-menu-card .shop-card-native{font-size:11px;line-height:1.6;margin-top:9px;overflow-wrap:normal}
.drinks-mode .drink-menu-view{display:inline-block;margin-top:16px;color:var(--drink-clay);font-size:9px;border-bottom:1px solid transparent;line-height:1.6}
.drinks-mode .shop-card-open:hover .drink-menu-view{border-color:currentColor}
.drinks-mode .drink-menu-order{padding-top:2px;min-width:0}
.drinks-mode .drink-variant-field{display:block;margin-bottom:14px}
.drinks-mode .drink-variant-field>span{display:block;font-size:8px;line-height:1.6;letter-spacing:.9px;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.drinks-mode .drink-variant-select{width:100%;min-height:40px;padding:8px 26px 8px 10px;border:1px solid var(--drink-line);border-radius:3px;color:var(--forest);background-color:var(--paper);font-size:11px;text-overflow:ellipsis}
.drinks-mode .drink-menu-card .shop-card-bottom{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:11px;padding-top:0;margin-top:0;min-height:0}
.drinks-mode .drink-menu-card .shop-card-pack{font-size:9px;line-height:1.6;color:var(--muted)}
.drinks-mode .drink-menu-card .shop-card-price{font-size:21px;line-height:1.3;letter-spacing:-.5px;font-weight:500;margin-top:3px}
.drinks-mode .drink-menu-card .shop-card-add{border-radius:3px;background:var(--forest);border-color:var(--forest);color:var(--cream);width:100%;height:auto;min-height:38px;padding:9px 11px;display:flex;align-items:center;justify-content:space-between;gap:7px;line-height:1.3}
.drinks-mode .drink-menu-card .shop-card-add>[data-add-label]{font-size:10px;font-weight:500;text-align:left;line-height:1.5}
.drinks-mode .drink-menu-card .shop-card-add>span:last-child{font-size:20px;font-weight:400;line-height:1}
.drinks-mode .drink-menu-card .shop-card-add:not(:disabled):hover{background:var(--drink-clay);border-color:var(--drink-clay)}
.drinks-mode .shop-more-wrap{margin-top:30px}
.drinks-mode .shop-more-wrap:has([hidden]){display:none}
.drinks-mode .shop-empty{background:var(--paper);border-radius:4px}
.drinks-mode .shop-location{background:var(--drink-leaf)}
.drinks-mode .shop-location h2>em{color:var(--drink-clay)}
.drinks-mode .detail-photo:has(.detail-photo-placeholder){padding:0;background:var(--forest)}
.drinks-mode .detail-photo-placeholder{min-height:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--forest);color:var(--cream);padding:64px 35px;font-size:34px;line-height:1.45;text-align:center}
.drinks-mode .detail-photo-placeholder:before{color:var(--mango);top:14%;font-size:37px}
.drinks-mode .detail-photo-placeholder:after{content:'';position:absolute;left:25%;right:25%;bottom:15%;height:1px;background:#faf6e960}
.drinks-mode .drink-detail-variant{margin-top:23px;margin-bottom:10px;max-width:250px}
.drinks-mode .drink-detail-variant>span{font-size:11px}
.drinks-mode .drink-detail-variant select{min-height:46px;font-size:14px}
.drinks-mode .detail-photo img{mix-blend-mode:normal}
html[lang=vi] .drinks-mode .drinks-hero h1{font-size:clamp(51px,5.3vw,81px);line-height:1.15;letter-spacing:-2.7px}
html[lang=vi] .drinks-mode .drink-menu-card .shop-card-name{font-size:25px;line-height:1.35;letter-spacing:-.3px}
html[lang=vi] .drinks-mode .drinks-hero-note{max-width:160px}
@media(min-width:1600px){.drinks-mode .drinks-service-strip{margin-left:auto;margin-right:auto}}
@media(max-width:1150px){.drinks-mode .shop-brand>span{display:none}.drinks-mode .shop-header{gap:18px}.drinks-mode .shop-header-actions{gap:19px}.drinks-mode .drinks-hero{gap:5vw}.drinks-mode .drinks-hero-photo{min-height:485px}.drinks-mode .drinks-hero-actions{gap:17px}.drinks-mode .drinks-hero-note{max-width:115px}.drinks-mode .drinks-menu .shop-grid{gap:0 30px}.drinks-mode .drink-menu-card{padding-left:29px;grid-template-columns:minmax(0,1fr) 125px;gap:18px}.drinks-mode .drink-menu-card .shop-card-name{font-size:23px}.drinks-mode .drink-menu-card .shop-card-native{font-size:10px}.drinks-mode .drink-variant-select{font-size:10px}.drinks-mode .drinks-service-strip{font-size:9px;gap:17px}}
@media(max-width:850px){.drinks-mode .shop-nav{gap:18px;font-size:11px}.drinks-mode .bag-label{display:none}.drinks-mode .drinks-hero{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);padding-top:42px;padding-bottom:47px;gap:33px}.drinks-mode .drinks-hero h1{font-size:57px;letter-spacing:-2.8px}.drinks-mode .drinks-intro{font-size:12px;line-height:1.85}.drinks-mode .drinks-hero-photo{min-height:430px}.drinks-mode .drinks-prep-badge{width:100px;height:100px;left:-23px;top:22px;box-shadow:0 0 0 5px var(--cream)}.drinks-mode .drinks-prep-badge strong{font-size:38px}.drinks-mode .drinks-prep-badge>span{font-size:8px}.drinks-mode .drinks-prep-badge>small{font-size:6.5px}.drinks-mode .drinks-hero-photo figcaption{left:22px;right:20px;bottom:24px}.drinks-mode .drinks-hero-photo figcaption>em{font-size:24px}.drinks-mode .drinks-hero-actions{display:block;margin-top:24px}.drinks-mode .drinks-hero-note{display:block;max-width:none;margin-top:12px;font-size:9px}.drinks-mode .drinks-signature{margin-top:25px;gap:12px}.drinks-mode .drinks-signature p>span{font-size:6.5px}.drinks-mode .drinks-signature em{font-size:25px}.drinks-mode .drinks-signature-line{width:25px}.drinks-mode .drinks-signature-star{font-size:23px;margin-left:0}.drinks-mode .drinks-service-strip{display:grid;grid-template-columns:1fr 1fr;gap:14px}.drinks-mode .drinks-service-strip>span:last-child{grid-column:1/-1}.drinks-mode .drinks-menu{padding-top:52px}.drinks-mode .drinks-menu .shop-grid{grid-template-columns:1fr;gap:0}.drinks-mode .drink-menu-card{grid-template-columns:minmax(0,1fr) 180px;gap:25px;min-height:173px;padding:26px 0 26px 37px}.drinks-mode .drink-menu-card:before{top:31px}.drinks-mode .drink-menu-card .shop-card-name{font-size:28px}.drinks-mode .drink-menu-card .shop-card-native{font-size:12px}.drinks-mode .drink-variant-select{font-size:12px}.drinks-mode .drink-menu-card .shop-card-bottom{flex-direction:row;align-items:center;gap:15px}.drinks-mode .drink-menu-card .shop-card-add{width:83px;min-height:39px;flex:none}.drinks-mode .drink-menu-card .shop-card-add>[data-add-label]{font-size:9px}.drinks-mode .drink-menu-card .shop-card-price{font-size:23px}.drinks-mode .drink-menu-card .shop-card-pack{font-size:9px}html[lang=vi] .drinks-mode .drinks-hero h1{font-size:52px;letter-spacing:-2px}html[lang=vi] .drinks-mode .drink-menu-card .shop-card-name{font-size:28px}}
@media(max-width:600px){.drinks-mode .shop-header{height:auto;min-height:100px;flex-wrap:wrap;gap:9px 15px;padding:9px 21px 0}.drinks-mode .shop-brand{order:0}.drinks-mode .shop-brand img{width:68px}.drinks-mode .shop-header-actions{order:1;gap:16px}.drinks-mode .shop-nav{order:2;display:flex;justify-content:space-between;flex-basis:100%;gap:20px;width:100%;font-size:11px;border-top:1px solid #faf6e91a}.drinks-mode .shop-nav a{padding:9px 0;line-height:1.5}.drinks-mode .shop-language button{font-size:10px}.drinks-mode .bag-button{padding:8px 10px}.drinks-mode .drinks-ribbon{font-size:9px;padding:9px 21px;line-height:1.7}.drinks-mode .drinks-hero{display:flex;flex-direction:column;align-items:stretch;gap:25px;padding:33px 25px 30px;overflow:hidden}.drinks-mode .drinks-hero-copy{padding:0}.drinks-mode .drinks-hero-copy>.eyebrow{font-size:8px;letter-spacing:1.25px}.drinks-mode .drinks-hero h1{font-size:clamp(49px,12.7vw,72px);letter-spacing:-2.8px;line-height:1.03;margin:19px 0 21px;max-width:480px}.drinks-mode .drinks-hero h1>em{line-height:1.1;margin-top:4px}.drinks-mode .drinks-intro{font-size:12px;line-height:1.85;max-width:360px}.drinks-mode .drinks-hero-actions{display:flex;align-items:center;gap:19px;margin-top:23px}.drinks-mode .drinks-hero-actions .button{font-size:11px;min-height:45px;padding:12px 15px;gap:21px}.drinks-mode .drinks-hero-note{font-size:8px;max-width:124px;margin:0;line-height:1.7}.drinks-mode .drinks-signature{display:none}.drinks-mode .drinks-hero-photo{width:calc(100% - 25px);min-height:0;height:310px;max-width:410px;margin:3px 0 0 auto;aspect-ratio:auto;border-radius:16px}.drinks-mode .drinks-hero-photo>img{object-position:50% 77%;border-radius:16px}.drinks-mode .drinks-hero-photo:after{border-radius:0 0 16px 16px}.drinks-mode .drinks-prep-badge{left:-25px;top:23px;width:104px;height:104px}.drinks-mode .drinks-prep-badge strong{font-size:40px}.drinks-mode .drinks-prep-badge>small{font-size:7px}.drinks-mode .drinks-hero-photo figcaption{left:22px;bottom:19px}.drinks-mode .drinks-hero-photo figcaption>span{font-size:7px;letter-spacing:1.6px}.drinks-mode .drinks-hero-photo figcaption>em{font-size:25px}.drinks-mode .drinks-service-strip{margin:0 25px;padding:20px 0;gap:14px 12px;font-size:9px;line-height:1.65}.drinks-mode .drinks-service-strip>span{gap:9px}.drinks-mode .drinks-service-strip svg{width:17px;height:17px}.drinks-mode .drinks-menu{padding:41px 25px 52px;scroll-margin-top:110px}.drinks-mode .drinks-menu .catalog-heading{display:block;margin-bottom:24px}.drinks-mode .drinks-menu .catalog-heading .eyebrow{font-size:8px;letter-spacing:1.2px}.drinks-mode .drinks-menu .catalog-heading h2{font-size:39px;line-height:1.15;letter-spacing:-1.1px;margin-top:12px}.drinks-mode .drinks-menu .shop-search{width:100%;margin-top:24px;padding:0}.drinks-mode .drinks-menu .shop-search input{font-size:16px;padding:9px 0}.drinks-mode .drinks-menu .shop-search svg{width:18px;height:18px}.drinks-mode .drinks-menu .catalog-toolbar{padding-top:20px}.drinks-mode .drinks-menu .category-filters{gap:7px}.drinks-mode .drinks-menu .category-filters button{font-size:10px;padding:8px 13px;min-height:34px}.drinks-mode .drinks-menu .catalog-meta{display:block;margin:19px 0 20px}.drinks-mode .drinks-menu .catalog-meta p{font-size:9px;line-height:1.7}.drinks-mode .drinks-menu #ordering-status{margin-top:4px}.drinks-mode .drink-menu-card{grid-template-columns:minmax(0,1fr) 112px;gap:16px;padding:25px 0 24px 25px;min-height:183px}.drinks-mode .drink-menu-card:before{top:29px;font-size:8px}.drinks-mode .drink-menu-card .shop-card-brand{font-size:7px;letter-spacing:.7px}.drinks-mode .drink-menu-card .shop-card-name{font-size:24px;line-height:1.25;letter-spacing:-.55px;margin-top:7px}.drinks-mode .drink-menu-card .shop-card-native{font-size:10px;line-height:1.65;margin-top:8px}.drinks-mode .drink-menu-view{font-size:8px;margin-top:12px}.drinks-mode .drink-menu-order{padding-top:0}.drinks-mode .drink-variant-field{margin-bottom:12px}.drinks-mode .drink-variant-field>span{font-size:7px;margin-bottom:6px}.drinks-mode .drink-variant-select{font-size:16px;min-height:40px;padding:7px 16px 7px 7px;letter-spacing:-.4px}.drinks-mode .drink-menu-card .shop-card-bottom{flex-direction:column;align-items:stretch;gap:10px}.drinks-mode .drink-menu-card .shop-card-pack{font-size:8px}.drinks-mode .drink-menu-card .shop-card-price{font-size:22px;line-height:1.25;margin-top:2px}.drinks-mode .drink-menu-card .shop-card-add{width:100%;min-height:38px;padding:8px 9px}.drinks-mode .drink-menu-card .shop-card-add>[data-add-label]{font-size:9px}.drinks-mode .drink-menu-card .shop-card-add>span:last-child{font-size:19px}.drinks-mode .shop-location h2{font-size:35px}.drinks-mode .detail-photo-placeholder{min-height:235px;font-size:28px;padding:55px 33px}.drinks-mode .detail-photo-placeholder:before{font-size:28px;top:14%}.drinks-mode .detail-photo:has(.detail-photo-placeholder){height:235px}.drinks-mode .drink-detail-variant{margin-top:20px;max-width:none}.drinks-mode .drink-detail-variant select{font-size:16px}.drinks-mode .drink-detail-variant>span{font-size:11px}html[lang=vi] .drinks-mode .drinks-hero h1{font-size:clamp(46px,11.6vw,66px);letter-spacing:-1.9px;line-height:1.14}html[lang=vi] .drinks-mode .drink-menu-card .shop-card-name{font-size:23px;line-height:1.35}html[lang=vi] .drinks-mode .drinks-menu .catalog-heading h2{font-size:36px;line-height:1.25}html[lang=vi] .drinks-mode .drinks-hero-note{max-width:120px}}
@media(max-width:360px){.drinks-mode .shop-header{padding-left:18px;padding-right:18px}.drinks-mode .shop-nav{gap:15px;font-size:10px}.drinks-mode .drinks-hero,.drinks-mode .drinks-menu{padding-left:21px;padding-right:21px}.drinks-mode .drinks-hero h1{font-size:45px}.drinks-mode .drinks-hero-note{max-width:97px;font-size:7px}.drinks-mode .drinks-hero-actions{gap:13px}.drinks-mode .drinks-hero-actions .button{font-size:10px;gap:18px}.drinks-mode .drinks-hero-photo{height:290px}.drinks-mode .drinks-service-strip{margin:0 21px}.drinks-mode .drink-menu-card{padding-left:21px;gap:12px;grid-template-columns:minmax(0,1fr) 103px}.drinks-mode .drink-menu-card .shop-card-name{font-size:23px}.drinks-mode .drink-menu-card .shop-card-native{font-size:9px}html[lang=vi] .drinks-mode .drink-menu-card .shop-card-name{font-size:22px}html[lang=vi] .drinks-mode .drinks-hero h1{font-size:43px}}
@media(prefers-reduced-motion:reduce){.drinks-mode .drinks-hero-copy,.drinks-mode .drink-menu-card{animation:none}.drinks-mode .drinks-prep-badge{transform:none}}

/* Compact storefront switch remains visible when the main navigation collapses. */
.drinks-mode .storefront-tabs{display:none}.drinks-mode #cart-preparation{margin-top:12px}.drinks-mode #detail-preparation{margin-top:9px}
@media(max-width:600px){.drinks-mode .shop-header{min-height:72px;flex-wrap:nowrap;padding:9px 21px}.drinks-mode .shop-nav{display:none}.drinks-mode .storefront-tabs{display:grid;grid-template-columns:1fr 1fr;margin:0;padding:0 21px;gap:22px;background:var(--cream);border-bottom:1px solid var(--drink-line);font-size:11px;text-align:center}.drinks-mode .storefront-tabs>a{padding:12px 6px;border-bottom:2px solid transparent}.drinks-mode .storefront-tabs>a[aria-current=page]{color:var(--drink-clay);border-bottom-color:var(--drink-clay);font-weight:600}}