.mobile-dock,.mobile-info-nav{display:none}
@media(max-width:760px){
 body.mobile-views{padding-bottom:calc(82px + env(safe-area-inset-bottom))}
 .mobile-views .mobile-view-off{display:none!important}
 .mobile-dock{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:80;padding:8px 6px calc(8px + env(safe-area-inset-bottom));gap:3px;background:#15120bf5;border-top:1px solid #c4a35a55;box-shadow:0 -8px 28px #0006;backdrop-filter:blur(18px)}
 .mobile-dock a,.mobile-dock button{min-height:48px;display:flex;align-items:center;justify-content:center;gap:4px;padding:5px 3px;border:1px solid transparent;border-radius:12px;font:600 11px/1.25 inherit;color:#d9cfb9;background:transparent;text-align:center;text-decoration:none}
 .mobile-dock [aria-current],.mobile-dock button:active{background:#c4a35a20;border-color:#c4a35a60;color:#efd58d}
 .mobile-dock button span{color:#edcc75}
 .mobile-info-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:10px 12px}
 .mobile-info-nav a{display:grid;place-items:center;min-height:44px;font-size:12px;text-align:center;border:1px solid #c4a35a30;border-radius:9px;color:#dbcda9}
 .mobile-info-nav [aria-current]{background:#c4a35a22}
 .mobile-views .section{padding:24px 16px}
 .mobile-views .section h2{font-size:28px}
 .mobile-views .menu-editorial-head{gap:10px;margin-bottom:16px}
 .mobile-views .menu-editorial-copy{font-size:13px}
 .mobile-views .catalog-nav{display:grid;grid-template-columns:repeat(3,1fr);overflow:visible;gap:5px;padding:8px 0;position:relative;top:auto;margin-bottom:16px}
 .mobile-views .catalog-nav a{min-height:44px;padding:10px 5px;text-align:center;font-size:12px}
 .mobile-views .catalog-nav [aria-current]{background:#c4a35a26;color:#efd58d}
 .mobile-views .catalog-category{margin-top:12px;padding-top:0}
 .mobile-views .catalog-heading{margin-bottom:14px}
 .mobile-views .catalog-heading p{font-size:13px}
 .mobile-views .builder-intro{margin-bottom:14px}
 .mobile-views .builder-intro>p:not(.eyebrow){font-size:13px;line-height:1.5}
 .mobile-views .builder-workspace{gap:14px}
 .mobile-views .builder-workspace>.real-box-stage{max-width:340px;margin-inline:auto;padding:10px}
 .mobile-views .flavor-picker.flavor-studio{padding:12px}
 .mobile-views #pickerGrid{gap:8px}
 .mobile-views #pickerGrid .flavor-choice-media{aspect-ratio:16/9}
 .mobile-views #pickerGrid .flavor-choice-copy{padding:8px}
 .mobile-views .feedback-intro{margin-bottom:16px}
 .mobile-views .feedback-seal{display:none}
 .mobile-views .feedback-card{padding:18px}
 .mobile-views footer{padding:20px 16px}
 .mobile-views input,.mobile-views textarea,.mobile-views select{font-size:16px}
 .mobile-views .toast{bottom:calc(90px + env(safe-area-inset-bottom))}
}
/* Phone-native catalogue. All overrides stop at the mobile breakpoint. */
@media(max-width:760px){
 .mobile-views .site-header{height:64px;min-height:64px;padding:8px 16px;display:flex;justify-content:space-between;gap:12px;position:sticky;top:0;background:#100e0bf5}
 .mobile-views .site-header .desktop-nav{display:none!important}
 .mobile-views .brand-logo{width:42px;height:42px}
 .mobile-views .brand span{display:block;font-size:13px;letter-spacing:2px}
 .mobile-views .brand small{font-size:9px}
 .mobile-views .cart-trigger{min-height:44px;padding:7px 12px;font-size:12px}
 .mobile-views main{padding-top:0}
 .mobile-views .section{padding:18px 14px 24px;min-height:0}
 .mobile-views .menu-editorial-head{display:block;margin:0 0 12px}
 .mobile-views .menu-editorial-head h2{font-size:25px;line-height:1.12}
 .mobile-views .menu-editorial-head h2 br{display:none}
 .mobile-views .menu-editorial-copy{margin-top:8px;font-size:12px;line-height:1.4}
 .mobile-views .menu-editorial-copy span{display:block;margin-top:5px}
 .mobile-views .eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:7px}
 .mobile-views .catalog-nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:0 0 14px;padding:0}
 .mobile-views .catalog-nav a{font-size:10px;padding:8px 2px;display:grid;place-items:center;border-radius:10px;min-width:0;white-space:normal}
 .mobile-views .catalog-heading{gap:8px;margin-bottom:12px}
 .mobile-views .catalog-heading h2{font-size:22px}
 .mobile-views .catalog-heading p{font-size:12px;line-height:1.4}
 .mobile-views .catalog-controls{display:none}
 .mobile-views .featured-track,.mobile-views .catalog-grid,.mobile-views .flavor-editorial-grid{display:grid;grid-template-columns:1fr;gap:10px;overflow:visible}
 .mobile-views .flavor-editorial-grid .unified-card{display:grid;grid-template-columns:105px minmax(0,1fr);min-height:160px;height:auto;aspect-ratio:auto;grid-column:auto;border-radius:16px;background:#17130f;isolation:isolate}
 .mobile-views .flavor-editorial-grid .unified-photo{position:relative;inset:auto;width:105px;height:100%;min-height:160px;mask-image:none;-webkit-mask-image:none;grid-column:1;grid-row:1}
 .mobile-views .flavor-editorial-grid .unified-photo img{width:100%;height:100%;object-fit:cover;transform:none}
 .mobile-views .unified-shade{display:none}
 .mobile-views .flavor-card-body{position:relative;inset:auto;grid-column:2;grid-row:1;padding:12px;display:flex;flex-direction:column;justify-content:center;background:none;width:auto}
 .mobile-views .flavor-card-head{display:block}
 .mobile-views .flavor-card-head h3{font-size:17px;line-height:1.2}
 .mobile-views .flavor-card-head .price{font-size:14px;display:block;margin-top:5px}
 .mobile-views .flavor-card-body p{font-size:12px;line-height:1.4;margin:7px 0}
 .mobile-views .mini-add{min-height:44px;font-size:12px;width:100%;margin-top:auto}
 .mobile-views .flavor-number{top:8px;left:8px;font-size:16px}
 .mobile-views .flavor-distinction{top:36px;left:5px;right:auto;padding:5px;font-size:8px}
 .mobile-views .catalog-card{display:grid;grid-template-columns:110px minmax(0,1fr);min-height:180px}
 .mobile-views .catalog-card-media{height:100%;min-height:180px;aspect-ratio:auto}
 .mobile-views .catalog-card-copy{padding:12px}
 .mobile-views .catalog-card-copy h3{font-size:18px}
 .mobile-views .catalog-card-copy p{font-size:12px;line-height:1.4}
 .mobile-views .catalog-add{min-height:44px}
 .mobile-views .featured-card{width:100%;min-width:0;height:220px}
 .mobile-views .drinks-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .mobile-views .drink-menu-visual{height:135px;min-height:0}
 .mobile-views .drink-menu-copy{padding:12px}
 .mobile-views .drink-menu-copy h3{font-size:15px}
 .mobile-views .drink-menu-copy p{font-size:12px}
 .mobile-views .drink-menu-action{flex-wrap:wrap;gap:8px}
 .mobile-dock{padding-top:5px;gap:2px}
 .mobile-dock a,.mobile-dock button{font-family:inherit;font-size:10px;font-weight:600;line-height:1.2;min-height:56px;display:flex;flex-direction:column;gap:3px;position:relative}
 .mobile-dock i{font-style:normal;font-size:22px;line-height:24px;color:#d5b66c}
 .mobile-dock button span{position:absolute;top:2px;right:12px;border-radius:20px;background:#d0ae59;color:#15110b;min-width:18px;padding:2px;font-size:10px}
 .mobile-views .builder-intro h2{font-size:24px}
 .mobile-views .builder-workspace>.real-box-stage{max-width:285px;padding:6px}
 .mobile-views .box-status-bar{font-size:11px}
 .mobile-views #pickerGrid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:48svh;overflow-y:auto;overscroll-behavior-y:contain;padding:2px 4px 8px;scrollbar-width:thin;scrollbar-color:#c4a35a #15110b}
 .mobile-views #pickerGrid .flavor-choice-media{aspect-ratio:2/1}
 .mobile-views #pickerGrid .flavor-choice-copy strong{min-height:0;font-size:12px}
 .mobile-views .editorial-hero{padding:22px 16px;min-height:0}
 .mobile-views .editorial-hero-grid{display:flex;flex-direction:column;gap:18px}
 .mobile-views .editorial-hero h1{font-size:38px;line-height:1.05}
 .mobile-views .hero-copy{font-size:14px;line-height:1.5}
 .mobile-views .hero-actions{gap:8px}
 .mobile-views .hero-actions .button{min-height:46px;padding:12px;font-size:13px}
 .mobile-views .editorial-hero-visual{height:240px;min-height:0}
 .mobile-views .hero-primary-frame{height:220px}
 .mobile-views .hero-detail-frame{width:100px;height:100px}
 .mobile-views .hero-facts{margin-top:16px;padding-top:14px}
 .mobile-views .hero-bottomline{margin-top:16px}
 .mobile-views .value-band{padding:18px;gap:14px}
 .mobile-views .mobile-info-nav{padding:12px 14px 0;gap:5px}
 .mobile-views .mobile-info-nav a{font-size:11px}
 .mobile-views .feedback-seal{display:flex}
 .mobile-views main>section:not(.mobile-view-off){animation:mobileViewIn .22s ease-out}
 @keyframes mobileViewIn{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}
}
@media(max-width:360px){.mobile-views .flavor-editorial-grid .unified-card{grid-template-columns:88px minmax(0,1fr)}.mobile-views .flavor-editorial-grid .unified-photo{width:88px}.mobile-views .flavor-card-body{padding:10px}.mobile-views .brand span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.mobile-views main>section:not(.mobile-view-off){animation:none}}
.mobile-search,.mobile-builder-shortcuts{display:none}
@media(max-width:760px){
 .mobile-views .mobile-search{display:flex;align-items:center;gap:10px;margin:12px 0;padding:0 13px;background:#19150f;border:1px solid #c4a35a55;border-radius:14px}
 .mobile-search input{width:100%;min-height:48px;background:transparent;border:0;color:#eee3cd;outline-offset:3px}
 .mobile-views .flavor-editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
 .mobile-views .flavor-editorial-grid .unified-card{display:flex;flex-direction:column;min-height:0;overflow:hidden}
 .mobile-views .flavor-editorial-grid .unified-photo{width:100%;height:auto;min-height:0;aspect-ratio:4/3;flex:none;background:#100d09}
 .mobile-views .flavor-editorial-grid .unified-photo img{object-fit:contain!important;object-position:center!important;transform:none!important;filter:none}
 .mobile-views .flavor-card-body{padding:10px;flex:1;justify-content:flex-start}
 .mobile-views .flavor-card-head h3{font-size:16px;min-height:2.4em}
 .mobile-views .flavor-card-body p{font-size:12px;line-height:1.4;flex:1}
 .mobile-views .mini-add{font-size:11px;gap:4px;padding:7px;min-height:44px}
 .mobile-views .flavor-number{font-size:12px;padding:4px;top:6px;left:6px}
 .mobile-views .flavor-distinction{top:6px;left:auto;right:6px;font-size:7px}
 .mobile-views .catalog-card{display:flex;flex-direction:column}
 .mobile-views .catalog-card-media{height:190px;min-height:0;background:#100d09}
 .mobile-views .catalog-card-media img{object-fit:contain;object-position:center}
 .mobile-views .featured-card{height:310px;background:#100d09}
 .mobile-views #featuredTrack .featured-card>img{object-fit:contain;object-position:center top;height:72%;width:100%;top:0;transform:none}
 .mobile-views #featuredTrack .featured-card[data-product-card="salame"]>img{height:100%;top:0;object-fit:cover}
 .mobile-views .featured-card-copy{padding:16px}
 .mobile-views .featured-card-copy h3{font-size:25px;line-height:1.1}
 .mobile-views .drink-menu-visual img{object-fit:contain;transform:none;max-height:100%}
 .mobile-views .drink-menu-visual{height:150px}
 .mobile-views #pickerGrid{max-height:none;overflow:visible;padding:0}
 .mobile-views #pickerGrid .flavor-choice-media{aspect-ratio:4/3}
 .mobile-views #pickerGrid .flavor-choice-media img{object-fit:contain;transform:none;object-position:center}
 .mobile-views .builder-workspace>.real-box-stage{max-width:360px}
 .mobile-views .mobile-builder-shortcuts{display:flex;gap:8px;position:sticky;top:64px;z-index:20;padding:8px 0;background:#100e0bf5}
 .mobile-builder-shortcuts button{flex:1;min-height:44px;border:1px solid #c4a35a70;border-radius:12px;background:#272014;color:#ebd9ad;font:600 13px inherit}
 .mobile-views #boxStage,.mobile-views .flavor-studio{scroll-margin-top:128px}
 .mobile-views [data-mobile-search-hidden]{display:none!important}
 .mobile-views button:active,.mobile-views .catalog-nav a:active,.mobile-dock a:active{filter:brightness(1.2);box-shadow:0 0 16px #d0ad4940}
 .mobile-views .unified-card:focus-within,.mobile-views .drink-menu-card:focus-within{border-color:#d7b66e;box-shadow:0 0 18px #c4a35a20}
 .mobile-views .mobile-added{animation:mobileAdded .35s ease-out}
 @keyframes mobileAdded{50%{box-shadow:inset 0 0 0 2px #dfbd75,0 0 20px #c4a35a40;filter:brightness(1.12)}}
}
@media(max-width:340px){.mobile-views .flavor-editorial-grid{grid-template-columns:1fr}.mobile-views .flavor-card-head h3{min-height:0}}
@media(prefers-reduced-motion:reduce){.mobile-views .mobile-added{animation:none;outline:1px solid #d7b66e}}
.phone-welcome{display:none}
@media(max-width:760px){
 .mobile-views .phone-welcome{display:block;padding:20px 16px 16px;max-width:560px;margin:auto}
 .phone-welcome h1{font-size:30px;line-height:1.1;margin:0 0 6px;color:#f2ead8}
 .phone-welcome-lead{font-size:14px;color:#cdbf9e;margin:0 0 15px}
 .phone-welcome figure{margin:0 0 14px;border:1px solid #c4a35a45;border-radius:18px;overflow:hidden;background:#15110c}
 .phone-welcome figure img{display:block;width:100%;height:clamp(160px,25svh,230px);object-fit:contain;object-position:center}
 .phone-welcome figcaption{font-size:10px;text-align:center;padding:8px;color:#d7c9a7;line-height:1.4}
 .phone-primary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:14px;background:linear-gradient(115deg,#d0ae60,#b89545);color:#171108;text-decoration:none;font-weight:700;font-size:17px;min-height:64px}
 .phone-primary small{display:block;font-size:11px;font-weight:500;margin-top:4px}
 .phone-primary b{font-size:24px}
 .phone-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
 .phone-quick-grid a{display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:48px;border:1px solid #c4a35a45;background:#1a160f;border-radius:12px;padding:12px;color:#eddfbe;text-decoration:none;font-size:13px}
 .phone-quick-grid a span{color:#c4a35a}
 .phone-welcome-links{display:flex;justify-content:space-between;gap:8px;margin-top:10px;flex-wrap:wrap}
 .phone-welcome-links a{padding:12px 0;color:#cdbf9e;font-size:11px;min-height:44px}
 .phone-welcome a:active{filter:brightness(1.15);box-shadow:0 0 16px #c4a35a25}
 .mobile-views .menu-editorial-head{display:grid;grid-template-columns:1fr;gap:6px;padding:0;margin-bottom:10px}
 .mobile-views .menu-editorial-head h2{font-size:22px}
 .mobile-views .menu-editorial-copy{font-size:11px;line-height:1.35;margin:0}
 .mobile-views .menu-editorial-copy p{margin:0}
 .mobile-views .menu-editorial-copy span{font-size:10px;padding:4px 8px;margin-top:7px}
 .mobile-views .catalog-nav{margin:0 0 10px;border-top:0}
 .mobile-views .closed-banner{position:relative;inset:auto;min-height:0;padding:8px 12px;gap:4px;font-size:11px;z-index:1}
 .mobile-views.business-closed{--business-banner-height:0px}
 .mobile-views .site-header{z-index:50}
 .mobile-views[data-mobile-view="bienvenida"] footer{display:none}
}
/* Refined mobile dock: fixed touch targets, restrained active light. */
@media(max-width:760px){
 body.mobile-views{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
 .mobile-dock{grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:4px 8px calc(4px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#17150ff5,#100f0cfb);border-top:1px solid #c4a35a35;box-shadow:0 -5px 22px #0005;backdrop-filter:blur(18px)}
 .mobile-dock a,.mobile-dock button{position:relative;min-height:52px;min-width:0;padding:6px 1px 4px;border:0;border-radius:0;background:transparent;color:#a99e87;font-family:inherit;font-size:10px;font-weight:500;line-height:1.2;gap:4px;text-decoration:none;box-shadow:none;transition:color .2s,background .2s}
 .mobile-dock i{display:block;width:21px;height:21px;font-size:0;line-height:0;color:inherit;transition:filter .2s,transform .2s}
 .mobile-dock svg{display:block;width:100%;height:100%}
 .mobile-dock a::after{content:"";position:absolute;top:0;left:calc(50% - 9px);width:18px;height:2px;border-radius:2px;background:#dec17d;opacity:0;transform:scaleX(.4);transition:opacity .2s,transform .2s}
 .mobile-dock a[aria-current]{background:radial-gradient(ellipse at 50% 0,#c4a35a15,transparent 70%);border:0;color:#edd392;box-shadow:none}
 .mobile-dock a[aria-current]::after{opacity:1;transform:scaleX(1)}
 .mobile-dock a[aria-current] i{filter:drop-shadow(0 0 5px #c4a35a45)}
 .mobile-dock a:active,.mobile-dock button:active{background:#c4a35a0d;color:#f2d796;box-shadow:none;filter:none}
 .mobile-dock a:active i,.mobile-dock button:active i{transform:scale(.92)}
 .mobile-dock button span{top:3px;right:auto;left:calc(50% + 5px);min-width:15px;height:15px;padding:0 4px;display:grid;place-items:center;border:1px solid #18150e;border-radius:9px;background:#c4a35a;color:#151109;font-size:9px;font-weight:700;line-height:1}
 .mobile-dock :focus-visible{outline:2px solid #e4c780;outline-offset:-3px;border-radius:9px}
}
@media(prefers-reduced-motion:reduce){.mobile-dock a,.mobile-dock button,.mobile-dock i,.mobile-dock a::after{transition:none}}


/* Living mobile cover: borderless art direction, one direct action per scene. */
@media(max-width:760px){
 .mobile-views .phone-welcome{padding:0 18px;max-width:600px;height:var(--welcome-space,calc(100svh - 210px));min-height:320px;overflow:hidden;display:flex;flex-direction:column}
 .living-intro{display:flex;justify-content:space-between;flex:none;padding:15px 2px 8px;font-size:9px;font-weight:600;letter-spacing:.22em;color:#c6a862}
 .living-stage{position:relative;flex:1;min-height:0;isolation:isolate}
 .living-scene{position:absolute;inset:0;display:block;overflow:hidden;text-decoration:none;color:#f1e8d4;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .85s ease,visibility .85s;outline-offset:-3px}
 .living-scene.is-current{opacity:1;visibility:visible;pointer-events:auto}
 .living-halo{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 28%,#b4802735,transparent 60%);opacity:.6;transition:opacity 1s}
 .living-scene.is-current .living-halo{opacity:1}
 .living-scene>img{position:absolute;top:0;right:0;width:94%;height:64%;object-fit:contain;object-position:center;filter:drop-shadow(0 18px 20px #0008);transform:translateX(12px) scale(.97);transition:transform 1.3s cubic-bezier(.2,.7,.2,1);border-radius:16px}
 .living-scene.is-current>img{transform:translateX(0) scale(1)}
 .living-copy{position:absolute;inset:auto 0 16px;z-index:2;padding:20px 3px 0;background:linear-gradient(transparent,#0d0b08 28%);transform:translateY(10px);transition:transform .85s ease}
 .living-scene.is-current .living-copy{transform:translateY(0)}
 .living-kicker{display:block;font-size:9px;letter-spacing:.19em;color:#dec180;font-weight:700;margin-bottom:7px}
 .living-copy h2{font-family:Cinzel,serif;font-size:clamp(29px,8.4vw,43px);font-weight:500;line-height:1.04;margin:0;color:#f5ecd9}
 .living-copy p{font-size:12px;color:#cbbfa8;margin:10px 0 13px;line-height:1.4}
 .living-action{display:flex;align-items:center;justify-content:space-between;min-height:46px;border-top:1px solid #c4a35a70;border-bottom:1px solid #c4a35a25;color:#e8cd8d;font-size:14px;font-weight:650;transition:background .2s,padding .2s}
 .living-action>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#c4a35a;color:#171108;font-size:20px}
 .living-scene:active .living-action{background:#c4a35a15;padding-inline:6px}
 .living-cut>img{width:100%;height:60%;right:0}
 .living-drink>img{width:52%;right:0;height:70%;top:0}
 .living-drink .living-copy{background:linear-gradient(transparent,#0d0b08 45%)}
 .living-order>img{width:82%;right:9%;height:58%}
 .living-order .living-copy h2{font-size:clamp(28px,7.7vw,40px)}
 .living-scene:focus-visible{outline:2px solid #e7cc8d}
}
@media(max-height:650px) and (max-width:760px){.living-copy h2{font-size:28px}.living-copy p{margin:6px 0 8px}.living-copy{bottom:6px}.living-intro{padding-top:8px}.living-scene>img{height:56%}}
@media(prefers-reduced-motion:reduce){.living-scene,.living-scene>img,.living-copy,.living-halo{transition:none;transform:none!important}}