/* Only the opened mobile menu; no hero, footer or desktop rules. */
@media(max-width:767px){
  #package-mobile-drawer{--menu-yellow:#ffd800;position:fixed;z-index:500;inset:0;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:linear-gradient(180deg,rgba(4,54,145,.80),rgba(3,44,120,.86));backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%);overflow:hidden;line-height:1.4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"SF Pro Display","Segoe UI",sans-serif}
  .hero>#package-mobile-drawer:not([hidden]){display:grid!important;place-items:center}
  #package-mobile-drawer[hidden]{display:none!important}
  #package-mobile-drawer .mp-menu-panel{width:min(100%,400px);max-height:calc(100svh - max(14px,env(safe-area-inset-top)) - max(14px,env(safe-area-inset-bottom)));max-height:calc(100dvh - max(14px,env(safe-area-inset-top)) - max(14px,env(safe-area-inset-bottom)));overflow-y:auto;overscroll-behavior:contain;padding:12px;border:1px solid rgba(195,235,255,.72);border-radius:28px;background:linear-gradient(180deg,rgba(33,105,200,.52),rgba(9,58,141,.62));box-shadow:inset 0 1px 0 #ffffff47,inset 0 0 40px #ffffff0a,0 30px 80px #00185266;backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%);outline:none;animation:mp-menu-enter .24s cubic-bezier(.2,.8,.2,1)}
  #package-mobile-drawer .mp-menu-header{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:8px;min-height:108px;padding:4px 48px 8px 4px}
  #package-mobile-drawer .mp-menu-logo{display:block;width:100%;height:auto;object-fit:contain;border-radius:12px}
  #package-mobile-drawer .mp-menu-phrase{text-align:center;line-height:1;transform:rotate(-4deg);text-shadow:0 4px 14px #001f6347}
  #package-mobile-drawer .mp-menu-phrase span{display:block;font-family:"Brush Script MT","Segoe Script",cursive;font-size:clamp(26px,8vw,36px)}
  #package-mobile-drawer .mp-menu-phrase small{display:block;font-family:"Brush Script MT","Segoe Script",cursive;font-size:clamp(15px,4.6vw,21px)}
  #package-mobile-drawer .mp-menu-phrase small:after{content:"";display:block;width:78%;height:4px;margin:7px auto 0;border-radius:999px;background:var(--menu-yellow);transform:rotate(-8deg)}
  #package-mobile-drawer .drawer-close{position:absolute;top:4px;right:0;width:44px;height:44px;min-width:44px;min-height:44px;display:grid;place-items:center;border:1px solid #ffffff66;border-radius:50%;background:#ffffff1a;color:#fff;font-size:32px;line-height:1;box-shadow:inset 0 1px 0 #ffffff38,0 12px 32px #00266f33;backdrop-filter:blur(12px);cursor:pointer}
  #package-mobile-drawer .mp-menu-list{display:grid;gap:7px;margin:0}
  #package-mobile-drawer .mp-menu-list a{min-height:48px;display:grid;grid-template-columns:30px minmax(0,1fr) 20px;gap:10px;align-items:center;padding:7px 12px;border:1px solid #ffffff61;border-radius:18px;background:linear-gradient(180deg,#ffffff17,#ffffff0b);color:#fff;font-size:clamp(16px,4.6vw,18px);font-weight:780;letter-spacing:-.01em;box-shadow:inset 0 1px 0 #ffffff1f,0 10px 24px #001f5d17;transition:transform .18s ease,background .18s ease}
  #package-mobile-drawer .mp-menu-list a.is-highlighted{border-color:#afebffeb;background:linear-gradient(180deg,#2ea2fff5,#1974f5ed);box-shadow:inset 0 1px 0 #ffffff4d,0 0 0 1px #6ee1ff73,0 12px 30px #0077ff42}
  #package-mobile-drawer [data-menu-icon]{display:grid;place-items:center}
  #package-mobile-drawer [data-menu-icon] svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  #package-mobile-drawer .mp-menu-chevron{justify-self:end;font-size:30px;font-weight:300;line-height:1}
  #package-mobile-drawer .mp-menu-promo{display:block;margin-top:9px;border:1px solid #aae6ffcc;border-radius:20px;overflow:hidden;box-shadow:inset 0 1px 0 #ffffff33,0 18px 36px #00216633}
  #package-mobile-drawer .mp-menu-promo picture{display:block}
  #package-mobile-drawer .mp-menu-promo img{display:block;width:100%;height:auto;aspect-ratio:1460/830;object-fit:contain}
  #package-mobile-drawer :is(a,button):focus-visible{outline:3px solid var(--menu-yellow);outline-offset:2px}
  /* Lighter visual scale, without shrinking the comfortable touch areas. */
  #package-mobile-drawer{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
  #package-mobile-drawer .mp-menu-logo{border-radius:0;background:transparent;filter:drop-shadow(0 1px 2px #ffffff66)}
  #package-mobile-drawer .mp-menu-panel{width:min(calc(100% - 12px),320px);padding:10px;border-radius:24px}
  #package-mobile-drawer .mp-menu-header{min-height:92px;padding-right:44px;gap:6px}
  #package-mobile-drawer .mp-menu-phrase span{font-size:26px}
  #package-mobile-drawer .mp-menu-phrase small{font-size:15px;line-height:1.1}
  #package-mobile-drawer .drawer-close{font-size:26px}
  #package-mobile-drawer .mp-menu-list{gap:5px}
  #package-mobile-drawer .mp-menu-list a{grid-template-columns:24px minmax(0,1fr) 16px;gap:8px;padding:6px 10px;border-radius:14px;font-size:.9375rem;font-weight:600;letter-spacing:0}
  #package-mobile-drawer [data-menu-icon] svg{width:22px;height:22px;stroke-width:1.8}
  #package-mobile-drawer .mp-menu-chevron{font-size:24px}
  #package-mobile-drawer .mp-menu-promo{margin-top:8px;border-radius:16px}
  @keyframes mp-menu-enter{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
  @media(prefers-reduced-motion:reduce){#package-mobile-drawer *{animation:none!important;transition:none!important}}
}