.mobile-demo-dock,.mobile-programme-dock{display:none}
@media(max-width:760px){
 :root{--mobile-demo-height:min(620px,calc(100svh - 170px))}
 .mobile-demo-phone{width:min(100%,calc(var(--mobile-demo-height) * var(--mobile-demo-ratio)))!important;height:auto!important;max-width:100%!important;margin-inline:auto!important;aspect-ratio:var(--mobile-demo-ratio)}
 .mobile-demo-phone>svg,.mobile-demo-phone>img{width:100%!important;height:auto!important;max-height:none!important;display:block}
 .mobile-demo-visual{touch-action:pan-y;scroll-margin-top:12px}
 .mobile-demo-dock,.mobile-programme-dock{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;margin:12px auto 0;position:relative;z-index:3}
 .mobile-demo-controls{display:flex!important;flex-wrap:nowrap!important;align-items:stretch!important;justify-content:center!important;gap:4px!important;width:max-content!important;max-width:100%!important;min-width:0!important;height:auto!important;margin:0!important;overflow:visible!important;position:static!important}
 .mobile-demo-controls button{display:inline-flex!important;justify-content:center;align-items:center;flex:1 1 0!important;width:auto!important;min-width:0!important;min-height:44px!important;height:auto!important;max-width:100%;padding:8px 9px!important;margin:0!important;font-size:12px!important;line-height:1.25!important;white-space:normal!important;text-align:center}
 .mobile-swipe-hint{font-size:11px!important;line-height:1.4!important;text-align:center;color:var(--muted,#aeb9c6);margin:0!important}
 .nutrition-stage .phone-caption,.training-device>.caption,.session-demo-caption{font-size:10px;margin-top:12px;display:block;text-align:center}
 .nutrition .copy>.choice-note{display:none}
 .training>.training-layout{margin-top:28px}
 .programme-panel{--mobile-demo-height:min(580px,calc(100svh - 230px))}
 .programme-panel .programme-scenes{order:0;height:auto!important;min-height:0}
 .programme-panel .mobile-demo-dock{order:1}
 .programme-panel .mobile-programme-dock{order:2;margin-top:10px}
 .programme-panel .programme-intro{order:3;margin-top:24px}
 .programme-scenes figure{height:auto!important;min-height:0!important}
 .programme-scenes figcaption{margin-bottom:10px!important;font-size:13px!important}
 .programme-selector{position:static!important;top:auto!important}
 .case-panel{display:flex;flex-direction:column}
 .case-panel:not(.is-active){display:none}
 .case-panel>figure{order:0;margin:0 auto}
 .case-panel>.case-copy{order:1;margin-top:20px}
 .case-stage+.mobile-demo-dock{margin-top:16px}
 .rpt-panorama{max-height:var(--mobile-demo-height)}
 .assist-track{touch-action:pan-x pan-y}
 .assist-slide{display:flex!important;flex-direction:column!important}
 .assist-slide>figure{order:0;margin-inline:auto}
 .assist-slide>.mobile-demo-dock{order:1}
 .assist-slide>.assist-copy{order:2}
 .theme-layout>figure{order:-1}
}

@media(max-width:760px){.case-panel>.mobile-demo-dock{order:1}.case-panel>.case-copy{order:2}.session-stage>.mobile-demo-dock{grid-column:1/-1}.session-stage>.watch-side{grid-column:1/-1;margin-top:24px}}

@media(max-width:760px){
 .mobile-demo-controls button>span{margin-left:5px;font-size:10px}
 .session-stage>.mobile-demo-dock{order:2}
 .assist-viewport{height:auto!important;overflow:visible!important;margin:20px auto 0!important;width:100%!important}
 .assist-viewport>.mobile-demo-phone{position:relative!important;top:auto!important;left:auto!important;transform:none!important}
 .assist-stage>.mobile-demo-dock{order:2}
 .assist-stage>.assist-viewport{order:1}
 .assist-stage>.assist-copy{order:3;margin-top:24px}
}

@media(max-width:760px){.assist-stage{flex-direction:column!important}}
@media(max-width:760px){
 .mobile-demo-phone,.case-panel>figure,.mobile-demo-visual figure{animation:none!important;translate:none!important;scale:1!important;opacity:1!important}
 .case-selector button{flex:1 1 0!important;flex-direction:column;gap:3px;padding:8px!important;min-width:0!important}
 .case-selector button>span{margin:0!important;color:inherit!important}
 .case-panel>figure{width:100%!important;max-width:100%!important}
}
@media(max-width:760px){
 :root{--mobile-demo-height:min(620px,calc(100svh - 210px))}
 .mobile-swipe-hint{color:inherit!important;opacity:.72}
 .mobile-demo-dock{margin-bottom:20px}
 .case-selector{width:100%!important}
 .theme-picker.mobile-demo-controls{flex-wrap:wrap!important}
 .case-selector button>span{white-space:nowrap!important}
 .theme-layout{display:flex!important;flex-direction:column!important;gap:0!important}
 .theme-layout>figure{order:0;width:100%}
 .theme-layout>.mobile-demo-dock{order:1}
 .theme-layout>.theme-copy{order:2;margin-top:24px}
}

@media(max-width:760px){
 .gallery-slide:not([hidden]){display:flex!important;flex-direction:column!important}
 .gallery-slide > figure{order:0;animation:none!important;translate:none!important;scale:1!important;opacity:1!important}
 .gallery-slide>.mobile-demo-dock{order:1}
 .gallery-slide>.workouts,.gallery-slide>.preview-copy{order:2}
}
@media(max-width:360px){#nutrition .mobile-demo-controls button{font-size:11px!important;padding-inline:7px!important}}

.stable-programme-controls,.mobile-programme-descriptions{display:none}
@media(max-width:760px){
 .coach-selector.mobile-demo-controls{width:100%!important;max-width:340px!important}
 .programme-panel{--mobile-demo-height:min(550px,calc(100svh - 235px))}
 .programme-panels .programme-panel .screen-selector{display:none!important}
 .stable-programme-controls{display:flex;flex-direction:column;align-items:center;gap:8px;width:min(100%,320px);margin:14px auto 0}
 .stable-programme-controls .programme-selector.mobile-demo-controls{position:static!important;display:flex!important;margin:0!important;background:#13181e;box-shadow:inset 0 2px 5px #0006,0 1px 0 #ffffff16;border-radius:24px}
 .stable-programme-controls .programme-selector button{font-size:11px!important;padding-inline:5px!important}
 .stable-programme-controls .screen-selector.mobile-demo-controls{display:flex!important;width:100%!important;order:0;border-radius:24px}
 .stable-programme-controls .mobile-swipe-hint{margin-top:2px!important}
 .mobile-programme-descriptions{display:block;margin-top:26px}
 .mobile-programme-descriptions .programme-intro[hidden]{display:none!important}
 .mobile-programme-descriptions .programme-intro{margin:0}
 .mobile-programme-descriptions .programme-name{font-size:28px}
 .mobile-programme-descriptions .programme-intro h3{font-size:21px}
 .mobile-programme-descriptions .programme-intro p{font-size:15px}
 .programme-scenes{align-items:flex-start}
}
