/* MACLIFE header utility icons: one restrained outline family across breakpoints.
   Use masks so existing theme/module markup, interactions and hover colors stay intact. */
#header .header-bottom__contact-icon,
#header .ps-searchbar__magnifier,
#header .ml-mobile-search-toggle .material-icons,
#header .ml-mobile-menu-toggle .material-icons,
#header .header-bottom__right .header-block__icon {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 0 !important;
  line-height: 0;
  color: inherit;
  vertical-align: middle;
}
#header .header-bottom__contact-icon::before,
#header .ps-searchbar__magnifier::before,
#header .ml-mobile-search-toggle .material-icons::before,
#header .ml-mobile-menu-toggle .material-icons::before,
#header .header-bottom__right .header-block__icon::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: currentColor;
  -webkit-mask: var(--ml-header-icon) center / contain no-repeat;
  mask: var(--ml-header-icon) center / contain no-repeat;
}
#header .header-bottom__contact-icon {
  --ml-header-icon: url('../icons/header-phone.svg');
  color: #0071e3;
}
#header .ps-searchbar__magnifier,
#header .ml-mobile-search-toggle .material-icons,
#header .ps-searchbar--mobile .header-block__icon {
  --ml-header-icon: url('../icons/header-search.svg');
}
#header .ps-customersignin .header-block__icon,
#header #_mobile_ps_customersignin .header-block__icon {
  --ml-header-icon: url('../icons/header-account.svg');
}
#header .ps-shoppingcart .header-block__icon,
#header #_mobile_ps_shoppingcart .header-block__icon {
  --ml-header-icon: url('../icons/header-cart.svg');
}
#header .ml-mobile-menu-toggle .material-icons {
  --ml-header-icon: url('../icons/header-menu.svg');
}
#header .header-bottom__right .dropdown-toggle::after {
  display: none;
}
@media (max-width: 1199.98px) {
  #header .header-bottom__right .header-block__icon,
  #header .ml-mobile-search-toggle .material-icons,
  #header .ml-mobile-menu-toggle .material-icons {
    width: 1.5rem;
    height: 1.5rem;
  }
}