/* MODERN MOBILE MENU (generated by scripts/build-shared-nav.cjs). Applies on the homepage, shop, free tools and every shared-navbar page. */
@media (max-width: 768px) {
  .nav-hamburger { background: transparent !important; box-shadow: none !important; border-radius: 10px; width: 44px; height: 44px; gap: 6px; margin-right: -6px; }
  .nav-hamburger:active { transform: none; box-shadow: none; opacity: .7; }
  .nav-hamburger span { background: #1A5EA8; height: 2.5px; width: 24px; border-radius: 2px; transition: transform .3s cubic-bezier(.2,.8,.2,1), width .3s ease, opacity .2s; }
  .nav-hamburger span:nth-child(2) { display: none; }
  .nav-hamburger span:nth-child(3) { width: 16px; align-self: flex-end; margin-right: 10px; }
  .nav-hamburger.active span:nth-child(1) { transform: translateY(4.25px) rotate(45deg); }
  .nav-hamburger.active span:nth-child(3) { width: 24px; transform: translateY(-4.25px) rotate(-45deg); }

  body.nav-open nav { background: #fff !important; box-shadow: none !important; border-bottom-color: transparent !important; }
  .nav-links { top: 0 !important; right: 0 !important; left: 0 !important; bottom: auto !important; width: 100% !important; max-width: none !important; max-height: 100dvh; background: #fff !important; border-radius: 0 0 28px 28px; box-shadow: 0 28px 60px rgba(9,42,80,.22) !important; padding: 90px 24px calc(24px + env(safe-area-inset-bottom)) !important; gap: 0; transform: translateY(-14px) !important; opacity: 0; visibility: hidden; transition: transform .38s cubic-bezier(.2,.8,.2,1), opacity .26s ease, visibility .38s; overflow-y: auto; z-index: 95; }
  .nav-links.open { transform: translateY(0) !important; opacity: 1; visibility: visible; }
  .nav-links li { width: 100%; opacity: 0; transform: translateY(8px); transition: opacity .3s ease, transform .35s cubic-bezier(.2,.8,.2,1); }
  .nav-links.open li { opacity: 1; transform: none; }
  .nav-links.open li:nth-child(1) { transition-delay: 75ms; }
  .nav-links.open li:nth-child(2) { transition-delay: 110ms; }
  .nav-links.open li:nth-child(3) { transition-delay: 145ms; }
  .nav-links.open li:nth-child(4) { transition-delay: 180ms; }
  .nav-links.open li:nth-child(5) { transition-delay: 215ms; }
  .nav-links.open li:nth-child(6) { transition-delay: 250ms; }
  .nav-links.open li:nth-child(7) { transition-delay: 285ms; }
  .nav-links.open li:nth-child(8) { transition-delay: 320ms; }
  .nav-links.open li:nth-child(9) { transition-delay: 355ms; }
  .nav-links a { font-family: 'Nunito', sans-serif !important; font-weight: 600 !important; font-size: 1.6rem !important; line-height: 1.2; letter-spacing: -.01em; padding: 13px 2px !important; margin: 0 !important; color: #334155 !important; background: transparent !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; }
  .nav-links a:hover, .nav-links a:active { color: var(--blue) !important; background: transparent !important; }
  .nav-link-ic { display: none !important; }
  .nav-links a.nav-courses { color: #334155 !important; }
  .nav-drawer-foot { margin-top: 18px !important; padding-top: 20px !important; border-top: 1px solid #E6ECF5; display: flex; flex-direction: column; gap: 10px; }
  .nav-links a.nav-drawer-cta { font-family: 'Nunito', sans-serif !important; font-size: 1.02rem !important; font-weight: 800 !important; padding: 15px 18px !important; border-radius: 100px !important; background: var(--blue) !important; color: #fff !important; text-align: center; box-shadow: 0 6px 18px rgba(41,121,200,.32) !important; }
  .nav-logo, .nav-actions { position: relative; z-index: 101; }
  .nav-links a.nav-drawer-login { font-family: 'Nunito', sans-serif !important; font-size: 1rem !important; font-weight: 800 !important; border: none !important; padding: 13px 18px !important; border-radius: 100px !important; color: var(--blue) !important; background: transparent !important; box-shadow: inset 0 0 0 1.5px #D5E0F0 !important; justify-content: center; }
  .nav-drawer-foot a:last-child { box-shadow: none !important; padding: 8px !important; }
  .nav-backdrop { inset: 0 !important; background: rgba(12,20,36,.38) !important; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
}