/* Scoped to the public demo. The storefront iframe retains its own scrolling. */
html.wz-demo-page-locked,body.wz-demo-page-locked{overflow:hidden!important;overscroll-behavior:none}
html.wz-demo-page-locked{scrollbar-gutter:stable}
/* HF1: body overflow creates a scroll container; explicitly fix the site menu during the demo lock. */
body.wz-demo-page-locked > .wz-site-header{position:fixed;top:0;right:0;bottom:auto;left:0;z-index:50;background:#fff}
[data-demo-fixed-page]{--wz-demo-visible-height:100vh;--wz-demo-visible-top:0px}
@supports(height:100dvh){[data-demo-fixed-page]{--wz-demo-visible-height:100dvh}}
[data-demo-fixed-page] .wz-demo-screen{position:relative;top:auto;height:calc(var(--wz-demo-visible-height) - var(--wz-demo-header) - 16px);box-sizing:border-box}
[data-demo-fixed-page] .wz-demo-frame{display:block;min-width:0;min-height:0}
[data-demo-fixed-page] .wz-demo-screen--pinned{
 position:fixed;top:calc(var(--wz-demo-visible-top) + var(--wz-demo-header) + 8px);
 left:var(--wz-demo-fixed-left);width:var(--wz-demo-fixed-width);z-index:40;
 height:calc(var(--wz-demo-visible-height) - var(--wz-demo-header) - 16px - env(safe-area-inset-bottom,0px));
}
[data-demo-fixed-page] .wz-demo-screen--expanded{
 position:fixed;inset:auto;top:var(--wz-demo-visible-top);left:0;width:100%;
 height:calc(var(--wz-demo-visible-height) - env(safe-area-inset-bottom,0px));z-index:2147483000;
}
[data-demo-fixed-page] .wz-demo-toolbar{flex-wrap:wrap}
[data-demo-fixed-page] .wz-demo-store{min-width:0}
[data-demo-fixed-page] .wz-demo-toolbar button,[data-demo-fixed-page] .wz-demo-open{min-height:40px;white-space:nowrap}
[data-demo-fixed-page] [hidden]{display:none!important}
[data-demo-fixed-page] button:focus-visible{outline:2px solid #ce024b;outline-offset:2px}
@media(max-width:767px){
 [data-demo-fixed-page] .wz-demo-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;padding:8px}
 [data-demo-fixed-page] .wz-demo-store{grid-column:1;margin:0;font-size:11px;line-height:1.4}
 [data-demo-fixed-page] [data-demo-fixed-toggle]{grid-column:2;grid-row:1;width:100%;font-size:10px;padding-inline:5px}
 [data-demo-fixed-page] [data-front-demo-expand],[data-demo-fixed-page] .wz-demo-open{font-size:11px;width:100%;min-width:0;justify-content:center;padding-inline:5px}
 [data-demo-fixed-page] .wz-demo-screen--expanded .wz-demo-store{grid-column:1/-1}
 [data-demo-fixed-page] .wz-demo-screen--pinned{border-radius:12px}
}
@media(max-height:480px) and (orientation:landscape){
 [data-demo-fixed-page] .wz-demo-store,[data-demo-fixed-page] .wz-demo-dots{display:none}
 [data-demo-fixed-page] .wz-demo-toolbar{display:flex;flex-wrap:nowrap;padding:4px 8px;min-height:0}
 [data-demo-fixed-page] .wz-demo-toolbar button,[data-demo-fixed-page] .wz-demo-open{flex:1;min-height:34px;font-size:10px}
}