.nw-mobileheader-wrap {
  position: relative;
  z-index: 100;
  transform: $mobileheadertransition-default;
  width: 100%;
  contain: layout style;
  will-change: transform;

  &.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    transition: transform 0.4s ease;

    &.is-having-shippingtext {
      transform: $mobileheadertransition-fixedshippinttext;
    }
  }

  &.is-header-hidden {
    transform: $mobileheadertransition-hiddendefault;
    transition: transform 0s;

    &.is-having-shippingtext {
      transform: $mobileheadertransition-hiddenshippingtext;
    }
  }
}