/* Mobile Clean Header v2 — strictly mobile-only; desktop untouched */
@media (max-width:1024px){
  /* Header layout on mobile only */
  header, .site-header, header[role="banner"]{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
  }
  .mc-logo{ display:flex; align-items:center; gap:8px; max-height:48px; }
  .mc-logo img{ max-height:40px; height:auto; width:auto; display:block; }

  /* Hamburger button */
  .mc-toggle{
    appearance:none;
    background:#fff;
    border:1px solid #e6e6e6;
    border-radius:10px;
    padding:10px 12px;
    font-size:18px;
    line-height:1;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:44px; min-height:44px;
  }

  /* Collapsible nav */
  .mc-mobile-nav{
    display:block !important;
    max-height:0;
    overflow:hidden;
    transition:max-height .28s ease;
    border-top:1px solid #eee;
    background:#fff;
  }
  .mc-mobile-nav.open{ max-height:70vh; }
  .mc-mobile-nav ul{ margin:0; padding:8px 0; }
  .mc-mobile-nav li{ list-style:none; }
  .mc-mobile-nav a{ display:block; padding:12px 16px; text-decoration:none; }
}

/* Explicit desktop safeguards (optional, to avoid any carry-over) */
@media (min-width:1025px){
  .mc-toggle{ display:none !important; }
  .mc-mobile-nav{ max-height:none !important; overflow:visible !important; }
}