/* Mobile search icon alignment. Load after the existing Ryobi theme CSS. */
@media (max-width: 767px) {
  .ms-header .ms-header__container .ms-header__topbar .ms-header__desktop-nav-items {
    height: 60px;
    min-height: 60px;
    align-items: center;
  }
  .ms-header .ms-header__desktop-nav-items .ms-search,
  .ms-header .ms-header__desktop-nav-items .ms-cart-icon {
    align-self: center;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
    transform: none;
    height: 48px;
  }
  .ms-header .ms-cart-icon .ms-cart-icon-wrapper.msc-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    height: 48px;
    padding: 0;
    margin: 0;
    -webkit-appearance: none;
    appearance: none;
    vertical-align: middle;
  }
  .ms-header .ms-search .ms-search__icon.msc-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 44px;
    height: 48px;
    padding: 0;
    margin: 0;
    -webkit-appearance: none;
    appearance: none;
    vertical-align: middle;
  }
  .ms-header .ms-search .ms-search__icon.msc-btn::before {
    display: block;
    flex: 0 0 auto;
    line-height: 1;
    margin: 0;
  }
}