@media (min-width: 861px){

/* === MOBILE V16: brand left, burger right, working toggle === */
@media (max-width: 767.98px){
  header{
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
  }
  /* Brand to the left */
  .site-brand{ margin-right: auto !important; display: inline-flex !important; align-items: center; }
  /* Hide desktop links/nav on mobile */
  header nav, header .desktop-nav, header .menu, header .menu-list, header .nav-links, header .header-links{
    display: none !important;
  }
  /* Burger on the right */
  .mobile-nav-toggle{
    display: inline-flex !important;
    align-items: center; justify-content: center;
    margin-left: auto !important;
    width: 44px; height: 44px;
    background: transparent !important; border: none !important; border-radius: 10px;
    padding: 0; cursor: pointer;
  }
  .mobile-nav-toggle .burger{ position: relative; display:inline-block; width: 22px; height: 2px; background: var(--ink, #0B0B0B); }
  .mobile-nav-toggle .burger::before,
  .mobile-nav-toggle .burger::after{ content:""; position:absolute; left:0; width:22px; height:2px; background: var(--ink, #0B0B0B); }
  .mobile-nav-toggle .burger::before{ top:-7px; }
  .mobile-nav-toggle .burger::after{ top: 7px; }

  /* Mobile menu panel */
  #mobile-menu[hidden]{ display:none !important; }
  #mobile-menu{
    position: fixed !important; top: 64px; 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 a, #mobile-menu .mm-item{ display:block; padding:12px 10px; border-radius:10px; color:#0B0B0B !important; text-decoration:none; }
  #mobile-menu a:hover, #mobile-menu .mm-item:hover{ background: rgba(0,0,0,.05); }

  /* Kill any stray right-side box */
  header .cta, header .badge, header .right-slot{ display: none !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 === */