/* ===== Pulse shared mobile navigation ===== */
/* Hamburger button: hidden on desktop, shown on phones */
.nav-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  color: #1A1714;
  -webkit-tap-highlight-color: transparent;
  flex: none;
}
.nav-toggle .icon-close { display: none; }

@media (max-width: 720px) {
  /* show the hamburger, keep the bar a single tidy row */
  .nav-toggle { display: inline-flex; }
  nav.nav-open .nav-toggle .icon-menu { display: none; }
  nav.nav-open .nav-toggle .icon-close { display: inline; }

  /* the links become a dropdown panel under the bar */
  .nav-links {
    display: none !important;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 2px !important;
    padding: 8px 16px 18px !important;
    background: rgba(250, 248, 245, 0.98);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    border-top: 1px solid rgba(26, 23, 20, 0.07);
    box-shadow: 0 24px 40px -22px rgba(26, 23, 20, 0.4);
  }
  nav.nav-open .nav-links { display: flex !important; }

  .nav-links a {
    width: 100%;
    padding: 13px 8px !important;
    font-size: 16px !important;
    border-radius: 12px;
  }
  .nav-links a:hover { background: rgba(124, 92, 246, 0.06); }

  /* the "Download Pulse" pill becomes a full-width button at the bottom */
  .nav-links a[href^="https://apps.apple.com"] {
    height: auto !important;
    justify-content: center;
    margin-top: 8px;
    padding: 15px 20px !important;
    font-size: 15px !important;
  }
}

/* "Download now" CTA hover lift (About page) */
.cta-download { transition: transform .3s ease, box-shadow .3s ease; }
.cta-download:hover { transform: translateY(-3px); box-shadow: 0 24px 50px -14px rgba(26,23,20,0.62); }

/* News card hover lift (About page) */
.news-card { transition: transform .3s ease, box-shadow .3s ease; }
.news-card:hover { transform: translateY(-4px); box-shadow: 0 30px 60px -28px rgba(26,23,20,0.42); }