/* Approved storefront styling. */
:root{--paper:#fff5df;--ink:#542a23;--action:#b33b20;--line:#542a2330}
body{color:var(--ink)}
button,a{touch-action:manipulation}
:focus-visible{outline:3px solid currentColor!important;outline-offset:5px!important}
.preview-bar{background:#f4e6ca;color:#734531;padding:8px 4%;font-size:11px;letter-spacing:.3px}
.preview-bar span{opacity:1}
.site-header{height:104px}.site-header nav{font-size:15px;gap:42px}.site-header nav a{padding:14px 0}
.bag-button{background:transparent;border:1.5px solid #bd5438;border-radius:4px;font-size:15px;padding:12px 18px;gap:14px;color:#9d3119}
#bag-count{border-radius:3px;background:#b33b20;color:var(--paper);font-size:12px}
.pill-button,.solid-button,.action-button{border-radius:4px;min-height:58px;font:700 24px/1 var(--display);letter-spacing:.3px;padding:16px 24px;border:1.5px solid transparent;box-shadow:0 5px 0 #893019;transition:transform .16s,box-shadow .16s;display:inline-flex;align-items:center;justify-content:space-between;gap:28px}
.dark-button,.solid-button,.action-button{background:var(--action);color:var(--paper)}
.pill-button:hover,.solid-button:hover,.action-button:hover{transform:translateY(-2px);box-shadow:0 7px 0 #893019}
.pill-button:active,.solid-button:active,.action-button:active{transform:translateY(4px);box-shadow:0 1px 0 #893019}
.pill-button>span:last-child{font-size:24px}
.tasting{color:var(--paper)}
.hero-copy>.eyebrow{color:var(--paper);font-size:12px;letter-spacing:1.3px}
.hero-bottom{max-width:460px;gap:24px;margin-top:27px}
.hero-bottom p{font:400 25px/1.35 var(--serif);color:var(--paper);margin-bottom:4px}
.hero-bottom .pill-button{background:var(--paper);color:#a3311c;border-color:var(--paper);min-width:213px;box-shadow:0 5px 0 #a8341a}
.hero-bottom .text-button{color:var(--paper);font:500 16px/1.3 var(--body);text-decoration:none;border-bottom:1px solid var(--paper);padding:12px 0 8px}
.table-controls,.table-controls small,.table-controls button,.table-controls p,.tub-caption small{color:var(--paper)!important}
.table-controls p{font-size:12px}.table-controls>div{font-size:11px}.table-controls small{font-size:11px!important}
.table-controls button{font-size:11px;border-color:var(--paper)}
/* Keep the live dip instructions below the buttons, even on short desktop windows. */
@media(min-width:701px){
 .tasting{display:grid;grid-template-columns:minmax(0,42vw) 1fr;grid-template-rows:auto minmax(0,1fr);row-gap:32px;height:auto;min-height:clamp(620px,calc(100svh - 129px),850px);max-height:none;padding:52px 4% 32px}
 .hero-copy{position:relative;left:auto;top:auto;width:auto;grid-column:1;grid-row:1}
 .table-controls{position:relative;left:auto;bottom:auto;max-width:100%;grid-column:1;grid-row:2;align-self:end}
}
.dip-bar{background:var(--paper)}.dip-bar-label small{font-size:12px}.dip-tabs{gap:8px}.dip-tab{border-radius:4px}.dip-tab.active{background:#f6dfb6;border-color:#b33b20}.dip-tab small{font-size:12px}
.match-section{padding-top:88px;padding-bottom:88px}.match-heading .eyebrow{font-size:12px}.match-info>p{font-size:18px;line-height:1.6;max-width:400px}.pair-swap{font-size:14px}.pair-swap button{font-size:14px;border-radius:3px;min-height:44px}.pair-swap button.active{background:#f6dfb6}.sample-label{font-size:12px}
.menu-section{background:var(--paper);color:var(--ink);padding:90px 5% 100px}
.menu-heading{align-items:flex-end;margin-bottom:38px;gap:28px}
.menu-heading .eyebrow{font-size:12px;letter-spacing:1px;color:#985038;margin-bottom:18px;display:block}
.menu-heading h2{font:900 clamp(64px,7.6vw,116px)/.84 var(--display);letter-spacing:-.025em}
.menu-heading h2 em{color:var(--action);font:italic .82em/.95 var(--serif);letter-spacing:-.035em}
.menu-heading>p{font:400 21px/1.4 var(--serif);max-width:310px;padding:0 0 5px;text-align:left}
.menu-heading>p span{color:inherit;font:500 13px/1.5 var(--body);display:block;margin-top:12px}
.menu-toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;margin-bottom:32px;gap:20px}
.menu-toolbar>.eyebrow{color:#985038;font-size:11px;letter-spacing:.5px}
.filters{gap:10px;flex-wrap:wrap}.filters button{border-radius:3px;border:1px solid #d4bda5;background:transparent;color:var(--ink);padding:12px 16px;font-size:14px;min-height:46px}
.filters button.active{background:#ead9b9;border-color:#c4a57d;color:var(--ink)}.filters small{font-size:11px;opacity:.75;margin-left:8px}
.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 36px}
.food-card{border-bottom:1px solid var(--line);padding-bottom:30px;min-width:0;background:none;border-radius:0;box-shadow:none}
.food-image{display:block;width:100%;height:auto;aspect-ratio:1.42;position:relative;overflow:hidden;background:#f1dfbf;border-radius:3px;isolation:isolate}
.food-image img{height:100%;width:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.food-image:hover img{transform:scale(1.045)}
.food-tag,.food-tag.nonveg{position:absolute;left:16px;top:16px;background:var(--paper);color:#763b28;border:0;border-radius:2px;padding:8px 11px;font-size:10px;font-weight:700;letter-spacing:1px;display:inline-flex;gap:8px;align-items:center}
.food-tag i{display:none}.food-number{position:absolute;right:18px;top:15px;font:700 28px/1 var(--display);color:#773c28}
.food-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-top:22px;padding:0}
.food-row h3{font:800 clamp(31px,3vw,44px)/1 var(--display);max-width:78%;letter-spacing:-.02em;color:var(--ink)}
.food-row>span{font:700 32px/1 var(--display);color:#a5351b;white-space:nowrap}
.food-card>.dish-description{font:400 16px/1.5 var(--body);color:#754e3c;margin:10px 0 0;min-height:24px}
.food-card>.dish-portion{font-size:13px;color:#805443;margin:7px 0 0;min-height:0}
.dip-included{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;margin-top:18px;min-height:82px}
.dip-included>img{height:54px;width:58px;object-fit:contain;filter:drop-shadow(0 3px 2px #65301822)}
.dip-included>span{flex:1;font-size:15px;line-height:1.35;font-weight:600}.dip-included small{display:block;font-size:12px;font-weight:400;color:#805443;margin-bottom:3px}
.dip-included button{background:none;padding:14px 2px;text-underline-offset:5px;text-decoration:underline;font-size:13px;color:#a1341c}
.food-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:20px 0 0;padding:0}
.food-bottom>button.ingredients-link{background:none;font-size:14px;text-decoration:underline;text-underline-offset:4px;padding:14px 0;color:#805443;border:0;width:auto;height:auto;border-radius:0}
.food-bottom .action-button{background:var(--action);color:var(--paper);border-radius:4px;min-width:176px;min-height:53px;font:700 23px/1 var(--display);padding:12px 18px;box-shadow:0 4px 0 #7f2e1b;border:0;width:auto;height:auto;display:inline-flex;justify-content:space-between;gap:26px}
.food-bottom .action-button>span{font-family:var(--body);font-size:23px;font-weight:400;border-left:1px solid #fff5df50;padding-left:18px}
.sample-disclaimer{color:#805443;font-size:13px;max-width:740px;line-height:1.6;margin:36px 0 0}
.kitchen-story>p{font-size:18px;line-height:1.65}.kitchen-story .eyebrow{font-size:12px}
.closing{background:var(--orange);color:var(--paper)}.closing .pill-button{color:#a3311c;box-shadow:0 5px 0 #a8341a}.chat-launch{display:none}
footer p{font-size:15px}footer button,footer span{font-size:12px}
dialog{background:var(--paper);color:var(--ink);border-radius:7px;border:0;box-shadow:0 20px 80px #391d1955;max-height:90svh;padding:40px}
dialog::backdrop{background:#422a2355;backdrop-filter:blur(4px)}
dialog h2{font-family:var(--display);font-size:48px;color:var(--ink)}
.close{border:1px solid #d4bda5;background:transparent;border-radius:3px;width:42px;height:42px;font-size:28px;right:16px;top:16px}
.dialog-note{font-size:13px;color:#805443}.micro{color:#985038;font-size:11px}
#dip-choice-dialog{width:680px}.choose-intro{font-size:16px;line-height:1.5;margin:14px 0 24px;max-width:500px}
.dip-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:24px}
.choice-option{border:1px solid #d4bda5;border-radius:3px;background:transparent;text-align:left;padding:14px;position:relative;display:grid;grid-template-columns:76px 1fr;gap:14px;align-items:center;min-height:108px}
.choice-option[aria-pressed=true]{border:2px solid var(--action);background:#f3e2bd;padding:13px}
.choice-option img{width:76px;height:76px;object-fit:contain}
.choice-option strong{font:700 24px/1 var(--display);display:block}.choice-option small{display:block;font-size:12px;margin-top:6px;color:#805443}
.choice-option .choice-tick{position:absolute;right:10px;top:6px;color:var(--action);font-size:18px}
#confirm-dip{width:100%}.flavour-option{border-radius:4px;font-size:17px}.flavour-option small{font-size:13px}.finder-back{font-size:14px}.bag-line button{border-radius:3px;min-width:40px;min-height:44px;background:#efdebc}.bag-line small{font-size:13px}
.toast{border-radius:4px;background:#fff5df;color:#763b28;border:1px solid #b66b42;box-shadow:0 5px 0 #a44527;padding:15px 24px;font-size:15px;bottom:28px}
@media(max-width:1050px) and (min-width:701px){.hero-bottom p{font-size:21px}.hero-bottom .pill-button{min-height:52px;font-size:21px;min-width:180px}.hero-bottom .text-button{font-size:14px}.hero-copy>.eyebrow{font-size:11px}.hero-bottom{gap:18px}.table-controls p{font-size:11px}}
@media(max-width:700px){
 .preview-bar{padding:7px 5%;font-size:10px}.preview-bar span{font-size:10px}.preview-bar>span{max-width:48%;text-align:right}
 .site-header{height:84px;padding:0 5%}.site-header nav{gap:18px;font-size:13px}.site-header nav a:first-child{display:none}.logo-link img{width:76px;height:76px}.bag-button{font-size:13px;padding:10px 12px;gap:10px;min-height:44px}
 .hero-copy{left:6%;top:4%}.hero-copy>.eyebrow{font-size:10px;letter-spacing:.9px;margin-bottom:18px}.hero-bottom{display:flex;gap:14px;margin-top:20px;justify-content:flex-start}.hero-bottom p{font-size:21px;line-height:1.35;width:100%;margin-bottom:3px}.hero-bottom .pill-button{font-size:21px;min-height:52px;min-width:183px;padding:13px 18px;gap:24px}.hero-bottom .text-button{display:block;font-size:14px;padding:12px 0 8px}
 .tasting{min-height:850px;height:calc(100svh - 116px);max-height:970px}.dip-playground{top:328px;height:calc(100% - 378px)}.table-controls{bottom:2%;width:88%;max-width:88%;align-items:flex-start;gap:12px}.table-controls p{font-size:11px;max-width:200px}.table-controls small{font-size:10px!important}.table-controls button{font-size:10px}.tub-caption small{font-size:9px}
 .dip-bar-label{display:none}.dip-tabs{padding-top:14px;padding-bottom:14px}.dip-tab{min-width:190px;padding:10px}.dip-tab strong{font-size:14px}.dip-tab small{font-size:12px}
 .match-section{padding:64px 6%}.match-heading .eyebrow{font-size:10px}.match-info>p{font-size:17px}.match-mini-dip{right:-4%}.pair-footer .pill-button{width:100%}.pair-swap{gap:10px}.sample-label{font-size:11px}
 .menu-section{padding:62px 6% 64px}.menu-heading{display:block;margin-bottom:28px}.menu-heading h2{font-size:68px}.menu-heading .eyebrow{font-size:10px;margin-bottom:16px}.menu-heading>p{font-size:19px;margin-top:24px;max-width:none}.menu-heading>p span{font-size:12px;margin-top:8px}
 .menu-toolbar{display:block;padding:13px 0;margin-bottom:24px}.menu-toolbar>.eyebrow{display:none}.filters{gap:7px;display:flex;flex-wrap:nowrap;justify-content:space-between}.filters button{font-size:12px;padding:10px 11px;min-height:44px;white-space:nowrap}.filters small{margin-left:5px;font-size:10px}
 .menu-grid{grid-template-columns:1fr;gap:40px}.food-image{aspect-ratio:1.18}.food-tag{top:12px;left:12px;font-size:9px}.food-number{right:14px;top:12px;font-size:25px}.food-row{margin-top:19px;gap:15px}.food-row h3{font-size:36px;max-width:75%}.food-row>span{font-size:31px}.food-card>.dish-description{font-size:15px}.dish-portion{font-size:13px}.dip-included{margin-top:16px}.dip-included>img{width:52px;height:50px}.dip-included>span{font-size:14px}.dip-included button{font-size:12px}.food-bottom .action-button{min-width:170px;font-size:22px}.food-bottom .ingredients-link{font-size:13px}.food-card{padding-bottom:26px}.sample-disclaimer{font-size:12px}
 .kitchen-story>p{font-size:17px}.kitchen-story .pill-button{font-size:22px}.closing .pill-button{font-size:22px}.closing p{color:var(--paper)}
 dialog{padding:54px 22px 26px;max-width:calc(100% - 24px);max-height:90svh}.choose-intro{font-size:14px}.dip-choices{gap:9px}.choice-option{display:block;text-align:center;padding:12px 8px;min-height:170px}.choice-option[aria-pressed=true]{padding:11px 7px}.choice-option img{margin:0 auto 8px;width:80px;height:80px}.choice-option strong{font-size:23px}.choice-option small{font-size:11px}.choice-option .choice-tick{top:4px;right:7px}.bag-line{gap:10px}.bag-line img{width:48px;height:48px}.bag-line button{min-width:34px}
}
@media(max-width:370px){.hero-bottom{gap:12px}.hero-bottom .pill-button{min-width:163px;font-size:20px;padding:13px 14px}.hero-bottom .text-button{font-size:12px}.menu-heading h2{font-size:61px}.filters button{font-size:11px;padding:10px 8px}.food-bottom .action-button{min-width:154px}.food-row h3{font-size:32px}.food-row>span{font-size:28px}}
@media(max-width:700px){
 .hero-bottom .text-button{position:static}
 .tasting{min-height:900px}
 .dip-playground{top:400px;height:calc(100% - 450px)}
 .dip-bar{display:block;min-width:0}
 .dip-tabs{display:flex;overflow-x:auto;width:100%;min-width:0;max-width:100%;scroll-snap-type:x proximity}
 .dip-tab{flex:0 0 190px;scroll-snap-align:start}
 .filters button{flex:1;padding:10px 8px}.filters small{display:none}
 .menu-heading>p br{display:initial}
}

/* Food, packaging and interaction details. */
:root{--stamp:#b33b20;--butter:#f6d36c}
.menu-section{position:relative}
.menu-heading{position:relative;gap:40px}
.menu-heading>div{position:relative}
.menu-heading h2 em{position:relative;display:inline-block;z-index:0}
.menu-heading h2 em::after{content:'';position:absolute;left:3%;right:-4%;height:11px;background:#f3bc55;bottom:-12px;border-radius:60% 40% 55% 45%;transform:rotate(-3deg);z-index:-1}
.menu-heading>.menu-ticket{position:relative;flex:none;max-width:none;width:240px;min-height:188px;margin:0 14px 10px 0;padding:20px 22px 18px;text-align:center;color:var(--stamp);background:var(--butter);border:1px solid #c9832f;box-shadow:5px 7px 0 #bd602522;rotate:5deg;clip-path:polygon(0 3%,3% 0,97% 0,100% 3%,100% 97%,97% 100%,3% 100%,0 97%);font-family:var(--body)}
.menu-ticket::before,.menu-ticket::after{content:'';position:absolute;top:50%;width:16px;height:16px;background:var(--paper);border-radius:50%;translate:0 -50%}.menu-ticket::before{left:-8px}.menu-ticket::after{right:-8px}
.menu-heading>.menu-ticket>span{color:inherit;margin:0;font:700 11px/1.3 var(--body);letter-spacing:1.4px}
.menu-ticket strong{display:block;font:900 75px/.95 var(--display);letter-spacing:-2px;margin:7px 0}
.menu-ticket strong i{font:700 34px/1 var(--display);letter-spacing:0;font-style:normal}
.menu-heading>.menu-ticket>small{display:block;font:400 15px/1.25 var(--serif);margin-top:5px}
.menu-toolbar{margin-top:42px}
.menu-toolbar>.eyebrow{font-size:12px;letter-spacing:.3px}
.food-card{position:relative;--dip-fill:#d7a12d;--dip-wash:#f6e6b4;--card-turn:-1deg}
.food-card:nth-child(even){--card-turn:1deg}
.food-image{overflow:visible;margin-top:5px;background:none;isolation:auto}
.food-image>img{border-radius:5px;transform-origin:50% 70%;box-shadow:0 2px 0 #743c2422;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
.food-tag,.food-tag.nonveg{left:15px;top:15px;padding:10px 13px;rotate:-5deg;background:#ffe69b;box-shadow:2px 3px 0 #6c3e2228;color:#744129;font-size:11px;transition:rotate .35s,translate .35s;border:1px solid #f0ce80}
.food-number{right:12px;top:16px;border:1px solid #b33b20;background:var(--paper);color:#b33b20;width:45px;height:44px;text-align:center;line-height:40px;font-size:27px;rotate:6deg;border-radius:2px;box-shadow:2px 2px 0 #b33b2022}
.food-image:active>img{transform:scale(.985)}
.dip-included{background:var(--dip-wash);border:1px solid #b18d5838;border-left:5px solid var(--dip-fill);border-radius:3px;padding:12px 14px 12px 10px;transition:background-color .3s,border-color .3s;position:relative;min-height:90px}
.dip-included>img{height:64px;width:65px;rotate:-8deg;transition:rotate .35s,transform .35s;transform-origin:50% 60%}
.dip-included button{min-height:44px;font-weight:600;text-decoration-thickness:1px;white-space:nowrap}
.dip-included small{color:#6d4535;font-size:12px}.dip-included>span{color:#542a23;font-size:16px}
.food-bottom{min-height:57px}
.quantity-control{display:inline-grid;grid-template-columns:46px minmax(92px,1fr) 46px;align-items:stretch;min-height:53px;border:1.5px solid var(--action);box-shadow:0 4px 0 #7f2e1b;background:var(--action);color:var(--paper);border-radius:4px;overflow:hidden}
.food-bottom .quantity-control button{background:none;color:var(--paper);border:0;border-radius:0;min-width:44px;min-height:51px;width:auto;height:auto;padding:0;font:400 24px/1 var(--body);text-decoration:none;transition:background .15s}
.quantity-control button:hover{background:#ffffff20}.quantity-control button:active{background:#7f2e1b}
.quantity-control>span{display:flex;align-items:center;justify-content:center;gap:5px;font:700 20px/1 var(--display);border-left:1px solid #fff5df55;border-right:1px solid #fff5df55}
.quantity-control strong{font:inherit;font-size:24px}
.filters{position:relative}.filters button{position:relative;overflow:hidden;transition:background .2s,color .2s,translate .15s}
.filters button.active{background:#f6d36c;border-color:#bf873d;color:#683825;box-shadow:0 3px 0 #c58f4f55;translate:0 -1px}
.filters button:active{translate:0 2px}
.bag-button{transition:rotate .25s,box-shadow .25s}.bag-button:hover{rotate:-2deg;box-shadow:3px 4px 0 #c1683030}
#bag-count{display:grid;transform-origin:50% 100%}
.choice-option{--choice-wash:#f6e6b4;--choice-colour:#d7a12d;overflow:visible;transition:background .2s,transform .2s,box-shadow .2s}
.choice-option[aria-pressed=true]{background:var(--choice-wash);border-color:var(--choice-colour);box-shadow:3px 4px 0 #542a231b;transform:rotate(-1.5deg)}
.choice-option:nth-child(even)[aria-pressed=true]{transform:rotate(1.5deg)}
.choice-option img{transition:rotate .3s,transform .3s}.choice-option[aria-pressed=true] img{rotate:-8deg;transform:scale(1.08)}
.choice-option .choice-tick{background:var(--action);color:var(--paper);border-radius:50%;width:23px;height:23px;text-align:center;font-size:14px;line-height:23px;right:-6px;top:-7px}
.sauce-layer{position:fixed;inset:0;pointer-events:none;z-index:10000;overflow:hidden}
.sauce-drop{position:absolute;width:12px;height:24px;border-radius:80% 20% 50% 50% / 70% 20% 80% 30%;background:var(--drop-colour);box-shadow:inset -2px -3px 0 #733b1320;pointer-events:none;will-change:transform,opacity}
.mobile-bag{display:none}
.pill-button>span:last-child,.action-button>span:last-child{transition:transform .25s cubic-bezier(.2,1.6,.3,1)}
.pill-button:hover>span:last-child{transform:translateY(3px)}
.food-bottom .action-button:hover>span:last-child{transform:rotate(90deg)}
.pill-button:active,.solid-button:active,.food-bottom .action-button:active{transform:translateY(4px);box-shadow:0 0 0 #7f2e1b}
@media(hover:hover) and (pointer:fine){
 .food-image:hover>img{transform:translateY(-7px) rotate(var(--card-turn)) scale(1.025);box-shadow:0 12px 18px #743c241c}
 .food-image:hover .food-tag{rotate:-9deg;translate:0 -6px}
 .dip-included:hover>img{rotate:5deg;transform:translateY(-3px)}
 .choice-option:not([aria-pressed=true]):hover{background:#f8eacb;transform:translateY(-3px)}
}
@media(max-width:700px){
 .menu-heading h2 em::after{height:7px;bottom:-8px;right:-5%}
 .menu-heading>.menu-ticket{width:100%;min-height:0;margin:32px 0 0;rotate:-2deg;padding:14px 20px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:2px 20px;align-items:center;text-align:left;box-shadow:3px 4px 0 #bd602522}
 .menu-ticket strong{grid-column:2;grid-row:1/3;font-size:48px;letter-spacing:-1px;margin:0;rotate:3deg}
 .menu-ticket strong i{font-size:26px}.menu-heading>.menu-ticket>span{font-size:10px;letter-spacing:1.2px}.menu-heading>.menu-ticket>small{font-size:17px;margin:0}
 .menu-toolbar{margin-top:26px}
 .food-tag,.food-tag.nonveg{padding:8px 10px;font-size:10px;left:10px;top:12px}
 .food-number{right:9px;top:12px;width:37px;height:37px;line-height:34px;font-size:24px}
 .dip-included{padding:10px 10px 10px 6px;gap:8px;min-height:85px}.dip-included>img{width:54px;height:57px}.dip-included>span{font-size:14px}.dip-included small{font-size:11px}.dip-included button{font-size:11px}
 .quantity-control{grid-template-columns:43px 82px 43px}.quantity-control>span{font-size:18px}.quantity-control strong{font-size:22px}
 .mobile-bag:not([hidden]){position:fixed;left:14px;right:14px;bottom:max(14px,env(safe-area-inset-bottom));z-index:50;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:62px;padding:12px 17px;background:var(--action);color:var(--paper);border:1px solid #fff5df70;border-radius:5px;box-shadow:0 5px 0 #7f2e1b,0 8px 25px #522d2330;font:700 22px/1 var(--display)}
 .mobile-bag>span:first-child{display:flex;gap:10px;align-items:center}.mobile-bag b{font:700 16px/1 var(--body);display:grid;place-items:center;min-width:27px;height:27px;background:var(--paper);color:var(--action);border-radius:3px}.mobile-bag>span:last-child{font-size:24px}
 body.has-mobile-bag{padding-bottom:94px}.has-mobile-bag .toast{bottom:95px}
}
@media(max-width:370px){.dip-included{gap:7px}.dip-included>img{width:46px;height:50px}.dip-included>span{font-size:13px}.dip-included button{font-size:10px}.food-bottom .quantity-control{grid-template-columns:40px 76px 40px}.food-bottom{gap:10px}}
@media(prefers-reduced-motion:reduce){
 .sauce-layer{display:none}.food-image:hover>img,.food-image:active>img,.dip-included:hover>img,.choice-option,.choice-option[aria-pressed=true],.bag-button:hover{transform:none;rotate:none}
 .food-image:hover .food-tag{rotate:-5deg;translate:none}.choice-option img{rotate:0;transform:none}
}