/* Mucha & Kalma · navegación prioritaria móvil · PanchiLab
 * Match Patitas + Comunidad Patitas visibles en la fila móvil.
 * Sin buscador superior. Ambos accesos usan el dorado del selector activo "Todas".
 */
#zak-masthead .zak-mobile-row .zak-header-main-row{
  position:relative;
}

#zak-masthead .zak-mobile-row .zak-main-row{
  align-items:center;
  flex-wrap:nowrap;
  gap:5px;
}

#zak-masthead .zak-mobile-row .zak-header-left-col{
  flex:1 1 auto;
  min-width:72px;
  max-width:126px;
}

#zak-masthead .zak-mobile-row .site-branding{
  min-width:0;
}

#zak-masthead .zak-mobile-row .custom-logo-link{
  display:flex;
  align-items:center;
  min-width:0;
}

#zak-masthead .zak-mobile-row .custom-logo{
  width:auto;
  max-width:100%;
  max-height:46px;
  object-fit:contain;
}

#zak-masthead .zak-mobile-row .zak-header-right-col{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:4px;
  flex:0 0 auto;
  min-width:0;
  margin-left:auto;
}

.mk-mobile-priority-nav{
  display:flex;
  align-items:center;
  gap:4px;
  min-width:0;
  flex:0 0 auto;
}

.mk-mobile-priority-nav__link{
  -webkit-tap-highlight-color:transparent;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  height:38px;
  min-height:38px;
  padding:0 9px;
  border-radius:999px;
  border:1px solid var(--mk-gold,#C9A35A) !important;
  background:var(--mk-gold,#C9A35A) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  box-shadow:0 2px 7px rgba(67,49,20,.12);
  text-decoration:none;
  font-size:11.5px;
  font-weight:700;
  line-height:1.02;
  letter-spacing:-.01em;
  white-space:normal;
  text-align:center;
  transition:background-color .16s ease,border-color .16s ease,transform .16s ease;
}

.mk-mobile-priority-nav__link--match{
  width:82px;
}

.mk-mobile-priority-nav__link--community{
  width:96px;
}

.mk-mobile-priority-nav__link:hover,
.mk-mobile-priority-nav__link:focus-visible{
  background:#b89454;
  border-color:#b89454;
  color:#fff;
  outline:none;
}

.mk-mobile-priority-nav__link:active{
  transform:translateY(1px);
}

.mk-mobile-priority-nav__link svg{
  display:block !important;
  width:15px;
  height:15px;
  flex:0 0 15px;
  fill:#fff !important;
  color:#fff !important;
  opacity:1 !important;
  visibility:visible !important;
}

.mk-mobile-priority-nav__label{
  display:block;
}

#zak-masthead .zak-mobile-row .zak-toggle-menu{
  flex:0 0 auto;
}

#zak-masthead .zak-mobile-row .zak-menu-toggle{
  width:34px;
  height:34px;
  min-width:34px;
  min-height:34px;
  padding:0;
  display:grid;
  place-items:center;
}

#zak-masthead .zak-mobile-row .zak-menu-toggle svg{
  width:22px;
  height:22px;
}

@media (max-width:390px){
  #zak-masthead .zak-mobile-row .zak-main-row{
    gap:3px;
  }

  #zak-masthead .zak-mobile-row .zak-header-left-col{
    max-width:108px;
  }

  .mk-mobile-priority-nav{
    gap:3px;
  }

  .mk-mobile-priority-nav__link{
    height:36px;
    min-height:36px;
    padding:0 6px;
    gap:4px;
    font-size:10.5px;
  }

  .mk-mobile-priority-nav__link--match{
    width:74px;
  }

  .mk-mobile-priority-nav__link--community{
    width:86px;
  }

  .mk-mobile-priority-nav__link svg{
    width:13px;
    height:13px;
    flex-basis:13px;
  }

  #zak-masthead .zak-mobile-row .zak-menu-toggle{
    width:32px;
    min-width:32px;
    height:32px;
    min-height:32px;
  }
}

@media (max-width:345px){
  #zak-masthead .zak-mobile-row .zak-header-left-col{
    max-width:88px;
  }

  .mk-mobile-priority-nav__link{
    padding:0 5px;
    font-size:9.8px;
  }

  .mk-mobile-priority-nav__link--match{
    width:66px;
  }

  .mk-mobile-priority-nav__link--community{
    width:78px;
  }

  .mk-mobile-priority-nav__link svg{
    display:block !important;
    width:11px;
    height:11px;
    flex-basis:11px;
  }
}
