/* EF TV: cabecera móvil alineada con el multisite. */
@media (max-width: 1199px) {
  #default-header.header-default.ef-tv-mobile-header-active {
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    padding: 0 !important;
    background: #000 !important;
    border: 0 !important;
  }

  #default-header.header-default.ef-tv-mobile-header-active > .container-fluid {
    width: 100% !important;
    height: 72px !important;
    padding: 0 max(18px, env(safe-area-inset-right)) 0 max(18px, env(safe-area-inset-left)) !important;
  }

  #default-header .ef-tv-mobile-header-row {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) 44px !important;
    grid-template-rows: 72px !important;
    align-items: center !important;
    width: 100% !important;
    height: 72px !important;
    min-height: 72px !important;
    gap: 0 !important;
  }

  /* El nav conserva el offcanvas, pero deja de ocupar una celda del grid. */
  #default-header .ef-tv-mobile-navigation {
    position: absolute !important;
    inset: 0 auto auto 0 !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  #default-header .ef-tv-mobile-navigation .offcanvas {
    width: min(86vw, 360px);
  }

  #default-header .ef-tv-mobile-menu-toggle {
    grid-column: 1 !important;
    grid-row: 1 !important;
    position: relative !important;
    inset: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    z-index: 4 !important;
  }

  #default-header .ef-tv-mobile-menu-toggle::before,
  #default-header .ef-tv-mobile-menu-toggle::after,
  #default-header .ef-tv-login-icon-link::before,
  #default-header .ef-tv-login-icon-link::after {
    display: none !important;
    content: none !important;
  }

  #default-header .ef-tv-hamburger-icon {
    display: block !important;
    width: 27px !important;
    height: 27px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
  }

  #default-header .ef-tv-mobile-brand {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
  }

  #default-header .ef-tv-mobile-brand > a:not(.subscribe-btn) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    max-width: min(54vw, 270px) !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #default-header .ef-tv-mobile-brand .logo {
    display: block !important;
    width: auto !important;
    max-width: min(54vw, 270px) !important;
    height: 27px !important;
    max-height: 27px !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
  }

  #default-header .ef-tv-mobile-brand .subscribe-btn {
    display: none !important;
  }

  #default-header .ef-tv-mobile-actions {
    grid-column: 3 !important;
    grid-row: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 44px !important;
    min-width: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    z-index: 4 !important;
  }

  #default-header .ef-tv-mobile-actions > ul {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 44px !important;
    min-width: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
  }

  #default-header .ef-tv-mobile-actions .dropdown-search-wrapper,
  #default-header .ef-tv-mobile-actions .dropdown-shopping-wrapper {
    display: none !important;
  }

  #default-header .ef-tv-mobile-actions .dropdown-user-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #default-header .ef-tv-login-icon-link,
  #default-header .ef-tv-mobile-actions .dropdown-user {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
  }

  #default-header .ef-tv-login-icon-link:hover,
  #default-header .ef-tv-login-icon-link:focus,
  #default-header .ef-tv-mobile-actions .dropdown-user:hover,
  #default-header .ef-tv-mobile-actions .dropdown-user:focus {
    color: #fff !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #default-header .ef-tv-user-icon {
    display: block !important;
    width: 26px !important;
    height: 26px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }

  #default-header .ef-tv-mobile-actions .dropdown-user-menu-image {
    width: 29px !important;
    min-width: 29px !important;
    height: 29px !important;
    border-radius: 50% !important;
  }
}

@media (max-width: 575px) {
  #default-header.header-default.ef-tv-mobile-header-active,
  #default-header.header-default.ef-tv-mobile-header-active > .container-fluid,
  #default-header .ef-tv-mobile-header-row {
    height: 66px !important;
    min-height: 66px !important;
    max-height: 66px !important;
  }

  #default-header .ef-tv-mobile-header-row {
    grid-template-rows: 66px !important;
  }

  #default-header .ef-tv-mobile-brand .logo {
    max-width: min(56vw, 230px) !important;
    height: 25px !important;
    max-height: 25px !important;
  }
}