/* Presentation UI and phone viewport adjustments over the original store/admin CSS. */
/* A desktop scrollbar gutter leaves an empty strip inside the phone frame.
   Hide only the mobile storefront's root scrollbar; keep native scrolling. */
@media (max-width:760px){
  html[data-real-demo-interface="store"]{scrollbar-gutter:auto;scrollbar-width:none}
  html[data-real-demo-interface="store"]::-webkit-scrollbar{display:none}
}
#demo-notification{position:fixed;z-index:2147483647;bottom:85px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 28px);padding:15px 20px;border:1px solid #fe2c55;border-radius:14px;background:#19191e;color:#fff;font:500 14px/1.6 system-ui,sans-serif;box-shadow:0 12px 40px #0003;pointer-events:none}
#demo-notification[hidden]{display:none!important}
.demo-standalone-note{position:fixed;z-index:2147483646;bottom:0;left:0;right:0;background:#19191e;color:#fff;text-align:center;padding:7px 10px;font:11px/1.5 system-ui,sans-serif;pointer-events:none}
/* Decorative social buttons in the demo navigation have no destination. */
.demo-social-profiles .demo-social-link:disabled,
.demo-social-profiles .demo-social-link:disabled:hover{padding:0;opacity:1;cursor:default;color:var(--muted);border-color:var(--line);background:transparent;box-shadow:none;transform:none}
/* The Products snapshot permits native scrolling and its palette toggle only. */
html[data-admin-preview="scroll-only"]{color-scheme:dark}
html[data-admin-preview="scroll-only"] .admin-ui :is(a,button,input,select,textarea,label,summary,[role="button"]){pointer-events:none;cursor:default}
html[data-admin-preview="scroll-only"] .admin-ui :disabled{opacity:1}
html[data-admin-preview="scroll-only"] .admin-ui button[data-admin-theme]{pointer-events:auto;cursor:pointer}