/* Phone-first pickup ordering, with the existing desktop brand presentation. */
.mobile-intro,.mobile-location,.mobile-order-nav,.mobile-menu-title,.mobile-checkout-action,.checkout-back{display:none}
.drink-art{border:0;padding:0;width:100%}.drink-art:focus-visible{outline-offset:4px}.drink-info .drink-tags{flex-wrap:wrap}
.checkout-trail button{background:none;color:var(--muted);font-size:11px;padding:8px 4px;min-height:44px;border-bottom:2px solid transparent}.checkout-trail button[aria-current="step"]{color:var(--brown);border-color:var(--brown);font-weight:700}
.checkout-trail{padding-top:5px;padding-bottom:5px}
.drink-quantity-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;gap:15px}.drink-stepper{border-radius:12px}.drink-stepper button{width:44px;height:44px;display:grid;place-items:center}.drink-stepper input{width:49px;min-width:0;min-height:44px;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);border-radius:0;text-align:center;font-size:16px;appearance:textfield;-moz-appearance:textfield}.drink-stepper input::-webkit-inner-spin-button,.drink-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
@media(max-width:760px){
 html{scroll-padding-top:94px}body{padding-bottom:calc(78px + env(safe-area-inset-bottom));font-size:15px}body:has(#floating-order:not([hidden])){padding-bottom:calc(146px + env(safe-area-inset-bottom))}
 .announcement,.hero,.brand-strip,.coffee-finder,.featured-cup{display:none}.header{height:84px;padding:0 22px;gap:14px;position:sticky;top:0;z-index:10;background:var(--cream)}.header .brand{width:78px;flex-shrink:0}.header #cart-open{display:none}.mobile-location{display:block;text-align:right;margin-left:auto;font-size:10px;letter-spacing:1.1px;line-height:1.8}.mobile-location strong{display:block;font-size:11px;letter-spacing:0;font-weight:500}.mobile-toggle{display:grid;place-items:center;min-width:44px;min-height:44px;background:none;padding:10px}.header nav{display:none;top:84px;position:absolute;left:0;right:0;background:var(--cream);padding:12px 22px 22px;border-bottom:1px solid var(--line);box-shadow:0 12px 22px #4a210c15}.header nav.open{display:flex;flex-direction:column;gap:0}.header nav a{display:block;min-height:48px;padding:13px 0;font-size:14px}
 .mobile-intro{display:block;padding:29px 22px 20px}.mobile-intro .eyebrow{font-size:10px;letter-spacing:1.3px;margin-bottom:14px}.mobile-intro h1{font-family:var(--sans);font-weight:700;font-size:38px;line-height:1.12;letter-spacing:-1.6px}.mobile-intro h1 em{font-family:var(--serif);font-weight:500}.mobile-intro h1 em:after{display:none}.mobile-intro>p:last-child{font-size:13px;line-height:1.7;color:var(--muted);margin:17px 0 0}
 .menu.section{padding:9px 22px 42px}.menu .section-heading{margin:0}.menu .section-heading .eyebrow,.menu .section-heading>p,.desktop-menu-title{display:none}.mobile-menu-title{display:inline}.menu .section-heading h2{font-family:var(--sans);font-size:21px;font-weight:700;letter-spacing:-.6px;line-height:1.4}.menu-toolbar{margin:16px 0 4px}.filters{gap:8px;flex-wrap:wrap}.filter{min-height:44px;font-size:12px;padding:10px 16px}.menu-note{display:none}.drink-grid{display:flex;flex-direction:column;gap:0}.drink-card{display:grid;grid-template-columns:100px minmax(0,1fr);gap:17px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);cursor:pointer}.drink-art{width:100px;height:116px;aspect-ratio:auto;border-radius:16px;background:var(--tan)}.drink-art img{width:100%;height:100%;object-fit:cover}.drink-card:hover .drink-art img{transform:none}.drink-info{padding:0 48px 0 0;min-width:0}.drink-info h3{font:700 17px/1.35 var(--sans);letter-spacing:-.3px;margin:0 0 7px}.drink-info p{font-size:12px;line-height:1.55;min-height:0;margin:0}.drink-info .drink-tags{margin-top:9px;font-size:11px;gap:0}.drink-tags span{border:0;padding:0}.drink-tags span+span{display:none}.add-drink{position:absolute;right:0;top:50%;transform:translateY(-50%);width:44px;min-height:44px;height:44px;margin:0;padding:0;display:grid;place-items:center;background:var(--brown);color:var(--cream);border:0;border-radius:50%;gap:0}.add-drink .add-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.add-drink>span:last-child{display:grid;place-items:center}.add-drink .ui-icon{width:18px;height:18px}.add-drink:hover{transform:translateY(-50%)}.menu-disclaimer{font-size:11px;line-height:1.8;margin-top:21px}.menu-guidance{font-size:12px;margin-top:15px}
 .mobile-order-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:20;justify-content:space-around;gap:8px;padding:9px 18px calc(9px + env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--line)}.mobile-order-nav>a,.mobile-order-nav>button{min-height:50px;min-width:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:11px;line-height:1.2;background:none;border-radius:10px}.mobile-order-nav .ui-icon{width:21px;height:21px}.mobile-order-nav [aria-current="location"]{background:#eddfcf;font-weight:700}.mobile-order-nav>button{color:var(--brown)}
 #floating-order{bottom:calc(82px + env(safe-area-inset-bottom));left:16px;right:16px;z-index:19;min-height:53px;border-radius:15px;padding:13px 18px;font-size:14px;gap:14px;box-shadow:0 6px 25px #4a210c25}#floating-order .cart-badge{font-size:13px!important;min-width:27px;height:27px}#toast{bottom:calc(150px + env(safe-area-inset-bottom));left:16px;right:16px;z-index:21;font-size:13px;padding:13px 16px}
 .section{padding:44px 22px}.story-copy{padding:40px 22px}.story-art{min-height:300px}.story-copy h2,.pickup h2,.how-section h2,.faq-intro h2{font-size:34px}.pickup-options{grid-template-columns:1fr}.pickup-card,.delivery-card{padding:24px}.pickup-options p{font-size:13px}.pickup-options .button{min-height:48px;font-size:13px;padding:14px 20px}.pickup-options .phone{font-size:13px;min-height:44px;display:grid;place-items:center;margin-top:8px}.delivery-name{font-size:16px}.delivery-name small{font-size:11px}.closing{padding:28px 22px}.closing p{font-size:28px}.closing>.ui-icon{font-size:32px}.expanded-footer{padding-bottom:35px}.footer-column h3{font-size:11px}.footer-column a{font-size:13px;min-height:35px;display:flex;align-items:center}.footer-column p,.footer-bottom{font-size:11px}.footer-bottom{line-height:1.7}.faq-list summary{min-height:56px;font-size:14px}.faq-list details p,.order-steps p{font-size:13px}
 /* Bottom-sheet drink customisation keeps the glass and controls in view. */
 #drink-dialog[open]{display:block;width:min(100%,480px);max-height:95dvh;margin:auto auto 0;padding:0;border-radius:24px 24px 0 0;border-bottom:0;overflow:auto;overscroll-behavior:contain}#drink-dialog .drink-scene{height:156px;min-height:0;position:sticky;top:0;display:block;z-index:3}#drink-dialog .drink-scene-frame{height:156px;width:156px}#drink-dialog .scene-temperature{font-size:10px;bottom:8px;letter-spacing:.8px;padding:5px 9px}#drink-dialog .dialog-close{width:44px;height:44px;top:12px;right:14px;left:auto}#drink-dialog .drink-dialog-body{padding:21px 22px calc(18px + env(safe-area-inset-bottom));overflow:visible;max-height:none}#drink-dialog .drink-dialog-body>.eyebrow{font-size:10px;margin-bottom:8px}#drink-dialog .drink-dialog-body h2{font-family:var(--sans);font-size:28px;letter-spacing:-.7px;font-weight:700}#drink-dialog .drink-dialog-body>p:not(.eyebrow){font-size:13px;line-height:1.6;margin:11px 0 18px}.temperature-options{margin-bottom:18px}.temperature-options legend,.preference-label{font-size:13px}.temperature-options span{font-size:14px;min-height:48px;padding:13px}.preference-label{margin-bottom:8px}#drink-sweetness{font-size:16px;padding:12px;min-height:48px;margin-bottom:18px}.drink-quantity-row{font-size:13px}.option-note{font-size:11px!important;line-height:1.6;margin:15px 0 0!important}#drink-form>.button{position:sticky;bottom:calc(8px + env(safe-area-inset-bottom));margin-top:18px;min-height:52px;font-size:14px;border-radius:14px;box-shadow:0 0 0 9px var(--cream)}
 /* Checkout is one short step at a time on phones. */
 #order-dialog{width:100%;height:100dvh;max-height:100dvh;margin:0;inset:0;border:0;border-radius:0;overflow:auto}.order-header{padding:21px 22px 16px;background:var(--cream);top:0}.order-header h2{font-family:var(--sans);font-size:30px;font-weight:700;letter-spacing:-1px}.order-header .eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:8px}.order-header .dialog-close{width:44px;height:44px;right:16px;top:21px}.checkout-trail{position:sticky;top:103px;z-index:3;background:var(--cream);padding:0 18px;gap:10px}.checkout-trail button{font-size:12px;flex:1;min-height:48px}.order-content{display:block}.order-summary,.order-details,.order-review{padding:24px 22px calc(28px + env(safe-area-inset-bottom));border:0;background:var(--cream)}#order-dialog[data-step="cart"] .order-details,#order-dialog[data-step="cart"] .order-review,#order-dialog[data-step="details"] .order-summary,#order-dialog[data-step="details"] .order-review,#order-dialog[data-step="review"] .order-summary,#order-dialog[data-step="review"] .order-details{display:none}.summary-heading h3,.order-details>h3{font-family:var(--sans);font-size:24px;font-weight:700;letter-spacing:-.7px}.summary-heading>span{font-size:11px}.cart-line{gap:12px;padding:18px 35px 18px 0}.cart-line:first-child{padding-top:0}.cart-line>img{width:67px;height:92px}.cart-line h3{font-size:16px;font-weight:700}.cart-line p{font-size:11px!important;line-height:1.7}.cart-line-controls{gap:12px}.quantity-control button{width:40px;height:40px;min-height:40px}.drink-stepper button{width:44px;height:44px}.quantity-control>span{font-size:14px;min-width:26px}.edit-item{font-size:12px;min-height:44px;padding:10px 1px}.remove-item{width:40px;height:44px;right:-9px;display:grid;place-items:center}.cart-line:first-child .remove-item{top:0}.order-summary .text-link{min-height:44px;font-size:13px}.price-note{margin-top:20px;padding:16px}.price-note strong{font-size:13px}.price-note p{font-size:12px!important}.mobile-checkout-action{display:flex;margin-top:22px;min-height:52px;font-size:14px;border-radius:14px}.checkout-back{display:inline-flex;align-items:center;background:none;border-bottom:1px solid #b99575;font-size:13px;min-height:44px;margin:0 0 18px;padding:8px 0}.order-details>p{font-size:13px!important}#order-form>label,.scheduled-pickup label{font-size:13px;margin-top:19px}#order-form label>span{font-size:11px}#order-form input,#order-form textarea,#order-form select{font-size:16px;min-height:49px;padding:12px}.scheduled-pickup{gap:12px;grid-template-columns:1fr 1fr}.field-hint,.handoff-note{font-size:12px!important}.order-details .button{font-size:14px;min-height:53px;border-radius:14px}.order-review h3{font-family:var(--sans);font-size:26px;font-weight:700}.order-review pre{font-size:13px;line-height:1.9;padding:18px}.order-review .eyebrow{font-size:11px}.review-actions{display:grid;gap:12px}.review-actions .button{font-size:14px;min-height:54px;border-radius:14px;margin:4px 0}.review-actions .text-link{justify-self:start;font-size:13px;min-height:44px}#order-status{font-size:13px}
}
@media(max-width:360px){.header{padding:0 16px;gap:8px}.header .brand{width:70px}.mobile-location{font-size:9px}.mobile-location strong{font-size:10px}.mobile-intro,.menu.section{padding-left:18px;padding-right:18px}.mobile-intro h1{font-size:35px}.drink-card{grid-template-columns:84px minmax(0,1fr);gap:13px}.drink-art{width:84px;height:103px}.drink-info{padding-right:43px}.drink-info h3{font-size:15px}.drink-info p{font-size:11px}.add-drink{width:40px;height:44px}.filter{padding-left:13px;padding-right:13px}.cart-line>img{width:50px;height:76px}.cart-line{gap:10px}.cart-line-controls{gap:8px}.quantity-control button{width:34px}.quantity-control>span{min-width:21px}.drink-stepper button{width:44px}.scheduled-pickup{grid-template-columns:1fr}.closing{gap:14px}.closing p{font-size:24px}.closing>.ui-icon{font-size:24px}}
@media(prefers-reduced-motion:reduce){.add-drink,.drink-art img{transition:none}}
@media(max-width:760px){
 .add-drink{justify-content:center;justify-items:center}
 #drink-dialog[open]{width:100vw;max-width:480px}
 #order-dialog{width:100vw;max-width:100vw}
}
@media(max-width:360px){.add-drink{width:44px}.drink-info{padding-right:47px}}
@media(max-width:760px){.checkout-trail{top:var(--order-header-height,96px)}}