/* LoopNexa Universal Mobile Navigation v4 */
html,body{max-width:100%;overflow-x:clip}
body{min-width:0}
.site-header,.builder-site-header{overflow:visible!important}
.nav-shell,.header-inner,.tools-shell,.page-wrap,.builder-container,.builder-block{min-width:0;max-width:100%}
img,video,iframe,svg{max-width:100%;height:auto}

@media(max-width:1024px){
  /* Legacy CMS / shared Tools header */
  .site-header{height:72px!important;min-height:72px!important;padding:0!important}
  .site-header .nav-shell{
    width:calc(100% - 24px)!important;max-width:none!important;margin:0 auto!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) 46px!important;
    align-items:center!important;gap:10px!important;position:relative!important
  }
  .site-header .brand{min-width:0!important;max-width:100%!important;overflow:hidden!important}
  .site-header .nav-actions{display:none!important}
  .site-header .nav-toggle{
    display:flex!important;visibility:visible!important;opacity:1!important;
    width:44px!important;min-width:44px!important;height:44px!important;
    padding:0!important;margin:0!important;position:relative!important;z-index:20003!important;
    border:1px solid var(--line,#e5e7eb)!important;border-radius:12px!important;
    background:#fff!important;color:#111827!important;cursor:pointer!important;
    align-items:center!important;justify-content:center!important;justify-self:end!important
  }
  .site-header .nav-toggle span{
    display:block!important;position:absolute!important;left:11px!important;
    width:20px!important;height:2px!important;margin:0!important;border-radius:3px!important;
    background:currentColor!important;transition:transform .18s ease,opacity .18s ease!important
  }
  .site-header .nav-toggle span:nth-child(1){top:13px!important}
  .site-header .nav-toggle span:nth-child(2){top:20px!important}
  .site-header .nav-toggle span:nth-child(3){top:27px!important}
  .site-header .nav-toggle em{display:none!important}
  .site-header .nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)!important}
  .site-header .nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0!important}
  .site-header .nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important}
  .site-header .primary-nav{
    display:none!important;position:fixed!important;z-index:20002!important;
    top:80px!important;left:12px!important;right:12px!important;width:auto!important;
    max-width:none!important;max-height:calc(100dvh - 96px)!important;overflow-y:auto!important;
    padding:10px!important;margin:0!important;border:1px solid var(--line,#e5e7eb)!important;
    border-radius:16px!important;background:#fff!important;
    box-shadow:0 24px 70px rgba(17,24,39,.20)!important;
    flex-direction:column!important;align-items:stretch!important;gap:4px!important
  }
  .site-header .primary-nav.is-open{display:flex!important}
  .site-header .primary-nav a{display:block!important;width:100%!important;padding:13px 14px!important;border-radius:10px!important}

  /* Builder header */
  .builder-site-header .header-inner{
    width:calc(100% - 24px)!important;max-width:none!important;min-height:68px!important;
    margin-inline:auto!important;display:grid!important;
    grid-template-columns:minmax(0,1fr) 46px!important;align-items:center!important;gap:10px!important
  }
  .builder-site-header .site-logo{
    min-width:0!important;max-width:100%!important;overflow:hidden!important;
    white-space:nowrap!important;text-overflow:ellipsis!important
  }
  .builder-site-header .mobile-menu-toggle{
    display:flex!important;visibility:visible!important;opacity:1!important;
    width:44px!important;min-width:44px!important;height:44px!important;
    padding:0!important;margin:0!important;position:relative!important;z-index:20003!important;
    border:1px solid var(--theme-border,#e5e7eb)!important;border-radius:12px!important;
    background:var(--theme-surface,#fff)!important;color:var(--theme-text,#111827)!important;
    cursor:pointer!important;align-items:center!important;justify-content:center!important;justify-self:end!important;
    font-size:0!important
  }
  .builder-site-header .mobile-menu-toggle::before,
  .builder-site-header .mobile-menu-toggle::after,
  .builder-site-header .mobile-menu-toggle .menu-bar{
    content:"";display:block!important;position:absolute!important;left:11px!important;
    width:20px!important;height:2px!important;border-radius:3px!important;background:currentColor!important;
    transition:transform .18s ease,opacity .18s ease!important
  }
  .builder-site-header .mobile-menu-toggle::before{top:13px!important}
  .builder-site-header .mobile-menu-toggle .menu-bar{top:20px!important}
  .builder-site-header .mobile-menu-toggle::after{top:27px!important}
  .builder-site-header .mobile-menu-toggle[aria-expanded="true"]::before{transform:translateY(7px) rotate(45deg)!important}
  .builder-site-header .mobile-menu-toggle[aria-expanded="true"] .menu-bar{opacity:0!important}
  .builder-site-header .mobile-menu-toggle[aria-expanded="true"]::after{transform:translateY(-7px) rotate(-45deg)!important}
  .builder-site-header .site-navigation{
    display:none!important;position:fixed!important;z-index:20002!important;
    top:80px!important;left:12px!important;right:12px!important;width:auto!important;
    max-width:none!important;max-height:calc(100dvh - 96px)!important;overflow-y:auto!important;
    padding:10px!important;margin:0!important;border:1px solid var(--theme-border,#e5e7eb)!important;
    border-radius:16px!important;background:var(--theme-surface,#fff)!important;
    box-shadow:0 24px 70px rgba(17,24,39,.20)!important;
    flex-direction:column!important;align-items:stretch!important;gap:4px!important
  }
  .builder-site-header .site-navigation.is-open{display:flex!important}
  .builder-site-header .site-navigation>a,
  .builder-site-header .mega-item>a,
  .builder-site-header .header-admin,
  .builder-site-header .header-cta{
    display:block!important;width:100%!important;padding:13px 14px!important;border-radius:10px!important;white-space:normal!important
  }
  .builder-site-header .mega-item{width:100%!important}
  .builder-site-header .mega-panel{
    position:static!important;width:100%!important;max-width:100%!important;box-shadow:none!important;margin-top:5px!important
  }

  body.loopnexa-mobile-nav-open{overflow:hidden!important}
  .tools-hero,.home-section,.trust-band,.builder-page{max-width:100%!important;overflow-x:hidden!important}
}

@media(max-width:700px){
  .tools-shell,.page-wrap,.builder-container{width:calc(100% - 24px)!important;margin-left:auto!important;margin-right:auto!important}
  .builder-grid,.builder-gallery,.builder-stats,.footer-columns,.hero-grid{grid-template-columns:1fr!important}
  .button-row{width:100%!important;flex-direction:column!important}
  .button-row .builder-button{width:100%!important}
}
@supports not (overflow:clip){html,body{overflow-x:hidden}}