/* Option B — shop-first app shell, phone only (<=768px). Desktop untouched. */
@media (max-width:768px){
 html.m-b .site-header .nav-links,html.m-b .site-header .nav-cart-pin{display:none!important}
 html.m-b .site-header .nav{display:flex;align-items:center;gap:.5rem;padding:.4rem 0}
 html.m-b .site-header .logo{flex:1}
 .mb-menu-btn{min-width:44px;min-height:44px;border:0;background:transparent;font-size:1.5rem;line-height:1;color:inherit;order:-1}
 .mb-side{position:fixed;inset:0;z-index:10050;visibility:hidden}
 .mb-side.open{visibility:visible}
 .mb-side .mb-scrim{position:absolute;inset:0;background:rgba(0,0,0,.4);opacity:0;transition:opacity .2s}
 .mb-side.open .mb-scrim{opacity:1}
 .mb-side nav{position:absolute;top:0;bottom:0;left:0;width:80%;max-width:300px;background:#fff;color:#0b1b2b;padding:1rem .5rem calc(1rem + env(safe-area-inset-bottom));transform:translateX(-100%);transition:transform .22s;overflow:auto;box-shadow:4px 0 20px rgba(0,0,0,.15)}
 .mb-side.open nav{transform:none}
 .mb-side nav a{display:block;padding:.85rem 1rem;border-radius:10px;font:600 1rem Inter,system-ui,sans-serif;color:#0b1b2b;text-decoration:none}
 .mb-side nav a[aria-current]{background:#e6f7fb;color:#0e7490}
 .mb-side nav .mb-side-head{display:flex;justify-content:space-between;align-items:center;padding:0 .5rem .5rem 1rem;font-weight:700}
 .mb-side nav .mb-side-head button{min-width:44px;min-height:44px;border:0;background:none;font-size:1.4rem}
 .mb-tabs{position:fixed;left:0;right:0;bottom:0;z-index:10000;display:flex;background:#fff;border-top:1px solid rgba(0,0,0,.12);padding-bottom:env(safe-area-inset-bottom)}
 .mb-tabs a,.mb-tabs button{flex:1;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;background:none;color:#475569;font:600 .68rem Inter,system-ui,sans-serif;text-decoration:none;position:relative}
 .mb-tabs .ic{font-size:1.25rem;line-height:1}
 .mb-tabs [aria-current]{color:#0e7490}
 .mb-badge{position:absolute;top:5px;left:calc(50% + 6px);min-width:18px;height:18px;border-radius:9px;background:#0ea5c6;color:#fff;font-size:.65rem;display:flex;align-items:center;justify-content:center;padding:0 4px}
 .mb-badge[hidden]{display:none!important}
 html.m-b.m-home .hero-home .hero-search{display:flex;gap:.4rem}
 html.m-b.m-home .hero-home .hero-search-btn{width:auto!important;flex:0 0 auto;padding:0 .9rem}
 html.m-b body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
 html.m-b.m-buy body{padding-bottom:136px}
 .m-buybar{position:fixed;left:0;right:0;z-index:9990}
 html.m-b .m-buybar{bottom:calc(56px + env(safe-area-inset-bottom))}
 /* mini cart bar */
 .mb-mini{position:fixed;left:.5rem;right:.5rem;bottom:calc(62px + env(safe-area-inset-bottom));z-index:10001;display:none;align-items:center;gap:.5rem;padding:.55rem .75rem;border-radius:12px;background:#0b1b2b;color:#fff;font:600 .9rem Inter,system-ui,sans-serif;box-shadow:0 6px 20px rgba(0,0,0,.25)}
 .mb-mini.show{display:flex}
 .mb-mini span{flex:1}
 .mb-mini a{background:#0ea5c6;color:#fff;border-radius:9px;padding:.5rem .9rem;text-decoration:none;min-height:40px;display:flex;align-items:center}
 html.m-buy .mb-mini{bottom:calc(126px + env(safe-area-inset-bottom))}
 /* product cards: 2-col, 1:1 image, name, from-price, + */
 html.m-b .grid:has(>.product-card){display:grid!important;grid-template-columns:1fr 1fr!important;gap:.6rem!important}
 html.m-b .product-card.mb-card{position:relative;padding:.45rem!important;min-width:0}
 html.m-b .mb-card .product-card-media{aspect-ratio:4/5!important;height:auto!important;min-height:200px;padding:0!important;background:#f4f8fb;border-radius:10px;overflow:hidden}
 html.m-b .mb-card .product-card-media img{height:100%!important;width:100%!important;max-width:none;object-fit:contain;transform:scale(1.15)}
 html.m-b .mb-card .vial-sizes,html.m-b .mb-card .pep-key-status,html.m-b .mb-card .pep-key-info,html.m-b .mb-card .pep-key-brand{display:none!important}
 html.m-b .mb-card .pep-key-name{display:block;font-size:.92rem;margin-right:44px}
 .mb-from{display:block;font:600 .82rem Inter,system-ui,sans-serif;color:#0e7490;margin-right:44px}
 .mb-plus{position:absolute;right:.45rem;bottom:.45rem;width:40px;height:40px;border-radius:50%;border:0;background:#0ea5c6;color:#fff;font-size:1.5rem;line-height:1;box-shadow:0 2px 6px rgba(0,0,0,.2)}
 /* compact what-it's-for chips + guide link */
 html.m-b .product-card.mb-card .pep-key-tags{display:flex!important;flex-wrap:wrap;gap:.25rem;margin:.3rem 0 0;padding:0;list-style:none;max-height:2.9rem;overflow:hidden}
 html.m-b .product-card.mb-card .pep-key-tag{font-size:.64rem;line-height:1.2;padding:.15rem .4rem;border-radius:999px;background:#eef6f9;color:#0b3a4a;white-space:nowrap}
 html.m-b .product-card.mb-card .pep-key-tag:nth-child(n+3){display:none}
 html.m-b .product-card.mb-card .pep-key-guide{display:inline-block!important;font-size:.72rem;margin:.3rem 0 0;padding:.2rem 0}
 /* size sheet */
 .mb-sheet{position:fixed;inset:0;z-index:10060;visibility:hidden}
 .mb-sheet.open{visibility:visible}
 .mb-sheet .mb-scrim{position:absolute;inset:0;background:rgba(0,0,0,.4)}
 .mb-sheet .mb-panel{position:absolute;left:0;right:0;bottom:0;background:#fff;color:#0b1b2b;border-radius:16px 16px 0 0;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .22s;font-family:Inter,system-ui,sans-serif}
 .mb-sheet.open .mb-panel{transform:none}
 .mb-sheet .mb-panel{max-height:85vh;overflow:auto}
 .mb-x{position:absolute;top:.5rem;right:.5rem;width:44px;height:44px;border:0;border-radius:50%;background:#f1f5f9;font-size:1.1rem}
 .mb-grab{width:40px;height:5px;border-radius:3px;background:#cbd5e1;margin:-.4rem auto .7rem}
 .mb-guide .mb-status{font-size:.75rem;color:#b45309;margin:0 0 .6rem}
 .mb-guide .mb-what{font-size:.95rem;line-height:1.45;margin:0 0 .6rem}
 .mb-guide .mb-bul{margin:0 0 1rem;padding-left:1.1rem;font-size:.9rem;line-height:1.6}
 .mb-panel h3{margin-right:48px!important;margin:0 0 .2rem;font-size:1.15rem}
 .mb-panel .mb-sub{margin:0 0 .8rem;font-size:.8rem;color:#64748b}
 .mb-sizes{display:flex;gap:.5rem;margin-bottom:.9rem}
 .mb-sizes button{flex:1;min-height:56px;border:2px solid #cbd5e1;border-radius:12px;background:#fff;font:600 .95rem Inter,system-ui,sans-serif}
 .mb-sizes button.on{border-color:#0ea5c6;background:#e6f7fb}
 .mb-sizes strong{display:block}
 .mb-panel .mb-add{width:100%;min-height:50px;border:0;border-radius:12px;background:#0ea5c6;color:#fff;font:700 1rem Inter,system-ui,sans-serif}
 .mb-panel .mb-link{display:block;text-align:center;margin-top:.6rem;font-size:.85rem}
 /* homepage shop feed */
 html.m-b.m-home .hero-home h1{font-size:1.25rem!important;margin:0 0 .4rem}
 html.m-b.m-home .hero-home .hero-actions{display:none!important}
 html.m-b.m-home .hero-home .hero-keep{display:flex!important;flex-wrap:nowrap;overflow-x:auto;gap:.4rem;margin:.4rem 0;-webkit-overflow-scrolling:touch}
 html.m-b.m-home .hero-keep-chip{flex:0 0 auto;min-height:36px;display:inline-flex;align-items:center}
 html.m-b.m-home main{display:flex;flex-direction:column}
 html.m-b.m-home .home-news,html.m-b.m-home .band-goals,html.m-b.m-home .home-bodymap{order:5}
 html.m-b.m-home .home-stack-grid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:.6rem!important}
 html.m-b.m-home .home-stack-grid>.product-card{flex:0 0 58%;scroll-snap-align:start}
 .mb-monthly{display:flex;gap:.6rem;overflow-x:auto;margin:.5rem 0 1.5rem}
 .mb-monthly a{flex:0 0 72%;padding:1rem;border-radius:14px;background:linear-gradient(135deg,#0b1b2b,#0e7490);color:#fff;text-decoration:none;font-family:Inter,system-ui,sans-serif}
 .mb-monthly b{display:block;font-size:1.05rem}
 /* Phone shows the same disclaimer wording as desktop */
 html.m-b .disclaimer{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;max-height:none!important;height:auto!important;display:block!important}
}
@media (min-width:769px){.mb-tabs,.mb-side,.mb-sheet,.mb-mini,.mb-menu-btn,.mb-plus,.mb-from,.mb-monthly{display:none!important}}

/* Phone: no merch entry points (hero 'Shop tees' button). Desktop unchanged. */
@media (max-width:768px){a.btn[href="/merch"],a.btn[href="/es/merch"]{display:none!important}}

/* Library overscroll fix: contain the hidden absolute radio inputs in the vial size picker so they do not extend the page past the footer. */
.vial-size-option{position:relative}