.mobile-menu {
  width: min-content;
  margin: -0.9375rem;
  align-self: flex-start;
  display: flex;
  align-items: center;
}

@media screen and (min-width: 990px) {
  .mobile-menu {
    display: none;
  }
}

.mobile-menu__container {
  height: calc(
    var(--hh-window-height, 100vh) - var(--hh-total-header-height, 60px)
  );
  min-height: -webkit-fill-available;
  overflow: hidden;
  background-color: var(--hh-color-background);
}

.mobile-menu__container-inner {
  position: relative;
  padding: 0 1.2500rem calc(env(safe-area-inset-bottom) + 7.5000rem);
  overflow-x: hidden;
  overflow-y: auto;
}

.mobile-menu__icon {
  display: flex;
  align-items: center;
  height: 74px;
  padding: 0 1.8750rem 0 0.9375rem;
  color: var(--hh-color-text);
  cursor: pointer;
}

.mobile-menu__icon > svg {
  fill: none;
  vertical-align: middle;
}

.mobile-menu__icon .icon-hamburger {
  display: block;
  width: 22px;
  height: auto;
}

[is-open] .mobile-menu__icon .icon-hamburger {
  display: none;
}

.mobile-menu__icon .icon-close {
  width: 19px;
  height: auto;
  display: none;
}

[is-open] .mobile-menu__icon .icon-close {
  display: block;
}

@media screen and (min-width: 990px) {
  .mobile-menu__icon {
    display: none;
  }
}

.mobile-menu__navigation {
  margin: 1.0000rem 0 1.8750rem;
}

.mobile-menu__menu .mobile-menu__menu-item {
  font: var(--hh-body-large-font);
  padding: 0.8750rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mobile-menu__utility-links .mobile-menu__menu-item {
  display: inline-block;
  font: var(--hh-body-font);
  padding: 0.5000rem 0;
}

.mobile-menu__submenu {
  position: absolute;
  inset: 0;
  padding: 1.5625rem 1.2500rem;
  transform: translateX(100%);
  transition: transform var(--hh-duration-long, 300ms);
  background: var(--hh-color-background);
  width: 100%;
}

[open] > .mobile-menu__submenu {
  z-index: 2;
}

.mobile-menu__inner-submenu {
  height: 100%;
}

.mobile-menu__menu-back {
  background: none;
  border: 0;
  appearance: none;
  padding: 0;
  margin-bottom: 0.8750rem;
  display: flex;
  align-items: center;
  color: currentColor;
  font: var(--hh-body-font);
}

.mobile-menu__menu-back svg {
  margin-right: 0.6250rem;
}

.mobile-search__form {
  padding: 0.8750rem 0.6250rem;
  border-bottom: 1px solid var(--hh-color-brand-tertiary);
  position: relative;
  margin-left: -1.2500rem;
  margin-right: -1.2500rem;
}

.mobile-search__input {
  border: none;
  font: var(--hh-body-font);
  --hh-focus-outline-offset: 0.4375rem;
}

.mobile-search__input label {
  color: var(--hh-color-subdued);
}

.mobile-search__submit {
  border: none;
  background: none;
  color: var(--hh-color-text);
  position: absolute;
  top: 50%;
  right: 0.6250rem;
  transform: translateY(-50%);
  z-index: 2;
  appearance: button;
  cursor: pointer;
}

.mobile-menu__menu-item--grandchild-parent-title {
  font: var(--hh-body-large-font);
  color: var(--hh-color-night);
  margin: 1.5625rem 0;
  display: inline-block;
}

.mobile-menu__menu-item--grandchild-heading {
  font: var(--hh-body-font);
  color: var(--hh-color-night);
  margin: 0 0 1.0000rem;
  display: inline-block;
}

.mobile-menu__menu .mobile-menu__menu-item--grandchild {
  font: var(--hh-body-font);
  color: var(--hh-color-grey);
  padding: 0.3125rem 0;
}

.mobile-menu__menu .mobile-menu__child-menu {
  margin: 0 0 1.2500rem;
}

.mobile-menu__menu .mobile-menu__child-menu:last-child {
  padding: 0 0 calc(env(safe-area-inset-bottom) + 7.5000rem);
}

hh-mobile-menu[submenu-open] hh-menu-featured-promos,
hh-mobile-menu[submenu-open] hh-menu-featured-content {
  display: none;
}

.mobile-menu__utility-links .country-selector button {
  color: var(--hh-color-text);
}

.mobile-menu__utility-links .country-selector .active-country {
  font: var(--hh-body-font);
}