@media screen and (max-width: 640px) {
  .shopify-section--header {
    z-index: 2;
  }
}

.shopify-section--header .header.position-top {
  display: block;
}

@media screen and (max-width: 640px) {
  .shopify-section--header .header.position-top .header__main-nav {
    display: none;
  }

  .shopify-section--header .header.position-top .header__secondary-nav {
    display: none;
  }
}

.shopify-section--header
  .header.position-top
  .header__secondary-nav
  .header__link-list {
  display: none;
}

.shopify-section--header .header.position-bottom {
  display: none;
  position: fixed;
  bottom: 0;
  width: 100%;
  border: 2px solid #009a44;
}

@media screen and (max-width: 640px) {
  .shopify-section--header .header.position-bottom {
    display: block;
  }
}

.shopify-section--header .header.position-bottom .header__wrapper {
  display: flex;
  width: 100%;
  background: #fff;
  padding: 0;
  height: 80px;
}

.shopify-section--header .header.position-bottom .link-top--wrapper {
  width: 20%;
  height: 100%;
}

.shopify-section--header .header.position-bottom .link-top--wrapper .link-top {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.shopify-section--header .header.position-bottom .header__main-nav {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  order: 2;
  width: 20%;
  height: 100%;
  background: #009a44;
}

.shopify-section--header
  .header.position-bottom
  .header__main-nav
  .header__icon-list {
  margin: 0;
  height: 100%;
}

.shopify-section--header
  .header.position-bottom
  .header__main-nav
  .header__icon-list
  button::after {
  display: block;
  position: absolute;
  top: 50%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--FFFFFF, #fff);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.36px;
}

.shopify-section--header
  .header.position-bottom
  .header__main-nav
  .header__icon-list
  button::after {
  content: "Menu";
}

.shopify-section--header
  .header.position-bottom
  .header__main-nav
  .header__icon-list
  button[aria-expanded="true"]::after {
  content: "Close";
}

.shopify-section--header
  .header.position-bottom
  .header__main-nav
  .header__icon-list
  button
  svg {
  display: none;
}

.shopify-section--header
  .header.position-bottom
  .tap-area[aria-controls="search-drawer"] {
  display: none;
}

.shopify-section--header .header.position-bottom .header__main-nav .tap-area {
  width: 100%;
  height: 100%;
}

.shopify-section--header .header.position-bottom .tap-area.account {
  display: block;
}

.shopify-section--header .header.position-bottom .tap-area.wishlist {
  display: block;
}

.shopify-section--header .header.position-bottom .header__logo {
  display: none;
}

.shopify-section--header .header.position-bottom .header__secondary-nav {
  order: 1;
  width: 60%;
  height: 100%;
}

.shopify-section--header
  .header.position-bottom
  .header__secondary-nav
  .header__icon-list {
  height: 100%;
  width: 100%;
  gap: 0;
}

.shopify-section--header
  .header.position-bottom
  .header__secondary-nav
  .header__icon-list
  .account {
  margin: 0;
  width: 33.3333333333%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-left: 2px solid #009a44;
  border-right: 2px solid #009a44;
}

.shopify-section--header
  .header.position-bottom
  .header__secondary-nav
  .header__icon-list
  .account
  svg
  * {
  stroke: #009a44;
}

.shopify-section--header
  .header.position-bottom
  .header__secondary-nav
  .header__icon-list
  .wishlist {
  margin: 0;
  width: 33.3333333333%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 2px solid #009a44;
}

.shopify-section--header
  .header.position-bottom
  .header__secondary-nav
  .header__icon-list
  .wishlist
  svg
  * {
  stroke: #009a44;
}

.shopify-section--header
  .header.position-bottom
  .header__secondary-nav
  .header__icon-list
  .wishlist-hero-header-icon {
  position: relative;
  color: green;
  margin: 0;
  width: 33.3333333333%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 2px solid #009a44;
}

.shopify-section--header
  .header.position-bottom
  .header__secondary-nav
  .header__icon-list
  .wishlist-hero-header-icon
  svg {
  padding-top: 3px !important;
  width: 24px !important;
}

.shopify-section--header
  .header.position-bottom
  .header__secondary-nav
  .header__icon-list
  .cart {
  margin: 0;
  width: 33.3333333333%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 2px solid #009a44;
}

.shopify-section--header
  .header.position-bottom
  .header__secondary-nav
  .header__icon-list
  .cart
  svg
  path {
  stroke: #009a44;
}

.shopify-section--header
  .header.position-bottom
  .header__secondary-nav
  .header__icon-list
  .cart
  .header__cart-count {
  top: 20px;
  left: 60px;
}

.shopify-section--header .header.position-bottom .cart-icon--wrapper {
  position: relative;
}

.shopify-section--header
  .header.position-bottom
  .header__secondary-nav
  .header__icon-list
  .cart
  .cart-icon--wrapper
  .header__cart-count {
  top: -7px;
  left: 20px;
}

.shopify-section--header .header__wrapper {
  padding: 30px 60px;
  gap: initial;
}

.shopify-section--header .header__icon-list {
  justify-content: flex-end;
  margin-right: 91px;
}

@media screen and (max-width: 1149px) {
  .shopify-section--header .header__icon-list {
    justify-content: flex-start;
  }
}

.shopify-section--header .header__link-list {
  gap: 47px;
}

.shopify-section--header .contents li {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.32px;
}

.shopify-section--header .contents li:nth-of-type(2) .mega-menu {
  padding: 137px 10px 145px;
  max-width: initial;
  justify-content: center;
}

.shopify-section--header .contents li:nth-of-type(2) .mega-menu__nav__items {
  display: flex;
  gap: 90px;
}

.shopify-section--header .contents li:nth-of-type(2) .reversed-link {
  color: var(--1D252D, #1d252d);
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.6px;
}

.shopify-section--header
  .contents
  li:nth-of-type(2)
  .navigation-promo__wrapper {
  display: none;
}

.shopify-section--header .text-with-icon {
  -moz-column-gap: 5px;
  column-gap: 5px;
}

.shopify-section--header .mega-menu {
  border-radius: 0px 0px 20px 20px;
  background: #fff;
  justify-content: flex-start;
  padding-left: 99px;
  gap: initial;
  padding-top: 80px;
  padding-bottom: 64px;
}

.shopify-section--header .justify-items-start a {
  color: var(--1D252D, #1d252d);
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.48px;
}

.shopify-section--header .navigation-promo {
  display: grid;
  grid-template-columns: repeat(6, auto);
  gap: 36px;
  align-items: start;
}

.shopify-section--header .content-over-media {
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: flex-start;
  max-width: 120px;
}

.shopify-section--header .content-over-media img {
  width: 120px;
  height: auto;
  aspect-ratio: 1;
  border-radius: 10px;
}

.shopify-section--header .content-over-media .place-self-end-start {
  place-self: initial;
  margin-top: 5px;
}

.shopify-section--header .content-over-media .place-self-end-start p {
  flex-shrink: 0;
  color: var(--1D252D, #1d252d);
  font-size: 12px !important;
  font-style: normal;
  font-weight: 500;
  line-height: 26px !important;
  letter-spacing: 0.48px;
  word-spacing: wrap;
}

.shopify-section--header .header__secondary-nav .header__icon-list {
  margin-right: 0;
  gap: 27.78px;
}

.shopify-section--header .mega-menu__products {
  margin-right: 158px;
}

.shopify-section--header .mega-menu__products__title {
  color: #009a44;
  font-size: 36px;
  letter-spacing: -0.72px;
}

.shopify-section--header .mega-menu__products__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 160px;
  width: 100%;
  padding: 20px 0 12px 0;
  border-bottom: 1px solid #009a44;
}

.shopify-section--header .mega-menu__products__link span {
  color: var(--1D252D, #1d252d);
  font-size: 12px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.48px;
}

.right-arrow__circle {
  background-color: #009a44;
  width: 30px;
  height: 30px;
  display: block;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.navigation-drawer::part(content) {
  min-height: calc(100vh - 84px);
}

.drawer.show-close-cursor::part(overlay) {
  display: none;
}

.navigation-drawer {
  padding: 0px;
  height: calc(100vh - 78px);
  top: 0;
}

.navigation-drawer .navigation-drawer::part(content) {
  -webkit-clip-path: none;
  clip-path: none;
}

.navigation-drawer .navigation-drawer::part(body) {
  min-height: initial;
  max-height: initial;
  height: calc(100vh - 78px);
}

.navigation-drawer .drawer.show-close-cursor::part(overlay) {
  display: none;
}

.navigation-drawer .panel-list__wrapper {
  height: 422px;
  min-height: initial;
  max-height: initial;
  height: calc(100vh - 78px);
  background: #fff;
}

.navigation-drawer .panel {
  min-height: initial;
  max-height: initial;
  height: 100vh;
}

.navigation-drawer .panel__wrapper {
  min-height: initial;
  max-height: initial;
  height: calc(100vh - 80px);
}

.navigation-drawer .panel__scroller {
  padding-top: 64px;
  gap: 0;
}

.navigation-drawer .header__block--newsletter {
  margin-top: 48px;
}

.navigation-drawer .header__block--newsletter > .v-stack {
  gap: 0;
}

.navigation-drawer .header__block--newsletter .form-control .input {
  border: none;
  border-bottom: 2px solid #009a44;
  border-radius: 0;
}

.navigation-drawer .header__block--newsletter .form-control .floating-label {
  margin-left: 0;
}

.navigation-drawer
  .header__block--newsletter
  .form-control
  .self-submit-button {
  right: 0;
}

.navigation-drawer .header__block--newsletter .form-control button {
  width: 30px;
  aspect-ratio: 1;
  height: auto;
}

.navigation-drawer .header__block--newsletter + .v-stack {
  margin-top: 48px;
  gap: 0;
}

.navigation-drawer .header__block--newsletter + .v-stack .h3 {
  width: 100%;
}

.navigation-drawer .header__block--newsletter + .v-stack .h3:nth-of-type(2) {
  margin-top: 34px;
}

.navigation-drawer .header__block--newsletter + .v-stack .h3:nth-of-type(3) {
  margin-top: 34px;
}

.navigation-drawer .header__block--newsletter + .v-stack .h3:nth-of-type(4) {
  margin-top: 34px;
}

.navigation-drawer
  .header__block--newsletter
  + .v-stack
  .h3:nth-of-type(n + 5) {
  margin-top: 10px;
}

.navigation-drawer .header__block--newsletter + .v-stack .h3 span {
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}

.navigation-drawer
  .header__block--newsletter
  + .v-stack
  .h3:nth-of-type(n + 4)
  span {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.96px;
}

.navigation-drawer .header__block--search form {
  overflow-x: hidden;
  gap: 0;
}

.navigation-drawer .header__block--search button[is="close-button"] {
  display: none;
}

.navigation-drawer .header__block--search .search-input {
  border-color: #009a44;
}

.navigation-drawer .h3 {
  color: #009a44;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}

.navigation-drawer .button--open-sublink {
  justify-content: flex-start;
  gap: 22px;
}

.navigation-drawer .button--open-sublink .arrow-up {
  display: none;
}

.navigation-drawer .button--open-sublink .arrow-down {
  display: block;
}

.navigation-drawer .button--open-sublink[aria-expanded="true"] .arrow-up {
  display: block;
}

.navigation-drawer .button--open-sublink[aria-expanded="true"] .arrow-down {
  display: none;
}

.navigation-drawer .sub-link--wrapper {
  display: none;
}

.navigation-drawer .sub-link--wrapper .h3 {
  font-size: 12px;
  line-height: initial;
  margin: 0 !important;
}

.navigation-drawer .sub-link--wrapper .h3 .group > span {
  font-size: 12px !important;
  line-height: 1 !important;
}

.navigation-drawer .sub-link--wrapper .h3 .group .reversed-link {
  color: var(--1D252D, #1d252d);
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 26px !important;
  letter-spacing: 0.48px !important;
}

.navigation-drawer .sub-link--wrapper.open {
  display: block;
}

.navigation-drawer .panel__wrapper > .panel-footer {
  display: none;
}

.navigation-drawer .social-media--wrapper {
  margin-top: 44px;
  display: flex;
  align-items: center;
}

.navigation-drawer .social-media--wrapper .social-media--title {
  color: #009a44;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -1.44px;
}

.navigation-drawer .social-media--wrapper .social-media {
  margin-left: 56px;
  gap: 20px;
}

.navigation-drawer .social-media--wrapper .tap-area {
  height: 32px;
  display: flex;
  align-items: center;
}

.navigation-drawer .social-media--wrapper .tap-area svg * {
  fill: #1d252d;
}

.navigation-drawer .social-media--wrapper a[aria-label="Follow on LINE"] svg {
  width: 25px;
  height: 25px;
}

.navigation-drawer .secondary-menu--wrapper {
  margin-top: 62px;
}

.navigation-drawer .secondary-menu--wrapper .v-stack {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  row-gap: 10px;
}

.navigation-drawer .secondary-menu--wrapper .v-stack li .h6 span {
  color: #1e1e1e;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  display: inline-block;
  white-space: nowrap;
}

.navigation-drawer .secondary-menu--wrapper .v-stack li:first-of-type {
  padding-right: 20px;
}

.navigation-drawer .secondary-menu--wrapper .v-stack li:nth-of-type(n + 2) {
  border-left: 1px solid #1d252d;
  padding-left: 20px;
  padding-right: 20px;
}

.navigation-drawer .secondary-menu--wrapper .v-stack li:last-of-type {
  padding-left: 0;
  border-left: none;
}

.navigation-drawer .panel-footer__localization-wrapper {
  display: none;
}
