.guided-only{display:none}
@media(max-width:760px){
 body.guided-phone{padding-bottom:calc(94px + env(safe-area-inset-bottom));background-color:#100e0b}
 .guided-phone .mobile-dock,.guided-phone .mobile-info-nav,.guided-phone .catalog-nav,.guided-phone #menu>.phone-disclosure{display:none!important}
 .guided-phone .site-header .cart-trigger{display:flex;min-width:66px}
 .guided-phone .guided-only{display:block}
 .guided-phone [hidden]{display:none!important}
 .guided-phone .guided-context{padding:4px 16px 12px;background:linear-gradient(#1b160f,#100e0b);border-bottom:1px solid #c4a35a25}
 .guided-context-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
 .guided-context-top button{border:0;background:none;color:#e1c680;min-height:44px;padding:6px 0;font:inherit;font-size:12px}
 .guided-context-top>span{font-size:10px;color:#ab9e86}
 .guided-context ol{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0;margin:4px 0 0;list-style:none}
 .guided-context li{font-size:10px;color:#9f9584;padding-top:9px;border-top:2px solid #423825;white-space:nowrap}
 .guided-context li.is-current{color:#f5d386;border-color:#d9b761}
 .guided-phone .guided-welcome{height:auto;min-height:0;overflow:visible;padding:22px 20px;gap:0}
 .guided-welcome .eyebrow{font-size:10px;margin:0 0 12px}
 .guided-welcome h1{font-size:clamp(30px,8vw,42px);line-height:1.04;font-family:Georgia,serif;font-weight:400;letter-spacing:-1px}
 .guided-welcome h1 em{color:#d5b567;font-style:normal}
 .guided-welcome>img{width:100%;height:clamp(155px,33svh,290px);object-fit:contain;display:block;margin:12px 0;border-radius:18px;background:radial-gradient(ellipse,#65502c33,transparent 70%)}
 .guided-welcome>p:not(.eyebrow){font-size:13px;margin:0 0 16px;color:#c9bea7}
 .guided-welcome .button{display:flex;width:100%;justify-content:space-between;border-radius:12px;min-height:52px;font-size:15px}
 .guided-choice h2{font-family:Georgia,serif;font-size:30px;margin:4px 0 16px}.guided-choice .eyebrow{font-size:9px;margin:6px 0}
 #guidedChoices{display:grid;gap:9px}
 .guided-option{display:grid;grid-template-columns:76px 1fr 16px;gap:13px;align-items:center;padding:9px;border:1px solid #c4a35a3b;border-radius:15px;background:linear-gradient(120deg,#29211699,#14120e);text-decoration:none;color:#f2ead9;min-width:0}
 .guided-option img{width:76px;height:76px;object-fit:contain;border-radius:10px;background:#0d0c0a}
 .guided-option strong{font-size:15px;display:block}.guided-option small{display:block;font-size:11px;line-height:1.4;color:#b7ab92;margin:4px 0}.guided-option b{font-size:13px;color:#e3c476}.guided-option i{color:#c4a35a;font-style:normal}
 .guided-featured{display:block;padding:18px 2px;font-size:12px;color:#bcb09a;text-decoration:none}.guided-featured strong{color:#e5c77e;display:block;margin-top:5px}
 .guided-phone .guided-next{position:fixed;z-index:75;bottom:0;left:0;right:0;padding:9px 16px calc(12px + env(safe-area-inset-bottom));background:#17130df5;border-top:1px solid #c4a35a40;backdrop-filter:blur(16px)}
 .guided-next>span{font-size:11px;color:#cbbb9c;display:block;margin-bottom:6px}.guided-next .button{width:100%;min-height:46px;border-radius:11px;font-size:14px}.guided-next button:disabled{opacity:.45}
 .guided-phone .guided-another{width:100%;min-height:44px;color:#e3c47e;background:transparent;border:1px solid #c4a35a55;border-radius:10px;margin-bottom:10px;font:inherit;font-size:13px}
 .guided-help{width:calc(100% - 24px);max-width:460px;max-height:80svh;border:1px solid #c4a35a66;border-radius:22px;background:#19150f;color:#eee1c6;padding:20px;margin:auto auto 12px;box-sizing:border-box}
 .guided-help::backdrop{background:#000b;backdrop-filter:blur(5px)}.guided-help>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.guided-help h2{font-size:22px;margin:0}.guided-help button{min-width:44px;min-height:44px;border:0;background:none;color:#e1c680;font-size:25px}.guided-help a{display:block;padding:16px 0;border-top:1px solid #c4a35a25;text-decoration:none;color:#e4d8be;font-size:14px}
 .guided-phone .catalog-heading{margin:8px 0}.guided-phone #boxesGrid,.guided-phone #combosGrid{grid-template-columns:1fr}
 .guided-phone #drinksTrack .drink-menu-visual{height:100px}.guided-phone #drinksTrack .drink-menu-visual img{object-fit:contain}
 .guided-phone .guided-choice,.guided-phone .catalog-category:not(.mobile-view-off){animation:guidedReveal .25s ease-out}
 .guided-option:active,.guided-another:active{background:#3c301c;border-color:#e5c77e;transform:scale(.99)}
 .guided-phone a:focus-visible,.guided-phone button:focus-visible{outline:2px solid #efd58d;outline-offset:3px}
 @keyframes guidedReveal{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}
}
@media(max-width:350px){.guided-option{grid-template-columns:64px 1fr 14px;gap:9px}.guided-option img{width:64px;height:68px}.guided-context li{font-size:9px}}
@media(prefers-reduced-motion:reduce){.guided-phone *{animation:none!important;scroll-behavior:auto!important}.guided-option:active{transform:none}}
/* Completion notice stays in normal flow on phones: no clipping over the lid. */
@media(max-width:760px){
 .mobile-views #boxStage{overflow:visible;top:auto}
 .mobile-views #boxScene{display:flex;flex-direction:column}
 .mobile-views #boxCompleteState{position:relative;left:auto;top:auto;order:-1;width:100%;max-width:none;box-sizing:border-box;margin:0 0 10px;padding:12px;grid-template-columns:minmax(0,1fr);gap:5px;transform:none!important;border-radius:12px;text-align:left;display:none;aspect-ratio:auto}
 .mobile-views #boxStage.is-complete #boxCompleteState{display:grid;opacity:1}
 .mobile-views #boxStage.is-closing #boxCompleteState{opacity:0}
 .mobile-views #boxCompleteState img{display:none}
 .mobile-views #boxCompleteState strong{font-size:12px;line-height:1.35}
 .mobile-views #boxCompleteState .box-review-help{font-size:12px;line-height:1.4;max-width:none}
 .mobile-views #boxCompleteState .box-review-countdown{grid-column:1;font-size:15px;line-height:1.35;margin-top:3px}
}