:root {
  --header-height: 64px;
  --header-container-width: 1296px;
}

.promo-code {
  position: relative;
  background-color: var(--wp--preset--color--midnight-blue);
}
.promo-code__wrapper {
  margin: 0 auto;
  padding: 5rem 0 4.5rem 0;
  max-width: 39.25rem;
}
@media (max-width: 991px) {
  .promo-code__wrapper {
    padding: 3.125rem 0 3.625rem 0;
    margin-left: 0;
  }
}
.promo-code__ornament--one {
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQ5IiBoZWlnaHQ9IjE5NiIgdmlld0JveD0iMCAwIDM0OSAxOTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF85NDAyXzY1OTQpIj4KPHBhdGggZD0iTTcxLjkyODIgMC4wMTI2Mjc2TDE5OC4zMTQgMTI2LjMzN0wxMjYuMTcxIDE5OC40NDRMLTAuMjE0NDIzIDcyLjEyMDJMNzEuOTI4MiAwLjAxMjYyNzZaIiBmaWxsPSIjMDAxRUZGIi8+CjxwYXRoIGQ9Ik0zMjQuNTg4IDAuMDc3NTkzNEw3NDMuNzMgNDE5LjAxN0w2NzEuNTg4IDQ5MS4xMjRMMjUyLjQ0NSA3Mi4xODUxTDMyNC41ODggMC4wNzc1OTM0WiIgZmlsbD0iIzAwMUVGRiIvPgo8cGF0aCBkPSJNMzI0LjU3MSA3MS45NzA5TDE5OC4zMTQgMTk4LjQ0M0wxMjYuMTcyIDEyNi4zMzZMMjUyLjQ0MiAwLjEyMzE3NUwzMjQuNTcxIDcxLjk3MDlaIiBmaWxsPSIjMDAxRUZGIi8+CjxwYXRoIGQ9Ik0yNTIuNDQ3IC0wLjAxNzU3MThMMzI0LjU4OSAtMC4wMTc1NzgxTDMyNC41ODkgNzIuMDg5N0wyNTIuNDQ3IDcyLjA4OTdMMjUyLjQ0NyAtMC4wMTc1NzE4WiIgZmlsbD0iIzAwMUVGRiIvPgo8cGF0aCBkPSJNMTI2LjE3MiAxMjYuMzM3TDE5OC4zMTQgMTI2LjMzN0wxOTguMzE0IDE5OC40NDRMMTI2LjE3MiAxOTguNDQ0TDEyNi4xNzIgMTI2LjMzN1oiIGZpbGw9IiMwMDFFRkYiLz4KPHBhdGggZD0iTS0wLjIwMjY4MiAwLjAwMDEyODM3Nkw3MS45MjQzIDAuMDAwMTIyMDdMNzEuOTI0MyA3Mi4wOTJMLTAuMjAyNjc2IDcyLjA5MkwtMC4yMDI2ODIgMC4wMDAxMjgzNzZaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzk0MDJfNjU5NCI+CjxyZWN0IHdpZHRoPSI0MjYiIGhlaWdodD0iMTk2IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJtYXRyaXgoLTEgOC43NDIyOGUtMDggOC43NDIyOGUtMDggMSA0MjYgMCkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
  position: absolute;
  width: 21.8125rem;
  height: 12.25rem;
  background-size: contain;
  background-repeat: no-repeat;
  right: -0.5rem;
  top: 5.75rem;
  background-position: center;
  z-index: 2;
}
@media only screen and (max-width: 1268px) {
  .promo-code__ornament--one {
    right: -3.125rem;
  }
}
@media only screen and (max-width: 1150px) {
  .promo-code__ornament--one {
    width: 14.25rem;
    height: 6.5625rem;
  }
}
@media only screen and (max-width: 990px) {
  .promo-code__ornament--one {
    top: 3.875rem;
  }
}
@media only screen and (max-width: 500px) {
  .promo-code__ornament--one {
    right: -6.5625rem;
    top: 3.875rem;
  }
}
.promo-code__logo-desktop img {
  width: 36.5rem;
  height: 4rem;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 991px) {
  .promo-code__logo-desktop {
    display: none;
  }
}
.promo-code__logo-mobile {
  margin-bottom: 1.4375rem;
}
.promo-code__logo-mobile img {
  margin-left: 0.4375rem;
  width: 19.6875rem;
  height: 6.5rem;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left;
     object-position: left;
}
@media (min-width: 992px) {
  .promo-code__logo-mobile {
    display: none;
  }
}
.promo-code__text {
  padding-top: 0.5rem;
  line-height: 1.5rem;
  color: var(--wp--preset--color--background);
}
@media (max-width: 575px) {
  .promo-code__text {
    max-width: 94%;
    padding-top: 0.625rem;
    font-size: 1rem;
  }
}
.promo-code__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5625rem;
  margin-top: 3.375rem;
}
@media (max-width: 575px) {
  .promo-code__form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 3rem;
    gap: 1.75rem;
  }
}
.promo-code__form input {
  width: 100%;
  padding: 0.75rem 0.75rem 0.75rem 2.3125rem !important;
  color: var(--wp--preset--color--white);
}
.promo-code__form input:not(:-moz-placeholder-shown) + .promo-code__clear-input {
  display: block;
}
.promo-code__form input:not(:-ms-input-placeholder) + .promo-code__clear-input {
  display: block;
}
.promo-code__form input:not(:placeholder-shown) + .promo-code__clear-input {
  display: block;
}
.promo-code__form button {
  -ms-flex-item-align: start;
      align-self: flex-start;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.promo-code__form button:hover {
  -webkit-transform: translate3d(-2px, -2px, 0);
          transform: translate3d(-2px, -2px, 0);
}
.promo-code__input-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.promo-code__input-wrapper::before {
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzk0MDJfNjU1MikiPgo8cGF0aCBkPSJNMCAyMi4wMDAxTDAuNTU4MDU2IDE1Ljc0MjVMMTMuMTM0IDMuMjM1MzVMMTguODE2NyA4Ljk5NTc1TDYuMjQwOCAyMS41MDI5TDAgMjIuMDAwMVpNMi4yNDc5NSAxNi41Mzk1TDEuOTMzNTUgMjAuMDc0N0w1LjQ2MjY3IDE5Ljc5MDZMMTYuMzQwOCA4Ljk3OTk3TDEzLjEyNjEgNS43MjFMMi4yNDc5NSAxNi41Mzk1WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTIxLjk5MjQgNS42OTY2OEwxNi4zMTc5IC0wLjAwMDI0NDE0MUwxNC4xNTAzIDIuMTc1ODZMMTkuODI0OSA3Ljg3Mjc5TDIxLjk5MjQgNS42OTY2OFoiIGZpbGw9IiMwQkY4RkYiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF85NDAyXzY1NTIiPgo8cmVjdCB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
  position: absolute;
  left: 0.625rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1.375rem;
  height: 1.375rem;
  pointer-events: none;
}
.promo-code__clear-input {
  position: absolute;
  background-image: url('data:image/svg+xml,<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.875 0C2.1825 0 0 2.1825 0 4.875C0 7.5675 2.1825 9.75 4.875 9.75C7.5675 9.75 9.75 7.5675 9.75 4.875C9.75 2.1825 7.5675 0 4.875 0ZM4.015 3.485C3.98067 3.44816 3.93927 3.41861 3.89327 3.39811C3.84727 3.37761 3.79761 3.36659 3.74726 3.3657C3.69691 3.36482 3.6469 3.37408 3.6002 3.39294C3.55351 3.4118 3.51109 3.43987 3.47548 3.47548C3.43987 3.51109 3.4118 3.55351 3.39294 3.6002C3.37408 3.6469 3.36482 3.69691 3.3657 3.74726C3.36659 3.79761 3.37761 3.84727 3.39811 3.89327C3.41861 3.93927 3.44816 3.98067 3.485 4.015L4.345 4.875L3.485 5.735C3.44816 5.76933 3.41861 5.81073 3.39811 5.85673C3.37761 5.90273 3.36659 5.95239 3.3657 6.00274C3.36482 6.05309 3.37408 6.1031 3.39294 6.1498C3.4118 6.19649 3.43987 6.23891 3.47548 6.27452C3.51109 6.31013 3.55351 6.3382 3.6002 6.35706C3.6469 6.37592 3.69691 6.38518 3.74726 6.3843C3.79761 6.38341 3.84727 6.37239 3.89327 6.35189C3.93927 6.33139 3.98067 6.30184 4.015 6.265L4.875 5.405L5.735 6.265C5.76933 6.30184 5.81073 6.33139 5.85673 6.35189C5.90273 6.37239 5.95239 6.38341 6.00274 6.3843C6.05309 6.38518 6.1031 6.37592 6.1498 6.35706C6.19649 6.3382 6.23891 6.31013 6.27452 6.27452C6.31013 6.23891 6.3382 6.19649 6.35706 6.1498C6.37592 6.1031 6.38518 6.05309 6.3843 6.00274C6.38341 5.95239 6.37239 5.90273 6.35189 5.85673C6.33139 5.81073 6.30184 5.76933 6.265 5.735L5.405 4.875L6.265 4.015C6.30184 3.98067 6.33139 3.93927 6.35189 3.89327C6.37239 3.84727 6.38341 3.79761 6.3843 3.74726C6.38518 3.69691 6.37592 3.6469 6.35706 3.6002C6.3382 3.55351 6.31013 3.51109 6.27452 3.47548C6.23891 3.43987 6.19649 3.4118 6.1498 3.39294C6.1031 3.37408 6.05309 3.36482 6.00274 3.3657C5.95239 3.36659 5.90273 3.37761 5.85673 3.39811C5.81073 3.41861 5.76933 3.44816 5.735 3.485L4.875 4.345L4.015 3.485Z" fill="white"/></svg>');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  right: 0.625rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1.25rem;
  height: 1.25rem;
  cursor: pointer;
  display: none;
}
.promo-code__info {
  margin-top: 1.0625rem;
}
.promo-code__info p {
  margin: 0;
  font-size: 0.625rem;
  line-height: 1.25rem;
  color: #BCBCBC;
}
.promo-code__valid, .promo-code__invalid {
  width: 100%;
}
.promo-code__invalid-wrapper, .promo-code__valid-wrapper {
  padding-block: 4.75rem 4.5rem;
  padding-inline: 1.125rem;
  background-color: var(--wp--preset--color--electric-blue);
  color: var(--wp--preset--color--white);
}
.promo-code__content {
  margin: 0 auto;
  max-width: 66.375rem;
}
.promo-code__content h2 {
  margin-top: 0;
  margin-bottom: 1.5rem;
  max-width: 39.5625rem;
  font-size: 2.5rem;
  line-height: 3rem;
  color: var(--wp--preset--color--white);
}
@media (max-width: 575px) {
  .promo-code__content h2 {
    font-size: 2rem;
  }
}
.promo-code__content p {
  margin-block: 0;
  max-width: 39.5625rem;
}
@media (max-width: 575px) {
  .promo-code__content p {
    line-height: 1.5rem;
  }
}
.promo-code__content .button {
  margin-block: 2.75rem 1.1875rem;
}
.promo-code__list-wrapper {
  padding: 2.5rem 1.125rem;
}
.promo-code__list-wrapper .products {
  margin: 0 auto;
  max-width: 80.75rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, 18.75rem);
  gap: 1.875rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.promo-code__counter {
  margin: 0 auto;
  padding: 1.625rem 1.125rem;
  max-width: 80.75rem;
}