/* Sitewide 3-level mobile navigation — emergency layout fix v2, 2026-09-11
   Important: this file does NOT change the original mobile header dimensions. */
.mobile-menu-drawer{display:none}
@media (max-width:780px){
  body.mobile-menu-open{overflow:hidden}
  /* Preserve every page's original header and burger dimensions. */
  .site-header .menu-toggle.is-open{color:#d9b46c!important}
  body.page-main .main-nav,body.page-main .header-phone{display:none!important}

  .mobile-menu-drawer{
    --mobile-menu-top:76px;
    position:fixed;
    left:0;right:0;top:var(--mobile-menu-top);bottom:0;
    z-index:1450;
    display:flex;
    flex-direction:column;
    width:100%;max-width:100vw;
    background:linear-gradient(180deg,#061e2e 0%,#031421 100%);
    color:#fff;
    opacity:0;visibility:hidden;transform:translateY(-8px);pointer-events:none;
    transition:opacity .22s ease,visibility .22s ease,transform .28s cubic-bezier(.2,.75,.25,1);
    overflow:hidden;
    border-top:1px solid rgba(255,255,255,.08);
    box-shadow:0 28px 70px rgba(0,0,0,.3)
  }
  .mobile-menu-drawer.is-open{opacity:1;visibility:visible;transform:none;pointer-events:auto}
  .mobile-menu-bar{height:54px;flex:0 0 54px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.09)}
  .mobile-menu-bar-title{color:#d9b46c;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
  .mobile-menu-close{width:40px;height:40px;display:grid;place-items:center;border:0;background:transparent;color:#fff;font:300 28px/1 Arial,sans-serif;cursor:pointer;border-radius:50%}
  .mobile-menu-close:hover,.mobile-menu-close:focus-visible{background:rgba(255,255,255,.06);color:#d9b46c;outline:none}

  .mobile-menu-viewport{position:relative;flex:1 1 auto;min-height:0;overflow:hidden}
  .mobile-menu-screen{position:absolute;inset:0;display:flex;flex-direction:column;padding:18px 18px 24px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;opacity:0;visibility:hidden;transform:translateX(100%);transition:transform .34s cubic-bezier(.2,.75,.25,1),opacity .22s ease,visibility .34s ease}
  .mobile-menu-screen.is-active{opacity:1;visibility:visible;transform:translateX(0)}
  .mobile-menu-screen.is-left{opacity:0;visibility:visible;transform:translateX(-24%)}
  .mobile-menu-screen.is-right{opacity:0;visibility:hidden;transform:translateX(100%)}
  .mobile-menu-screen-head{display:flex;align-items:center;gap:12px;min-height:42px;margin-bottom:12px}
  .mobile-menu-back{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 8px 0 0;border:0;background:transparent;color:#aebbc4;font-size:12px;cursor:pointer}
  .mobile-menu-back:before{content:"←";color:#d9b46c;font-size:17px;line-height:1}
  .mobile-menu-back:hover,.mobile-menu-back:focus-visible{color:#fff;outline:none}
  .mobile-menu-screen-title{margin:0;color:#fff;font-size:20px;font-weight:520;letter-spacing:-.02em;line-height:1.2}
  .mobile-menu-screen-kicker{display:block;margin:0 0 10px;color:#d9b46c;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}

  .mobile-menu-list{display:grid;border-top:1px solid rgba(255,255,255,.09)}
  .mobile-menu-link,.mobile-menu-next{position:relative;width:100%;min-height:59px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 4px;border:0;border-bottom:1px solid rgba(255,255,255,.085);background:transparent;color:#f0f3f5;text-align:left;font:500 17px/1.27 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;letter-spacing:-.018em;cursor:pointer}
  .mobile-menu-link:hover,.mobile-menu-link:focus-visible,.mobile-menu-next:hover,.mobile-menu-next:focus-visible{color:#d9b46c;outline:none}
  .mobile-menu-link[aria-current="page"]{color:#d9b46c}
  .mobile-menu-link[aria-current="page"]:before{content:"";position:absolute;left:-18px;top:50%;width:2px;height:28px;background:#c89b49;transform:translateY(-50%)}
  .mobile-menu-next:after{content:"→";flex:0 0 auto;color:#d9b46c;font-size:20px;font-weight:400;transition:transform .2s ease}
  .mobile-menu-next:hover:after{transform:translateX(4px)}
  .mobile-menu-link small,.mobile-menu-next small{display:block;margin-top:4px;color:#8798a3;font-size:11px;font-weight:400;letter-spacing:0;line-height:1.35}
  .mobile-menu-item-copy{display:block;min-width:0}

  .mobile-menu-footer{flex:0 0 auto;padding:14px 18px calc(14px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.1);background:rgba(3,20,33,.96)}
  .mobile-menu-direct{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
  .mobile-menu-direct-text{display:grid;gap:3px;min-width:0}
  .mobile-menu-direct-text a{color:#fff;font-size:13px;line-height:1.3;white-space:nowrap}
  .mobile-menu-direct-text a:first-child{color:#d9b46c;font-size:15px;font-weight:600}
  .mobile-menu-socials{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
  .mobile-menu-social{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:50%;color:#d9b46c;background:rgba(255,255,255,.025)}
  .mobile-menu-social:hover,.mobile-menu-social:focus-visible{border-color:rgba(200,155,73,.65);background:rgba(200,155,73,.08);outline:none}
  .mobile-menu-social svg{width:17px;height:17px;fill:currentColor}

  @media(max-height:650px){
    .mobile-menu-bar{height:46px;flex-basis:46px}
    .mobile-menu-screen{padding-top:10px;padding-bottom:16px}
    .mobile-menu-link,.mobile-menu-next{min-height:50px;padding-top:11px;padding-bottom:11px;font-size:16px}
    .mobile-menu-footer{padding-top:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom))}
    .mobile-menu-social{width:31px;height:31px}
  }
}
@media (prefers-reduced-motion:reduce){
  .mobile-menu-drawer,.mobile-menu-screen,.mobile-menu-next:after{transition:none!important}
}