body.mobile-app {
  /*#header-main {
            z-index: 999;
        }*/
}
body.mobile-app .banner-parent-container {
  margin-top: 59px;
}
body.mobile-app .banner-parent-container .header-banners .inner-container {
  height: 53px;
}
@media (max-width: 767px) {
  body.mobile-app .banner-parent-container .header-banners .inner-container {
    height: 42px;
  }
}
body.mobile-app .header-main-content.container {
  display: none;
}
body.mobile-app .nav-container {
  padding: 0 !important;
  border: 0 !important;
  /*
                NOTE: duplicating code from css/header.less here INSTEAD OF modifying css/header.less, in order to keep this code separate
                TODO: inject via import/mixin after refactoring default header.less files
            */
}
body.mobile-app .nav-container .header-icons .wishlist .header-action-link span.counter {
  all: unset;
  font-weight: 300;
}
body.mobile-app .nav-container .header-icons .wishlist .header-action-link:before {
  content: '\e600';
  font-family: "icons-blank-theme";
  font-size: 3.5em;
  vertical-align: middle;
}
body.mobile-app .nav-container .header-icons .minicart-wrapper {
  float: right !important;
}
body.mobile-app .nav-container .header-icons .minicart-wrapper .header-action-link:before {
  font-size: 2em;
  /* REDESIGN 2/21/25 */
  content: '\e637b';
  font-family: icons-blank-theme;
}
body.mobile-app .nav-container .header-icons .minicart-wrapper .header-action-link.empty:before {
  content: '\e637';
}
body.mobile-app .nav-container .header-icons .minicart-wrapper .header-action-link .counter.qty {
  position: absolute;
  right: 1%;
  top: 35%;
  width: 100%;
  height: 10px;
  line-height: 10px;
  color: white !important;
  font-weight: bold;
  border-radius: 0;
  text-align: center;
}
body.mobile-app .nav-container .header-icons .minicart-wrapper .header-action-link .counter.qty .counter-number {
  background-color: black;
  display: inline-block !important;
  padding-left: 3%;
}
body.mobile-app .nav-container .header-icons .minicart-wrapper .header-action-link .counter.qty .counter-label {
  display: none !important;
}
body.mobile-app nav.magicmenu.hide-mobile {
  display: none;
}