/* RD NovaSphere V106 — make the homepage linked-mesh visible and consistent everywhere. */
html.nova-constellation-v106,html.nova-constellation-v106 body{min-height:100%;background-color:#020817}
#linked-mesh{
  position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;
  z-index:8!important;pointer-events:none!important;display:block!important;opacity:.86!important;
}
html.nova-constellation-v106 body{isolation:isolate}
html.nova-constellation-v106 body>#linked-mesh{z-index:8!important}
html.nova-constellation-v106 body> :not(#linked-mesh){position:relative;z-index:10}
/* Prevent opaque page-level paints from hiding the mesh in open space. */
html.nova-constellation-v106 body{background-color:#020817!important}
/* Cards/panels keep their own atmosphere while empty page space exposes the mesh. */
@media(max-width:760px){#linked-mesh{opacity:.62!important}}
@media(prefers-reduced-motion:reduce){#linked-mesh{opacity:.62!important}}

/* V106 mobile QA guardrails */
@media(max-width:700px){
  html,body{width:100%;max-width:100%;overflow-x:hidden!important}
  img,video,canvas,svg{max-width:100%}
  input,select,textarea,button{max-width:100%;min-width:0}
  .tutorial-shell,.shell,.main,.card,.hero-card,.commerce-shell,.commerce-main{min-width:0!important}
  .sectionhead,.section-head{align-items:flex-start!important;flex-direction:column!important}
  .btn,button,a[role="button"]{min-height:44px}
}

/* NovaCommerce phone refinements without changing desktop structure. */
@media(max-width:760px){
  .commerce-tabs,.commerce-nav,.side-nav{overflow-x:auto!important;overscroll-behavior-inline:contain;scrollbar-width:none}
  .commerce-tabs::-webkit-scrollbar,.commerce-nav::-webkit-scrollbar,.side-nav::-webkit-scrollbar{display:none}
  .commerce-tabs>* , .commerce-nav>* , .side-nav>*{flex:0 0 auto}
  .form-actions,.commerce-actions{display:flex;flex-wrap:wrap;gap:.65rem}
  .form-actions>*,.commerce-actions>*{min-height:44px}
}