/** Shopify CDN: Minification failed

Line 3811:30 Expected "]" to go with "["
Line 3811:67 Unexpected "]"
Line 3840:17 Expected "]" to go with "["
Line 3840:31 Unexpected "]"
Line 3860:17 Expected "]" to go with "["
Line 3860:31 Unexpected "]"
Line 3868:17 Expected "]" to go with "["
Line 3868:37 Unexpected "]"
Line 3876:17 Expected "]" to go with "["
Line 3876:31 Unexpected "]"
... and 8 more hidden warnings

**/
/*!************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.91.0_webpack-cli@4.10.0_/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.4.38_webpack@5.91.0_webpack-cli@4.10.0_/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./styles/index.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
 * DO NOT EDIT THIS FILE! THIS FILE IS GENERATED AUTOMATICALLY
 * SO YOUR CHANGES WILL BE LOST ON THE NEXT UPDATE.
 * TO ADD CUSTOM CSS CODE USE custom-theme.css FILE INSTEAD.
**/
.facets {
  padding-bottom: 146px;
}
.facets__disclosure {
    border-bottom: 1px solid var(--colorDrawerBorder);
  }
.facets__disclosure--sort {
      border-bottom: none;
    }
.facets__disclosure summary {
      font-size: max(calc(var(--typeBaseSize) - 2px), 14px);
      font-weight: 900;
      letter-spacing: normal;
      text-transform: uppercase;
      padding-top: 16px;
      padding-bottom: 16px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      cursor: pointer;
    }
.facets__disclosure summary .icon {
        width: 12px;
        height: 12px;
        margin-left: auto;
      }
.facets__disclosure > div {
      opacity: 0;
      padding-bottom: 5px;
    }
.facets__disclosure[open] summary .icon {
          -webkit-transform: rotate(180deg);
                  transform: rotate(180deg);
        }
.facets__disclosure[open] > div {
        opacity: 1;
        -webkit-transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94),
          height 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94),
          height 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      }
.facets__disclosure ul li label {
          font-size: inherit;
          display: block;
          line-height: 2;
          letter-spacing: normal;
          text-transform: none;
          margin-bottom: 0;
        }
.facets__option {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
.facets__option-checkbox {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 14px;
      height: 14px;
      border: 1px solid #000;
      margin-right: 5px;
      -ms-flex-negative: 0;
          flex-shrink: 0;
    }
.facets__option-checkbox span {
        position: absolute;
        display: block;
        width: 9px;
        height: 9px;
        background-color: #000;
        opacity: 0;
      }
input:checked ~ .facets__option-checkbox span {
          opacity: 1;
        }
.facets__option label::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
      }
.facets__option input:checked ~ label {
          font-weight: 900;
        }
.facets__option input:disabled ~ label {
          opacity: 0.5;
        }
.facets__reset {
    display: inline-block;
    font-size: 0.75rem;
    color: tomato !important;
    margin-bottom: 1em;
  }
.facets-drawer__footer {
    display: grid;
    grid-gap: 10px;
    gap: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #ffffff;
  }
.facets-drawer__footer .btn {
      font-size: calc(var(--typeBaseSize) - 2px);
      text-transform: none;
    }
.facets-drawer__apply.btn {
    color: #ffffff;
    background-color: #3d7a99;
  }
.facets-drawer__apply.btn:disabled {
      opacity: 0.5;
      pointer-events: none;
    }
.facets-drawer__clear.btn {
    color: #000000;
    background-color: #f4f4f4;
  }
@media (min-width: 769px) {
    .facets-drawer__footer {
      padding-left: 30px;
      padding-right: 30px;
    }
  }
.facets-drawer.drawer--left {
  width: 360px;
  left: -360px;
}
.facets-drawer.drawer--left.drawer--is-open {
  -webkit-transform: translate(360px);
          transform: translate(360px);
}
.facets-container {
  display: grid;
  grid-gap: 16px;
  gap: 16px;
}
.facets-filter {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}
.facets-filter + .facets-filter {
  padding-top: 16px;
  border-top: 1px solid var(--colorDrawerBorder);
}
.facets-filter__title {
  font-size: var(--typeBaseSize);
  font-weight: 600;
}
.facets-filter__options {
  display: grid;
  grid-gap: 16px;
  gap: 16px;
}
.facets-filter__options ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  grid-gap: 8px;
  gap: 8px;
  margin: 0;
}
.facets-filter__options ul li {
  margin: 0;
}
.facets-filter__options ul li label {
  font-size: var(--typeBaseSize);
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
  background-color: #f4f4f4;
  padding: 8px 16px;
  border-radius: 100px;
  margin: 0;
}
.facets-filter__options ul li input:checked + label {
  color: #ffffff;
  background-color: #3d7a99;
}
.CountrySelectorTrigger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
.CountrySelectorTrigger img {
      width: 24px;
      height: 24px;
      border-radius: 24px;
      overflow: hidden;
      -o-object-fit: cover;
         object-fit: cover;
      margin-right: 10px;
    }
.CountrySelectorTrigger span {
      display: none;
    }
.CountrySelector__Inner {
    max-width: 340px;
    margin: 0 auto;
    padding: 60px 0;
    text-align: center;
  }
.CountrySelector__Inner h2 {
      font-size: 1.75rem;
      margin-bottom: 30px;
    }
.CountrySelector__Inner button {
      width: 100%;
      letter-spacing: 0;
      margin-top: 30px;
    }
.CountrySelector__Details {
    position: relative;
  }
.CountrySelector__Details[open] summary::before {
          content: "";
          display: block;
          position: fixed;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          z-index: 2;
          cursor: default;
        }
.CountrySelector__Details[open] summary .Icon {
          -webkit-transform: rotate(180deg);
                  transform: rotate(180deg);
        }
.CountrySelector__Details summary {
      padding: 10px 10px;
      border: 1px solid var(--colorBorder);
      border-radius: 5px;
      list-style: none;
    }
.CountrySelector__Details summary::-webkit-details-marker {
        display: none;
      }
.CountrySelector__DetailsContent {
      position: absolute;
      z-index: 3;
      background-color: #fff;
      width: 100%;
      padding: 10px;
      max-height: 120px;
      overflow-y: auto;
    }
.CountrySelector__DetailsContent ul {
        list-style: none;
        padding: 0;
        margin: 0;
      }
.CountrySelector__DetailsContent ul li {
          margin: 0;
        }
.CountrySelector__DetailsContent ul li + li {
          margin-top: 10px;
        }
.CountrySelector__Selector {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
.CountrySelector__Selector .Icon {
      width: 1rem;
    }
.CountrySelector__SelectorContainer {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      cursor: pointer;
    }
.CountrySelector__SelectorContainer img {
        width: 24px;
        height: 24px;
        border-radius: 24px;
        overflow: hidden;
        -o-object-fit: cover;
           object-fit: cover;
        margin-right: 10px;
      }
.CountrySelector__Option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
  }
.CountrySelector__Option img {
      width: 24px;
      height: 24px;
      border-radius: 24px;
      overflow: hidden;
      -o-object-fit: cover;
         object-fit: cover;
      margin-right: 10px;
    }
.collapsible-text__content {
    position: relative;
    margin-bottom: 0 !important;
  }
.is-active .collapsible-text__content {
      overflow: hidden;
      max-height: var(--max-height);
    }
.is-active .collapsible-text__content::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1;
        background: rgb(255, 255, 255);
        background: -webkit-gradient(
          linear,
          left bottom, left top,
          from(rgba(255, 255, 255, 1)),
          to(rgba(255, 255, 255, 0))
        );
        background: linear-gradient(
          0deg,
          rgba(255, 255, 255, 1) 0%,
          rgba(255, 255, 255, 0) 100%
        );
        height: 60px;
      }
.is-open .collapsible-text__content {
      max-height: none;
    }
.is-open .collapsible-text__content::after {
        display: none;
      }
.collapsible-text__button {
    display: none;
    padding: 0;
    margin: 0 auto;
    text-decoration: underline;
    font-weight: 700;
    font-family: inherit;
    color: inherit;
  }
.is-active .collapsible-text__button {
      display: block;
    }
.localization-form__selector {
    font-size: 14px;
  }
.localization-form select {
    background-image: none;
    padding: 0;
    border: 0;
    font-size: inherit !important;
    font-weight: 600;
  }
.Modal {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: hidden;
  display: none;
}
.Modal.is-active {
    visibility: visible;
    position: fixed;
    z-index: 30;
    display: block;
  }
.Modal__Inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    opacity: 0;
    background-color: #fff;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    width: calc(100% - 34px);
    max-height: calc(100% - 34px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-radius: 30px;
  }
.is-visible .Modal__Inner {
      opacity: 1;
    }
.Modal__Overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    background-color: rgba(114,114,114,0.47843);
  }
.is-visible .Modal__Overlay {
      opacity: 1;
    }
.Modal__Close {
    position: absolute;
    padding: 0;
    top: 15px;
    right: 15px;
    background-color: transparent;
    cursor: pointer;
  }
.Modal__Close svg {
      width: 15px;
      height: 15px;
    }
.Modal__Main {
    overflow: auto;
    padding: 20px;
    width: 100%;
    height: 100%;
  }
.Modal__Title {
    font-size: 18px;
    text-transform: uppercase;
  }
@media (min-width: 576px) {
    .Modal__Inner {
      max-width: 500px;
    }

    .Modal__Main {
      padding: 20px 30px;
    }
  }
.product-variant-popup-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 29px;
  gap: 29px;
  margin-bottom: 16px;
}
.product-variant-popup-flex img {
  max-width: 180px;
}
.product-custom-popup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  padding: 32px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-radius: 32px;
}
.product-custom-popup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  width: 100%;
  background-color: #fff;
  border: 1px solid #eaeae9;
  z-index: 99;
  position: relative;
  padding: 32px;
  width: 100%;
  max-width: 570px;
  height: auto;
}
.ModalForm .product__select-title {
  text-transform: none;
  margin-bottom: 24px;
  font-weight: 500;
  color: #262626;
  font-size: calc(var(--typeBaseSize) + 2px);
}
.product-popup__title {
  color: #262626;
  font-size: var(--typeBaseSize);
  font-weight: 500;
  letter-spacing: normal;
  text-transform: none;
  margin: 0;
}
.product-popup__tag--promo {
  color: #262626;
  border-radius: 30px;
  background: #f4f4f4;
  font-size: calc(var(--typeBaseSize) - 2px);
  font-style: normal;
  font-weight: 500;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 4px 8px;
}
.product-variant-popup-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  grid-gap: 12px;
  gap: 12px;
}
.ModalForm.active {
  pointer-events: all;
  width: 100%;
  height: 100%;
  opacity: 1;
  visibility: visible;
}
.ModalForm.active .product-custom-popup {
  -webkit-animation: mobile-modal_slide-in 0.4s forwards;
          animation: mobile-modal_slide-in 0.4s forwards;
}
.ModalForm.close-animation .product-custom-popup {
  -webkit-animation: mobile-modal_slide-out 0.7s forwards;
          animation: mobile-modal_slide-out 0.7s forwards;
}
.ModalForm.active {
  -webkit-animation: mobile-modal_backdrop-in 0.6s forwards;
          animation: mobile-modal_backdrop-in 0.6s forwards;
}
.ModalForm.close-animation {
  -webkit-animation: mobile-modal_backdrop-out 0.6s forwards;
          animation: mobile-modal_backdrop-out 0.6s forwards;
}
.ModalForm {
  pointer-events: none;
  -webkit-transition: all ease-in 0.2s;
  transition: all ease-in 0.2s;
  position: fixed;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  z-index: 99;
  visibility: hidden;
  opacity: 0;
}
.ModalForm.active .Modal {
  visibility: visible;
  display: block;
}
.ModalForm .Modal__Overlay {
  opacity: 0;
}
.ModalForm .custom-product-template .product-variant-popup-info .product__price {
  font-size: calc(var(--typeBaseSize) + 2px);
  font-weight: 500;
  margin-right: 8px;
}
.custom-product-template .product-variant-popup-info .variant-wrapper {
  margin-bottom: 0;
}
.ModalForm .product-image-main {
  width: 180px;
  height: 180px;
}
.ModalForm .product-single__form {
  margin: 0;
  padding: 0;
  border: none;
  /* overflow-y: auto; */
}
.ModalForm .product-single__variants-wrapper,
.ModalForm .product-single__variants-container {
  grid-gap: 0;
  gap: 0;
}
.ModalForm .custom-product-template .custom-meta {
  margin-bottom: 8px;
}
.ModalForm .custom-product-template .custom-meta .custom-meta__price {
  margin-bottom: 12px;
}
.ModalForm .shopify-section {
  height: 100%;
}
.ModalForm .custom-product-template {
  width: 100%;
  height: 100%;
}
.ModalForm .custom-product-template-flex {
  height: 100%;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ModalForm.active .Modal {
  visibility: visible;
  position: fixed;
  z-index: 30;
}
.ModalForm.active .custom-product-template-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  .ModalForm .custom-product-template-flex {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
  }
  .product-custom-popup {
    border-radius: 32px 32px 0 0;
    padding: 18px;
    max-height: 100%;
  }
  .product-custom-popup .icon-close-popup {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .ModalForm .custom-product-template .custom-meta {
    margin-bottom: 0;
  }
  .ModalForm {
    top: auto;
    top: initial;
    bottom: 0;
    left: 0;
    -webkit-transform: none;
            transform: none;
    -webkit-transform: initial;
            transform: initial;
  }
  .product-variant-popup-flex {
    grid-gap: 18px;
    gap: 18px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .ModalForm .product-variant-popup-flex img {
    max-width: 130px;
  }
  .ModalForm .product-image-main {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    max-width: 130px;
    max-height: 130px;
    height: 100%;
    width: 100%;
    overflow: hidden;
    border-radius: 6px;
  }
  .ModalForm .custom-product-template .variant-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .ModalForm .custom-product-template .variant__label-title {
    font-size: var(--typeBaseSize);
  }
  .ModalForm .custom-product-template .variant__button-label {
    font-weight: 500;
  }
  .ModalForm
    .custom-product-template
    .variant-input-wrap
    input[type="radio"]:checked
    + .variant__button-label {
    font-weight: 500;
  }
  .ModalForm .custom-product-template .discount-compare-price {
    opacity: 1;
    margin: 0;
  }
  .ModalForm .custom-product-template .custom-meta__price {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@-webkit-keyframes mobile-modal_backdrop-in {
  0% {
    background-color: transparent;
  }
  to {
    background-color: rgba(114,114,114,0.47843);
  }
}
@keyframes mobile-modal_backdrop-in {
  0% {
    background-color: transparent;
  }
  to {
    background-color: rgba(114,114,114,0.47843);
  }
}
@-webkit-keyframes mobile-modal_backdrop-out {
  0% {
    background-color: rgba(114,114,114,0.47843);
  }
  100% {
    background-color: transparent;
  }
}
@keyframes mobile-modal_backdrop-out {
  0% {
    background-color: rgba(114,114,114,0.47843);
  }
  100% {
    background-color: transparent;
  }
}
@-webkit-keyframes mobile-modal_slide-in {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes mobile-modal_slide-in {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes mobile-modal_slide-out {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(180%);
            transform: translateY(180%);
  }
}
@keyframes mobile-modal_slide-out {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(180%);
            transform: translateY(180%);
  }
}
.navigation-bar ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
  }
.navigation-bar ul li {
      width: 100%;
      margin: 0;
    }
.navigation-bar ul li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        height: 50px;
        text-align: center;
        color: var(--text-color);
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0em;
        font-size: 0.85em;
      }
.navigation-bar ul li + li a {
          position: relative;
        }
.navigation-bar ul li + li a::after {
            content: "";
            display: block;
            width: 1px;
            height: 80%;
            position: absolute;
            left: 1px;
            background-color: var(--text-color);
            opacity: 0.5;
          }
.PopupContent__Trigger {
    display: inline-block;
    margin-bottom: 20px;
    color: #1e7c9c;
    cursor: pointer;
  }
.PopupContent__Text {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
.PopupContent__Text svg {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      margin-right: 5px;
    }
.PopupContent .Modal__Inner {
    max-width: 640px;
  }
.PopupContent .Modal__Title {
    text-align: center;
  }
.PopupContent .rte table {
      border-collapse: collapse;
    }
.PopupContent .rte table th,
      .PopupContent .rte table td {
        border: 0;
        text-align: left;
      }
.PopupContent .rte table th {
        padding: 20px 0;
        text-transform: uppercase;
      }
.PopupContent .rte table td {
        padding: 10px 0;
      }
.PopupContent .rte table tbody tr:nth-child(odd) td {
              background-color: var(--colorBorder);
            }
.PopupContent .rte hr {
      margin: 40px 0;
    }
@media (min-width: 576px) {
    .PopupContent .Modal__Main {
      padding: 40px 60px;
    }
  }
/* MODAL POPUP */
.PostAddToCart__Content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
.PostAddToCart__Image {
    width: 120px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
.PostAddToCart__ImageWrapper {
      position: relative;
      padding-bottom: 100%;
    }
.PostAddToCart__Image img {
      position: absolute;
      left: 0;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
    }
.PostAddToCart__Meta {
    margin-top: 20px;
    padding-left: 20px;
  }
.PostAddToCart__Title {
    font-size: 14px;
    text-transform: uppercase;
    text-align: justify;
  }
.PostAddToCart__Variants {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 50px;
  }
.PostAddToCart__Variants .variant-selection input[type="radio"]:checked + .variant-selection-label {
        background-color: var(--colorTextBody);
        color: var(--colorBody);
        font-weight: 700;
      }
.PostAddToCart__Variants .variant-selection-label {
      border-radius: 3px;
    }
.PostAddToCart__Container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
.PostAddToCart__Quantity {
    font-size: 14px;
  }
.PostAddToCart__Price {
    font-size: 20px;
  }
.PostAddToCart .btn {
    margin-top: 10px;
  }
.PostAddToCart__Continue {
    border-color: #000;
  }
.PostAddToCart__Submit {
    background-color: #1e7c9c;
  }
.PostAddToCart__Submit:hover:not(:disabled) {
      background-color: #1e7c9c !important;
    }
.price-range {
  padding-top: 40px;
  margin-bottom: 30px;
}
.price-range .noUi-target {
    background-color: var(--colorBorder);
    border: 0;
    height: 2px;
  }
.price-range .noUi-target .noUi-connects {
      border-radius: 0;
    }
.price-range .noUi-target .noUi-connect {
      background-color: rgba(0, 0, 0, 0.8);
    }
.price-range .noUi-target .noUi-handle {
      top: -9px;
      width: 20px;
      height: 20px;
      border: 0;
      border-radius: 2px;
      -webkit-box-shadow: none;
              box-shadow: none;
      background-color: #000;
    }
.price-range .noUi-target .noUi-handle::after,
      .price-range .noUi-target .noUi-handle::before {
        display: none;
      }
.price-range .noUi-target .noUi-handle.noUi-handle-lower {
        right: -20px;
      }
.price-range .noUi-target .noUi-handle.noUi-handle-upper {
        right: 0;
      }
.price-range .noUi-target .noUi-tooltip {
      background-color: transparent;
      border: 0;
    }
.wishlist-button {
    display: none;
    padding: 0;
  }
.wishlist-button svg {
      width: 16px;
      height: 16px;
      color: var(--colorTextBody);
    }
.wishlist-button.added svg {
        fill: currentColor;
      }
.wishlist-button--product {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
    }
.swym-ready .wishlist-button--product {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
      }
.wishlist-button--product::before {
        content: attr(aria-label);
      }
.wishlist-button--product svg {
        width: 18px;
        height: 18px;
        margin-left: 8px;
      }
@media (min-width: 769px) {
.wishlist-button--product {
        display: none !important
    }
      }
.wishlistBtnAll {
  margin-bottom: 15px;
  margin-left: auto;
  display: block;
}
.wishlist-loading {
  text-align: center;
}
.wishlist-loading svg {
  margin: 50px 0;
  max-width: 250px;
  width: 100%;
  max-height: 250px;
  height: 100%;
  -webkit-transition: -webkit-transform 3s ease-in-out;
  transition: -webkit-transform 3s ease-in-out;
  transition: transform 3s ease-in-out;
  transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out;
  -webkit-animation: rotate 9s linear infinite;
          animation: rotate 9s linear infinite;
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@media (max-width: 768px) {
  .wishlist-loading svg {
    max-width: 150px;
    max-height: 150px;
  }
  .page-wishlist .page-width {
    padding-left: 0;
    padding-right: 0;
  }
  .page-wishlist .section-header {
    padding-left: 17px;
    padding-right: 17px;
  }
  .wishlistBtnAll {
    margin-right: 17px;
  }
  .page-wishlist .tooltip__content {
    right: 0;
  }
  .tooltip__content_top::before {
    display: none;
  }
}
.grid-product-redesign .shopify-product-form-container {
  border: 1px solid #eaeae9;
  background: #fff;
  display: none;
  text-align: center;
  z-index: 11;
  position: absolute;
  top: 0;
  padding: 16px;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.grid-product-redesign .grid-product__link {
  padding: 6px;
}
.grid-product-redesign .grid-product__image-mask {
  width: 100%;
  background: transparent;
  border-radius: 16px;
  border: 1px solid transparent;
  -webkit-transition: background 0.3s ease-out;
  transition: background 0.3s ease-out;
}
.grid-product-redesign .grid__image-ratio {
  background-color: transparent;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  will-change: transform;
}
.grid-product__tag-list {
  position: absolute;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px;
  z-index: 1;
}
.grid-product__tag-list--top {
  top: 6px;
  padding: 4px 14px;
}
@media only screen and (min-width: 769px) {
  .grid-product__tag-list--top {
    top: 10px;
  }
}
.grid-product__tag-list--bottom {
  bottom: 0;
}
@media only screen and (min-width: 769px) {
  .grid-product__tag-list--bottom {
    bottom: 6px;
  }
}
.grid-product-redesign .grid-product__tag {
  position: static;
  font-size: calc(var(--typeBaseSize) - 4px);
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1;
  border-radius: 32px;
  color: #ffffff;
  background-color: #000000;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden;
  padding: 5px 6px 4px 6px;
}
.grid-product__tag-list .grid-product__tag + .grid-product__tag {
  margin-left: 8px;
}
.grid-product-redesign .wishlist-button--icon {
  width: 28px;
  height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: background 0.3s ease-out;
  transition: background 0.3s ease-out;
}
@media only screen and (min-width: 769px) {
  .grid-product-redesign .wishlist-button--icon {
    width: 32px;
    height: 32px;
  }
}
.grid-product-redesign .wishlist-button--icon svg {
  width: 12px;
  height: 12px;
}
@media only screen and (min-width: 769px) {
  .grid-product-redesign .wishlist-button--icon svg {
    width: 16px;
    height: 16px;
  }
}
.grid-product__tag-list .wishlist-button--icon {
  margin-left: auto;
}
.grid-product-redesign .grid-product__price {
  margin-top: 22px;
  font-size: 14px;
  font-weight: 400;
  color: #262626;
}
.grid-product-redesign .grid-product__tag {
  -webkit-transition: background 0.3s ease-out;
  transition: background 0.3s ease-out;
}
.grid-product-redesign .grid-product__tag--sale {
  background-color: #df645e;
}
.grid-product-redesign .grid-product__tag--promo {
  color: var(--colorTextBody);
  background-color: #ffffff;
}
.grid-product-redesign .grid-product__tag--featured-icon {
  padding: 3px 12px;
}
.grid-product-redesign .grid-product__tag--featured-icon img {
  width: 12px;
  height: 12px;
}
.grid-product-redesign .grid-product__view {
  font-size: 12px;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 6px;
  gap: 6px;
  margin-top: 19px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  line-height: normal;
}
.grid-product-redesign .grid-product__view:hover {
  text-decoration: underline;
}
.grid-product-redesign .product__select-title {
  color: #262626;
  font-size: 16px;
  margin-bottom: 24px;
  text-transform: none;
  letter-spacing: normal;
  line-height: normal;
  text-align: center;
}
.grid-product-redesign .product__input {
  padding: 5px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-radius: 30px;
  border: 1px solid #eaeae9;
  font-size: 11px;
  font-weight: 400;
  position: relative;
  line-height: normal;
  cursor: pointer;
}
.cart__recommended-products-wrapper .product__input-pack {
  font-size: 10px;
}
.cart__recommended-products-wrapper .product__input:hover {
  border: 1px solid #262626;
}
.grid-product-redesign .product__input-hover {
  display: none;
  background: #fff;
  height: 100%;
  border-radius: 30px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 16px;
  position: absolute;
  width: 100%;
  top: 0;
  right: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.grid-product-redesign .product__input:hover .product__input-hover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.grid-product-redesignbutton.add-to-cart {
  width: 28px;
  min-width: 28px;
  height: 28px;
  display: none;
  padding: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #fff;
  border-radius: 50%;
}
.grid-product-redesign .Modal__Main {
  padding-top: 50px;
  text-align: center;
}
.grid-product-redesign .grid-product__properties {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 4px;
  gap: 4px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 7px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 10px;
}
@media only screen and (min-width: 769px) {
  .grid-product-redesign .grid-product__properties {
    grid-gap: 8px;
    gap: 8px;
    font-size: 10px;
  }
}
.grid-product-redesign .grid-product__properties li {
  margin: 0;
  padding: 4px 6px;
  background-color: #e9e7e4;
  border-radius: 100px;
}
@media only screen and (min-width: 769px) {
  .grid-product-redesign .grid-product__properties li {
    padding: 4px 8px;
  }
}
.grid-product-redesign .grid-product__meta.mobile-screen {
  display: none;
}
.grid-product-redesign {
  position: relative;
  cursor: pointer;
  height: auto;
  margin-bottom: 0;
  -webkit-tap-highlight-color: transparent;
}
.grid-product-redesign.active::after {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000000;
  z-index: 3;
  opacity: 0.5;
}
.grid-product-redesign .Modal__Inner {
  width: 100%;
}
.grid-product-redesign .grid__image-ratio picture {
  padding-top: 2px;
  padding-bottom: 0px;
}
.grid-product-redesign .link-to-product {
  display: none;
}
.grid-product-redesign .grid-product__meta .grid-product__meta-part {
  width: 100%;
}
.grid-product-redesign .grid-product__content .grid-product__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0px 6px;
}
@media only screen and (min-width: 769px) {
  .grid-product__relative:hover .shopify-product-form-container {
    display: block;
  }
}
.mobile-add-to-cart {
  display: block;
  position: absolute;
  bottom: 12px;
  right: 12px;
  height: 28px;
  width: 28px;
}
@media only screen and (min-width: 769px) {
  .mobile-add-to-cart {
    height: 32px;
    width: 32px;
  }
}
.pulse:before,
.pulse:after {
  content: "";
  position: absolute;
  width: 28px;
  height: 28px;
  background-color: #fff;
  border-radius: 50%;
  z-index: 1;
  opacity: 0.7;
}
.pulse svg {
  width: 24px;
  height: 24px;
}
@media only screen and (min-width: 769px) {
  .pulse svg {
    width: 28px;
    height: 28px;
  }

  .pulse:before,
  .pulse:after {
    width: 32px;
    height: 32px;
  }
}
.pulse {
  position: absolute;
  border-radius: 50%;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  place-items: center;
  color: #fff;
}
.pulse:after {
  -webkit-animation: pulse 2s 1s ease-out infinite;
          animation: pulse 2s 1s ease-out infinite;
}
.pulse:before {
  -webkit-animation: pulse 2s ease-out infinite;
          animation: pulse 2s ease-out infinite;
}
@-webkit-keyframes pulse {
  100% {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0;
  }
}
@keyframes pulse {
  100% {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0;
  }
}
.mobile-add-to-cart svg {
  pointer-events: none;
  z-index: 2;
}
.link-to-product {
  margin-top: 33px;
  display: inline-block;
}
.grid-product-redesign .grid-product__meta.mobile-screen {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: initial;
      -ms-flex-align: initial;
          align-items: initial;
}
.grid-product-redesign button.add-to-cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.grid-product-redesign .grid-product__content .grid-product__meta {
  background: transparent;
  padding: 8px;
  grid-gap: 4px;
  gap: 4px;
  -ms-flex-wrap: initial;
      flex-wrap: initial;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
@media only screen and (min-width: 769px) {
  .grid-product-redesign .grid-product__content .grid-product__meta {
    padding: 12px;
  }
}
.grid-product-redesign .grid-product__meta.desktop-screen {
  display: none;
}
.grid-product-redesign .shopify-product-form-container {
  display: none;
}
.grid-product-redesign .product-price {
  margin-top: 6px;
  font-size: 12px;
}
.grid-product-redesign .grid-product__price {
  margin: 4px 0 0;
  font-size: 12px;
}
.grid-product-redesign .grid-product__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  background: #f9f9f9;
  border-radius: 16px;
  overflow: hidden;
}
.grid-product-redesign .grid-product__title {
  font-size: var(--typeBaseSize);
  font-weight: 500;
}
.grid-regular-price {
  color: #f05959;
  font-size: 12px; 
}
.grid-compare-price {
  color: #828282;
  margin-left: 6px;
  text-decoration: line-through;
  font-size: 12px;
}
@media only screen and (max-width: 1201px) {
  .cart__recommended-products .flex-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .grid-product-redesign .product__input {
    font-size: 12px;
    padding: 12px 16px;
  }
  .grid-product-redesign .product-single__variants-wrapper,
  .grid-product-redesign .product-single__variants-container {
    grid-gap: 8px;
    gap: 8px;
  }
  .grid-product-redesign .Modal__Close {
    top: 32px;
    right: 17px;
  }
}
@media only screen and (max-width: 400px) {
  .grid-product__title {
    max-width: 83%;
  }
}
.grid-product-featured .grid-product__content {
  background-color: #ffffff;
}
.grid-product-featured .grid-product__image-mask {
  background: #f4f4f4;
  border-color: #e9e9e9;
}
.grid-product-featured .pulse svg circle {
  fill: #3d7a99;
}
.grid-product-featured .pulse svg path {
  fill: #ffffff;
}
.grid-product-featured .pulse::before,
.grid-product-featured .pulse::after {
  background-color: #3d7a99;
  opacity: 0.1;
}
@media only screen and (min-width: 769px) {
  .grid-product-featured .grid-product__tag-list .grid-product__tag:first-child {
    margin-left: 8px;
  }
}
.grid-product-redesign:hover .grid-product__image-mask {
  background: #ffffff;
}
.grid-product-redesign:hover .grid__image-ratio {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.grid-product-redesign:hover .grid-product__tag--promo {
  background: #f4f4f4;
}
.grid-product-redesign:hover .wishlist-button--icon {
  background: #f4f4f4;
}
.account-content__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 80px 0;
}
.account-content__flex .nav-title {
    color: #000;
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
  }
.account-content__flex ul {
    list-style: none;
    margin: 46px 0 32px;
  }
.account-content__flex .tabs li {
    margin: 0;
  }
.account-content__flex .tabs a {
    display: block;
    padding: 16px 0;
    margin: 0;
    color: #767676;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
.account-content__flex .tabs a:hover {
    color: #111;
  }
.account-content__flex .tabs .active {
    color: #111;
  }
.account-content__flex .left-content {
    padding-right: 120px;
  }
.account-content__flex .btn-logout {
    font-size: var(--typeBaseSize);
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-transform: capitalize;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    grid-gap: 8px;
    gap: 8px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
.account-content__flex .pouch-points-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    grid-gap: 8px;
    gap: 8px;
  }
.account-content__flex .pouch-points-flex svg {
    width: 25px;
  }
.account-content__flex .pouch-points-flex svg path {
    fill: #56cee6;
  }
.account-content__flex .pouch-points-flex a,
  .account-content__flex .customer-status {
    margin-bottom: 0;
    letter-spacing: normal;
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
  }
.account-content__flex .customer-status {
    text-transform: uppercase;
    -webkit-text-decoration-line: none;
            text-decoration-line: none;
    margin-bottom: 10px;
  }
.account-content__flex .pouch-points-flex input {
    margin-right: 0;
  }
.tracking-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 16px;
  margin-bottom: 24px;
  grid-gap: 3px;
  gap: 3px;
}
.tracking-number svg {
  cursor: pointer;
}
.tracking-number p,
.tracking-number span,
.tracking-number a {
  color: #111;
  font-family: "Univers Next Pro", sans-serif;
  font-size: var(--typeBaseSize);
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 0;
}
.account-tab-wrapper .track-order {
  margin-top: 16px;
}
.account-tab-wrapper .track-order a {
  width: auto;
  max-width: none;
}
.account-tab-content {
  display: none;
}
.right-content {
  width: 100%;
  max-width: 920px;
  padding-left: 120px;
}
.account-content__flex .left-content {
  padding-right: 0;
}
body .account-tab-header {
  color: #242424;
  font-size: 32px;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 32px;
  text-transform: none;
}
.account-tab-wrapper {
  border-radius: 12px;
  border: 1px solid var(--colorBorder);
  padding: 24px;
}
.account-tab-wrapper h3 {
  color: #242424;
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}
.account-tab-wrapper .order-label {
  color: #707070;
  font-family: "Univers Next Pro", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.account-tab-wrapper a {
  font-weight: 400;
  max-width: 170px;
  width: 100%;
  font-size: var(--typeBaseSize);
  text-transform: capitalize;
}
.account-table-container {
  margin-top: 32px;
  padding: 24px 0 24px 32px;
}
.account-table-grid {
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.account-table-header {
  margin-bottom: 30px;
}
.account-table-body-row:not(:last-child) {
  margin-bottom: 40px;
}
.account-table-body-row p {
  color: #111;
  font-family: "Univers Next Pro", sans-serif;
  font-size: var(--typeBaseSize);
  font-weight: 500;
  text-align: center;
  margin-bottom: 0;
}
.account-table-body-row p:nth-child(1) {
  text-align: left;
}
.account-table-plan {
  padding: 12px;
  text-align: center;
  width: 100%;
  border-radius: 12px;
}
.account-table-plan:nth-child(2) {
  background-color: #997a3f;
}
.account-table-plan:nth-child(3) {
  background-color: #c0c0c0;
}
.account-table-plan:nth-child(4) {
  background-color: #cdb04e;
}
.account-table-plan p {
  color: #fff;
  font-family: "Univers Next Pro", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
}
.account-table-plan p,
.account-table-plan span {
  color: #fff;
  font-family: "Univers Next Pro", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
}
.account-table-plan p {
  margin-bottom: 8px;
}
.account-table-plan span {
  font-size: var(--typeBaseSize);
  font-weight: 400;
}
.account-table-header h6 {
  max-width: 195px;
  margin-right: 35px;
  color: #111;
  font-family: "Univers Next Pro", sans-serif;
  font-size: var(--typeBaseSize);
  font-weight: 500;
  line-height: 146.5%;
  letter-spacing: normal;
  text-transform: none;
}
.account-support-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 32px;
  gap: 32px;
  margin-bottom: 60px;
}
.account-support-block {
  padding: 24px;
  max-width: 380px;
  width: 50%;
  border: 1px solid var(--colorBorder);
  border-radius: 12px;
  text-align: left;
}
.account-support-block img {
  width: 48px;
  height: 48px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 16px;
}
.account-support-block h5 {
  color: #242424;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: 16px;
  letter-spacing: normal;
}
.account-support-block p {
  margin-bottom: 0;
}
.account-support-bottom {
  text-align: center;
  width: 100%;
  max-width: 792px;
}
.account-support-bottom h6 {
  color: #111;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: normal;
  text-transform: capitalize;
  margin-bottom: 16px;
}
.account-support-bottom div {
  color: #262626;
  font-family: "Univers Next Pro", sans-serif;
  font-size: var(--typeBaseSize);
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: normal;
  margin-bottom: 0;
}
.account-support-bottom div a {
  text-decoration: underline;
}
.account-mobile-return {
  display: none;
  padding: 0;
  margin-bottom: 16px;
}
.current-address__default span {
  display: block;
  margin-bottom: 8px;
  color: #000;
  font-family: "Univers Next Pro";
  font-size: calc(var(--typeBaseSize) + 2px);
  font-weight: 400;
  line-height: 150%;
}
.current-address__default span:last-child {
  margin-bottom: 0;
}
.address__default span:last-child {
  margin-bottom: 0;
}
.address__content .account-tab-wrapper {
  position: relative;
}
.address__content .account-tab-wrapper form {
  position: absolute;
  top: 8px;
  right: 8px;
}
.address__content .account-tab-wrapper form .buttons__wrapper {
  margin: 0;
}
.address__content .account-tab-wrapper form .buttons__wrapper button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 12px;
}
.current-address__wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 32px;
  gap: 32px;
}
.btn-new-address__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 24px;
  border-radius: 12px;
  border: 1px solid var(--colorBorder);
}
.address-block__wrapper,
.js-address-form {
  margin-top: 30px;
  max-width: 480px;
}
.address-block__wrapper label {
  display: block;
  margin-bottom: 5px;
  color: #000;
  font-family: "Univers Next Pro", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: normal;
  text-transform: none;
}
.address-block__wrapper input,
.address-block__wrapper select {
  max-width: none;
  border-radius: 6px;
  font-size: var(--typeBaseSize);
  border: 1px solid #9d9090;
  width: 100%;
}
.buttons__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 20px;
  gap: 20px;
  margin-top: 30px;
}
.address-block__field {
  margin-bottom: 20px;
}
.buttons__wrapper .address-update {
  margin-bottom: 0;
  text-transform: capitalize;
  font-size: var(--typeBaseSize);
  font-style: normal;
  font-weight: 400;
}
.btn-new-address__container button {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 16px;
  gap: 16px;
  color: #000;
  font-family: "Univers Next Pro", sans-serif;
  font-size: var(--typeBaseSize);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
}
.account-customer-order {
  position: relative;
  max-width: 700px;
  border-radius: 12px;
  border: 1px solid var(--colorBorder);
  padding: 24px;
}
.account-customer-order__layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 32px;
  gap: 32px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.account-customer-order .order-container {
  position: static;
  max-width: none;
  padding: 0;
  border: none;
}
.account-customer-order__layout p {
  color: #767676;
  font-weight: 400;
  margin: 0;
  width: 25%;
}
.account-customer-order__layout span {
  width: 50%;
  margin-left: auto;
}
.account-customer-view-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 16px;
  gap: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.account-customer-view-btn .btn {
  white-space: nowrap;
  width: 100%;
  text-transform: none;
}
.account-customer-view-btn .btn--loading {
  text-indent: 0;
}
.account-customer-order .account-customer-view-order,
.account-customer-order .account-customer-reorder-order {
  font-size: var(--typeBaseSize);
  font-family: "Univers Next Pro", sans-serif;
}
.account-customer-order .account-customer-reorder-order {
  border: 1px solid var(--colorTextBody);
}
.account-tab-wrapper .account-customer-reorder-order {
  padding: 10px 20px;
  border-radius: 20px;
  color: #111;
  font-family: "Univers Next Pro", sans-serif;
  font-size: calc(var(--typeBaseSize) - 2px);
  font-weight: 400;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  line-height: normal;
  border: 1px solid #111;
}
.account-customer-order-view {
  position: relative;
}
.account-customer-order-view form .btn {
  width: 100%;
  text-transform: none;
}
@media screen and (min-width: 768px) {
.account-customer-order-view form .btn {
    width: auto
}
  }
.account-customer-order-view__close {
  position: absolute;
  top: 32px;
  right: 24px;
  width: auto !important;
  max-width: none !important;
}
.account-customer-order-view__close * {
    pointer-events: none;
  }
@media screen and (min-width: 768px) {
.account-customer-order-view__close {
    top: 24px
}
  }
.account-customer-order-lines {
  display: grid;
  grid-gap: 16px;
  gap: 16px;
  width: 100%;
}
.account-customer-order-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Univers Next Pro", sans-serif;
  font-size: calc(var(--typeBaseSize) + 0px);
}
.account-customer-order-content--total {
  font-size: calc(var(--typeBaseSize) + 0px);
  margin-top: 8px;
}
.order-container .order-number {
  color: #000;
  font-family: "Univers Next Pro", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}
.btn--cancel,
.address-cancel {
  margin-left: 10px;
}
.order-container-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.buttons__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  grid-gap: 5px;
  gap: 5px;
}
.template-customers-account .hero__subtitle {
  font-size: calc(var(--typeBaseSize) - 2px);
  margin: 24px 0 25px;
}
.template-customers-account .hero__text-content .btn {
  text-transform: capitalize;
  font-weight: 400;
}
.address-set-default-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 1024px) {
  .account-customer-order__layout {
    display: grid;
  }
  .account-customer-order__layout p {
    width: 45%;
  }
}
@media only screen and (max-width: 768px) {
  .account-tab-wrapper {
    padding: 32px 24px;
  }
  .current-address__wrapper {
    grid-template-columns: auto;
    grid-gap: 24px;
    gap: 24px;
  }
  .address__content .account-tab-wrapper {
    padding: 24px;
  }
  .address__content .account-tab-wrapper form .btn,
  .address__content .account-tab-wrapper form .address-set-default {
    font-size: 13px !important;
  }
  .address__content .account-tab-wrapper form .btn {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    margin: 5px auto 0;
  }
  .address__content .account-tab-wrapper .buttons__wrapper {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .address__content,
  .btn-new-address__container {
    width: 100%;
  }
  .account-customer-order {
    padding: 32px 24px;
  }
  .template-customers-account .hero--mobile--400px[data-mobile-natural="false"] {
    height: 380px;
  }
  .template-customers-account .hero__title {
    font-size: 32px;
  }
  .template-customers-account .hero__text-content .btn {
    font-size: var(--typeBaseSize);
  }
  .btn-new-address__container button {
    margin: 0 auto;
  }
  .address-block__wrapper input,
  .address-block__wrapper select {
    width: 100%;
  }
  .account-support-block {
    width: 100%;
  }
  .right-content {
    display: none;
    padding-left: 0;
  }
  .account-content__flex {
    padding: 48px 0;
  }
  .account-mobile-return {
    display: block;
  }
  .account-table-container {
    padding: 16px;
  }
  .account-table-header h6 {
    font-size: calc(var(--typeBaseSize) - 2px);
    margin-right: 15px;
  }
  .account-table-plan p,
  .account-table-plan span {
    font-size: calc(var(--typeBaseSize) - 2px);
  }
  .account-table-plan {
    padding: 15px 9px;
  }
  [dir="ltr"] .account-table-body-row p {
    text-align: right;
  }
  [dir="rtl"] .account-table-body-row p {
    text-align: left;
  }
  .account-table-body-row p {
    font-size: calc(var(--typeBaseSize) - 2px);
  }
  .account-support-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 48px;
  }
  .account-support-block {
    max-width: 490px;
  }
}
/* Order Details */
.order-container {
  max-width: 704px;
}
.order-wrapper {
  width: 100%;
}
.order-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 24px;
  gap: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 22px;
}
@media screen and (max-width: 767px) {
    .order-content .order-grid-wrapper {
      border-top: none;
    }
  }
.order-content .order-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 8px;
  }
.order-content .order-title a {
    color: #000;
    font-family: "Univers Next Pro", sans-serif;
    font-size: calc(var(--typeBaseSize) + 0px);
    font-weight: 500;
    line-height: 150%;
    text-transform: uppercase;
    width: auto;
    max-width: none;
  }
@media screen and (max-width: 767px) {
.order-content .order-title a {
      margin-bottom: 12px
  }
    }
.order-content .order-status {
    color: #000;
    font-family: "Univers Next Pro", sans-serif;
    font-size: var(--typeBaseSize);
    font-weight: 400;
    line-height: 150%;
  }
.order-content .order-content-img {
    max-width: 146px;
    height: 146px;
  }
.order-grid-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding-top: 8px;
  border-top: 1px solid #efefef;
}
.order-total {
  border-radius: 12px;
  border: 1px solid;
  padding: 16px 24px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.order-total-details span,
.order-total-details h5 {
  font-family: "Univers Next Pro", sans-serif;
  font-size: var(--typeBaseSize);
  font-weight: 500;
  line-height: 150%;
  letter-spacing: normal;
  text-transform: capitalize;
}
.order-details h5,
.order-details span {
  font-family: "Univers Next Pro", sans-serif;
  font-size: var(--typeBaseSize);
  font-weight: 400;
  line-height: 150%;
  text-transform: capitalize;
  letter-spacing: normal;
}
.order-details h5 {
  font-weight: 500;
}
.order-total-details h5 {
  margin-bottom: 16px;
}
[dir="ltr"] .order-total-details.text-end,[dir="ltr"] 
.order-details.text-end {
  text-align: right;
}
[dir="rtl"] .order-total-details.text-end,[dir="rtl"] 
.order-details.text-end {
  text-align: left;
}
.order-details-payment {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.order-details-payment-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 43px;
  gap: 43px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.checklist-copy-wrapper {
  position: relative;
  width: 24px;
  height: 24px;
}
.order-details-payment-content p,
.order-details-payment-content span {
  color: #000;
  font-family: "Univers Next Pro", sans-serif;
  font-size: var(--typeBaseSize);
  font-weight: 400;
  line-height: 150%;
  text-transform: capitalize;
  margin-bottom: 0;
}
.order-details-payment-content span {
  font-weight: 500;
}
.checklist-copy-button {
  display: block;
  position: absolute;
  padding: 0;
}
.checklist-copy-button:before {
    content: "";
    display: none;
    position: absolute;
    z-index: 9998;
    top: 35px;
    left: 15px;
    width: 0;
    height: 0;

    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid rgba(0, 0, 0, 0.72);
  }
.checklist-copy-button:after {
    content: attr(data-copy-to-clipboard-copy);
    display: none;
    position: absolute;
    z-index: 9999;
    top: 40px;
    left: -37px;
    width: 114px;
    height: 36px;

    color: #fff;
    font-size: 10px;
    line-height: 36px;
    text-align: center;

    background: rgba(0, 0, 0, 0.72);
    border-radius: 3px;
  }
.checklist-copy-button:hover:before,
    .checklist-copy-button:hover:after {
      display: block;
    }
.checklist-copy-button:active,
  .checklist-copy-button:focus {
    outline: none;
  }
.checklist-copy-button:active:after, .checklist-copy-button:focus:after {
      content: attr(data-copy-to-clipboard-copied);
    }
.address-title {
  font-family: "Univers Next Pro", sans-serif;
  font-size: var(--typeBaseSize);
  font-weight: 500;
  line-height: 150%;
  letter-spacing: normal;
}
@media only screen and (max-width: 768px) {
  .order-details-payment {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    grid-gap: 16px;
    gap: 16px;
  }
  .order-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .order-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .order-grid-wrapper {
    grid-template-columns: 1fr;
  }
  .order-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 8px;
  }
  .order-total {
    padding: 24px 16px;
    grid-template-columns: 1fr;
  }
  .order-total-details h5 {
    margin-bottom: 0;
  }
  .order-total-details.text-end {
    text-align: left !important;
    text-align: initial !important;
  }
  .order-total-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 16px;
  }
  .order-total-details:last-child {
    margin-bottom: 0;
  }
  .order-details-payment-content {
    grid-gap: initial;
    gap: initial;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .checklist-copy-button:before {
    left: 5px;
  }
  .checklist-copy-button:after {
    left: -70px;
  }
  .order-page .left-content {
    display: none;
  }
  .order-page .right-content {
    display: block;
  }
}
.account {
  padding: 24px 0;
}
@media screen and (min-width: 768px) {
.account {
    padding: 40px 0
}
  }
.account__layout {
    display: grid;
    grid-row-gap: 40px;
    row-gap: 40px;
    grid-template-areas: "nav" "main" "footer";
  }
.account__layout[\:has\(header\)] {
      grid-template-areas: "nav" "header" "main" "footer";
    }
.account__layout:has(header) {
      grid-template-areas: "nav" "header" "main" "footer";
    }
@media screen and (min-width: 768px) {
.account__layout {
      grid-column-gap: 40px;
      -webkit-column-gap: 40px;
         -moz-column-gap: 40px;
              column-gap: 40px;
      grid-row-gap: 80px;
      row-gap: 80px;
      grid-template-columns: 320px 1fr;
      grid-template-areas:
        "nav main"
        "nav main"
        "nav footer"
  }

      .account__layout[\:has\(header\)] {
        grid-template-areas:
          "nav header"
          "nav main"
          "nav footer";
      }

      .account__layout:has(header) {
        grid-template-areas:
          "nav header"
          "nav main"
          "nav footer";
      }
    }
.account__navigation {
    grid-area: nav;
    overflow: hidden;
  }
@media screen and (min-width: 768px) {
.account__navigation {
      padding-right: 40px;
      border-right: 1px solid var(--colorBorder);
      overflow: visible
  }
    }
.account__navigation-logout {
      display: none;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      grid-gap: 8px;
      gap: 8px;
      font-size: calc(var(--typeBaseSize) + 6px);
      padding: 12px 32px;
      -webkit-transition: opacity 0.1s cubic-bezier(0.2, 0.06, 0.05, 0.95);
      transition: opacity 0.1s cubic-bezier(0.2, 0.06, 0.05, 0.95);
    }
.account__navigation-logout:hover {
        opacity: 0.8;
      }
.account__navigation-logout svg {
        width: 18px;
        height: 18px;
      }
.account__navigation-logout svg path {
          stroke: currentColor;
        }
@media screen and (min-width: 768px) {
.account__navigation-logout {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
      }
.account__navigation ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      grid-column-gap: 10px;
      -webkit-column-gap: 10px;
         -moz-column-gap: 10px;
              column-gap: 10px;
      grid-row-gap: 8px;
      row-gap: 8px;
      margin: 0;
    }
@media screen and (min-width: 768px) {
.account__navigation ul {
        position: relative;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        grid-column-gap: 32px;
        -webkit-column-gap: 32px;
           -moz-column-gap: 32px;
                column-gap: 32px;
        padding-bottom: 32px;
        margin-bottom: 32px
    }

        .account__navigation ul::after {
          content: "";
          position: absolute;
          bottom: 0;
          left: 32px;
          right: 0;
          height: 1px;
          background-color: var(--colorBorder);
        }
      }
.account__navigation ul li {
        margin: 0;
      }
@media screen and (min-width: 768px) {
.account__navigation ul li {
          width: 100%
      }
        }
.account__navigation ul li a {
          display: block;
          font-size: calc(var(--typeBaseSize) + 2px);
          white-space: nowrap;
          color: #a4a4a4;
          margin: 0;
          padding: 10px 8px;
          border-radius: 8px;
          -webkit-transition: background-color, color 0.1s cubic-bezier(0.2, 0.06, 0.05, 0.95);
          transition: background-color, color 0.1s cubic-bezier(0.2, 0.06, 0.05, 0.95);
        }
@media screen and (min-width: 768px) {
.account__navigation ul li a {
            font-size: calc(var(--typeBaseSize) + 0px);
            padding: 12px 32px
        }
          }
.account__navigation ul li.active a {
            font-weight: 500;
            color: inherit;
            background-color: #f5f5f5;
          }
@media (hover: hover) and (pointer: fine) {
            .account__navigation ul li:hover a {
              color: inherit;
              background-color: #f5f5f5;
            }
        }
@media screen and (min-width: 768px) {
.account__navigation ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column
    }
      }
.account__navigation.swiper-initialized {
      margin: 0 -17px;
      padding: 0 17px;
    }
.account__navigation.swiper-initialized ul {
        grid-column-gap: 0;
        -webkit-column-gap: 0;
           -moz-column-gap: 0;
                column-gap: 0;
      }
.account__header {
    grid-area: header;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    grid-column-gap: 40px;
    -webkit-column-gap: 40px;
       -moz-column-gap: 40px;
            column-gap: 40px;
    grid-row-gap: 24px;
    row-gap: 24px;
  }
@media screen and (min-width: 1200px) {
.account__header {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row
  }
    }
.account__main {
    grid-area: main;
    overflow: hidden;
  }
.account__footer {
    grid-area: footer;
  }
@media screen and (min-width: 768px) {
.account__footer {
      display: none
  }
    }
.account__footer a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      text-align: center;
      grid-gap: 8px;
      gap: 8px;
      font-size: calc(var(--typeBaseSize) + 2px);
      line-height: 1;
      text-transform: none;
    }
.account__footer a svg {
        width: 18px;
        height: 18px;
      }
.account__footer a svg path {
          stroke: currentColor;
        }
.account__title {
    font-size: var(--typeHeaderSize);
    text-transform: none !important;
    margin-bottom: 16px;
  }
@media screen and (min-width: 768px) {
.account__title {
      margin-bottom: 24px
  }
    }
.account__order-list {
    display: grid;
    grid-gap: 16px;
    gap: 16px;
  }
@media screen and (min-width: 768px) {
.account__order-list {
      grid-gap: 24px;
      gap: 24px
  }
    }
.account-loaylty-program {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 600px;
  border-radius: 12px;
  background-color: #f5f5f5;
  padding: 30px 16px;
}
.account-loaylty-program > div {
    position: relative;
    z-index: 1;
    max-width: 360px;
  }
.account-loaylty-program h3 {
    font-size: calc(var(--typeHeaderSize) + 2px);
    text-transform: none;
    margin: 0;
  }
.account-loaylty-program p {
    font-weight: 500;
    line-height: 1.5;
    margin-top: 16px;
    margin-bottom: 0;
    color: #a4a4a4;
  }
.account-loaylty-program p strong {
      color: var(--colorTextBody);
    }
.account-loaylty-program a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    grid-gap: 8px;
    gap: 8px;
    margin-top: 20px;
    padding: 10px 40px;
    text-transform: none;
    font-size: calc(var(--typeBaseSize) + 2px);
    font-weight: 400;
  }
.account-loaylty-program a svg {
      width: 18px;
      height: 18px;
    }
.account-loaylty-program a svg path {
        stroke: currentColor;
      }
.account-loaylty-program .btn--loading {
    text-indent: 0;
  }
.account-loaylty-program img {
    position: absolute;
    top: 20px;
    left: calc(100% - 120px);
    width: 280px;
    height: auto;
    pointer-events: none;
  }
@media screen and (min-width: 768px) {
.account-loaylty-program img {
      top: 15px;
      left: calc(100% - 170px)
  }
    }
@media screen and (min-width: 768px) {
.account-loaylty-program {
    padding: 30px
}
  }
.account-member-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  grid-gap: 24px;
  gap: 24px;
  width: 100%;
  max-width: 400px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
  padding: 30px 16px;
  background-color: #000;
  color: #fff;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 768px) {
.account-member-card {
    padding: 30px
}
  }
.account-member-card__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 12px;
    gap: 12px;
  }
.account-member-card__header-icon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      border-radius: 4px;
      color: #262626;
      background-color: #d9d9d9;
      width: 52px;
      height: 52px;
      -ms-flex-negative: 0;
          flex-shrink: 0;
    }
.account-member-card__header-icon svg {
        width: 26px;
        height: 26px;
      }
.account-member-card__header-status {
      display: grid;
      grid-gap: 6px;
      gap: 6px;
    }
.account-member-card__header-status p {
        display: inline-block;
        width: auto;
        line-height: 1;
        margin: 0;
        text-transform: uppercase;
        font-family: var(--typeHeaderPrimary);
      }
.account-member-card__header-status strong {
        display: inline-block;
        line-height: 1;
        width: auto;
        font-size: calc(var(--typeHeaderSize) + 2px);
        font-family: var(--typeHeaderPrimary);
      }
.account-member-card__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    grid-gap: 16px;
    gap: 16px;
  }
.account-member-card__main-item {
      display: grid;
      grid-gap: 6px;
      gap: 6px;
    }
.account-member-card__main-item:last-of-type {
        text-align: right;
      }
.account-member-card__main-item p {
        display: inline-block;
        line-height: 1;
        width: auto;
        margin: 0;
        text-transform: uppercase;
      }
.account-member-card__main-item strong {
        display: inline-block;
        font-size: calc(var(--typeHeaderSize) + 2px);
        line-height: 1;
        width: auto;
      }
.account-member-card__progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    grid-gap: 16px;
    gap: 16px;
  }
.account-member-card__progress-line {
      position: relative;
      width: 100%;
      height: 7px;
    }
.account-member-card__progress-line div {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 7px;
    }
.account-member-card__progress-line div:first-child {
      background-color: #fff;
      opacity: 0.5;
    }
.account-member-card__progress-line div:last-child {
      width: 0%;
      width: var(--progress, 0%);
      background-color: #fff;
    }
.account-member-card__progress svg {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      width: 20px;
      height: 20px;
    }
.account__pouch-points {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  grid-gap: 24px;
  gap: 24px;
}
.account__pouch-points .account__title {
    display: none;
  }
@media screen and (min-width: 768px) {
.account__pouch-points {
    grid-gap: 32px;
    gap: 32px
}

    .account__pouch-points .account__title {
      display: block;
      margin: 0;
    }
  }
.account-pouch-points-bonuses {
  width: 100%;
  max-width: 480px;
  border-radius: 12px;
  padding: 24px;
  border: 1px solid var(--colorBorder);
}
.account-pouch-points-bonuses h3 {
    font-size: calc(var(--typeHeaderSize) - 2px);
    text-transform: none;
    margin: 0;
  }
.account-pouch-points-bonuses p {
    font-weight: 500;
    line-height: 1.5;
    margin-top: 16px;
    margin-bottom: 0;
    color: #707070;
  }
.account-pouch-points-bonuses p strong {
      color: var(--colorTextBody);
    }
.account-pouch-points-bonuses a {
    width: 100%;
    margin-top: 32px;
    padding: 10px 40px;
    text-transform: none;
    font-size: calc(var(--typeBaseSize) + 2px);
    font-weight: 400;
  }
@media screen and (min-width: 768px) {
.account-pouch-points-bonuses a {
      width: auto
  }
    }
.account-pouch-points-rewards h4 {
    font-family: var(--typeHeadierPrimary), var(--typeHeaderFallback);
    font-size: calc(var(--typeHeaderSize) - 2px);
    text-transform: none;
    letter-spacing: normal;
    margin-bottom: 24px;
  }
@media screen and (min-width: 768px) {
.account-pouch-points-rewards h4 {
      margin-bottom: 32px
  }
    }
.account-pouch-points-rewards__grid {
    display: grid;
    grid-gap: 24px;
    gap: 24px;
  }
@media screen and (min-width: 768px) {
.account-pouch-points-rewards__grid {
      grid-template-columns: repeat(2, 1fr)
  }
    }
@media screen and (min-width: 1200px) {
.account-pouch-points-rewards__grid {
      grid-template-columns: repeat(3, 1fr)
  }
    }
.account-pouch-points-rewards__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 24px;
    border-radius: 16px;
    border: 1px solid var(--colorBorder);
  }
.account-pouch-points-rewards__item span {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      width: 6px;
      height: 100%;
      background-color: #686868;
      border-radius: 6px;
      margin-right: 24px;
    }
.account-pouch-points-rewards__item-icon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 44px;
      height: 44px;
      border-radius: 6px;
      background-color: rgba(104, 104, 104, 0.05);
      margin-left: auto;
    }
.account-pouch-points-rewards__item-icon img {
        width: 24px;
        height: 24px;
        -o-object-fit: contain;
           object-fit: contain;
      }
.account-pouch-points-rewards__item h5 {
      font-size: calc(var(--typeBaseSize) + 2px);
      font-weight: 600;
      color: #686868;
      text-transform: none;
      letter-spacing: normal;
      margin: 0;
    }
.account-pouch-points-rewards__item h5 svg {
        width: 16px;
        height: 16px;
        margin-left: 4px;
      }
.account-pouch-points-rewards__item p {
      font-size: calc(var(--typeBaseSize) + 2px);
      margin: 6px 0 0 0;
    }
.account-pouch-points-tiers h4 {
    font-family: var(--typeHeadierPrimary), var(--typeHeaderFallback);
    font-size: calc(var(--typeHeaderSize) - 2px);
    text-transform: none;
    letter-spacing: -0.05em;
    margin-bottom: 24px;
  }
@media screen and (min-width: 768px) {
    .account-pouch-points-tiers h4 {
      letter-spacing: normal;
      margin-bottom: 32px;
    }
  }
.account-pouch-points-tiers__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    grid-gap: 24px;
    gap: 24px;
  }
@media screen and (min-width: 1200px) {
.account-pouch-points-tiers__grid {
      display: none
  }
    }
.account-pouch-points-tiers__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    grid-gap: 12px;
    gap: 12px;
    padding: 12px;
    border-radius: 16px;
  }
.account-pouch-points-tiers__item[data-tier-handle="bronze"] {
      background-color: rgba(196, 140, 82, 0.1);
    }
.account-pouch-points-tiers__item[data-tier-handle="silver"] {
      background-color: #f6f6f6;
    }
.account-pouch-points-tiers__item[data-tier-handle="gold"] {
      background-color: #ffedda;
    }
.account-pouch-points-tiers__item-row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 10px;
    }
.account-pouch-points-tiers__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    grid-gap: 12px;
    gap: 12px;
    color: #fff;
    width: 100%;
    padding: 12px 16px;
    border-radius: 12px;
    background-repeat: no-repeat;
    background-size: cover;
  }
.account-pouch-points-tiers__card * {
      line-height: 1;
    }
.account-pouch-points-tiers__table {
    display: none;
    grid-template-columns: minmax(150px, 250px) 1fr 1fr 1fr;
    grid-gap: 24px;
    gap: 24px;
    font-size: calc(var(--typeBaseSize) + 2px);
  }
@media screen and (min-width: 1200px) {
.account-pouch-points-tiers__table {
      display: grid
  }
    }
.account-pouch-points-tiers__table-title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      font-weight: 500;
    }
.account-pouch-points-tiers__table-column {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      grid-gap: 12px;
      gap: 12px;
      padding: 12px;
      border-radius: 16px;
    }
.account-pouch-points-tiers__table-column:not(:first-child) {
        text-align: center;
      }
.account-pouch-points-tiers__table-column[data-tier-handle="bronze"] {
        background-color: rgba(196, 140, 82, 0.1);
      }
.account-pouch-points-tiers__table-column[data-tier-handle="silver"] {
        background-color: #f6f6f6;
      }
.account-pouch-points-tiers__table-column[data-tier-handle="gold"] {
        background-color: #ffedda;
      }
.account-pouch-points-tiers__table-column > div:first-child {
          height: 73px;
        }
.account-pouch-points-tiers__table-column > div:not(:first-child) {
          padding: 10px;
        }
.account-pouch-points-tiers__table-column:first-child > div {
          padding: 10px 10px;
        }
.skeleton {
  --base-color: #ebebeb;
  --highlight-color: #f5f5f5;
  --animation-duration: 1.5s;
  --animation-direction: normal;
  --pseudo-element-display: block;
  background-color: var(--base-color) !important;
  width: 100%;
  border-radius: 0.25rem;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
}
.skeleton,
.skeleton * {
  color: transparent !important;
}
.skeleton::after {
  content: " ";
  display: var(--pseudo-element-display);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(
    linear,
    left top, right top,
    from(var(--base-color)),
    color-stop(var(--highlight-color)),
    to(var(--base-color))
  );
  background-image: linear-gradient(
    90deg,
    var(--base-color),
    var(--highlight-color),
    var(--base-color)
  );
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-animation-name: skeleton;
          animation-name: skeleton;
  -webkit-animation-direction: var(--animation-direction);
          animation-direction: var(--animation-direction);
  -webkit-animation-duration: var(--animation-duration);
          animation-duration: var(--animation-duration);
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
@media (prefers-reduced-motion) {
  .skeleton {
    --pseudo-element-display: none;
  }
}
@-webkit-keyframes skeleton {
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
@keyframes skeleton {
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
.cart-progress-bar {
  background-color: var(--colorBody);
  border-radius: 12px;
  padding: 16px;
}
.cart-progress-bar__title {
  font-weight: 600;
  margin: 0;
}
.cart-progress-bar__container {
  width: 100%;
  height: 10px;
  background-color: #ffffff;
  border-radius: 10px;
  margin: 16px 0;
}
.cart-progress-bar__fill {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  background-color: #039ce0;
  border-radius: 10px;
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
  will-change: width;
}
.cart-progress-bar__fill span {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  right: 0;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  width: 28px;
  height: 28px;
  border: 2px solid #039ce0;
  border-radius: 28px;
  background-color: #ffffff;
}
.cart-progress-bar__fill span svg {
  width: 16px;
  height: 16px;
  color: #039ce0;
}
.cart-progress-bar__fill span svg path {
  fill: currentColor;
}
[data-type="shipping"] .cart-progress-bar__fill span:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
[data-type="gift"] .cart-progress-bar__fill span:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cart-progress-bar__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 16px;
  gap: 16px;
  margin: 16px 0;
}
.cart-progress-bar__text span:first-child {
  color: #6e6e6e;
}
.cart-progress-bar__text span:first-child strong {
  font-weight: 600;
  color: var(--colorTextBody);
}
.cart-progress-bar__text span:last-child {
  font-weight: 600;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: auto;
}
.cart-progress-bar__goal {
  margin: 0;
}
.cart-progress-bar__goal svg {
  vertical-align: text-top;
  margin-right: 6px;
}
.cart-progress-bar__goal + .cart-progress-bar__goal {
  margin-left: 10px;
}
.collection-sidebar__header .drawer__header {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      height: auto;
      padding-top: 18px;
      padding-bottom: 24px;
    }
.collection-sidebar__header .drawer__title {
      text-transform: none;
      padding: 0;
      margin: 0;
    }
.collection-sidebar__header .drawer__close {
      position: absolute;
      top: 14px;
      right: 0;
      width: auto;
    }
.collection-sidebar__header .drawer__close-button {
      padding: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
.collection-sidebar__header .drawer__close svg {
      width: 24px;
      height: 24px;
    }
.collection-sidebar__count {
    width: 100%;
    font-weight: 700;
  }
.collection-sidebar__group {
    border-bottom: 1px solid var(--colorDrawerBorder);
    padding-top: 0;
  }
.collection-sidebar__group .collapsible-trigger {
      font-size: max(calc(var(--typeBaseSize) - 2px), 14px);
      font-weight: 900;
      letter-spacing: normal;
    }
.collection-sidebar__group .sort-list li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin: 0;
      }
.collection-sidebar__group .sort-list li + li {
        margin-top: 10px;
      }
.collection-sidebar__group .sort-list label {
        font-size: max(calc(var(--typeBaseSize) - 2px), 14px);
        margin: 0;
        text-transform: none;
        letter-spacing: normal;
      }
.collection-sidebar__group .sort-list input {
        -webkit-filter: grayscale(1) contrast(5);
                filter: grayscale(1) contrast(5);
      }
.collection-sidebar__group .sort-list input:checked + label {
        font-weight: 900;
      }
.collection-sidebar__group .tag-list--checkboxes a::before {
            border-color: var(--colorTextBody);
          }
.collection-sidebar__group .tag-list--radios {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        margin-left: -6px;
        padding-bottom: 6px;
      }
.collection-sidebar__group .tag-list--radios .tag {
          margin-left: 6px;
          margin-bottom: 6px;
        }
.collection-sidebar__group .tag-list--radios .tag a {
            border: 1px solid var(--colorBorder);
            padding: 0 10px;
          }
.collection-sidebar__group .tag-list--radios .tag--active a {
              background-color: var(--colorDrawerButton);
              color: var(--colorDrawerButtonText);
              border-color: var(--colorDrawerButton);
            }
@media (min-width: 769px) {
    .collection-sidebar__header {
      height: 90px;
    }

      .collection-sidebar__header .drawer__header {
        height: 90px;
      }
  }
.text-block-image {
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 14vw;
  background-position: center;
}
.text-block-content {
  max-width: 490px;
}
.text-block-content h2 {
  color: #262626;
  font-size: 32px;
  font-weight: 500;
  line-height: normal;
  margin: 0 0 24px;
  text-transform: capitalize;
}
.text-block-text p {
  color: #262626;
  font-size: var(--typeBaseSize);
  font-weight: 400;
  line-height: 160%;
  margin: 0 0 32px;
}
.text-block-btn {
  color: #fff;
  font-size: var(--typeBaseSize);
  font-weight: 400;
  line-height: 24px;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 15px;
  gap: 15px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.text-block-btn {
  max-width: 275px;
}
@media (max-width: 768px) {
  .text-block-image {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    padding: 17px;
    background-position: 0 0;
    background-position: initial;
  }
  .text-block-btn {
    width: 100%;
    max-width: 100%;
  }
  .text-block-content h2 {
    font-size: 24px;
    margin: 0 0 16px;
  }
  .text-block-text p {
    margin: 0 0 24x;
  }
}
.footer {
  position: relative;
  padding: 32px 0;
}
@media screen and (max-width: 769px) {
  .template-collection[\:has\(.collection-filters__sticky-buttons\)] .footer {
    padding-bottom: 80px;
  }
  .template-collection:has(.collection-filters__sticky-buttons) .footer {
    padding-bottom: 80px;
  }
}
@media screen and (min-width: 1024px) {
  .footer {
    position: static;
    padding: 24px 0;
  }
}
.footer-container {
  display: grid;
  grid-column-gap: 48px;
  -webkit-column-gap: 48px;
     -moz-column-gap: 48px;
          column-gap: 48px;
  grid-row-gap: 24px;
  row-gap: 24px;
  border-radius: 32px;
}
@media screen and (min-width: 769px) {
  .footer-container {
    grid-template-columns: auto;
    grid-template-rows: auto;
  }

  .footer[\:has\(.footer-logo\)] .footer-container,
  .footer[\:has\(.footer-newsletter\)] .footer-container {
    grid-template-columns: 1fr auto;
  }

  .footer:has(.footer-logo) .footer-container,
  .footer:has(.footer-newsletter) .footer-container {
    grid-template-columns: 1fr auto;
  }
}
@media screen and (min-width: 1024px) {
  .footer-container {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    position: relative;
    padding: 32px;
    border: 1px solid #d6d6d6;
  }

  .footer[\:has\(.footer-logo\)] .footer-container {
    grid-template-columns: auto 1fr;
  }

  .footer:has(.footer-logo) .footer-container {
    grid-template-columns: auto 1fr;
  }

  .footer[\:has\(.footer-newsletter\)] .footer-container {
    grid-template-columns: 1fr auto;
  }

  .footer:has(.footer-newsletter) .footer-container {
    grid-template-columns: 1fr auto;
  }

  .footer[\:has\(.footer-logo\)][\:has\(.footer-newsletter\)] .footer-container {
    grid-template-columns: auto 1fr auto;
  }

  .footer:has(.footer-logo):has(.footer-newsletter) .footer-container {
    grid-template-columns: auto 1fr auto;
  }
}
.footer-bg-overlay,
.footer-bg-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
}
.footer-bg-overlay {
  background: radial-gradient(45.65% 45.65% at 60%, at 65%, #f4f4f4 0%, rgba(226, 226, 226, 0.1) 100%);
  background: radial-gradient(45.65% 45.65% at 60% 65%, #f4f4f4 0%, rgba(226, 226, 226, 0.1) 100%);
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .footer-bg-overlay {
    background: radial-gradient(40% 50% at 40%, at 50%, #f4f4f4 0%, rgba(226, 226, 226, 0.1) 100%);
    background: radial-gradient(40% 50% at 40% 50%, #f4f4f4 0%, rgba(226, 226, 226, 0.1) 100%);
  }
}
.footer-bg-image {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 213 391%27%3E%3Cpath fill=%27%23F4F4F4%27 d=%27M239.906 1.164a8.769 8.769 0 0 1 6.757.514 7.921 7.921 0 0 1 2.588 2.122 7.095 7.095 0 0 1 1.379 2.915l27.56 132.09a7.21 7.21 0 0 1-.058 3.247c-2.364 9.218-9.052 8.694-12.454 2.409a17640.795 17640.795 0 0 1-66.247-123.552c-1.883-3.562-.788-6.023 3.287-7.385l37.188-12.36ZM237.373 141.529c-35.862-31.215-70.917-65.573-104.646-98.988-1.345-1.327-1.384-2.689-.115-4.086 10.263-11.365 37.419-37.29 49.411-17.126a8891.048 8891.048 0 0 1 67.746 115.853c.923 1.571.846 3.09-.23 4.556-3.056 4.086-8.533 2.933-12.166-.209ZM211.313 146.61c-44.799-19.483-88.214-40.381-132.38-62.745-4.804-2.444-5.688-5.743-2.651-9.898l18.853-25.874A10.95 10.95 0 0 1 98.657 45a12.134 12.134 0 0 1 4.629-1.459 12.445 12.445 0 0 1 4.875.448c1.57.47 3.008 1.245 4.213 2.272l108.164 92.599c.906.781 1.499 1.817 1.687 2.945a4.809 4.809 0 0 1-.649 3.288c-1.961 3.142-5.382 3.648-10.263 1.518ZM56.39 90.987l136.588 58.45c1.438.63 2.578 1.71 3.21 3.042a5.516 5.516 0 0 1 .23 4.209c-.484 1.382-1.501 2.559-2.864 3.315a7.193 7.193 0 0 1-4.554.8L38.46 137.024a6.887 6.887 0 0 1-2.523-.924 6.206 6.206 0 0 1-1.887-1.778 5.585 5.585 0 0 1-.923-2.324 5.396 5.396 0 0 1 .2-2.463L44.284 95.91a7.68 7.68 0 0 1 1.788-2.968 8.7 8.7 0 0 1 3-2.016 9.531 9.531 0 0 1 3.664-.694c1.263.01 2.51.268 3.655.755ZM10.552 160.488a9 9 0 0 1 .786-4.201 9.876 9.876 0 0 1 2.677-3.507 11.205 11.205 0 0 1 4.066-2.156 12.007 12.007 0 0 1 4.694-.402l147.312 17.074c1.329.151 2.573.677 3.555 1.504.983.827 1.655 1.913 1.922 3.105 1 4.33-1.729 6.966-8.187 7.909a4266.196 4266.196 0 0 1-150.656 18.593c-2.69.279-4.113-.82-4.266-3.3l-1.903-34.619ZM162.246 195.633c-.691 3.248-.922 5.447-4.554 7.123a12280.573 12280.573 0 0 1-135.09 60.022 7.041 7.041 0 0 1-2.623.607 7.096 7.096 0 0 1-2.668-.413 6.593 6.593 0 0 1-2.254-1.364 5.868 5.868 0 0 1-1.449-2.077L1.27 229.834a9.412 9.412 0 0 1-.702-4.385 9.631 9.631 0 0 1 1.398-4.253c.8-1.31 1.905-2.448 3.239-3.334a12.064 12.064 0 0 1 4.483-1.802c15.913-2.933 145.524-28.073 151.405-23.517 1.038.838 1.423 1.868 1.153 3.09ZM13.606 288.127c9.11-15.241 112.718-60.074 136.184-71.649a5.415 5.415 0 0 1 2.254-.552 5.455 5.455 0 0 1 2.285.435 4.953 4.953 0 0 1 1.821 1.327c.484.567.814 1.229.963 1.932 2.191 10.004-97.267 92.128-111.508 104.226-1.576 1.327-3.152 1.345-4.727.053-10.878-8.729-19.95-18.803-27.214-30.221-1.153-1.815-1.173-3.666-.058-5.551ZM48.895 342.808l104.012-100.455a3.449 3.449 0 0 1 2.026-.932 3.703 3.703 0 0 1 2.24.461c4.613 2.688 5.554 6.442 2.825 11.26-21.294 37.78-44.03 77.48-68.207 119.1a7.77 7.77 0 0 1-2.242 2.438 8.675 8.675 0 0 1-3.148 1.382 9.115 9.115 0 0 1-3.495.083 8.779 8.779 0 0 1-3.223-1.231l-29.232-18.541a9.414 9.414 0 0 1-2.873-2.814 8.453 8.453 0 0 1-1.323-3.645 8.238 8.238 0 0 1 .467-3.815 8.892 8.892 0 0 1 2.173-3.291ZM98.767 392.98l64.69-124.6c.305-.596.74-1.13 1.281-1.568a5.487 5.487 0 0 1 1.863-.983 5.919 5.919 0 0 1 2.149-.241 5.88 5.88 0 0 1 2.087.54c4.209 1.938 5.593 4.557 4.728 9.008a33618.42 33618.42 0 0 1-25.888 132.875 6.521 6.521 0 0 1-1.178 2.641 7.307 7.307 0 0 1-2.258 1.978 8.064 8.064 0 0 1-2.948.974 8.304 8.304 0 0 1-3.129-.198l-35.92-9.375a9.133 9.133 0 0 1-3.318-1.64 8.083 8.083 0 0 1-2.252-2.748 7.29 7.29 0 0 1-.767-3.344 7.272 7.272 0 0 1 .86-3.319ZM183.005 288.128c.153-1.007.664-1.941 1.455-2.659a5.34 5.34 0 0 1 2.927-1.322c4.42-.523 7.053 1.711 7.899 6.704a9218.416 9218.416 0 0 1 22.313 133.661 7.027 7.027 0 0 1-.243 3.294 7.562 7.562 0 0 1-1.739 2.906 8.608 8.608 0 0 1-2.921 1.99 9.402 9.402 0 0 1-3.573.714h-34.651a11.172 11.172 0 0 1-4.242-.822 10.264 10.264 0 0 1-3.489-2.34 9.114 9.114 0 0 1-2.113-3.44 8.504 8.504 0 0 1-.361-3.926l18.738-134.76ZM210.967 296.716l4.786-.105c2.537-.069 4.363.926 5.477 2.986l66.363 122.504c.501.933.784 1.95.829 2.986a6.834 6.834 0 0 1-.565 3.031 7.37 7.37 0 0 1-1.863 2.555 8.223 8.223 0 0 1-2.841 1.642l-31.596 10.736a12.49 12.49 0 0 1-4.922.634 12.321 12.321 0 0 1-4.76-1.327 11.24 11.24 0 0 1-3.703-3.037 10.041 10.041 0 0 1-1.951-4.178l-28.194-135.18a2.53 2.53 0 0 1 .057-1.182c.113-.386.315-.745.594-1.053a3.038 3.038 0 0 1 1.023-.733c.395-.174.827-.27 1.266-.279Z%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 50% auto;
  background-position: 100% 100%;
}
@media screen and (min-width: 1024px) {
  .footer-bg-image {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 454 246%27%3E%3Cpath fill=%27%23F4F4F4%27 d=%27M179.053.62a8.88 8.88 0 0 1 3.807-.515 8.926 8.926 0 0 1 3.675 1.142 9 9 0 0 1 2.866 2.586 9.078 9.078 0 0 1 1.527 3.554l30.517 161.012a9.652 9.652 0 0 1-.064 3.958c-2.618 11.236-10.024 10.598-13.79 2.937a22299.562 22299.562 0 0 1-73.356-150.606c-2.085-4.341-.872-7.342 3.639-9.002L179.053.62ZM258.469 12.367c1.798-.09 3.593.217 5.26.899a12.307 12.307 0 0 1 4.387 3.05 12.405 12.405 0 0 1 2.693 4.629 12.46 12.46 0 0 1 .493 5.34l-20.749 162.99a7.022 7.022 0 0 1-13.918.192c-3.384-21.451-27.772-164.332-20.302-171.93 5.682-5.809 33.773-4.723 42.136-5.17ZM176.248 171.72C136.537 133.669 97.721 91.788 60.373 51.057c-1.49-1.618-1.532-3.278-.128-4.98C71.61 32.223 101.68.62 114.96 25.2a11164.973 11164.973 0 0 1 75.015 141.221c1.021 1.915.936 3.767-.255 5.554-3.384 4.98-9.449 3.575-13.471-.255ZM265.438 217.433a7.542 7.542 0 0 1-5.364-2.894 7.53 7.53 0 0 1-1.467-5.916l28.602-163.502a9.053 9.053 0 0 1 1.387-3.491 9.014 9.014 0 0 1 2.682-2.622 8.93 8.93 0 0 1 3.508-1.295 8.879 8.879 0 0 1 3.723.258l35.177 9.896a13.474 13.474 0 0 1 9.78 13.056 13.453 13.453 0 0 1-1.289 5.65c-21.536 45.626-43.86 92.891-66.971 141.795-2.234 4.724-3 9.576-9.768 9.065ZM147.389 177.914C97.783 154.165 49.709 128.691.806 101.43c-5.32-2.979-6.3-7-2.937-12.066l20.877-31.538a12.578 12.578 0 0 1 19.089-2.235l119.769 112.875a6.232 6.232 0 0 1 1.868 3.589 6.345 6.345 0 0 1-.719 4.008c-2.17 3.83-5.958 4.448-11.364 1.851ZM364.329 85.023c14.812 8.874 49.415 22.791 28.921 44.945a8683.25 8683.25 0 0 1-109.426 116.066 4.281 4.281 0 0 1-2.799 1.304 4.28 4.28 0 0 1-2.947-.921c-4.98-3.958-5.704-9.214-2.171-15.769a15334.954 15334.954 0 0 0 75.654-142.05 9.126 9.126 0 0 1 12.768-3.575ZM-24.155 110.11l151.244 71.248a7.343 7.343 0 0 1-4.405 13.854L-44.01 166.228a7.214 7.214 0 0 1-5.682-9.13l12.13-40.987a9.579 9.579 0 0 1 1.98-3.618 9.628 9.628 0 0 1 3.323-2.457 9.71 9.71 0 0 1 4.056-.846 9.756 9.756 0 0 1 4.048.92ZM410.552 147.713l26.175 32.049a12.146 12.146 0 0 1 2.504 10.005 12.31 12.31 0 0 1-6.079 8.382l-144.093 79.293a7.548 7.548 0 0 1-9.76-2.15 7.69 7.69 0 0 1-1.458-5.173 7.703 7.703 0 0 1 2.28-4.871l121.94-118.045a5.746 5.746 0 0 1 8.491.51ZM-74.91 194.829c-.09-1.75.208-3.498.87-5.121a12 12 0 0 1 2.964-4.275 12.072 12.072 0 0 1 4.502-2.628 12.123 12.123 0 0 1 5.198-.49l163.119 20.813a7.086 7.086 0 0 1 6.065 5.618c1.107 5.278-1.915 8.491-9.066 9.641a4313.73 4313.73 0 0 1-166.821 22.664c-2.98.34-4.554-1-4.725-4.022l-2.106-42.2ZM279.16 309.939a4.275 4.275 0 0 1-4.546-2.181 4.295 4.295 0 0 1-.498-1.713c-.383-5.959 1.937-10.194 6.959-12.705a12849.782 12849.782 0 0 1 145.498-71.057 9.335 9.335 0 0 1 7.509-.258 9.318 9.318 0 0 1 5.259 5.365l13.216 35.433a11.877 11.877 0 0 1-4.213 13.819 11.886 11.886 0 0 1-4.725 2.014L279.16 309.939ZM93.06 237.67c-.766 3.958-1.022 6.64-5.044 8.683a13019.426 13019.426 0 0 1-149.584 73.164 7.21 7.21 0 0 1-5.86.236 7.206 7.206 0 0 1-4.1-4.194l-13.661-36.199a12.519 12.519 0 0 1-.778-5.346 12.572 12.572 0 0 1 1.548-5.184 12.688 12.688 0 0 1 8.55-6.261c17.621-3.575 161.14-34.22 167.652-28.665 1.15 1.021 1.575 2.277 1.277 3.766Z%27/%3E%3C/svg%3E");
    background-size: 35% auto;
    background-position: 0% 100%;
  }
}
.footer-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  grid-gap: 24px;
  gap: 24px;
  position: relative;
  z-index: 3;
}
.footer-block h4 {
  font-size: 17px;
  letter-spacing: normal;
  margin: 0;
  text-transform: none;
}
.footer-logo {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  grid-gap: 24px;
  gap: 24px;
}
.footer-logo a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footer-logo a img {
  width: 100px;
  height: auto;
}
@media screen and (min-width: 769px) {
  .footer-logo {
    max-width: 280px;
  }

  .footer-logo a img {
    width: 150px;
  }
}
.footer-newsletter {
  width: 100%;
  padding: 24px;
  background-color: #ffffff;
  border: 1px solid #e9e9e9;
  border-radius: 16px;
}
@media screen and (min-width: 769px) {
  .footer-newsletter {
    max-width: 325px;
  }
}
@media screen and (min-width: 1024px) {
  .footer-newsletter {
    grid-column-start: 3;
  }
}
.footer-newsletter .rte {
  margin: 0;
}
.footer-newsletter__input {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.footer-newsletter__input svg {
  position: absolute;
  left: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 20px;
  height: 20px;
}
.footer-newsletter__input input {
  width: 100%;
  background-color: #f4f4f4;
  padding: 8px 16px 8px 48px;
  border: 1px solid #e9e9e9;
  border-radius: 32px;
  font-size: 17px !important;
  color: #707070;
}
.footer-newsletter .payment-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-gap: 12px;
  gap: 12px;
}
.footer-newsletter .payment-icons li {
  margin: 0;
}
.footer-menus {
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-gap: 24px;
  gap: 24px;
}
@media screen and (min-width: 769px) {
  .footer-menus {
    grid-column-start: 1;
    grid-row-start: 1;
  }

  .footer-menus.space-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .footer[\:has\(.footer-logo\)] .footer-menus {
    grid-column-start: 2;
  }

  .footer:has(.footer-logo) .footer-menus {
    grid-column-start: 2;
  }
}
@media screen and (min-width: 1024px) {
  .footer-menus {
    grid-template-columns: repeat(5, auto);
  }

  .footer[\:has\(.footer-newsletter\)] .footer-menus,
  .footer[\:has\(.footer-logo\)] .footer-menus {
    grid-template-columns: repeat(4, auto);
  }

  .footer:has(.footer-newsletter) .footer-menus,
  .footer:has(.footer-logo) .footer-menus {
    grid-template-columns: repeat(4, auto);
  }

  .footer[\:has\(.footer-newsletter\)][\:has\(.footer-logo\)] .footer-menus {
    grid-template-columns: repeat(3, auto);
  }

  .footer:has(.footer-newsletter):has(.footer-logo) .footer-menus {
    grid-template-columns: repeat(3, auto);
  }
}
@media screen and (min-width: 1360px) {
  .footer-menus {
    grid-column-gap: 80px;
    -webkit-column-gap: 80px;
       -moz-column-gap: 80px;
            column-gap: 80px;
  }
}
.footer-menus__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  grid-gap: 24px;
  gap: 24px;
}
@media screen and (max-width: 768px) {
  .footer-menus h4 {
    font-size: var(--typeBaseSize);
  }
}
.footer-menus__item ul li {
  margin-bottom: 0;
  font-size: 12px;
}
.footer-menus__item ul li + li {
  margin-top: 10px;
}
@media screen and (min-width: 769px) {
  .footer-bottom {
    display: grid;
    grid-template-columns: 1fr auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    grid-gap: 24px;
    gap: 24px;
    grid-column: 1 / -1;
    grid-row-start: 3;
  }
}
@media screen and (min-width: 1024px) {
  .footer-bottom {
    grid-row-start: 2;
  }
}
.footer-socials .footer__social li {
  margin: 0;
}
.footer-socials .footer__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  grid-column-gap: 24px;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
  grid-row-gap: 12px;
  row-gap: 12px;
}
@media screen and (min-width: 769px) {
  .footer-socials {
    grid-column: 1 / 2;
  }
}
@media screen and (min-width: 769px) {
  .footer-selectors {
    grid-row-start: 2;
  }
}
@media screen and (min-width: 769px) {
  .footer-copyright {
    grid-column: 2 / -1;
  }
}
/* CART TEMPLATE */
.custom-cart {
  padding-top: 18px;
  padding-bottom: 18px;
}
@media screen and (min-width: 768px) {
  .custom-cart {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
@media screen and (min-width: 1024px) {
  .custom-cart {
    padding-top: 48px;
  }
}
.custom-cart__layout {
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: 18px;
  gap: 18px;
}
@media screen and (min-width: 768px) {
  .custom-cart__layout {
    grid-column-gap: 32px;
    -webkit-column-gap: 32px;
       -moz-column-gap: 32px;
            column-gap: 32px;
  }
}
@media screen and (min-width: 1024px) {
  .custom-cart__layout {
    grid-row-gap: 0;
    row-gap: 0;
    grid-template-columns: auto 360px;
    grid-template-areas:
      "gift-items summary"
      "line-items summary"
      "recommended-products recommended-products";
    grid-template-rows: auto 1fr auto;
  }

  .custom-cart__gift-items {
    grid-area: gift-items;
    margin-bottom: 24px;
  }

  .custom-cart__line-items {
    grid-area: line-items;
  }

  .custom-cart__recommended-products {
    grid-area: recommended-products;
    margin-top: 48px;
  }

  .custom-cart__summary {
    grid-area: summary;
  }
}
@media screen and (min-width: 1280px) {
  .custom-cart__layout {
    grid-column-gap: 48px;
    -webkit-column-gap: 48px;
       -moz-column-gap: 48px;
            column-gap: 48px;
    grid-template-columns: auto 480px;
  }
}
.custom-cart__block {
  display: grid !important;
  grid-gap: 18px;
  gap: 18px;
  -ms-flex-line-pack: start;
      align-content: start;
}
@media screen and (min-width: 768px) {
  .custom-cart__block {
    grid-gap: 24px;
    gap: 24px;
  }
}
.custom-cart__title {
  font-size: 17px;
  text-transform: none !important;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .custom-cart__title {
    font-size: 20px;
  }
}
.gift-items__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  grid-gap: 16px;
  gap: 16px;
}
@media screen and (min-width: 768px) {
  .gift-items__body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    grid-gap: 24px;
    gap: 24px;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .gift-items__body::-webkit-scrollbar {
    display: none;
  }
}
.gift-items__item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 12px;
  gap: 12px;
  background-color: #f4f4f4;
  border-radius: 16px;
  padding: 6px;
}
@media screen and (min-width: 768px) {
  .gift-items__item {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: calc(50% - 12px);
  }
}
.gift-items__item-image {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100px;
  height: 100px;
  border-radius: 16px;
  overflow: hidden;
  background-color: var(--colorBody);
}
.gift-items__item-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.gift-items__item-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  grid-gap: 6px;
  gap: 6px;
  width: 100%;
  padding: 2px;
}
.gift-items__item-title {
  font-size: 14px;
  text-transform: none !important;
  margin: 0;
}
.gift-items__item-meta form select {
  padding: 0;
  margin: 0;
  border: none;
  color: #6e6e6e;
  font-size: 12px;
  font-weight: 500;
  background-image: none;
}
.gift-items__item-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 8px;
  gap: 8px;
  margin-top: auto;
}
.gift-items__item-progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 8px;
  gap: 8px;
  font-size: 14px;
}
.gift-items__item-progress svg {
  display: none;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 16px;
  height: 16px;
}
.gift-items__item-progress[data-locked="true"] svg#locked {
  display: block;
}
.gift-items__item-progress[data-locked="false"] svg#unlocked {
  display: block;
}
.gift-items__item-submit {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  margin-left: auto;
  color: #ffffff;
  background-color: #3d7a99;
  border-radius: 32px;
}
.gift-items__item-submit:disabled {
  pointer-events: none;
  opacity: 0.25;
}
.gift-items__item-submit svg {
  width: 16px;
  height: 16px;
}
.line-items {
  border-bottom: 1px solid var(--colorBorder);
}
.cart-summary {
  padding: 18px 17px;
  margin-left: -17px;
  margin-right: -17px;
  background-color: #f9f9f9;
}
@media screen and (min-width: 768px) {
  .cart-summary {
    padding: 24px;
    margin-left: 0;
    margin-right: 0;
    border-radius: 24px;
  }

  .cart-summary--sticky {
    position: -webkit-sticky;
    position: sticky;
    top: calc(0px + 24px);
    top: calc(var(--header-height, 0px) + 24px);
  }

  body[\:has\(.cart-summary--sticky\)] {
    overflow-x: visible;
  }

  body:has(.cart-summary--sticky) {
    overflow-x: visible;
  }
}
@media screen and (min-width: 1024px) {
  .cart-recommended-products--mobile {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .cart-recommended-products--desktop {
    display: none;
  }
}
.custom-cart .custom-cart__property {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.custom-cart .custom-cart__property svg {
  width: 15px;
  height: 15px;
  margin-right: 5px;
}
.custom-cart .custom-cart__meta {
  margin-top: 10px;
  margin-bottom: 20px;
}
.swiper-wrapper.active {
  -webkit-transform: none !important;
  transform: none !important;
}
.swiper-wrapper.active .swiper-slide.active {
  -webkit-transform: none !important;
  transform: none !important;
}
.custom-cart .custom-cart__meta select {
  margin-top: 20px;
}
.custom-cart svg.icon-blue {
  color: #1e7c9c;
}
.custom-cart svg.icon-green {
  color: #00af00;
}
.custom-cart .custom-cart__qty .js-qty__wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 4px;
  gap: 4px;
  margin: 0;
  min-width: auto;
  max-width: none;
}
.custom-cart .custom-cart__qty input {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 3px 10px;
  min-width: 40px;
  max-width: 60px;
  margin: 0 -1px;
}
.custom-cart .custom-cart__qty button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid;
  border-color: var(--colorBorder);
  border-radius: 50px;
  padding: 0;
}
.custom-cart .custom-cart__qty input[type="number"] {
  -moz-appearance: textfield;
  border-radius: 50px;
}
.custom-cart .custom-cart__qty input::-webkit-outer-spin-button,
.custom-cart .custom-cart__qty input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.custom-cart .custom-cart__qty a {
  font-size: 12px;
  display: block;
  margin-top: 10px;
}
@media (min-width: 769px) {
  .custom-cart .custom-cart__qty a {
    display: inline-block;
    margin-left: 10px;
    margin-top: 0;
  }
}
.custom-cart .custom-cart__continue {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0;
  width: 100%;
}
.custom-cart .custom-cart__continue svg {
  margin-right: 5px;
}
.cart__free-shipping {
  display: none;
  grid-gap: 16px;
  grid-gap: 16px;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 4px 0 24px;
}
.cart__free-shipping p {
  margin-bottom: 0;
}
.cart__free-shipping svg {
  -webkit-transform: rotate(305deg);
          transform: rotate(305deg);
}
@media (min-width: 769px) {
  .custom-cart .custom-cart__continue {
    width: auto;
  }
}
.custom-cart .custom-cart__total-row p {
  margin-bottom: 0;
}
.custom-cart .custom-cart__total-row p + p {
  margin-top: 8px;
}
.custom-cart .custom-cart__total-row {
  margin-bottom: 30px;
}
.custom-cart .custom-cart__total-summary {
  border-bottom: 1px solid;
  border-color: var(--colorBorder);
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.custom-cart .custom-cart__subtotal {
  text-transform: none;
}
.custom-cart .custom-cart__tax {
  font-weight: 400;
  text-transform: none;
}
.custom-cart .custom-cart__sticky-checkout {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background-color: transparent;
  padding: 17px;
  -webkit-transform: translate3d(0, 110%, 0);
          transform: translate3d(0, 110%, 0);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.custom-cart .custom-cart__sticky-checkout.is-visible {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
/* COLLECTION TEMPLATE */
.collection-filter {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px;
}
.collection-filter__item,
.collection-filter__item--drawer {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  margin: 0;
  padding: 0;
}
.collection-quick-filter__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow-x: auto;
  -webkit-scroll-snap-type: x mandatory;
      -ms-scroll-snap-type: x mandatory;
          scroll-snap-type: x mandatory;
}
.collection-quick-filter__list li {
  margin-bottom: 0;
}
.collection-quick-filter__list li + li {
  margin-left: 10px;
}
.collection-quick-filter__list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: normal;
  text-transform: none;
  font-weight: 400;
}
.custom_dropdown .pproduct-single__variants,
.custom_dropdown .add-to-cart {
  border-radius: 50px;
}
.grid-product__attribute {
  position: absolute;
  left: 0;
  bottom: 50px;
  z-index: 1;
  background-color: #000;
  color: #fff;
  text-transform: uppercase;
  font-size: calc(var(--typeBaseSize) * 0.75);
  line-height: 1;
  padding: 7px 12px 7px 7px;
  border-radius: 0 12px 12px 0;
  max-width: 95%;
}
@media (max-width: 768px) {
  .collection-filter {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .collection-filter > div + div {
    margin-top: 20px;
  }

  .collection-filter__sort {
    width: 100%;
  }

  .collection-quick-filter {
    width: calc(100% + 17px);
    margin-left: -17px;
  }

  .collection-quick-filter__list {
    padding: 0 17px 15px 34px !important;
  }
  .collection-filter__item,
  .collection-filter__item--drawer {
    padding-left: 17px;
  }
}
@media (min-width: 769px) {
  .collection-quick-filter {
    padding: 0 20px;
  }
}
.collection-description {
  padding: 36px 12px;
}
@media (min-width: 769px) {
  .collection-description {
    padding: 36px;
    border: 1px solid #e8e8e2;
    border-radius: 32px;
  }
}
.collection-description :is(h1, h2, h3, h4, h5, h6) {
  line-height: 1.45;
  text-transform: none;
  margin-top: 24px;
  margin-bottom: 8px;
}
.collection-description h2 {
  font-size: calc(var(--typeBaseSize) + 3px);
}
@media (min-width: 769px) {
  .collection-description h2 {
    font-size: var(--typeHeaderSize);
  }
}
@media (min-width: 1050px) {
  .collection-description {
    padding: 48px;
  }
}
.collection-description-blocks {
  display: grid;
  grid-gap: calc(32px - 15px);
  gap: calc(32px - 15px);
}
@media (min-width: 769px) {
  .collection-description-blocks {
    display: block;
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
}
@media (min-width: 1050px) {
  .collection-description-blocks {
    grid-column-gap: 28px;
    -webkit-column-gap: 28px;
       -moz-column-gap: 28px;
            column-gap: 28px;
    grid-row-gap: 24px;
    row-gap: 24px;
  }
}
.collection-description-blocks__item {
  page-break-inside: avoid;
  page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
}
@media (min-width: 769px) {
  .collection-description-blocks__item {
    margin-bottom: 24px;
  }
}
.collection-description-blocks__item h2 {
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.45;
  margin-bottom: 8px;
}
@media (min-width: 769px) {
  .collection-description-blocks__item h2 {
    font-size: 24px;
  }
}
/* PRODUCT TEMPLATE */
.custom-product-template .product__photos {
    background-color: #f4f4f4;
  }
.custom-product-template .product-single__title {
    font-size: 22px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 0;
  }
@media (min-width: 769px) {
.custom-product-template .product-single__title {
      font-size: 24px
  }
    }
.custom-product-template .product__sub-title {
    margin-top: -15px;
    margin-bottom: 25px;
  }
@media (min-width: 769px) {
.custom-product-template .product__sub-title {
      margin-top: -30px;
      margin-bottom: 40px
  }
    }
.custom-product-template .product-single__title,
  .custom-product-template .product-single__sub-title {
    text-align: center;
  }
.custom-product-template .product-single__title-container {
    margin-top: 32px;
    margin-bottom: 16px;
  }
.custom-product-template .product-label-tags {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 12px;
  }
@media screen and (min-width: 769px) {
.custom-product-template .product-label-tags {
      margin-bottom: 24px
  }

      .custom-product-template .product-label-tags .discount-compare-price {
        font-size: calc(var(--typeBaseSize) + 2px);
      }
    }
.custom-product-template .product-label-tags + .product-single__title {
    margin-bottom: 15px;
  }
@media screen and (min-width: 769px) {
.custom-product-template .product-label-tags + .product-single__title {
      margin-bottom: 24px
  }
    }
.custom-product-template .product-single__meta {
    overflow: hidden;
    margin-left: -12px;
    margin-right: -12px;
    padding-right: 12px;
    padding-left: 12px;
  }
.custom-product-template .product-single__form {
    position: relative;
    padding-bottom: 0;
    border-bottom: none;
  }
.custom-product-template .custom-meta {
    margin-bottom: 24px;
  }
.custom-product-template .custom-meta__quantity {
      margin-bottom: 24px;
    }
.custom-product-template .custom-meta__quantity-name {
        font-weight: 400;
        margin-bottom: 12px;
      }
.custom-product-template .custom-meta__quantity .product-single__variants-slider {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
      }
.custom-product-template .custom-meta__quantity .product-single__variants-slider .swiper-button-prev,
        .custom-product-template .custom-meta__quantity .product-single__variants-slider .swiper-button-next {
          display: none;
          position: absolute;
          width: 24px;
          height: 24px;
          padding: 0;
        }
.custom-product-template .custom-meta__quantity .product-single__variants-slider .swiper-button-prev svg, .custom-product-template .custom-meta__quantity .product-single__variants-slider .swiper-button-next svg {
            width: 10px;
            height: 10px;
          }
.custom-product-template .custom-meta__quantity .product-single__variants-slider .swiper-button-prev {
          left: -12px;
        }
.custom-product-template .custom-meta__quantity .product-single__variants-slider .swiper-button-next {
          right: -12px;
        }
.custom-product-template .custom-meta__quantity .product-single__variants-slider.swiper-initialized .swiper-button-prev:not(:disabled),
          .custom-product-template .custom-meta__quantity .product-single__variants-slider.swiper-initialized .swiper-button-next:not(:disabled) {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
          }
.custom-product-template .custom-meta__quantity .product-single__variants-wrapper {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        grid-gap: 5px;
        gap: 5px;
      }
.custom-product-template .custom-meta__quantity .product-single__variants-wrapper label {
          width: 100%;
        }
@media (max-width: 768px) {
.custom-product-template .custom-meta__quantity .product-single__variants-wrapper.has-mobile-slider label {
              width: calc(25% - ((16px * 3) / 4));
              -ms-flex-negative: 0;
                  flex-shrink: 0
          }
            }
@media (min-width: 769px) {
.custom-product-template .custom-meta__quantity .product-single__variants-wrapper.has-desktop-slider label {
              width: calc(20% - ((12px * 4) / 5))
          }
            }
.custom-product-template .custom-meta__quantity .swiper-initialized .product-single__variants-wrapper {
        grid-gap: 0;
        gap: 0;
      }
.custom-product-template .custom-meta__quantity .product-single__variants-wrapper-variant {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        text-align: center;
        padding: 16px 8px;
        background-color: #fff;
        border: 1px solid #e3e3e3;
        border-radius: 8px;
        height: 100%;
      }
.custom-product-template .custom-meta__quantity input:checked + label .product-single__variants-wrapper-variant {
        color: #fff;
        background-color: #000000;
        border: 1px solid #000000;
      }
.custom-product-template .custom-meta__quantity .product-single__variants-wrapper-pack {
        font-weight: 500;
      }
.custom-product-template .custom-meta__quantity .product-single__variants-wrapper-discount {
        font-size: calc(var(--typeBaseSize) - 4px);
        margin-top: 6px;
        background: var(--colorTextSavings);
        padding: 4px 8px;
        color: #fff;
        border-radius: 30px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        text-transform: uppercase;
      }
.custom-product-template .custom-meta__price {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      text-align: center;
    }
.custom-product-template .custom-meta__price--mobile {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
      }
.custom-product-template .custom-meta__price--mobile .custom-meta__price-container {
          margin: 0;
        }
.custom-product-template .custom-meta__price--mobile .custom-meta__price-wrapper {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          margin-bottom: 4px;
        }
.custom-product-template .custom-meta__price .product__price {
        font-size: calc(var(--typeHeaderSize) - 5px);
        font-weight: 500;
        line-height: normal;
        -webkit-text-decoration-line: strikethrough;
                text-decoration-line: strikethrough;
      }
.custom-product-template .custom-meta__price .product__price--compare {
        font-size: var(--typeBaseSize);
        color: #8a8a8a;
        padding: 0;
      }
@media (min-width: 769px) {
.custom-product-template .custom-meta__price .product__price--compare {
          font-size: calc(var(--typeBaseSize) + 2px)
      }
        }
.custom-product-template .custom-meta__price-container {
      margin-left: auto;
    }
.custom-product-template .custom-meta__pack-price {
      font-weight: 500;
    }
.custom-product-template .variant-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    grid-gap: 12px;
    gap: 12px;
    margin-bottom: 12px;
  }
.custom-product-template .variant__label,
  .custom-product-template .product__quantity label,
  .custom-product-template .collapsible-trigger-btn {
    color: #262626;
    font-size: var(--typeBaseSize);
    font-weight: 500;
    text-transform: none;
    letter-spacing: normal;
  }
.custom-product-template .variant__label-title {
    font-weight: 500;
    font-size: var(--typeBaseSize);
    text-transform: capitalize;
  }
@media screen and (min-width: 769px) {
.custom-product-template .variant__label-title {
      font-size: calc(var(--typeBaseSize) + 2px)
  }
    }
.custom-product-template .variant__button-label {
    width: 100%;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    text-align: center;
    text-transform: uppercase;
    border-radius: 22px;
    margin: 0;
    padding: 8px 16px;
    font-size: var(--typeBaseSize);
    font-weight: 500;
  }
.custom-product-template .color-variant-image {
    max-width: 60px;
  }
.custom-product-template .color-variant-image .color-swatch {
    background-size: contain;
    background-repeat: no-repeat;
    height: 60px;
    background-position: center;
    max-width: 60px;
    border-radius: 10px;
  }
.custom-product-template .color-variant-image .color-swatch::before {
    content: none;
  }
.custom-product-template .variant-input-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 8px;
    gap: 8px;
    margin-bottom: 0;
    padding: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
.custom-product-template .variant-input-wrap .variant-input {
    width: 100%;
    -ms-flex-preferred-size: calc(20% - 7px);
        flex-basis: calc(20% - 7px);
    min-width: 60px;
    display: table;
  }
.custom-product-template .variant-input-wrap input[type="radio"]:checked + .variant__button-label {
    border: 1px solid var(--colorTextBody);
    color: var(--colorTextBody);
  }
.custom-product-template .variant-selection input[type="radio"]:checked + .variant-selection-label {
    background-color: var(--colorTextBody);
    color: var(--colorBody);
    font-weight: 700;
  }
.custom-product-template .collapsible-trigger-btn {
    padding-left: 0;
    padding-right: 0;
  }
.custom-product-template .collapsible-trigger-btn--borders + .collapsible-content .collapsible-content__inner {
    font-size: var(--typeBaseSize);
    border-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }
.custom-product-template .social-sharing {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
.custom-product-template .social-sharing__title {
      display: none;
    }
.custom-product-template .social-sharing__link {
      width: 32px;
      height: 32px;
      color: var(--colorBody);
      background-color: var(--colorTextBody);
      border-radius: 32px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      border-radius: 7px;
    }
.custom-product-template .sticky-buttons {
    position: fixed;
    bottom: 0;
    z-index: 10;
    left: 0;
    right: 0;
    padding: 15px 20px;
    background-color: var(--colorBody);
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    border-top: 1px solid;
    border-color: var(--colorBorder);
  }
.custom-product-template .sticky-buttons.is-visible {
      -webkit-transform: translateZ(0);
              transform: translateZ(0);
      -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
      transition: -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
      transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
      transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    }
.custom-product-template .sticky-buttons .sticky__quantity {
      border: 1px solid;
      border-radius: 25px;
      margin-top: 10px;
    }
.custom-product-template .sticky-buttons .sticky__quantity .js-qty__wrapper {
        margin: 0 auto;
      }
.custom-product-template .sticky-buttons .sticky__quantity button {
        border-color: var(--colorTextBody);
      }
.ruk_rating_snippet {
  background: transparent;
  padding: 0;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
}
.ruk_rating_snippet .ruk-rating-snippet-count {
  font-size: var(--typeBaseSize) !important;
  font-weight: 500;
  vertical-align: baseline;
  vertical-align: initial;
  margin-left: 4px;
  bottom: -2px !important;
}
@media screen and (min-width: 769px) {
  .ruk_rating_snippet .ruk-rating-snippet-count {
    bottom: -1px !important;
  }
}
.product-image-properties {
  position: absolute;
  top: 40px;
  border-radius: 30px;
  background: #fff;
  padding: 12px 16px;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  right: 40px;
  color: #262626;
  font-size: var(--typeBaseSize);
  font-weight: 500;
  z-index: 1;
}
.pouch-point-modal__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid var(--colorBorder);
  }
.pouch-point-modal__header img {
      width: 150px;
      height: auto;
      margin: 0 auto;
    }
.pouch-point-modal__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 10px;
    text-align: center;
    font-size: calc(var(--typeBaseSize) + 2px);
    font-weight: 500;
  }
.pouch-point-modal__title * {
      margin: 0;
    }
.pouch-point-modal__title svg {
      margin-left: 4px;
      color: #25799e;
    }
.pouch-point-modal__text {
    color: #8a8a8a;
  }
.pouch-point-modal ul {
    list-style: none;
    margin: 0;
  }
.pouch-point-modal ul li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin: 24px 0 0 0;
    }
.pouch-point-modal ul li + li {
        margin-top: 24px;
      }
.pouch-point-modal ul li .icon {
        -ms-flex-negative: 0;
            flex-shrink: 0;
        margin-right: 12px;
      }
.pouch-point-modal ul li p {
        margin: 0;
      }
.pouch-point-modal ul li em {
        font-style: normal;
        color: #1e7c9c;
      }
.pouch-point-modal__button {
    margin-top: 20px;
    text-align: center;
  }
.pouch-point-modal__button .btn {
      background-color: #1e7c9c;
      color: #fff;
    }
.product__table-facts {
  list-style: none;
  padding: 0;
  margin: 0 0 16px;
  border-top: 1px solid #eaeae9;
  padding-top: 26px;
}
.product__table-facts h4 {
  color: #262626;
  font-size: var(--typeBaseSize);
  font-weight: 500;
  line-height: normal;
  letter-spacing: normal;
  text-transform: capitalize;
  margin: 0 0 10px;
}
.product__table-facts li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0;
  padding: 16px 0 10px;
  font-size: calc(var(--typeBaseSize) * 0.9);
}
.product__table-facts li:not(:last-child) {
  border-bottom: 1px solid #f6f6f6;
}
.product__table-facts .fact-info {
  font-weight: 500;
}
label[for="quantity-1"] .product-single__variants-wrapper-flex-pack {
  padding: 12px 0;
}
.similar-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #f4f4f4;
  border-radius: 8px;
  width: 90%;
  max-width: 310px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 14px 12px;
}
.similar-product .grid-product__content {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.similar-product img {
  width: 60px;
}
.similar-product__info h4 {
  font-size: calc(var(--typeBaseSize) - 2px);
  font-weight: 500;
  margin: 0 0 8px;
  letter-spacing: normal;
  text-align: left;
  text-transform: capitalize;
}
.similar-products {
  margin-top: 36px;
  margin-bottom: 18px;
  margin-left: -17px;
  margin-right: -17px;
  padding-left: 17px;
  padding-right: 17px;
  overflow: hidden;
}
.similar-products h3 {
  color: #262626;
  font-size: var(--typeBaseSize);
  font-weight: 500;
  text-transform: capitalize;
  text-align: left;
  margin-bottom: 18px;
}
.similar-product__form {
  margin-left: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 30px;
  gap: 30px;
}
.recommended-products-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 32px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.recommended-products-arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 24px;
  gap: 24px;
}
.recommended-products-arrows .swiper-button-disabled {
  display: none;
}
.similar-products .custom_dropdown select {
  font-size: calc(var(--typeBaseSize) - 2px);
  border-radius: 32px;
  width: 100%;
  height: 32px;
  border: 1px solid #e3e3e3;
  padding: 0 20px 0 12px;
}
.similar-products-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 12px;
  gap: 12px;
}
.swiper-initialized .similar-products-wrapper {
  grid-gap: 0;
  gap: 0;
}
.modal-post-add-to-cart-open .similar-products-wrapper {
  -webkit-transform: none !important;
          transform: none !important;
}
.similar-product form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  position: relative;
  padding-right: 54px;
}
.similar-product .similar-btn-wrapper {
  position: absolute;
  right: 0;
}
.similar-product .similar-btn-wrapper .btn {
  font-size: calc(var(--typeBaseSize) - 2px);
  width: 47px;
  height: 47px;
  min-width: 0;
  padding: 0;
}
.custom-product-template .product-label-tags .discount-compare-price {
  font-size: 12px;
}
.discount-compare-price {
  font-size: 12px;
  background: var(--colorTextSavings);
  padding: 4px 8px;
  color: #fff;
  border-radius: 30px;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  text-transform: uppercase;
  opacity: 0;
  font-weight: 500;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.product-single__price {
  margin-top: 24px;
}
.ProductHideQuantity .variant-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: initial;
      -ms-flex-align: initial;
          align-items: initial;
}
.product-redesign .product-label-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 10px;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.product-promo-tags {
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.product__thumbs .slick-track {
  width: 100% !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.product-tag-text {
  padding: 18px;
}
.product-tag-text h3 {
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 16px;
}
.product-tag-text__text p {
  line-height: 20px;
  margin-bottom: 0;
}
.product-tag-text a {
  margin-top: 20p;
}
.product-tag-text a {
  margin-top: 16px;
}
.product-tag-text.text-center a {
  margin-left: auto;
  margin-right: auto;
}
.product-tag-text__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  grid-gap: 16px;
  gap: 16px;
  margin-bottom: 32px;
}
@media screen and (min-width: 769px) {
.product-tag-text__flex {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto
}
  }
@media (min-width: 1500px) {
  .product__text {
    /* padding: 0 0 0 5.5vw; */
  }
}
@media (max-width: 1200px) and (min-width: 769px) {
  .product__text {
    /* padding: 0 20px 0 40px; */
  }
}
@media (max-width: 768px) {
  .product-tag-text h3 {
    font-size: 16px;
    font-weight: 600;
  }
  .custom-product-template .variant-input-wrap .variant-input {
    -ms-flex-preferred-size: calc(25% - 6px);
        flex-basis: calc(25% - 6px);
  }
  .product-single__variants-wrapper-price-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .recommended-products-arrows .swiper-button-disabled {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .recommended-products-title {
    padding: 0 17px;
  }

  .product-redesign .grid {
    margin: 0;
  }
  .product-redesign .grid__item.product-single__sticky {
    padding-left: 0;
  }
  .product__text {
    /* padding: 0 17px; */
  }
  .product-image-properties {
    right: 50%;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
    top: auto;
    top: initial;
    bottom: 15px;
  }
  .product-image-main .image-wrap img {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
  }
  .custom-product-template .variant__button-label {
    font-size: calc(var(--typeBaseSize) - 2px);
    padding: 8px 10px;
  }
  .custom-product-template .variant-input-wrap {
    grid-gap: 8px;
  }
  .custom-product-template .produsingle__meta {
    margin-top: 18px;
  }
  .custom-product-template .product-single__title-container {
    margin: 0;
  }
}
@media (max-width: 600px) {
  .product-image-main .image-wrap {
    padding-bottom: 95% !important;
  }
}
.product-properties {
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 12px;
  gap: 12px;
  background-color: #f4f4f4;
}
@media (min-width: 769px) {
.product-properties {
    padding-left: 32px;
    padding-right: 32px
}
  }
@media (min-width: 1024px) {
.product-properties {
    padding-left: 64px;
    padding-right: 64px
}
  }
@media (min-width: 1360px) {
.product-properties {
    padding-left: 92px;
    padding-right: 92px
}
  }
.product-properties[data-count="1"] {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
.product-properties[data-count="2"] {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
.product-properties[data-count="3"] {
    display: grid;
    grid-template-columns: 1fr -webkit-max-content 1fr;
    grid-template-columns: 1fr max-content 1fr;
  }
.product-properties__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
.product-properties__item:first-child {
      font-weight: 400;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      text-align: left;
    }
.product-properties__item:last-child {
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      text-align: right;
    }
.product-properties__item:first-child:last-child {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      text-align: center;
    }
.product-properties__item span {
      color: #929292;
    }
.product-flavor {
  font-weight: 400;
  text-transform: none;
  margin-bottom: 15px;
  text-align: center;
}
@media screen and (min-width: 769px) {
.product-flavor {
    margin-bottom: 24px
}
  }
.product-nicotine-per-pouch {
  font-size: calc(var(--typeBaseSize) - 1px);
  font-weight: 400;
  text-align: center;
  color: #bdbdbd;
}
/* margin-top: 15px; */
@media screen and (min-width: 769px) {
.product-nicotine-per-pouch {
    font-size: var(--typeBaseSize)
    /* margin-top: 24px; */
}
  }
.product-meta-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 24px 0;
}
@media screen and (min-width: 769px) {
.product-meta-actions {
    max-width: 360px;
    margin-left: auto;
    margin-right: auto
}
  }
.product-meta-actions__rating,
  .product-meta-actions__popup {
    width: 35%;
    text-align: center;
  }
.product-meta-actions__rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
.product-meta-actions__wishlist {
    width: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
.product-meta-actions__wishlist button {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 44px;
      height: 44px;
    }
.product-meta-actions__wishlist button svg {
        width: 20px;
        height: 20px;
      }
.product-guide-content__trigger {
  font-size: calc(var(--typeBaseSize) - 2px);
  font-weight: 500;
  text-align: center;
  text-decoration: underline;
  cursor: pointer;
}
.product-guide-content__trigger:hover {
    text-decoration: none;
  }
.product-meta-notice {
  text-align: center;
  margin-bottom: 24px;
}
@media screen and (min-width: 769px) {
.product-meta-notice {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto
}
  }
.product-meta-notice strong {
    display: inline-block;
    font-size: calc(var(--typeBaseSize) + 2px);
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 8px;
  }
.product-meta-notice div {
    color: #8a8a8a;
  }
.popup-guide-content-modal .Modal__Inner {
    max-width: 600px;
  }
.popup-guide-content-modal .Modal__Main {
    padding: 24px 12px;
  }
@media screen and (min-width: 769px) {
.popup-guide-content-modal .Modal__Main {
      padding: 24px
  }
    }
.popup-guide-content-modal .Modal__Title {
    font-size: calc(var(--typeBaseSize) + 6px);
    text-align: left;
    margin-bottom: 24px;
  }
@media screen and (max-width: 768px) {
.popup-guide-content-modal .Modal__Header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      margin-top: 24px;
      padding: 0 12px
  }
    }
.popup-guide-content-modal .Modal__Close {
    position: static;
  }
@media screen and (min-width: 769px) {
.popup-guide-content-modal .Modal__Close {
      position: absolute;
      top: 24px;
      right: 24px
  }
    }
.popup-guide-content-modal__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    grid-gap: 24px;
    gap: 24px;
  }
.popup-guide-content-modal__section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    grid-gap: 12px;
    gap: 12px;
  }
.popup-guide-content-modal__section:not(:last-child):not(:first-child) {
      border-bottom: 1px solid #e3e3e3;
      padding-bottom: 12px;
    }
.popup-guide-content-modal__title {
    font-size: calc(var(--typeBaseSize) + 2px);
    font-weight: 700;
    color: #8a8a8a;
    margin: 0;
  }
.popup-guide-content-modal__text p:last-child {
      margin-bottom: 0;
    }
.popup-guide-content-modal__html table {
      position: static;
      margin-top: 12px;
      margin-bottom: 12px;
      border-collapse: collapse;
    }
@media screen and (max-width: 480px) {
.popup-guide-content-modal__html table {
        width: calc(100% + 24px);
        margin-left: -12px;
        margin-right: -12px
    }
      }
.popup-guide-content-modal__html table td,
      .popup-guide-content-modal__html table th {
        font-weight: 500;
        padding: 4px 12px;
      }
.popup-guide-content-modal__html table th {
        color: #8a8a8a;
        padding-bottom: 20px;
      }
.popup-guide-content-modal__html table td div + div {
          line-height: 1;
          margin-top: 12px;
        }
.popup-guide-content-modal__html table tr:nth-child(odd) td {
            background-color: #f6f6f6;
          }
.popup-guide-content-modal__html table tr:nth-child(even) td {
            padding: 12px;
          }
.popup-guide-content-modal__html table tr th:first-child {
          min-width: 102px;
        }
.popup-guide-content-modal__html table tr th:not(:first-child),
        .popup-guide-content-modal__html table tr td:not(:first-child) {
          text-align: center;
        }
.popup-guide-content-modal__info {
    margin-top: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    grid-gap: 12px;
    gap: 12px;
    font-weight: 500;
  }
.popup-guide-content-modal__info svg {
      -ms-flex-negative: 0;
          flex-shrink: 0;
    }
.popup-guide-content-modal__html ul {
      margin: 0 0 12px 0;
      list-style: none;
    }
.popup-guide-content-modal__html ul li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        grid-gap: 12px;
        gap: 12px;
        margin: 0;
      }
.popup-guide-content-modal__html ul li svg {
          -ms-flex-negative: 0;
              flex-shrink: 0;
        }
.popup-guide-content-modal__html ul li p {
          margin: 0;
        }
.popup-guide-content-modal__html ul li + li {
        margin-top: 12px;
      }
.product-meta-pouch-points {
  margin-top: 24px;
  font-size: calc(var(--typeBaseSize) - 2px);
  font-weight: 500;
  text-align: center;
}
.product-meta-pouch-points button {
    font-size: inherit;
    font-weight: inherit;
    color: #4a97cd;
    padding: 0;
    text-decoration: underline;
  }
.product-meta-pouch-points button:hover {
      text-decoration: none;
    }
.product-meta-pouch-points svg,
  .product-meta-pouch-points span {
    vertical-align: middle;
  }
.product-meta-pouch-points svg {
    color: #4a97cd;
    width: 21px;
    height: 21px;
  }
.product-meta-pouch-points svg path {
      fill: currentColor;
    }
@media (min-width: 769px) {
    .Modal[data-modal-id="pouch-point-popup"] .Modal__Inner {
      max-width: 600px;
      border-radius: 30px;
    }
  }
.product-meta-announcements {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 24px;
  overflow: hidden;
}
.product-meta-announcements__wrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
.product-meta-announcements .swiper-button-prev,
  .product-meta-announcements .swiper-button-next {
    display: none;
    position: absolute;
    width: 24px;
    height: 24px;
    padding: 0;
  }
.product-meta-announcements .swiper-button-prev {
    left: 6px;
  }
.product-meta-announcements .swiper-button-next {
    right: 6px;
  }
.product-meta-announcements.swiper-initialized .swiper-button-prev:not(:disabled),
    .product-meta-announcements.swiper-initialized .swiper-button-next:not(:disabled) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
.product-meta-announcements__item {
    width: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    text-align: center;
    background-color: #f9f9f9;
    padding: 18px 30px;
    border-radius: 6px;
  }
.product-meta-announcements__item-title {
      font-size: calc(var(--typeBaseSize) - 0px);
    }
.product-meta-announcements__item-text {
      font-size: calc(var(--typeBaseSize) - 0px);
      font-weight: 300;
      margin-top: 8px;
    }
.product-meta-announcements__item p {
      margin: 0;
    }
@media (min-width: 769px) {
      .product-meta-announcements__item-title {
        font-size: var(--typeBaseSize);
      }

      .product-meta-announcements__item-text {
        font-size: var(--typeBaseSize);
      }
    }
.article-template__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
@media (min-width: 769px) {
.article-template__header[\:not-has\(img\)] {
    padding-top: 48px;
    padding-bottom: 48px
}
  }
@media (min-width: 769px) {
.article-template__header:not(:has(img)) {
    padding-top: 48px;
    padding-bottom: 48px
}
  }
.article-template__header[\:has\(img\)] {
  position: relative;
}
.article-template__header:has(img) {
  position: relative;
}
.article-template__header[\:has\(img\)] .article-template__header-content {
  position: absolute;
  color: #fff;
}
.article-template__header:has(img) .article-template__header-content {
  position: absolute;
  color: #fff;
}
.article-template__header-content {
  width: 100%;
}
@media (min-width: 769px) {
.article-template__header-content {
    max-width: 700px
}
  }
.article-template__title {
  font-family: var(--typeHeaderPrimary);
  font-weight: 600;
  font-size: 24px;
  line-height: 1.6;
  text-transform: none !important;
  margin: 0;
  text-align: center;
  margin-bottom: 30px;
  margin-top: 15px;
}
@media (min-width: 769px) {
.article-template__title {
    font-size: 24px
}
  }
@media (min-width: 1024px) {
.article-template__title {
    font-size: 32px
}
  }
.article-template__container .article-template__title {
  max-width: 20em;
  margin-left: auto;
  margin-right: auto;
}
.article-template__header img {
  aspect-ratio: 8 / 4;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 769px) {
.article-template__header img {
    aspect-ratio: 17 / 6
}
  }
.article-template__container {
  /* display: grid; */
  grid-gap: 24px;
  gap: 24px;
  padding-top: 24px;
  padding-bottom: 24px;
  max-width: 700px;
}
@media (min-width: 769px) {
.article-template__container {
    grid-gap: 48px;
    gap: 48px;
    padding-top: 48px;
    padding-bottom: 48px
}
  }
.article-template__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-gap: 12px;
  gap: 12px;
  text-align: center;
}
.article-template__meta > * + * {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 12px;
}
.article-template__meta > * + *::before {
  content: "";
  position: absolute;
  left: 0;
  display: block;
  width: 1px;
  height: 100%;
  background-color: #e3e3e3;
}
.article-template__meta-comments {
  grid-gap: 6px;
  gap: 6px;
}
.article-template__meta-comments svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 16px;
  height: 16px;
}
.article-template__excerpt {
  font-size: calc(var(--typeBaseSize) + 2px);
  margin: 0 auto; /* Zentriert das Element */
  text-align: left; /* Linksbündiger Text */
  line-height: 1.7;
  /* Ausreichender Zeilenabstand für gute Lesbarkeit */
  /* Optional: Du könntest hier noch etwas Padding hinzufügen, z.B. */
  /* padding: 0 1rem; */
  word-wrap: break-word;
  word-break: normal; /* Entfernt das frühere break-all */
  margin-bottom: 1.5em;
}
@media (min-width: 769px) {
.article-template__excerpt {
    font-size: 18px
}
  }
.article-template__content h1:not(.article-shortcode h1),
.article-template__content h2:not(.article-shortcode h2),
.article-template__content h3:not(.article-shortcode h3),
.article-template__content h4:not(.article-shortcode h4),
.article-template__content h5:not(.article-shortcode h5),
.article-template__content h6:not(.article-shortcode h6) {
  font-family: var(--typeHeaderPrimary);
  line-height: 1.45;
  text-transform: none !important;
  margin-top: 48px;
  margin-bottom: 24px;
}
.article-template__content h2:not(.article-shortcode h2) {
  font-size: 20px;
}
@media (min-width: 769px) {
.article-template__content h2:not(.article-shortcode h2) {
    font-size: 24px
}
  }
.article-template__content h3:not(.article-shortcode h3) {
  font-size: 16px;
}
@media (min-width: 1024px) {
.article-template__content h3:not(.article-shortcode h3) {
    font-size: 20px
}
  }
.article-template__content ol:not(.article-shortcode ol),
.article-template__content ul:not(.article-shortcode ul),
.article-template__content p:not(.article-shortcode p),
.article-template__content table:not(.article-shortcode table) {
  font-size: calc(var(--typeBaseSize) + 2px);
  line-height: 1.7;
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
.article-template__content ol:not(.article-shortcode ol),
.article-template__content ul:not(.article-shortcode ul),
.article-template__content p:not(.article-shortcode p),
.article-template__content table:not(.article-shortcode table) {
    font-size: calc(var(--typeBaseSize) + 4px)
}
  }
.article-template__content table[\:has\(img\)][\:not-has\(img\)] {
  border-collapse: collapse;
  margin-top: 36px;
  margin-bottom: 36px;
}
.article-template__content table[\:has\(img\)][\:not-has\(img\)] img {
    display: block;
    width: 100%;
    height: auto;
  }
.article-template__content table[\:has\(img\)][\:not-has\(img\)] td,
  .article-template__content table[\:has\(img\)][\:not-has\(img\)] th {
    padding: 0;
  }
.article-template__content table[\:has\(img\)][\:not-has\(img\)] td p {
    margin: 0;
  }
@media (max-width: 768px) {
    .article-template__content table[\:has\(img\)][\:not-has\(img\)] tr {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      width: 100%;
    }

    .article-template__content table[\:has\(img\)][\:not-has\(img\)] td {
      width: 100% !important;
      text-align: center !important;
    }

    .article-template__content table[\:has\(img\)][\:not-has\(img\)] td:has(img) {
      -webkit-box-ordinal-group: 0;
          -ms-flex-order: -1;
              order: -1;
    }

    .article-template__content table[\:has\(img\)][\:not-has\(img\)] td :where(img) {
      margin-bottom: 24px;
    }
  }
@media (min-width: 769px) {
.article-template__content table[\:has\(img\)][\:not-has\(img\)] {
    margin-top: 48px;
    margin-bottom: 48px
}

    .article-template__content table[\:has\(img\)][\:not-has\(img\)] td:not(:has(img)) {
      padding: 12px 24px;
    }
  }
@media (min-width: 769px) {
    .article-template__content table[\:has\(img\)][\:not-has\(img\)] td:not(:has(img)) {
      padding: 16px 36px;
    }
  }
@media (min-width: 1024px) {
    .article-template__content table[\:has\(img\)][\:not-has\(img\)] td:not(:has(img)) {
      padding: 16px 48px;
    }
  }
.article-template__content table:has(img):not(.article-shortcode table:has(img)) {
  border-collapse: collapse;
  margin-top: 36px;
  margin-bottom: 36px;
}
.article-template__content table:has(img):not(.article-shortcode table:has(img)) img {
    display: block;
    width: 100%;
    height: auto;
  }
.article-template__content table:has(img):not(.article-shortcode table:has(img)) td,
  .article-template__content table:has(img):not(.article-shortcode table:has(img)) th {
    padding: 0;
  }
.article-template__content table:has(img):not(.article-shortcode table:has(img)) td p {
    margin: 0;
  }
@media (max-width: 768px) {
    .article-template__content table:has(img):not(.article-shortcode table:has(img)) tr {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      width: 100%;
    }

    .article-template__content table:has(img):not(.article-shortcode table:has(img)) td {
      width: 100% !important;
      text-align: center !important;
    }

    .article-template__content table:has(img):not(.article-shortcode table:has(img)) td[\:has\(img\)] {
      -webkit-box-ordinal-group: 0;
          -ms-flex-order: -1;
              order: -1;
    }

    .article-template__content table:has(img):not(.article-shortcode table:has(img)) td:has(img) {
      -webkit-box-ordinal-group: 0;
          -ms-flex-order: -1;
              order: -1;
    }

    .article-template__content table:has(img):not(.article-shortcode table:has(img)) td :where(img) {
      margin-bottom: 24px;
    }
  }
@media (min-width: 769px) {
.article-template__content table:has(img):not(.article-shortcode table:has(img)) {
    margin-top: 48px;
    margin-bottom: 48px
}

    .article-template__content table:has(img):not(.article-shortcode table:has(img)) td[\:not-has\(img\)] {
      padding: 12px 24px;
    }

    .article-template__content table:has(img):not(.article-shortcode table:has(img)) td:not(:has(img)) {
      padding: 12px 24px;
    }
  }
@media (min-width: 769px) {
    .article-template__content table:has(img):not(.article-shortcode table:has(img)) td[\:not-has\(img\)] {
      padding: 16px 36px;
    }
    .article-template__content table:has(img):not(.article-shortcode table:has(img)) td:not(:has(img)) {
      padding: 16px 36px;
    }
  }
@media (min-width: 1024px) {
    .article-template__content table:has(img):not(.article-shortcode table:has(img)) td[\:not-has\(img\)] {
      padding: 16px 48px;
    }
    .article-template__content table:has(img):not(.article-shortcode table:has(img)) td:not(:has(img)) {
      padding: 16px 48px;
    }
  }
.article-template__content > *:last-child {
  margin-bottom: 0;
}
.article-template__comments ul {
  margin-bottom: 48px;
}
.article-template__comments ul .comment.last {
  margin-bottom: 0;
}
.article-template .return-link {
  margin-top: 65px;
}
.article-shortcode-newsletter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-gap: 12px;
  gap: 12px;
  text-align: center;
  margin-top: 24px;
  margin-bottom: 24px !important;
  background-color: #f6f6f6;
  padding: 48px 0px;
  position: relative;
  z-index: 1;
}
.article-shortcode-newsletter::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100000px;
    right: -100000px;
    bottom: 0;
    background: #f6f6f6;
    z-index: -1;
  }
@media (min-width: 769px) {
.article-shortcode-newsletter {
    margin-top: 48px;
    margin-bottom: 48px !important
}
  }
.article-shortcode-newsletter hr {
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--colorTextBody);
  opacity: 1;
  margin: 0;
  border: 0;
}
.article-shortcode-newsletter__label {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-gap: 24px;
  gap: 24px;
}
.article-shortcode-newsletter__label div {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 48px;
  height: 48px;
  color: #fff;
  background-color: var(--colorTextBody);
  border-radius: 6px;
}
.article-shortcode-newsletter__label svg {
  width: 24px;
  height: 24px;
}
.article-shortcode-newsletter__title {
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-size: var(--typeHeaderSize);
  font-weight: 600;
  line-height: 1;
  margin-top: 12px;
  margin-bottom: 0;
  text-transform: none !important;
}
.article-shortcode-newsletter__text {
  font-size: calc(var(--typeBaseSize) + 0px);
}
.article-shortcode-newsletter__form {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 12px;
  gap: 12px;
}
@media (min-width: 769px) {
.article-shortcode-newsletter__form {
    margin-top: 12px
}
  }
.article-shortcode-newsletter__form input {
  width: 100%;
  font-size: calc(var(--typeBaseSize) + 0px) !important;
  border: 1px solid #e3e3e3;
  padding: 8px 12px;
  height: 48px;
  border-radius: 32px;
  text-align: center;
}
@media (min-width: 769px) {
.article-shortcode-newsletter__form input {
    width: auto
}
  }
.article-shortcode-newsletter__form input::-moz-placeholder {
  font-weight: 300;
  color: var(--colorTextBody);
  opacity: 1;
}
.article-shortcode-newsletter__form input::placeholder,
.article-shortcode-newsletter__form input::-moz-placeholder,
.article-shortcode-newsletter__form input::-webkit-input-placeholder {
  font-weight: 300;
  color: var(--colorTextBody);
  opacity: 1;
}
.article-shortcode-newsletter__button {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-gap: 12px;
  gap: 12px;
  margin-top: 12px;
}
.article-shortcode-newsletter__form button {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: auto;
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-size: calc(var(--typeBaseSize) + 0px) !important;
  font-weight: 300;
  padding: 8px 32px;
  height: 48px;
  border-radius: 32px;
  text-align: center;
  text-transform: none;
}
.article-shortcode-newsletter__form .note {
  font-size: calc(var(--typeBaseSize) - 2px);
  text-align: center;
  margin: 0;
}
.article-shortcode-newsletter__terms {
  margin-top: 12px;
}
.article-shortcode-newsletter__terms a {
  text-decoration: underline;
}
.article-shortcode-newsletter__terms a:hover {
  text-decoration: none;
}
.article-shortcode-promo {
  background-color: #f6f6f6;
  margin-top: 24px;
  margin-bottom: 24px;
}
@media (min-width: 769px) {
.article-shortcode-promo {
    margin-top: 48px;
    margin-bottom: 48px
}
  }
@media (min-width: 1024px) {
.article-shortcode-promo {
    margin-left: calc((50dvw - 415px) * -1);
    margin-right: calc((50dvw - 415px) * -1)
}
  }
.article-shortcode-promo__wrapper {
  /* display: flex;
  flex-direction: column; */
  grid-gap: 24px;
  gap: 24px;
}
@media (min-width: 769px) {
.article-shortcode-promo__wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
}
  }
@media (min-width: 1024px) {
.article-shortcode-promo__wrapper {
    padding: 32px 24px;
    max-width: 1048px;
    margin-left: auto;
    margin-right: auto
}
  }
.article-shortcode-promo__image {
  width: 100%;
  max-width: 440px;
}
.article-shortcode-promo__image > * {
  display: block;
  aspect-ratio: 6 / 3;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: auto;
}
.article-shortcode-promo__content {
  display: grid;
  justify-items: start;
  grid-gap: 24px;
  gap: 24px;
}
.article-shortcode-promo__content > * {
  margin: 0;
}
.article-shortcode-promo__sub-heading {
  color: #000;
  font-family: "Helvetica";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 145%;
}
/* 23.2px */
@media (min-width: 1024px) {
.article-shortcode-promo__sub-heading {
    font-size: 20px
}
  }
.article-shortcode-promo__heading {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.45;
  text-transform: none !important;
}
@media (min-width: 1024px) {
.article-shortcode-promo__heading {
    font-size: 24px
}
  }
.article-shortcode-promo__button {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.45;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 32px;
  gap: 32px;
}
.article-shortcode-promo__button svg {
  width: 24px;
  height: 24px;
}
.article-shortcode-featured-collection {
  margin-top: 48px;
  margin-bottom: 48px;
}
.article-shortcode-featured-collection__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.article-shortcode-featured-collection__header h2 {
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  margin: 0;
}
.article-shortcode-featured-collection__header a {
  margin-left: auto;
  min-width: 0;
  padding: 6px 16px;
}
.article-shortcode-featured-collection .grid-wrapper {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-column-gap: 10px;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  grid-row-gap: 6px;
  row-gap: 6px;
  margin-top: 24px;
  margin-bottom: 0;
}
@media (min-width: 1024px) {
.article-shortcode-featured-collection .grid-wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-column-gap: 24px;
    -webkit-column-gap: 24px;
       -moz-column-gap: 24px;
            column-gap: 24px;
    margin-top: 32px
}
  }
@media (min-width: 1024px) {
.article-shortcode-featured-collection .grid-wrapper .grid-product:last-of-type {
    display: none
}
  }
.blog-template__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  grid-gap: 48px;
  gap: 48px;
  padding-top: 48px;
  padding-bottom: 48px;
}
.blog-template .section-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  grid-gap: 24px;
  gap: 24px;
  margin: 0;
}
@media (min-width: 769px) {
.blog-template .section-header {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center
}
  }
.blog-template .section-header__title {
  font-size: 32px;
  line-height: 1.45;
  text-transform: none;
  margin: 0;
}
@media (min-width: 769px) {
.blog-template .section-header__title {
    font-size: 40px
}
  }
.blog-template .section-header__description p {
  margin: 0;
}
.blog-template .section-header__description p + p {
  margin-top: 1em;
}
.blog-tag-filter ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 12px;
  gap: 12px;
  margin: 0;
}
.blog-tag-filter ul li {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0;
}
.blog-tag-filter ul li a {
  display: inline-block;
  font-weight: 500;
  padding: 12px 18px;
  border: 1px solid #e3e3e3;
  border-radius: 8px;
}
.blog-tag-filter ul li a.active {
  border-color: var(--colorTextBody);
  background-color: var(--colorTextBody);
  color: #fff;
}
.blog-tag-filter.swiper-initialized ul {
  grid-gap: 0;
  gap: 0;
}
.blog-template .pagination {
  padding: 0;
}
.blog-template .pagination .next,
.blog-template .pagination .prev {
  width: 48px;
  height: 48px;
  border-radius: 6px;
}
.blog-template .pagination .next a,
.blog-template .pagination .prev a {
  width: 100%;
  height: 100%;
  padding: 0;
  font-size: calc(var(--typeBaseSize) + 2px);
}
.blog-template .pagination .next a svg,
.blog-template .pagination .prev a svg {
  width: 14px;
  width: 14px;
}
.blog-template__grid {
  display: grid;
  grid-gap: 36px;
  gap: 36px;
}
@media (min-width: 769px) {
.blog-template__grid {
    grid-gap: 24px;
    gap: 24px;
    grid-template-columns: repeat(2, minmax(0, 1fr))
}
  }
@media (min-width: 1200px) {
.blog-template__grid {
    grid-template-columns: repeat(24, minmax(0, 1fr))
}
  }
@media (min-width: 1200px) {
.blog-template__grid > * {
    grid-column: span 8
}
  }
.blog-article-item {
  position: relative;
}
.blog-article-item__wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.blog-article-item__image {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog-article-item__meta {
  position: relative;
  display: grid;
  grid-gap: 24px;
  gap: 24px;
  padding: 24px;
  margin-top: auto;
}
@media (min-width: 1200px) {
.blog-article-item__meta {
    padding: 32px
}
  }
.blog-article-item img + .blog-article-item__meta {
  color: #fff;
}
.blog-article-item__title {
  font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
  font-weight: var(--typeHeaderWeight);
  font-size: 20px;
  line-height: 1.45;
  margin: 0;
}
@media (min-width: 1024px) {
.blog-article-item__title {
    font-size: 24px
}
  }
.blog-article-item__meta time {
  font-size: calc(var(--typeBaseSize) - 2px);
  text-transform: uppercase;
}
.blog-article-item__label {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 6px;
  background-color: var(--accent-color);
  color: #fff;
}
.blog-article-item__label img {
  width: 24px;
  height: 24px;
}
.blog-article-item--base img + .blog-article-item__meta,
.blog-article-item--excerpt img + .blog-article-item__meta,
.blog-article-item--wide img + .blog-article-item__meta {
  position: relative;
}
.blog-article-item--base img + .blog-article-item__meta > *, .blog-article-item--excerpt img + .blog-article-item__meta > *, .blog-article-item--wide img + .blog-article-item__meta > * {
    position: relative;
    z-index: 1;
  }
.blog-article-item--base img + .blog-article-item__meta::after, .blog-article-item--excerpt img + .blog-article-item__meta::after, .blog-article-item--wide img + .blog-article-item__meta::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: -webkit-gradient(
      linear,
      left bottom, left top,
      from(rgba(0, 0, 0, 0.5)),
      color-stop(35%, rgba(0, 0, 0, 0.25)),
      to(rgba(0, 0, 0, 0))
    );
    background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.5) 0%,
      rgba(0, 0, 0, 0.25) 35%,
      rgba(0, 0, 0, 0) 100%
    );
  }
.blog-article-item--base {
  min-height: 250px;
}
@media (min-width: 769px) {
.blog-article-item--base {
    min-height: 320px
}
  }
.blog-article-item--wide,
.blog-article-item--excerpt-wide {
  min-height: 300px;
}
@media (min-width: 769px) {
.blog-article-item--wide,
.blog-article-item--excerpt-wide {
    min-height: 320px
}
  }
@media (min-width: 1200px) {
.blog-article-item--wide,
.blog-article-item--excerpt-wide {
    grid-column: span 15
}
  }
@media (min-width: 1200px) {
.blog-article-item--wide + .blog-article-item--base {
    grid-column: span 9
}
  }
.blog-article-item--excerpt {
  min-height: 320px;
}
@media (min-width: 1200px) {
.blog-article-item--excerpt {
    grid-column: span 9
}
  }
.blog-article-item--excerpt .blog-article-item__wrapper {
  background-color: #f4f4f4;
}
@media (min-width: 1200px) {
.blog-article-item--excerpt-wide .blog-article-item__wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row
}
  }
.blog-article-item--excerpt-wide img {
  position: static;
  min-height: 300px;
}
@media (min-width: 1200px) {
.blog-article-item--excerpt-wide img {
    position: absolute;
    min-height: 0
}
  }
.blog-article-item--excerpt-wide .blog-article-item__meta {
  background-color: #000;
  -ms-flex-line-pack: center;
      align-content: center;
  text-align: center;
}
@media (min-width: 1200px) {
.blog-article-item--excerpt-wide .blog-article-item__meta {
    width: calc(50% + 18px);
    margin-top: 0;
    margin-left: auto
}
  }
@media (min-width: 1024px) {
.blog-article-item--excerpt-wide .blog-article-item__title {
    max-height: 5em;
    overflow: hidden
}
  }
.article-block-newsletter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-gap: 12px;
  gap: 12px;
  padding: 24px 18px;
  background-color: #f4f4f4;
  text-align: center;
  min-height: 320px;
}
@media (min-width: 1200px) {
.article-block-newsletter {
    grid-column: span 9
}
  }
.article-block-newsletter__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 48px;
  height: 48px;
  color: #fff;
  background-color: var(--colorTextBody);
  border-radius: 6px;
}
.article-block-newsletter__label svg {
  width: 24px;
  height: 24px;
}
.article-block-newsletter__title {
  font-size: 20px;
  margin-top: 12px;
  margin-bottom: 0;
  text-transform: none !important;
}
@media (min-width: 1024px) {
.article-block-newsletter__title {
    font-size: 24px
}
  }
.article-block-newsletter__text {
  font-size: var(--typeBaseSize);
  max-width: 20em;
}
.article-block-newsletter__form {
  width: 100%;
}
.article-block-newsletter__form input {
  font-size: var(--typeBaseSize);
  width: 100%;
  border: 1px solid #e3e3e3;
  padding: 8px 12px;
  height: 44px;
  border-radius: 32px;
  text-align: center;
}
@media (min-width: 769px) {
.article-block-newsletter__form input {
    height: 38px
}
  }
.article-block-newsletter__form input::-moz-placeholder {
  font-size: var(--typeBaseSize);
  font-weight: 300;
  color: var(--colorTextBody);
  opacity: 1;
}
.article-block-newsletter__form input::placeholder,
.article-block-newsletter__form input::-moz-placeholder,
.article-block-newsletter__form input::-webkit-input-placeholder {
  font-size: var(--typeBaseSize);
  font-weight: 300;
  color: var(--colorTextBody);
  opacity: 1;
}
.article-block-newsletter__form .note {
  font-size: var(--typeBaseSize);
  text-align: center;
  margin: 0;
}
.article-block-newsletter hr {
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--colorTextBody);
  opacity: 1;
  margin: 0;
  border: 0;
}
.article-block-newsletter__button {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-gap: 12px;
  gap: 12px;
  margin-top: 12px;
}
.article-block-newsletter__button button {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: auto;
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-size: calc(var(--typeBaseSize) + 2px) !important;
  font-weight: 300;
  padding: 8px 32px;
  border-radius: 32px;
  text-align: center;
  text-transform: none;
}
.article-block-newsletter__terms {
  margin-top: 12px;
  max-width: 20em;
}
.article-block-newsletter__terms a {
  text-decoration: underline;
}
.article-block-newsletter__terms a:hover {
  text-decoration: none;
}
.article-block-categories {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  grid-gap: 16px;
  gap: 16px;
  text-align: center;
  padding: 12px 64px;
  margin: 0 -17px;
  overflow: hidden;
  min-height: 250px;
}
@media (min-width: 769px) {
.article-block-categories {
    grid-gap: 24px;
    gap: 24px;
    border: 1px solid #e3e3e3;
    margin: 0;
    padding: 48px;
    min-height: 320px
}
  }
@media (min-width: 1200px) {
.article-block-categories {
    padding: 48px 80px;
    grid-column: span 9
}
  }
.article-block-categories__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 24px;
  gap: 24px;
  height: 100%;
}
@media (min-width: 769px) {
.article-block-categories__wrapper {
    grid-gap: 48px;
    gap: 48px;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch
}
  }
@media (min-width: 1200px) {
.article-block-categories__wrapper {
    grid-gap: 80px;
    gap: 80px
}
  }
.swiper-initialized .article-block-categories__wrapper {
  grid-gap: 0;
  gap: 0;
}
.article-block-categories__title {
  font-size: 20px;
  margin: 0;
  text-transform: none !important;
}
.article-block-categories__prev,
.article-block-categories__next {
  position: absolute;
  top: 50%;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
}
.article-block-categories__prev {
  left: 0;
}
@media (min-width: 1200px) {
.article-block-categories__prev {
    left: 12px
}
  }
.article-block-categories__next {
  right: 0;
}
@media (min-width: 1200px) {
.article-block-categories__next {
    right: 12px
}
  }
.article-block-categories__prev svg,
.article-block-categories__next svg {
  width: 32px;
  height: 32px;
}
.article-block-categories__next svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media (min-width: 769px) {
.swiper-initialized .article-block-categories__prev:not(:disabled),
.swiper-initialized .article-block-categories__next:not(:disabled) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
  }
.article-block-categories__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-gap: 32px;
  gap: 32px;
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: var(--text-color);
  background-color: var(--background-color);
  padding: 48px 24px;
  border-radius: 12px;
}
@media (min-width: 1024px) {
.article-block-categories__item {
    padding: 24px
}
  }
.article-block-categories__item:hover {
  color: var(--text-color);
}
@media (max-width: 768px) {
.swiper-initialized .article-block-categories__item {
    -webkit-transform: scale(0.85);
            transform: scale(0.85);
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease
}
  }
@media (max-width: 768px) {
.swiper-initialized .article-block-categories__item.swiper-slide-active {
    -webkit-transform: scale(1);
            transform: scale(1)
}
  }
.article-block-categories__item-label {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 48px;
  height: 48px;
  color: var(--colorTextBody);
  background-color: #fff;
  border-radius: 6px;
}
.article-block-categories__item-label img {
  width: 24px;
  height: 24px;
  /* filter to change svg color from #fff to #000 */
  -webkit-filter: invert(100%);
          filter: invert(100%);
}
.article-block-categories__item-title {
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-size: 20px;
  font-weight: 400;
  margin: 0;
  text-transform: none !important;
  letter-spacing: normal;
  color: inherit;
}
.article-block-article-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  grid-gap: 48px;
  gap: 48px;
  padding: 24px 18px;
  border: 1px solid #e3e3e3;
  min-height: 320px;
}
@media (min-width: 1024px) {
.article-block-article-list {
    padding: 24px 36px
}
  }
@media (min-width: 1200px) {
.article-block-article-list {
    grid-column: span 8;
    grid-gap: 12px;
    gap: 12px
}
  }
.article-block-article-list__title {
  font-size: 20px;
  margin: 0;
  text-transform: none !important;
  letter-spacing: normal;
}
@media (min-width: 1024px) {
.article-block-article-list__title {
    font-size: 24px
}
  }
.article-block-article-list__list {
  margin: auto 0 0 0;
  list-style: none;
}
.article-block-article-list__item {
  margin: 0;
  border-bottom: 1px solid;
}
.article-block-article-list__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 18px 12px;
  font-size: 16px;
  line-height: 1.2;
}
@media (min-width: 1024px) {
.article-block-article-list__item a {
    font-size: 17px
}
  }
.article-block-article-list__item svg {
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: auto;
}
/* UTILS */
.leading-none {
  line-height: 1;
}
html {
  padding-bottom: 0 !important;
}
.locale-selectors__container {
  display: none !important;
}
#md-footer-selector-block {
  display: none;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.91.0_webpack-cli@4.10.0_/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.4.38_webpack@5.91.0_webpack-cli@4.10.0_/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/.pnpm/nouislider@15.7.2/node_modules/nouislider/dist/nouislider.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.noUi-target {
  position: relative;
}
.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}
.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  -webkit-transform-style: flat;
          transform-style: flat;
}
/* Offset direction
 */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}
/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0;
}
.noUi-horizontal .noUi-origin {
  height: 0;
}
.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}
.noUi-touch-area {
  height: 100%;
  width: 100%;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px;
}
.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  right: -17px;
  top: -6px;
}
.noUi-vertical {
  width: 18px;
}
.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  bottom: -17px;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}
/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  -webkit-box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
          box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-connects {
  border-radius: 3px;
}
.noUi-connect {
  background: #3FB8AF;
}
/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}
.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  -webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
          box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}
.noUi-active {
  -webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
          box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}
/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}
.noUi-handle:after {
  left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}
.noUi-vertical .noUi-handle:after {
  top: 17px;
}
/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}
/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.noUi-pips {
  position: absolute;
  color: #999;
}
/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}
.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}
/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}
.noUi-marker-sub {
  background: #AAA;
}
.noUi-marker-large {
  background: #AAA;
}
/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}
.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}
/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}
.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px;
}
.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}
.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}
.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}
.noUi-horizontal .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}
.noUi-vertical .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(0, -18px);
  transform: translate(0, -18px);
  top: auto;
  right: 28px;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.91.0_webpack-cli@4.10.0_/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.4.38_webpack@5.91.0_webpack-cli@4.10.0_/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/.pnpm/swiper@10.3.1/node_modules/swiper/swiper.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Swiper 10.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 28, 2023
 */

/* FONT_START */

@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}

/* FONT_END */

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  overflow: clip;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: initial;
          transition-timing-function: initial;
  -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
          transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}

.swiper-vertical {
  -ms-touch-action: pan-x;
      touch-action: pan-x;
}

.swiper-slide {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

.swiper-backface-hidden .swiper-slide {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

/* 3D Effects */

.swiper-3d.swiper-css-mode .swiper-wrapper {
  -webkit-perspective: 1200px;
          perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.swiper-3d {
  -webkit-perspective: 1200px;
          perspective: 1200px;
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

/* CSS Mode */

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  -webkit-scroll-snap-type: x mandatory;
      -ms-scroll-snap-type: x mandatory;
          scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  -webkit-scroll-snap-type: y mandatory;
      -ms-scroll-snap-type: y mandatory;
          scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  -webkit-scroll-snap-type: none;
      -ms-scroll-snap-type: none;
          scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-ordinal-group: 10000;
      -ms-flex-order: 9999;
          order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

[dir="ltr"] .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-left: var(--swiper-centered-offset-before);
}

[dir="rtl"] .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-right: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-top: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

/* Slide styles start */

/* 3D Shadows */

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 4px solid var(--swiper-theme-color);
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@-webkit-keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/* Slide styles end */

/* --- START: Finales Styling für Account-Bestellliste V5 (Desktop-Feinschliff) --- */

.order-card-wrapper {
  padding: 24px;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
  transition: box-shadow 0.2s ease-in-out;
}
.order-card-wrapper:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.order-card-link-area {
  display: grid;
  grid-template-areas: "header" "status" "products";
  gap: 16px;
  text-decoration: none;
  color: inherit;
}
.order-card__header { grid-area: header; }
.order-card__status { grid-area: status; }
.order-card__products { grid-area: products; }
.order-card__number {
  font-size: 1.1em;
  font-weight: 600;
  margin: 0 0 4px;
}
.order-card__date {
  font-size: 0.9em;
  color: #555;
  margin: 0;
}
.order-card__status-title {
  font-size: 0.8em;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin: 0 0 8px;
}
.order-card__status-text {
  font-size: 0.9em;
  margin-top: 8px;
}
.status-bar {
  width: 100%;
  height: 8px;
  background-color: #f0f0f0;
  border-radius: 4px;
  overflow: hidden;
}
.status-bar__progress {
  height: 100%;
  background-color: #0080ff;
  border-radius: 4px;
  transition: width 0.4s ease;
}
.status-bar__progress--refunded { background-color: #888888; }
.status-bar__progress--cancelled { background-color: #e0e0e0; }
.order-card__products { display: flex; gap: 8px; }
.order-card__product-image-wrapper {
  width: 60px;
  height: 60px;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid #e5e5e5;
}
.order-card__product-image-wrapper img,
.order-card__product-image-wrapper .placeholder-svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Layout-Logik für Buttons (Mobile First) */
.order-card__actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 24px;
}
.order-card__actions > *,
.order-card__actions form {
  margin: 0;
  display: flex;
}
.order-card__actions > *:nth-child(3) {
  grid-column: 1 / -1;
}

/* KORRIGIERT: Button-Styles für Höhe und Ausgewogenheit */
.order-card__actions .btn,
.order-card__actions .btn--secondary {
  width: 100%;
  text-decoration: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  /* KORRIGIERT: Wir verwenden Padding anstelle von min-height für eine natürliche Höhe */
  padding: 10px 16px; 
  line-height: 1.4; /* Verbessert die vertikale Zentrierung des Textes */
}

/* Styling für den Sendungsverfolgung-Button */
.order-card__actions .btn--tracking {
  background-color: #000000 !important;
  color: #ffffff !important;
  border-color: #000000 !important;
}
.order-card__actions .btn--tracking:hover {
  background-color: #333333 !important;
  border-color: #333333 !important;
}


/* Desktop Layout (ab 768px) */
@media (min-width: 768px) {
  .order-card-link-area {
    grid-template-columns: 1fr auto;
    grid-template-rows: auto 1fr;
    grid-template-areas: "header products" "status status";
    align-items: center;
    gap: 16px 32px;
  }
  .order-card__products { align-self: start; }

  /* Auf Desktop wieder zu Flexbox wechseln */
  .order-card__actions {
    display: flex;
    justify-content: flex-end;
  }
  .order-card__actions > *,
  .order-card__actions form {
    flex: 0 1 auto;
    width: auto;
  }
}
/* KORREKTUR: Verhindert den Zeilenumbruch in den Desktop-Buttons */
@media (min-width: 768px) {
  .order-card__actions .btn,
  .order-card__actions .btn--secondary {
    white-space: nowrap;
  }
}
/* --- END: Finales Styling für Account-Bestellliste V5 --- */
/* --- START: Korrigiertes Styling für Bestell-Detailseite (Scoped) --- */

.order-detail-page {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
}

.order-detail-page .order-detail-header {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 20px;
}

.order-detail-page .order-detail-back-link {
  display: flex;
  align-items: center;
  gap: 5px;
  text-decoration: none;
  color: inherit;
}
.order-detail-page .order-detail-back-link svg {
  width: 20px;
  height: 20px;
}

.order-detail-page .order-detail-title {
  margin: 0;
  font-size: 1.5em;
}

.order-detail-page .order-detail-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 30px;
}
.order-detail-page .order-detail-actions .btn,
.order-detail-page .order-detail-actions .btn--secondary {
  flex-grow: 1;
}

.order-detail-page .order-detail-status-bar {
  margin-bottom: 30px;
}
.order-detail-page .order-detail-status-title {
  font-size: 0.8em;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0 0 8px;
}
.order-detail-page .order-detail-status-text {
  font-size: 0.9em;
  margin-top: 8px;
}

.order-detail-page .order-detail-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  margin-bottom: 30px;
}

.order-detail-page .order-detail-box {
  border: 1px solid #e5e5e5;
  padding: 20px;
  border-radius: 8px;
}
.order-detail-page .order-detail-box-title {
  margin: 0 0 10px;
  font-size: 1.1em;
}
.order-detail-page .order-detail-address p {
  margin: 0;
}

.order-detail-page .order-detail-products {
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 20px;
}

.order-detail-page .order-product-item {
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  align-items: center;
  gap: 15px;
  padding: 15px;
}
.order-detail-page .order-product-item:not(:last-child) {
  border-bottom: 1px solid #e5e5e5;
}

.order-detail-page .order-product-image img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 4px;
}

.order-detail-page .order-product-details {
  display: flex;
  flex-direction: column;
}
.order-detail-page .order-product-title {
  font-weight: 600;
  text-decoration: none;
  color: inherit;
}
.order-detail-page .order-product-sku,
.order-detail-page .order-product-price {
  font-size: 0.9em;
  color: #555;
}
.order-detail-page .order-product-quantity,
.order-detail-page .order-product-total {
  font-weight: 600;
  text-align: right;
}

.order-detail-page .order-detail-summary {
  max-width: 400px;
  margin-left: auto;
  width: 100%;
}
.order-detail-page .summary-line {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
}
.order-detail-page .summary-line--discount {
  color: #1a7e2a; /* Green for discount */
}
.order-detail-page .summary-line--total {
  font-weight: 700;
  font-size: 1.2em;
  border-top: 2px solid #333;
  margin-top: 10px;
  padding-top: 10px;
}

@media (min-width: 768px) {
  .order-detail-page .order-detail-grid {
    grid-template-columns: 1fr 1fr;
  }
  .order-detail-page .order-detail-actions .btn,
  .order-detail-page .order-detail-actions .btn--secondary {
    flex-grow: 0;
  }
}
/* --- START: Feinschliff für Bestell-Detailseite --- */

/* KORRIGIERT: Layout für den Header-Bereich */
.order-detail-page .order-detail-header {
  display: block; /* Ändert das Layout zu Block, damit Elemente untereinander stehen */
  margin-bottom: 24px;
}

.order-detail-page .order-detail-back-link {
  display: block; /* Stellt sicher, dass der Link eine eigene Zeile einnimmt */
  margin-bottom: 12px; /* Abstand zur Bestellnummer */
  font-size: 0.9em;
  color: #555;
}

/* KORRIGIERT: Button-Farben für die Detailseite */
.order-detail-page .order-detail-actions .btn {
  /* "Erneut bestellen" Button: Schwarz auf Weiß */
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #000000;
}
.order-detail-page .order-detail-actions .btn:hover {
  background-color: #f0f0f0;
}

.order-detail-page .order-detail-actions .btn--tracking-detail {
   /* "Sendungsverfolgung" Button: Weiß auf Schwarz */
  background-color: #000000 !important;
  color: #ffffff !important;
  border-color: #000000 !important;
}
.order-detail-page .order-detail-actions .btn--tracking-detail:hover {
  background-color: #333333 !important;
  border-color: #333333 !important;
}

/* --- END: Feinschliff für Bestell-Detailseite --- */
/* --- END: Styling für Bestell-Detailseite --- */