/* Tienda menu repair: draw the existing icon with CSS, without an SVG mask. */
@media (max-width: 767px) {
  html body:not(#td-menu-reserved-1):not(#td-menu-reserved-2) #header #mobile-header .ybc-menu-button-toggle_icon {
    position: relative !important;
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
    margin: 0 !important;
    background: transparent !important;
    -webkit-mask: none !important;
    mask: none !important;
  }

  html body:not(#td-menu-reserved-1):not(#td-menu-reserved-2) #header #mobile-header .ybc-menu-button-toggle_icon > .icon-bar {
    position: absolute !important;
    display: block !important;
    left: 3.667px !important;
    height: 1.15px !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: none !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 1px;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none;
  }

  html body:not(#td-menu-reserved-1):not(#td-menu-reserved-2) #header #mobile-header .ybc-menu-button-toggle_icon > .icon-bar:nth-child(1) {
    top: 4px !important;
    width: 10.1px !important;
  }

  html body:not(#td-menu-reserved-1):not(#td-menu-reserved-2) #header #mobile-header .ybc-menu-button-toggle_icon > .icon-bar:nth-child(2) {
    top: 10.4px !important;
    width: 14.7px !important;
  }

  html body:not(#td-menu-reserved-1):not(#td-menu-reserved-2) #header #mobile-header .ybc-menu-button-toggle_icon > .icon-bar:nth-child(3) {
    top: 16.8px !important;
    width: 6.4px !important;
  }
}

/* Follow the existing live iPhone header breakpoint. */
@media (min-width: 768px) {
  html.td-is-iphone body:not(#td-menu-reserved-1):not(#td-menu-reserved-2) #header #mobile-header .ybc-menu-button-toggle_icon {
    position: relative !important;
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
    margin: 0 !important;
    background: transparent !important;
    -webkit-mask: none !important;
    mask: none !important;
  }

  html.td-is-iphone body:not(#td-menu-reserved-1):not(#td-menu-reserved-2) #header #mobile-header .ybc-menu-button-toggle_icon > .icon-bar {
    position: absolute !important;
    display: block !important;
    left: 3.667px !important;
    height: 1.15px !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: none !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 1px;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none;
  }

  html.td-is-iphone body:not(#td-menu-reserved-1):not(#td-menu-reserved-2) #header #mobile-header .ybc-menu-button-toggle_icon > .icon-bar:nth-child(1) {
    top: 4px !important;
    width: 10.1px !important;
  }

  html.td-is-iphone body:not(#td-menu-reserved-1):not(#td-menu-reserved-2) #header #mobile-header .ybc-menu-button-toggle_icon > .icon-bar:nth-child(2) {
    top: 10.4px !important;
    width: 14.7px !important;
  }

  html.td-is-iphone body:not(#td-menu-reserved-1):not(#td-menu-reserved-2) #header #mobile-header .ybc-menu-button-toggle_icon > .icon-bar:nth-child(3) {
    top: 16.8px !important;
    width: 6.4px !important;
  }
}
