/* Mobile refinements stay scoped to the Bowls page. */
.bowls-page{--bowl-header-height:78px}
.bowls-page .site-header{padding-top:env(safe-area-inset-top,0px)}
.bowls-page .footer-bottom{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}
.bowls-page .bwlb{overflow-y:auto;overscroll-behavior:contain;
  padding:calc(64px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
.bowls-page .bwlb-box{margin:auto;width:min(1200px,100%,calc((100dvh - 160px) * 1.77778))}
.bowls-page .bwlb video{object-fit:contain;max-height:calc(100dvh - 160px)}
.bowls-page .bwlb-close{top:max(12px,env(safe-area-inset-top,0px));right:max(16px,env(safe-area-inset-right,0px));z-index:2;width:48px;height:48px}
html.bowl-video-open{overflow:hidden;overscroll-behavior:none}
html.bowl-video-open body{position:fixed;left:0;right:0;width:100%}
@media(max-width:1180px){
  .bowls-page .nav-collapse{max-width:100%;height:100dvh;
    padding-top:calc(80px + env(safe-area-inset-top,0px));
    padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));
    overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .bowls-page .nav-collapse .nav-links a{min-height:44px;padding-block:10px}
}
@media(max-width:980px){
  .bowls-page #bowls .bw-grid{min-width:0;gap:24px}
  .bowls-page .bw-copy,.bowls-page .bw-stage{min-width:0}
  .bowls-page #bowls .bw-ch{scroll-margin-top:calc(var(--bowl-header-height) + env(safe-area-inset-top,0px) + 4px)}
  .bowls-page #bowls .bw-ch .bw-title{font-size:clamp(1.85rem,5vw,2.6rem);line-height:1.15;overflow-wrap:anywhere}
  .bowls-page .bw-ingr li{display:block;position:relative;padding-left:17px;font-size:1rem;line-height:1.6}
  .bowls-page .bw-ingr li::before{position:absolute;left:0;top:.65em}
  .bowls-page .bw-ingr strong,.bowls-page .bw-ingr span{overflow-wrap:anywhere}
  .bowls-page .bw-screen{outline-offset:4px}
  .bowls-page .bw-play{right:8px;bottom:8px;width:44px;height:44px;min-height:44px;
    padding:0;justify-content:center;gap:0;font-size:0;border-radius:50%;background:rgba(9,20,12,.78)}
  .bowls-page .bw-play .ic{width:20px;height:20px;flex:none}
  .bowls-page .bw-ch-pause{min-height:44px;margin-top:4px;font-size:.875rem}
  .bowls-page .bw-price{min-width:100px;padding:12px 16px}
  .bowls-page .bw-desc{font-size:1rem;line-height:1.65}
  .bowls-page #bowls .bw-ingredient{filter:drop-shadow(0 8px 9px rgba(44,28,19,.12))}
}
@media(max-width:760px){
  .bowls-page{--bowl-header-height:65px}
  .bowls-page .container{padding-inline:max(18px,env(safe-area-inset-left,0px)) max(18px,env(safe-area-inset-right,0px))}
  .bowls-page .bw-hero{padding:30px 0 40px}
  .bowls-page .bw-hero-in .eyebrow{font-size:.75rem;letter-spacing:.11em}
  .bowls-page .bw-h1{font-size:clamp(2rem,8.4vw,2.7rem);line-height:1.12;margin-bottom:16px}
  .bowls-page .bw-h1 .script{display:block;margin-top:5px;line-height:1.08}
  .bowls-page .bw-lead{font-size:1rem;line-height:1.6;margin-bottom:24px}
  .bowls-page .bw-reel-nav{width:44px;height:44px;background:rgba(9,20,12,.7)}
  .bowls-page .bw-reel-nav.prev{left:7px}
  .bowls-page .bw-reel-nav.next{right:7px}
  .bowls-page .bw-reel-meta{gap:8px 12px;margin-top:12px}
  .bowls-page .bw-reel-actions{gap:8px 14px;margin-top:14px}
  .bowls-page .bw-reel-actions button,.bowls-page .bw-reel-actions a{min-height:46px;font-size:.875rem}
  .bowls-page .bw-strip{padding-top:56px;padding-bottom:32px}
  .bowls-page .bw-strip-head{margin-bottom:22px}
  .bowls-page .bw-strip-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px 12px;padding:4px 2px 8px;overflow:visible;scroll-snap-type:none}
  .bowls-page .bw-strip-list li{min-width:0;scroll-snap-align:none}
  .bowls-page .bw-strip-list li:last-child{grid-column:1/-1;justify-self:center;width:calc(50% - 6px)}
  .bowls-page .bw-strip-list a{display:block;height:100%}
  .bowls-page .bw-strip-list .bw-thumb{aspect-ratio:16/9}
  .bowls-page .bw-strip-nm{font-size:.875rem;line-height:1.4;overflow-wrap:anywhere}
  .bowls-page #bowls{--bw-wave-height:clamp(44px,11vw,68px)}
  .bowls-page #bowls .bw-ch{padding-top:calc(var(--bw-wave-height) + 30px);padding-bottom:98px}
  .bowls-page .bw-no{font-size:3.4rem;margin-bottom:10px}
  .bowls-page .bw-kicker{gap:8px;letter-spacing:.09em;font-size:.75rem;line-height:1.6}
  .bowls-page .bw-tag{font-size:.75rem}
  .bowls-page .bw-cap{font-size:.75rem;line-height:1.6;letter-spacing:.055em;overflow-wrap:anywhere}
  .bowls-page .bw-prices{gap:12px;margin-block:22px}
  .bowls-page #bowls .bw-copy>.btn{width:100%;min-height:48px;justify-content:center;white-space:normal;text-align:center}
  .bowls-page #bowls .bw-decor-toggle{right:max(18px,env(safe-area-inset-right,0px));bottom:22px;min-height:44px;font-size:.875rem}
  .bowls-page #bowls .bw-ingredient:nth-child(1){--size:86px;--drift-x:12px;--drift-y:12px;left:-24px;top:calc(var(--bw-wave-height) - 24px)}
  .bowls-page #bowls .bw-ingredient:nth-child(2){display:none}
  .bowls-page #bowls .bw-ingredient:nth-child(3){--size:90px;--drift-x:14px;--drift-y:-10px;left:2%;bottom:-8px}
  .bowls-page #bowls .bw-ingredient:nth-child(4){--size:82px;--drift-x:-12px;--drift-y:10px;right:0;top:calc(var(--bw-wave-height) - 28px)}
  .bowls-page #bowls .bw-outro{padding-top:calc(var(--bw-wave-height) + 32px)}
  .bowls-page .bw-outro-actions{gap:12px}
  .bowls-page .bw-outro-actions a{min-height:48px;width:100%;justify-content:center;text-align:center}
  .bowls-page .footer .fcontact li{align-items:flex-start;font-size:1rem}
  .bowls-page .footer .fcontact a{min-width:0;overflow-wrap:anywhere}
  .bowls-page .footer .fcontact .ic{flex:none;padding-top:5px}
  .bowls-page .flinks a{display:inline-flex;align-items:center;min-height:44px}
  .bowls-page .bwlb-cap{gap:4px;font-size:.875rem;line-height:1.5}
  .bowls-page .bwlb-cap b{display:block;width:100%;font-size:1.15rem}
}
@media(max-width:360px){
  .bowls-page .container{padding-inline:16px}
  .bowls-page .bw-reel-actions{display:grid;grid-template-columns:1fr}
  .bowls-page .bw-reel-actions button{justify-self:center}
  .bowls-page .bw-hero-in .eyebrow{letter-spacing:.06em}
}
@media(max-height:500px) and (max-width:1180px){
  .bowls-page .nav-collapse{padding-top:64px;padding-bottom:max(16px,env(safe-area-inset-bottom,0px))}
  .bowls-page .nav-collapse .nav-links a{font-size:1rem;min-height:44px;padding-block:8px}
  .bowls-page .bwlb{padding-top:60px;padding-bottom:max(12px,env(safe-area-inset-bottom,0px))}
  .bowls-page .bwlb-box{width:min(1200px,100%,calc((100dvh - 110px) * 1.77778))}
  .bowls-page .bwlb video{max-height:calc(100dvh - 110px)}
  .bowls-page .bwlb-cap{margin-top:6px;line-height:1.2}
  .bowls-page .bwlb-cap span{display:none}
}