/* CRU® · reliable independent mobile floating menu v3 · 2026-09-01 */
#cruFloatingMenuV2,#cruFloatingMenuPanelV3{display:none}

@media (max-width:760px){
  #hamburgerBtn.hamburger{
    position:absolute!important;
    width:1px!important;height:1px!important;min-width:1px!important;min-height:1px!important;
    padding:0!important;margin:0!important;opacity:0!important;pointer-events:none!important;
    overflow:hidden!important;clip-path:inset(50%)!important;
  }

  #cruFloatingMenuV2{
    display:flex!important;
    position:fixed!important;
    top:calc(env(safe-area-inset-top,0px) + 10px)!important;
    right:12px!important;
    z-index:2147483600!important;
    width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;
    margin:0!important;padding:0!important;
    align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:5px!important;
    border:1px solid rgba(231,205,151,.55)!important;border-radius:50%!important;
    background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.14),transparent 38%),linear-gradient(145deg,rgba(42,39,43,.96),rgba(11,11,12,.985))!important;
    box-shadow:0 12px 32px rgba(0,0,0,.30),0 0 0 1px rgba(255,255,255,.045) inset,0 0 24px rgba(202,160,82,.11)!important;
    backdrop-filter:blur(18px) saturate(1.2)!important;-webkit-backdrop-filter:blur(18px) saturate(1.2)!important;
    appearance:none!important;-webkit-appearance:none!important;color:#fff!important;
    touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;
  }
  #cruFloatingMenuV2 .cru-floating-menu-line{
    display:block!important;width:19px!important;height:1px!important;border-radius:999px!important;
    background:linear-gradient(90deg,#fff 0%,#f6eddc 52%,#d7af66 100%)!important;
    transition:transform .24s ease,opacity .2s ease,width .2s ease!important;
  }
  #cruFloatingMenuV2[aria-expanded="true"] .cru-floating-menu-line:nth-child(1){transform:translateY(6px) rotate(45deg)!important}
  #cruFloatingMenuV2[aria-expanded="true"] .cru-floating-menu-line:nth-child(2){opacity:0!important;width:8px!important}
  #cruFloatingMenuV2[aria-expanded="true"] .cru-floating-menu-line:nth-child(3){transform:translateY(-6px) rotate(-45deg)!important}

  #cruFloatingMenuPanelV3{
    display:block!important;
    position:fixed!important;inset:0!important;z-index:2147483400!important;
    padding:calc(env(safe-area-inset-top,0px) + 86px) 22px calc(30px + env(safe-area-inset-bottom,0px))!important;
    overflow-y:auto!important;
    background:
      radial-gradient(540px 360px at 92% 4%,rgba(159,109,183,.18),transparent 68%),
      radial-gradient(520px 360px at 0% 100%,rgba(211,166,80,.14),transparent 70%),
      linear-gradient(160deg,rgba(20,19,21,.985),rgba(8,8,9,.995))!important;
    backdrop-filter:blur(24px) saturate(1.1)!important;-webkit-backdrop-filter:blur(24px) saturate(1.1)!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;
    transform:translateY(-10px)!important;
    transition:opacity .24s ease,transform .24s ease,visibility .24s ease!important;
  }
  #cruFloatingMenuPanelV3[hidden]{display:none!important}
  #cruFloatingMenuPanelV3.is-open{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;
  }

  .cru-floating-menu-panel-inner-v3{max-width:520px;margin:0 auto}
  .cru-floating-menu-kicker-v3{font-family:'Cormorant Garamond',serif;font-size:11px;font-weight:700;letter-spacing:.22em;color:#d8b36a;text-transform:uppercase;margin-bottom:8px}
  .cru-floating-menu-title-v3{font-family:'Noto Serif TC','Cormorant Garamond',serif;font-size:30px;line-height:1.2;color:#fff;margin:0 0 26px}
  .cru-floating-menu-links-v3{display:grid;gap:8px}
  .cru-floating-menu-links-v3 a{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    min-height:54px!important;padding:0 16px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:15px!important;
    background:rgba(255,255,255,.035)!important;color:rgba(255,255,255,.92)!important;
    font-size:15px!important;font-weight:500!important;letter-spacing:.03em!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  }
  .cru-floating-menu-links-v3 a::after{content:'↗';font-size:13px;color:#d8b36a;opacity:.8}
  .cru-floating-menu-links-v3 a:active{background:rgba(216,179,106,.10)!important;border-color:rgba(216,179,106,.28)!important}
  .cru-floating-menu-note-v3{margin:24px 2px 0;color:rgba(255,255,255,.43);font-size:10px;letter-spacing:.10em;text-transform:uppercase}

  html.cru-floating-menu-lock-v3,body.cru-floating-menu-lock-v3{overflow:hidden!important;overscroll-behavior:none!important}
  .site-header .header-right{padding-right:55px!important}
}

@media (max-width:390px){
  #cruFloatingMenuV2{width:45px!important;height:45px!important;min-width:45px!important;min-height:45px!important;right:10px!important;top:calc(env(safe-area-inset-top,0px) + 9px)!important}
  #cruFloatingMenuPanelV3{padding-left:17px!important;padding-right:17px!important}
  .site-header .header-right{padding-right:50px!important}
}

@media (prefers-reduced-motion:reduce){
  #cruFloatingMenuV2 .cru-floating-menu-line,#cruFloatingMenuPanelV3{transition:none!important}
}


/* iPad / compact viewport: entry ritual must cover every navigation control. */
html.cru-entry-lock #cruFloatingMenuV2,
body.cru-entry-lock #cruFloatingMenuV2,
html.cru-entry-lock #hamburgerBtn,
body.cru-entry-lock #hamburgerBtn{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}