@media (min-width: 861px){

/* === MOBILE V23: refined header look (56px), safe-area, spacing === */
@media (max-width: 767.98px){
  :root{ --safe-top: env(safe-area-inset-top, 0px); }
  header{
    position: fixed !important; top: 0; left: 0; right: 0;
    background: var(--paper, #FCFCFA) !important;
    border-bottom: 1px solid rgba(0,0,0,.08) !important;
    z-index: 10000 !important;
  }
  /* 56px header + safe-area */
  header .m-header-row{
    display: flex !important; align-items: center !important; justify-content: space-between !important;
    height: calc(56px + var(--safe-top)) !important;
    padding: calc(var(--safe-top)) 16px 0 16px !important;
    gap: 10px !important; max-width: 72rem !important; margin: 0 auto !important;
  }
  /* push content exactly below header */
  body{ padding-top: calc(56px + var(--safe-top)) !important; }

  header .m-brand{
    margin-right: auto !important; font-weight: 700; letter-spacing: -0.02em;
    text-decoration: none !important; color: var(--ink, #0B0B0B) !important; font-size: 18px;
  }

  /* compact CTA */
  header .cta-free, header a.cta-free{
    display: inline-flex !important; align-items: center; justify-content: center;
    height: 32px; padding: 0 12px; border-radius: 9999px;
    background: #0B0B0B; color: #fff !important; -webkit-text-fill-color: #fff !important;
    text-decoration: none !important; font-weight: 600; font-size: 13px; line-height: 1;
    box-shadow: 0 6px 16px rgba(0,0,0,.10);
  }

  /* burger tighter and right-aligned */
  header .mobile-nav-toggle{
    display: inline-flex !important; align-items: center; justify-content: center;
    width: 40px; height: 40px; margin-left: 8px; background: transparent !important; border: none !important;
  }
  header .mobile-nav-toggle .burger{ position: relative; width: 22px; height: 2px; background: #0B0B0B; }
  header .mobile-nav-toggle .burger::before, header .mobile-nav-toggle .burger::after{
    content: ""; position: absolute; left: 0; width: 22px; height: 2px; background: #0B0B0B;
  }
  header .mobile-nav-toggle .burger::before{ top: -6px; } header .mobile-nav-toggle .burger::after{ top: 6px; }

  /* mobile menu under 56px header */
  #mobile-menu{
    position: fixed !important; top: calc(56px + var(--safe-top)); left: 0; right: 0;
    background: #fff !important; border-top: 1px solid rgba(0,0,0,.08);
    box-shadow: 0 10px 30px rgba(0,0,0,.10); padding: 8px 12px 16px; z-index: 9999 !important;
  }
  #mobile-menu[hidden]{ display: none !important; }
  #mobile-menu.is-open, #mobile-menu[aria-hidden="false"]{ display: block !important; }
  #mobile-menu .mm-item{ display:block; padding:12px 10px; border-radius:12px; color:#0B0B0B !important; text-decoration:none; font-size:16px; }
  #mobile-menu .mm-item:hover{ background: rgba(0,0,0,.05); }

  /* hero h1 balance */
  .hero-card h1{ font-size: clamp(28px, 6.2vw, 42px) !important; line-height: 1.06 !important; }
}

}


/* === ORVENZIA FIX: Keep "Start screening" black on hover/focus === */
a[href*="screening"].btn:hover,
a[href*="screening"].btn:focus,
a[href*="screening"].cta:hover,
a[href*="screening"].cta:focus,
a[href*="screening"]:hover,
a[href*="screening"]:focus,
#start-screening:hover,
#start-screening:focus,
.start-screening:hover,
.start-screening:focus,
button.start-screening:hover,
button.start-screening:focus {
  background: #000 !important;
  color: #fff !important;
  border-color: #000 !important;
  filter: none !important;
  text-decoration: none !important;
}

a[href*="screening"].btn,
a[href*="screening"].cta,
a[href*="screening"],
#start-screening,
.start-screening,
button.start-screening {
  background: #000 !important;
  color: #fff !important;
  border: 1px solid #000 !important;
}
/* === END FIX === */