/* Shared mobile chrome and compact checkout, using the restaurant's palette. */
.mol-brand body[data-public-route] :is(.site-header,.checkout-header,.gift-page-header){padding-top:calc(24px + env(safe-area-inset-top,0px));padding-left:max(18px,env(safe-area-inset-left,0px));padding-right:max(18px,env(safe-area-inset-right,0px))}
.mol-brand body .site-header-actions #notificationBell{position:relative;inset:auto;transform:none;display:inline-flex;flex:none;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:10px;border:1px solid #e8d8cc;border-radius:16px;background:#ffffffd9;color:#b4361d;box-shadow:0 4px 14px #59231008;backdrop-filter:blur(16px);z-index:auto}
.mol-brand body .site-header-actions #notificationBell .bell-icon{display:grid;place-items:center;width:22px;height:22px;background:transparent;border:0;box-shadow:none;padding:0}
.mol-brand body .site-header-actions #notificationBell svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mol-brand body .site-header-actions #notificationBell .bell-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.mol-brand body .site-header-actions #notificationBell i{width:6px;height:6px;right:0;top:0}
.mol-brand body .site-header-actions #notificationBell:focus-visible{outline:3px solid #b4361d;outline-offset:3px}
.mol-brand body[data-public-route=checkout]{--ink:#231f1c;--muted:#746b65;background:radial-gradient(ellipse at 0 0,#ffe5d780,transparent 48%),radial-gradient(ellipse at 100% 40%,#f5e9dc70,transparent 50%),#fcfaf7;padding-bottom:calc(100px + env(safe-area-inset-bottom,0px));isolation:isolate}
.mol-brand body[data-public-route=checkout] main{max-width:800px}
.mol-brand body[data-public-route=checkout] .checkout-header{max-width:1100px;min-height:92px}
.mol-brand body[data-public-route=checkout] .checkout-header .brand img{width:166px;height:42px;object-fit:contain}
.mol-brand body[data-public-route=checkout] .checkout-header .brand>span{display:none}
.mol-brand body[data-public-route=checkout] .checkout-header-actions{display:flex;align-items:center;gap:15px;font-size:12px;font-weight:650}
.mol-brand body[data-public-route=checkout] .page-heading{padding:12px 0 26px}
.mol-brand body[data-public-route=checkout] .page-heading h1{font:760 clamp(29px,4vw,40px)/1.13 system-ui;letter-spacing:-1.6px;max-width:650px}
.mol-brand body[data-public-route=checkout] .page-heading h1 em{color:#d83c1d}
.mol-brand body[data-public-route=checkout] .checkout-steps{margin-top:20px}
.mol-brand body[data-public-route=checkout] .step-number{width:33px;height:33px;font-size:12px}
.mol-brand body[data-public-route=checkout] .checkout-steps li:not(:last-child)::after{top:16px}
.mol-brand body[data-public-route=checkout] :is(#cartDialog,#paymentDialog){border:1px solid #fff;background:#ffffffba;box-shadow:0 18px 60px #53331c09,inset 0 1px 0 #fff;border-radius:30px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.mol-brand body[data-public-route=checkout] .card-heading{padding:26px 30px 18px;border-color:#ebe2da}
.mol-brand body[data-public-route=checkout] .card-heading h2{font:740 26px/1.2 system-ui;letter-spacing:-.8px}
.mol-brand body[data-public-route=checkout] .card-content{padding:22px 30px 28px}
.mol-brand body[data-public-route=checkout] :is(input,select){border-color:#e5dcd5;background:#ffffffcf;border-radius:15px;box-shadow:inset 0 1px 2px #31201803}
.mol-brand body[data-public-route=checkout] .primary{border-radius:17px;background:#d83c1d;color:white;font-weight:720;box-shadow:0 6px 16px #bc351715}
.mol-brand body[data-public-route=checkout] .primary:hover{background:#bd3218}
.mol-brand body[data-public-route=checkout] .tip-options button{border-radius:14px;background:#ffffffb8;min-height:45px}
.mol-brand body[data-public-route=checkout] .tip-options button[aria-pressed=true]{background:#d83c1d;color:white;border-color:#d83c1d}
.mol-brand body[data-public-route=checkout] .mol-pickup-notice{width:fit-content;margin:0 0 18px;padding:7px 12px;border:1px solid #dbded7;border-radius:30px;background:#f2f6ef;color:#496144;font-size:11px;font-weight:650}
.mol-pickup-card{display:flex;align-items:center;gap:13px;padding:16px;margin-bottom:22px;border:1px solid #e6ddd4;border-radius:20px;background:linear-gradient(120deg,#fff,#fff6eea8)}
.mol-pickup-avatar{display:grid;place-items:center;width:44px;height:44px;border:1px solid #efd6c7;border-radius:15px;flex:none;background:#ffe8d9;color:#94331b;font:750 14px system-ui}
.mol-pickup-person{flex:1;min-width:0}.mol-pickup-person small{display:block;font:650 9px/1.6 system-ui;letter-spacing:1px;color:#8a7162}.mol-pickup-person strong{display:block;font:700 15px/1.5 system-ui;overflow-wrap:anywhere}.mol-pickup-person p{font:400 11px/1.6 system-ui;color:#746b65;margin:2px 0 0;overflow-wrap:anywhere}
.mol-pickup-card button{padding:10px;border:1px solid #e6d8cd;border-radius:12px;background:#fff;color:#a03922;font:650 11px system-ui;flex:none;min-height:40px}
.mol-brand body .cart-benefits.mol-wallet-compact{padding:0;border:1px solid #e5dcd2;border-radius:20px;background:#ffffffb8;margin:20px 0;overflow:hidden}
.mol-wallet-accordion>summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;padding:17px;min-height:76px;user-select:none}
.mol-wallet-accordion>summary::-webkit-details-marker{display:none}
.mol-wallet-accordion>summary::after{content:'';width:8px;height:8px;flex:none;border:solid #7b6c60;border-width:0 1.6px 1.6px 0;transform:rotate(45deg);margin-left:5px;margin-right:4px;transition:transform .15s}
.mol-wallet-accordion[open]>summary::after{transform:rotate(225deg)}
.mol-wallet-accordion>summary:focus-visible{outline:3px solid #ba4828;outline-offset:-4px;border-radius:18px}
.mol-wallet-symbol{display:grid;place-items:center;flex:none;width:38px;height:38px;border:1px solid #f0dcc7;border-radius:13px;background:#fff1df;color:#a06026;font:650 22px system-ui}
.mol-wallet-heading{flex:1;min-width:0}.mol-brand body .mol-wallet-heading strong{display:block;font:700 14px/1.4 system-ui;color:#2a241f}.mol-wallet-heading small{display:block;margin-top:3px;font:450 11px/1.5 system-ui;color:#786d63;overflow-wrap:anywhere}
.mol-wallet-balance{font:700 11px/1.4 system-ui;padding:6px 9px;border-radius:30px;background:#f2eee8;color:#554638;white-space:nowrap}
.mol-wallet-body{padding:0 18px 18px;border-top:1px solid #eee5dc}.mol-brand body .mol-wallet-body .benefit-fields{margin-top:18px}.mol-brand body .mol-wallet-body label{font:600 12px/1.5 system-ui}.mol-brand body .mol-wallet-body .small{font:400 11px/1.7 system-ui;margin-bottom:0}.mol-brand body .mol-wallet-body #cartCouponApply{font-size:11px;min-height:38px;padding:8px 13px;margin-top:8px}
.mol-brand body[data-public-route=checkout] .mol-bottom-dock{position:fixed;inset:auto 0 0;z-index:40;display:flex;justify-content:center;pointer-events:none;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:linear-gradient(transparent,#fcfaf7e6 40%)}
.mol-brand body[data-public-route=checkout] .mol-bottom-dock>.main-nav{position:relative;inset:auto;display:flex;width:min(620px,100%);max-width:620px;margin:0;gap:3px;padding:6px;border:1px solid #ffffff;border-radius:24px;background:#ffffffda;box-shadow:0 8px 32px #3f27131a;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);pointer-events:auto}
.mol-brand body[data-public-route=checkout] .main-nav :is(a,button){display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;padding:9px 3px;border:0;border-radius:17px;text-decoration:none;background:transparent;color:#807368;font:550 10px/1.3 system-ui;white-space:nowrap}
.mol-brand body[data-public-route=checkout] .main-nav .is-active{background:#fff0e6;color:#b9391d}.mol-brand body[data-public-route=checkout] .main-nav [data-nav=cart]{background:#d83c1d;color:#fff}
.mol-brand body[data-public-route=checkout] .main-nav b:not(.mol-nav-points){padding:1px 4px;background:#ffffff3b;border-radius:5px;font-size:9px}
.mol-brand body[data-public-route=checkout] #molQuickCheckout{display:none!important}
.mol-brand body[data-public-route=checkout] .page-footer{padding-bottom:30px}
.mol-brand body #paymentStatus:empty{display:none}
.mol-brand body #giftPersonalMessage{resize:vertical;min-height:96px;font:400 16px/1.5 system-ui;padding:14px;border-radius:15px}
@media(max-width:600px){.mol-brand body[data-public-route=checkout] .checkout-header{gap:12px;min-height:82px}.mol-brand body[data-public-route=checkout] .checkout-header .brand img{width:145px;height:34px}.mol-brand body[data-public-route=checkout] .checkout-header-actions{font-size:11px;gap:8px}.mol-brand body[data-public-route=checkout] main{padding-inline:12px}.mol-brand body[data-public-route=checkout] .page-heading{padding:10px 8px 22px}.mol-brand body[data-public-route=checkout] .page-heading h1{font-size:30px;letter-spacing:-1.2px}.mol-brand body[data-public-route=checkout] :is(#cartDialog,#paymentDialog){border-radius:25px}.mol-brand body[data-public-route=checkout] .card-heading{padding:22px 20px 16px}.mol-brand body[data-public-route=checkout] .card-heading h2{font-size:23px}.mol-brand body[data-public-route=checkout] .card-content{padding:20px}.mol-pickup-card{gap:10px;padding:13px;border-radius:17px}.mol-pickup-avatar{width:38px;height:38px;border-radius:13px;font-size:12px}.mol-pickup-person strong{font-size:14px}.mol-wallet-accordion>summary{padding:14px;gap:9px}.mol-wallet-balance{font-size:10px;padding:5px 7px}.mol-wallet-body{padding:0 14px 15px}}
@media(prefers-reduced-transparency:reduce){.mol-brand body[data-public-route=checkout] :is(#cartDialog,#paymentDialog,.main-nav){background:#fff;backdrop-filter:none}}

.mol-brand body.mol-discovery-open .site-header-actions #notificationBell{visibility:visible}
@media(max-width:600px){.mol-brand body[data-public-route] :is(.site-header,.checkout-header,.gift-page-header){padding-top:calc(20px + env(safe-area-inset-top,0px))}.mol-brand body .site-header .brand img{width:clamp(125px,39vw,165px)}.mol-brand body .mol-header-signature{min-width:0}}