/* OBRAC_GLOBAL_MOBILE_MENU_V3 — Home compact mobile navigation shared across public pages. */
@media(max-width:1024px){
  body.obrac-mobile-nav-open{overflow:hidden!important}
  body.obrac-mobile-nav-open::before{content:"";position:fixed;z-index:70;inset:74px 0 0;background:rgba(1,0,3,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
  .obrac-menu-toggle{display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;width:46px!important;height:46px!important;border-radius:15px!important;background:rgba(255,255,255,.035)!important}
  .obrac-menu-toggle span{position:absolute!important;top:50%!important;left:50%!important;margin:0!important;width:19px!important;transition:transform 240ms ease,opacity 180ms ease}
  .obrac-menu-toggle span:first-child{transform:translate(-50%,-3px)!important}
  .obrac-menu-toggle span:last-child{transform:translate(-50%,3px)!important}
  .obrac-menu-toggle[aria-expanded="true"] span:first-child{transform:translate(-50%,-50%) rotate(45deg)!important}
  .obrac-menu-toggle[aria-expanded="true"] span:last-child{transform:translate(-50%,-50%) rotate(-45deg)!important}

  /* Inner pages inherit stronger per-page hamburger geometry. Re-center the
     two strokes and match the compact Home icon in both closed and open states. */
  body.page:not(.home) .obrac-site-header button.obrac-menu-toggle span{
    position:absolute!important;
    top:50%!important;
    left:50%!important;
    right:auto!important;
    bottom:auto!important;
    width:10px!important;
    height:2px!important;
    margin:0!important;
    transform-origin:center!important;
  }
  body.page:not(.home) .obrac-site-header button.obrac-menu-toggle span:first-child{transform:translate(-50%,-3px)!important}
  body.page:not(.home) .obrac-site-header button.obrac-menu-toggle span:last-child{transform:translate(-50%,3px)!important}
  body.page:not(.home) .obrac-site-header button.obrac-menu-toggle[aria-expanded="true"] span:first-child{transform:translate(-50%,-50%) rotate(45deg)!important}
  body.page:not(.home) .obrac-site-header button.obrac-menu-toggle[aria-expanded="true"] span:last-child{transform:translate(-50%,-50%) rotate(-45deg)!important}

  .obrac-mobile-menu{display:block!important;position:absolute!important;z-index:90!important;top:calc(100% + 10px)!important;left:50%!important;right:auto!important;width:min(calc(100% - 32px),720px)!important;max-height:calc(100dvh - 94px)!important;padding:18px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:24px!important;background:radial-gradient(circle at 90% 0,rgba(94,0,255,.16),transparent 34%),rgba(10,9,15,.98)!important;box-shadow:0 28px 80px rgba(0,0,0,.58)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate(-50%,-10px) scale(.985)!important;transform-origin:top center!important;transition:opacity 220ms ease,transform 300ms cubic-bezier(.22,1,.36,1),visibility 220ms!important}
  .obrac-mobile-menu.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(-50%,0) scale(1)!important}
  .obrac-mobile-menu .obrac-nav-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:0!important;border:0!important}
  .obrac-mobile-menu .obrac-nav-list li{width:auto!important;border:0!important}
  .obrac-mobile-menu .obrac-nav-list a{display:flex!important;align-items:center!important;min-height:50px!important;padding:10px 13px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:14px!important;background:rgba(255,255,255,.035)!important;color:#e9e9f0!important;font-size:15px!important;font-weight:600!important;line-height:1.2!important;letter-spacing:-.01em!important}
  .obrac-mobile-menu .obrac-nav-list a::before{content:"";flex:0 0 auto;width:7px;height:7px;margin-right:10px;border:1px solid color-mix(in srgb,var(--obrac-accent-light,var(--obrac-purple-light,#c08cff)) 75%,#fff);border-radius:50%;box-shadow:0 0 0 3px color-mix(in srgb,var(--obrac-accent,var(--obrac-purple,#5e00ff)) 12%,transparent)}
  .obrac-mobile-menu .obrac-nav-list li.is-current>a,.obrac-mobile-menu .obrac-nav-list a[aria-current="page"]{border-color:color-mix(in srgb,var(--obrac-accent-light,var(--obrac-purple-light,#c08cff)) 38%,var(--obrac-border,#33333f))!important;background:linear-gradient(135deg,color-mix(in srgb,var(--obrac-accent,var(--obrac-purple,#5e00ff)) 17%,transparent),rgba(255,255,255,.035))!important}
  .obrac-mobile-menu .obrac-nav-list li.is-current>a::before,.obrac-mobile-menu .obrac-nav-list a[aria-current="page"]::before{background:var(--obrac-accent-light,var(--obrac-purple-light,#c08cff))!important;border-color:var(--obrac-accent-light,var(--obrac-purple-light,#c08cff))!important}
  .obrac-mobile-menu .obrac-mobile-cta{width:100%!important;min-height:48px!important;margin:14px 0 0!important}
}
@media(max-width:420px){
  .obrac-mobile-menu{width:calc(100% - 24px)!important;padding:14px!important;border-radius:20px!important}
  .obrac-mobile-menu .obrac-nav-list{gap:7px!important}
  .obrac-mobile-menu .obrac-nav-list a{min-height:47px!important;padding:9px 11px!important;font-size:14px!important}
  .obrac-mobile-menu .obrac-nav-list a::before{width:6px;height:6px;margin-right:8px}
  .obrac-mobile-menu .obrac-mobile-cta{min-height:46px!important;margin-top:11px!important}
}
@media(max-height:560px) and (max-width:1024px){
  .obrac-mobile-menu{padding:12px!important;overflow:auto!important}
  .obrac-mobile-menu .obrac-nav-list{gap:6px!important}
  .obrac-mobile-menu .obrac-nav-list a{min-height:42px!important}
  .obrac-mobile-menu .obrac-mobile-cta{min-height:42px!important;margin-top:9px!important}
}
@media(prefers-reduced-motion:reduce){
  .obrac-mobile-menu,.obrac-menu-toggle span{transition:none!important}
}