.mobile-menu-toggle{display:none}
.mobile-nav-dialog{display:none}
.mobile-nav-dialog:not([open]){display:none}

@media (max-width:900px){
  .hdr .menu-links,.hdr .links{display:none}
  .hdr .nav{gap:12px}
  .hdr .nav>.btn{display:none}
  .hdr .mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;border:1px solid var(--t40);border-radius:50%;color:var(--t);background:var(--bg)}
  .hdr .mobile-menu-toggle:hover{border-color:var(--yellow);color:var(--yellow)}
  .mobile-menu-toggle span,.mobile-menu-toggle span::after{display:block;width:16px;height:1.5px;background:currentColor;position:relative;content:""}
  .mobile-menu-toggle span::after{position:absolute;top:5px;left:0}
  body.mobile-nav-open .hdr.hide{transform:none}
  .mobile-nav-dialog{display:block;position:fixed;inset:0;width:min(440px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--ink);color:var(--t);box-shadow:0 24px 80px rgba(0,0,0,.55);overflow:auto}
  .mobile-nav-dialog::backdrop{background:rgba(0,0,0,.78);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
  .mobile-nav-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:24px;border-bottom:1px solid var(--line);font-family:var(--f-display);font-weight:700;letter-spacing:.02em}
  .mobile-nav-close{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--t40);border-radius:50%;font-size:25px;line-height:1}
  .mobile-nav-close:hover{border-color:var(--yellow);color:var(--yellow)}
  .mobile-nav-links{display:grid;padding-block:16px}
  .mobile-nav-links a{display:block;padding:14px 0;border-bottom:1px solid var(--line);font-family:var(--f-display);font-size:clamp(24px,7vw,34px);font-weight:500;line-height:1.15}
  .mobile-nav-links a:hover,.mobile-nav-links a[aria-current="page"]{color:var(--yellow)}
  .pkg{grid-template-columns:minmax(0,1fr)}
  .pkg-l,.pkg-r{min-width:0}
}

@media (max-width:560px){
  .next .nt{font-size:clamp(32px,8vw,44px);gap:10px}
  .next .nt span{min-width:0;overflow-wrap:anywhere}
  .pkg .price{font-size:clamp(26px,8vw,32px)}
  .pkg .price small{display:block;margin-top:2px}
  .terms{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}
  .terms dd{white-space:normal;overflow-wrap:anywhere}
}

@media (max-width:360px){
  .hero h1{font-size:7.5vw}
  .bi h2 .light{white-space:normal}
  .cta-end h2{font-size:clamp(36px,11vw,42px)}
}