.intro-text-read-more-section .title {
    display: flex;
    color: rgba(255, 255, 255, 0.80);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3em;
    text-transform: uppercase;
  }
  
  .intro-text-read-more-section .content {
    overflow: hidden;
    color: rgba(255, 255, 255, 0.80);
    text-overflow: ellipsis;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3em;
    margin-bottom: 2rem;
  }
  .intro-text-read-more-section  p{
    margin-top: 15px;
  }
  
  .intro-text-read-more-section .content.close {
    height: 20rem;
    -webkit-mask-image: linear-gradient(to bottom,black 50%,transparent 100%);
  }
  
  .intro-text-read-more-section .content p {
    color: rgb(255 255 255 / 62%);
  }
  
  .page-width {
      max-width: var(--page-width);
      position: relative;
      z-index: 1;
      margin: 0 auto;
      padding: 0 1rem
  }
  
  @media screen and (min-width: 750px) {
      .page-width {
          padding: 0 2rem
      }
  }
  
  @media screen and (min-width: 990px) {
      .page-width {
          padding: 0 1rem
      }
  }
  
  @media screen and (min-width: 1100px) {
      .page-width {
          padding: 0 7rem
      }
  }
  
  
  
  .visually-hidden {
      position: absolute !important;
      overflow: hidden;
      width: .1rem;
      height: .1rem;
      margin: -.1rem;
      padding: 0;
      border: 0;
      clip: rect(0 0 0 0);
      word-wrap: normal !important
  }
  
  h1,
  h2,
  .h4 {
      font-family: var(--font-heading-family);
      font-style: var(--font-heading-style);
      font-weight: var(--font-heading-weight);
      /* color: rgb(var(--color-heading)); */
      line-height: calc(1 + .3/max(1, var(--font-heading-scale)))
  }
  
  h1 {
      font-size: calc(var(--font-heading-scale) * 2.8rem)
  }
  
  @media only screen and (min-width: 750px) {
      h1 {
          font-size: calc(var(--font-heading-scale) * 4rem)
      }
  }
  
  h2 {
      font-size: calc(var(--font-heading-scale) * 2rem)
  }
  
  @media only screen and (min-width: 750px) {
      h2 {
          font-size: calc(var(--font-heading-scale) * 2.8rem)
      }
  }
  
  .h4 {
      font-family: var(--font-heading-family);
      font-style: var(--font-heading-style);
      font-size: calc(var(--font-heading-scale) * 1.5rem)
  }
  
  @media only screen and (min-width: 750px) {
      .h4 {
          font-size: calc(var(--font-heading-scale) * 1.6rem)
      }
  }
  
  .caption-with-letter-spacing {
      font-size: 1rem;
      line-height: calc(1 + .2 / var(--font-body-scale));
      text-transform: uppercase;
      color: rgba(var(--color-foreground), .75)
  }
  
  .center {
      text-align: center
  }
  
  div:empty {
      display: none
  }
  
  .full-unstyled-link {
      text-decoration: none;
      color: currentColor;
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1
  }
  
  @media (prefers-reduced-motion) {
      .motion-reduce {
          transition: none !important;
          animation: none !important
      }
  }
  
  *:focus {
      outline: 0;
      box-shadow: none
  }
  
  .no-js *:focus:not(:focus-visible) {
      outline: 0;
      box-shadow: none
  }
  
  .focus-inset:focus-visible {
      outline: .2rem solid rgb(var(--color-keyboard-focus));
      outline-offset: -.2rem;
      box-shadow: 0 0 .2rem rgba(var(--color-keyboard-focus), .5)
  }
  
  .no-js .focus-inset:focus:not(:focus-visible) {
      outline: 0;
      box-shadow: none
  }
  
  .focus-none {
      box-shadow: none !important;
      outline: 0 !important
  }
  
  .focus-offset:focus-visible {
      outline: .2rem solid rgb(var(--color-keyboard-focus));
      outline-offset: 1rem;
      box-shadow: 0 0 0 1rem rgb(var(--color-background)), 0 0 .2rem 1.2rem rgba(var(--color-keyboard-focus), .5)
  }
  
  .no-js .focus-offset:focus:not(:focus-visible) {
      outline: 0;
      box-shadow: none
  }
  
  .title-wrapper {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-end;
      justify-content: space-between;
      gap: 1rem;
      margin-bottom: 1rem
  }
  
  .title-wrapper.center {
      justify-content: center
  }
  
  .title-wrapper .title {
      margin: 0
  }
  
  .title {
      margin: 3rem 0 2rem
  }
  
  @media screen and (min-width: 990px) {
      .title {
          margin: 5rem 0 3rem
      }
  
      .title-wrapper {
          margin-bottom: 1rem;
          align-items: center
      }
  }
  
  .media-wrapper {
      display: block;
      position: relative;
      overflow: hidden;
      background-color: transparent
  }
  
  .media {
      display: block;
      position: relative;
      overflow: hidden
  }
  
  .media>*:not(.zoom, .deferred-media__poster-button, .media--hero) {
      display: block;
      max-width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%
  }
  
  .media>img {
      backface-visibility: hidden;
      object-fit: cover;
      object-position: var(--image-position);
      transition: opacity var(--duration-long) ease
  }
  
  .media--portrait {
      padding-bottom: 203.5%
  }
  
  .button {
      position: relative;
      z-index: 1;
      cursor: pointer;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      box-sizing: border-box;
      font-family: inherit;
      padding: 1rem 3rem;
      padding-top: calc(1rem + var(--font-button-baseline));
      text-decoration: none;
      border-radius: var(--button-radius);
      border: var(--button-border-width) solid rgb(var(--color-button-border));
      color: rgb(var(--color-button-text));
      background-color: rgb(var(--color-button-background));
      font-family: var(--font-button-family);
      min-width: 24rem;
      max-width: 100%;
      min-height: 4.6rem;
      text-transform: uppercase;
      font-weight: 600;
      transition-property: color, background-color, box-shadow;
      transition-duration: var(--duration-default);
      transition-timing-function: ease;
      -webkit-appearance: none;
      appearance: none;
      overflow: hidden;
      box-shadow: var(--button-shadow-horizontal-offset) var(--button-shadow-vertical-offset) rgba(var(--color-shadow), var(--shadow-opacity))
  }
  
  .button {
      font-size: var(--font-button-size);
      line-height: calc(1 + .2 / var(--font-body-scale))
  }
  
  .button--small {
      font-size: max(calc(var(--font-button-size) - 2px), 1.2rem);
      padding: .6rem 2rem;
      padding-top: calc(.6rem + var(--font-button-baseline));
      min-height: 4rem;
      min-width: 18rem
  }
  
  @media screen and (max-width: 375px) {
      .button--small {
          padding: .6rem 1rem
      }
  }
  
  @media screen and (hover: hover) {
      .button:after {
          content: "";
          z-index: -1;
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          width: 120%;
          height: 100%;
          background-image: none;
          background-color: rgb(var(--color-button-text));
          backface-visibility: hidden;
          will-change: transform;
          transform: rotate3d(0, 0, 1, 10deg) translate3d(-1.2em, 110%, 0);
          transform-origin: 0% 100%;
          transition: transform var(--duration-default) ease
      }
  
      .button:hover {
          color: #000 !important;
          transition-delay: 0s;
          opacity: 1;
          border-color: #fff
      }
  
      .button:hover:after {
          animation: none;
          transform: rotate3d(0, 0, 1, 0) translateZ(0)
      }
  }
  
  .button:disabled {
      cursor: not-allowed;
      opacity: .5
  }
  
  .field__input:focus-visible,
  .select__select:focus-visible,
  .customer .field input:focus-visible,
  .customer select:focus-visible {
      outline: none;
      box-shadow: inset 0 0 0 .2rem rgb(var(--color-border))
  }
  
  .section--padding {
      padding-top: calc(var(--section-padding-top) * .75);
      padding-bottom: calc(var(--section-padding-bottom) * .75)
  }
  
  @media screen and (min-width: 750px) {
      .section--padding {
          padding-top: var(--section-padding-top);
          padding-bottom: var(--section-padding-bottom)
      }
  }
  
  .badge {
      display: inline-block;
      font-size: 1.1rem;
      text-transform: uppercase;
      line-height: 1;
      padding: 1rem;
      text-align: center;
      word-break: break-word;
      width: max-content;
      background-color: var(--color-badge-background);
      color: var(--color-badge-foreground);
      font-family: var(--font-button-family);
      border-radius: min(var(--button-radius), .2rem)
  }
  
  @media screen and (max-width: 480px) {
      .badge {
          font-size: .9rem;
          padding: .3rem .5rem;
          padding-top: calc(.3rem + calc(var(--font-button-baseline) * .65))
      }
  }
  
  .badge--onsale {
      border: 0;
      background: linear-gradient(to right, #9d70af, #f188b7)
  }
  
  @media screen and (forced-colors: active) {
      .icon {
          color: CanvasText;
          fill: CanvasText !important
      }
  }
  
  use-animate {
      display: block
  }
  
  button.read_more,
  .button.read_more {
      min-width: auto;
      min-height: auto;
      font-size: 12px;
      font-weight: 600;
      color: #fff9;
      border: 0;
      border-radius: 0;
      border-bottom: .75px solid rgba(255, 255, 255, .6);
      padding: 3px 0;
      background: transparent;
      width: auto;
      align-self: center
  }
  
  button.read_more:hover,
  .button.read_more:hover {
      color: #fff !important
  }
  
  button.read_more:after,
  button.read_more:hover:after,
  .button.read_more:after,
  .button.read_more:hover:after {
      content: "";
      background: transparent
  }
  
  @media screen and (hover: hover) {
  
      button.read_more:hover,
      .button.read_more:hover {
          color: #fff !important
      }
  }
  
  .klaviyo-form[data-testid=klaviyo-form-S9gAsY] input:focus-visible {
      outline-color: #ea1969
  }
  
  /*# sourceMappingURL=/cdn/shop/t/256/assets/base.css.map?v=93636412434356654621738757257 */
  .card {
      display: block;
      overflow: hidden;
      text-decoration: none;
      border-radius: var(--card-radius)
  }
  
  .card+.card-information {
      display: flex;
      justify-content: center;
      position: relative
  }
  
  .card--product {
      box-sizing: border-box;
      position: relative;
      z-index: 2;
      overflow: visible;
      border: var(--card-border-width) solid rgb(var(--color-border));
      background-color: rgb(var(--card-color-scheme));
      box-shadow: var(--card-shadow-horizontal-offset) var(--card-shadow-vertical-offset) rgba(var(--color-shadow), var(--shadow-opacity))
  }
  
  .card--product+.card-information {
      text-align: var(--card-text-alignment)
  }
  
  .card--product+.card-information .price,
  .card--product+.card-information .card-information__top {
      justify-content: var(--card-flex-alignment)
  }
  
  .card-information>*+* {
      margin-top: .5rem
  }
  
  .card--product+.card-information>*+* {
      margin-top: 0
  }
  
  .card-information__text {
      font-weight: 400;
      text-decoration: none;
      padding-bottom: .2rem;
      color: rgb(var(--color-link))
  }
  
  .card-information__button {
      pointer-events: none;
      display: flex;
      justify-content: flex-end;
      column-gap: 1rem;
      text-align: center;
      position: absolute;
      bottom: 100%;
      z-index: 2;
      white-space: nowrap;
      height: 3.6rem;
      margin-top: 0;
      overflow: hidden;
      transform: translateY(-1.5rem);
      width: calc(100% - 13px)
  }
  
  .card-information__button .button:not(.loading) {
      pointer-events: visible
  }
  
  .card-information__button .button .icon {
      width: 1.6rem;
      height: 1.6rem;
      stroke-width: 1.2
  }
  
  @media screen and (min-width: 750px) {
      .card-information__button {
          height: 50px;
          border-radius: 5px;
      }
  
      .card-information__button .button {
          display: flex;
          min-width: auto;
          width: 100%;
          height: inherit;
          box-shadow: none;
          border-radius: min(var(--button-radius), .8rem);
          transform: translateY(100%);
          opacity: 0;
          transition: color var(--duration-long) ease, transform var(--duration-default) ease, opacity var(--duration-default) ease;
          will-change: transform
      }
  
      .card-information__button .button .icon {
          display: none
      }
  }
  
  @media screen and (max-width: 749px) {
      .card-information__button .button:not(.button--soldout) {
          text-indent: -9999px;
          flex: 0 0 auto;
          width: 3.6rem;
          min-height: 40px;
          min-width: auto;
          padding: 0;
          border-radius: 50%;
          box-shadow: none
      }
  }
  
  .card-information__wrapper {
      width: 100%;
      line-height: calc(1 + .4 / var(--font-body-scale))
  }
  
  .card-information__wrapper .caption-with-letter-spacing {
      display: block
  }
  
  .card-article-vendor {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap
  }
  
  .card-wrapper {
      color: inherit;
      display: block;
      position: relative;
      text-decoration: none
  }
  
  .card-wrapper:focus-within .card {
      box-shadow: none
  }
  
  .card-wrapper .full-unstyled-link {
      display: none
  }
  
  .card__media {
      padding: var(--card-image-padding);
      border-radius: calc(var(--card-radius) - var(--card-border-width) - var(--card-image-padding))
  }
  
  .card-article-info {
      display: flex;
      flex-wrap: wrap
  }
  
  .card__badge {
      display: flex;
      flex-direction: column;
      grid-row-gap: 1rem;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      max-width: 50%;
      pointer-events: none;
      color:rgba(24, 22, 22, 0.724)
  }
  
  @media screen and (hover: hover) {
      .card-wrapper:hover .card-information__button .button {
          opacity: 1;
          transform: translateY(0)
      }
  }
  
  @media screen and (min-width: 990px) {
      .card-wrapper .full-unstyled-link {
          display: flex
      }
  
      .card-information__text {
          display: inline
      }
  }
  
  @media screen and (hover: hover) {
      .card-information__text {
          background-image: linear-gradient(to top, rgb(var(--color-border)) 0 0), linear-gradient(to top, transparent 0, transparent 0);
          background-repeat: no-repeat;
          background-position: right bottom;
          background-size: 0 .1rem, 100% .1rem;
          transition: background-size var(--duration-default) ease
      }
  
      .card-wrapper:hover .card-information__text {
          background-position: left bottom;
          background-size: 100% .1rem, 100% .1rem
      }
  }
  
  .card-information__top {
      display: flex;
      justify-content: space-between
  }
  
  /*# sourceMappingURL=/cdn/shop/t/256/assets/component-card.css.map?v=133069403236278666571738757274 */
  .style-type--1 {
      border-radius: 5px;
      overflow: hidden;
      height: 100%;
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-flow: column;
      flex-flow: column
  }
  
  .style-type--1 .media--portrait {
      padding-bottom: 115%
  }
  
  .style-type--1 .card-information {
      padding: 4px 8px 6px;
      background: #0000004d;
      height: 100%
  }
  
  .style-type--1 .card-information .card-information__wrapper .card-information__top {
      justify-content: space-between;
      display: flex;
      align-items: center
  }
  
  .style-type--1 .card-information .card-information__wrapper .card-information__top .card-article-info {
      font: 400 9px/14px Quicksand, sans-serif;
      color: #fff;
      padding-top: 2px
  }
  
  .style-type--1 .card-information .card-information__wrapper .card-information__text {
      font: 700 15px/19px Quicksand, sans-serif;
      color: #fffc;
      text-decoration: none;
      display: flex;
      text-align: center;
      justify-content: center;
      margin-top: 0
  }
  
  @media (max-width: 768px) {
      .style-type--1 .card-information .card-information__wrapper .card-information__text {
          font-size: 14px;
          line-height: 18px
      }
  }
  
  @media (max-width: 401px) {
      .style-type--1 .card-information .card-information__wrapper .price {
          font-size: 1rem
      }
  }
  
  .style-type--1 .card-information .card-information__wrapper .custom-mobile__buy-btn {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-flow: column;
      flex-flow: column
  }
  
  .style-type--1 .card-information .card-information__wrapper .custom-mobile__buy-btn .button {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      min-height: initial;
      min-width: initial;
      width: 100%;
      background-color: #ea1969;
      font: 700 22px/33px Quicksand, sans-serif;
      color: #fff;
      text-align: center
  }
  
  .style-type--1 .card-information .card-information__wrapper .custom-mobile__buy-btn .button svg {
      display: none
  }
  
  @media (max-width: 768px) {
      .style-type--1 .card-information .card-information__wrapper .custom-mobile__buy-btn .button {
          font-size: 14px;
          line-height: 21px
      }
  }
  
  @media (max-width: 768px) {
      .style-type--1 .card-information .card-information__wrapper .custom-mobile__buy-btn {
          display: -webkit-box !important;
          display: -ms-flexbox !important;
          display: flex !important
      }
  }
  
  .style-type--1 .card-information .card-information__button .button {
      color: #fff;
      font: 700 16px/24px Quicksand, sans-serif;
      background-color: #ea1969;
      border: 0
  }
  
  @media (max-width: 768px) {
      .style-type--1 .card-information .card-information__button {
          display: none
      }
  }
  
  @media (max-width: 768px) {
      .style-type--1 .card-information {
          padding: 7px
      }
  }
  
  .style-type--1 .card__badge {
      top: 10px;
      left: 12px
  }
  
  .style-type--1 .card__badge span {
      font: 700 10.5px/16px Quicksand, sans-serif;
      padding: 3px 12px;
      background: -o-linear-gradient(.22deg, #9D70AF .14%, #F188B7 72.52%);
      background: linear-gradient(89.78deg, #9d70af .14%, #f188b7 72.52%)
  }
  
  @media (max-width: 768px) {
      .style-type--1 .card__badge span {
          font-size: 10px;
          line-height: 15px;
          padding: 2px 8px
      }
  }
  
  @media (max-width: 768px) {
      .style-type--1 .card__badge {
          top: 6px;
          left: 6px
      }
  }
  
  .style-type--1:hover .card-information__text {
      background-size: 0 !important
  }
  
  .discount-percentage,
  .discount-note {
      color: white;
  }
  
  .collection-product-grid__wrap {
      overflow-x: hidden;
      padding-bottom: 44px;
      z-index: 0;
      position: relative
  }
  
  .collection-product-grid__wrap h2 {
      margin: 0
  }
  
  .collection-product-grid__wrap .collection-product-grid__container {
      margin: 0 auto
  }
  
  .collection-product-grid__wrap .collection-product-grid__container .collection-product-grid__title {
      font: 700 75px/71px Quicksand, sans-serif;
      color: #fff3;
      text-transform: uppercase;
      margin-bottom: -10px
  }
  
  @media (max-width: 768px) {
      .collection-product-grid__wrap .collection-product-grid__container .collection-product-grid__title {
          font-size: 42px;
          line-height: 64px
      }
  }
  
  @media (max-width: 480px) {
      .collection-product-grid__wrap .collection-product-grid__container .collection-product-grid__title {
          font-size: 10vw;
          line-height: 52px;
          -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
          transform: translateY(0);
          text-align: center
      }
  }
  
  .collection-product-grid__wrap .collection-product-grid__container .collection-product-grid__collection-link {
      position: absolute;
      min-height: initial;
      min-width: initial;
      top: -50px;
      right: 0;
      text-decoration: none;
      border: .75px solid rgba(255, 255, 255, .8);
      color: #fffc;
      font: 700 16px/21px Quicksand, sans-serif;
      padding: 8px 16px;
      border-radius: 3px;
      text-align: center;
      display: flex;
      width: auto;
      height: auto;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      background-color: #0000
  }
  
  @media (max-width: 768px) {
      .collection-product-grid__wrap .collection-product-grid__container .collection-product-grid__collection-link {
          left: calc(50% - 38px);
          font-size: 12px;
          line-height: 18px;
          color: #fff9;
          border: 1px solid rgba(255, 255, 255, .4);
          max-width: 76px;
          max-height: 26px;
          padding: .5rem .6rem;
          top: unset;
          bottom: -45px
      }
  }
  
  .collection-product-grid__wrap .collection-product-grid__container .collection-product-grid__product-wrapper {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 26px 15px;
      position: relative
  }
  
  .collection-product-grid__wrap .collection-product-grid__container .collection-product-grid__product-wrapper .collection-product-grid__product-block {
      max-width: 322px;
      width: 100%
  }
  
  .collection-product-grid__wrap .collection-product-grid__container .collection-product-grid__product-wrapper .collection-product-grid__product-block .card-wrapper .media {
      max-height: 447px;
      padding-bottom: 115%
  }
  
  .collection-product-grid__wrap .collection-product-grid__container .collection-product-grid__product-wrapper .collection-product-grid__product-block .card-wrapper .media img {
      max-height: 447px
  }
  
  @media (max-width: 1024px) {
      .collection-product-grid__wrap .collection-product-grid__container .collection-product-grid__product-wrapper .collection-product-grid__product-block .card-wrapper .media {
          padding-bottom: 115%
      }
  
      .collection-product-grid__wrap .collection-product-grid__container .collection-product-grid__product-wrapper .collection-product-grid__product-block .card-wrapper .card-information .card-information__wrapper .card-information__top .card-article-info {
          font-size: 10px;
          font-weight: 400;
          line-height: 11px
      }
  
      .collection-product-grid__wrap .collection-product-grid__container .collection-product-grid__product-wrapper .collection-product-grid__product-block .card-wrapper .card-information .card-information__wrapper .card-information__text {
          font-size: 14px;
          line-height: 18px
      }
  }
  
  @media (max-width: 1024px) {
      .collection-product-grid__wrap .collection-product-grid__container .collection-product-grid__product-wrapper .collection-product-grid__product-block .card-wrapper .card-information .card-information__wrapper .custom-mobile__buy-btn .button {
          font-size: 14px;
          line-height: 21px
      }
  }
  
  @media (max-width: 1024px) {
      .collection-product-grid__wrap .collection-product-grid__container .collection-product-grid__product-wrapper .collection-product-grid__product-block .card-wrapper .card-information .card-information__wrapper .custom-mobile__buy-btn {
          display: -webkit-box !important;
          display: -ms-flexbox !important;
          display: flex !important
      }
  }
  
  @media (max-width: 1024px) {
      .collection-product-grid__wrap .collection-product-grid__container .collection-product-grid__product-wrapper .collection-product-grid__product-block .card-wrapper .card-information .card-information__button {
          display: none
      }
  }
  
  @media (max-width: 1024px) {
      .collection-product-grid__wrap .collection-product-grid__container .collection-product-grid__product-wrapper .collection-product-grid__product-block .card-wrapper .card-information {
          padding: 7px
      }
  }
  
  @media (max-width: 768px) {
      .collection-product-grid__wrap .collection-product-grid__container .collection-product-grid__product-wrapper .collection-product-grid__product-block {
          max-width: initial;
          width: 49%
      }
  }
  
  @media (max-width: 1024px) {
      .collection-product-grid__wrap .collection-product-grid__container .collection-product-grid__product-wrapper {
          gap: 10px 4px
      }
  }
  
  @media (max-width: 768px) {
      .collection-product-grid__wrap .collection-product-grid__container .collection-product-grid__product-wrapper {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
          flex-flow: row wrap;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center
      }
  }
  
  @media (max-width: 1440px) {
      .collection-product-grid__wrap {
          padding-bottom: 64px
      }
  }
  
  @media (max-width: 480px) {
      .collection-product-grid__wrap .page-width {
          padding: 0 .25rem
      }
  }
  .discounts-wrapper {
     
     
      max-width: 1400px;
      gap: 15px;
      align-items: center;
      margin: 20px auto 60px;
      font-weight: 600;
      line-height: 1.3em;
      background: #0003;
      padding: 20px;
      border-radius: 7.5px;
  }
  .discount-wrapper {
      width: 100%;
      background: #ffffff80;
      background: linear-gradient(90deg, #ffffff1a, #ffffff0d);
      padding: 15px 10px 10px;
      box-sizing: border-box;
      border-radius: 7.5px;
  }
  .discount-conditions {
      display: flex
  ;
      justify-content: space-between;
      flex-direction: column;
      align-items: center;
      border-bottom: 1px dashed rgba(255, 255, 255, .3);
      padding-bottom: 10px;
  }
  .discount-percentage {
      font-size: 40px;
      line-height: 1.3em;
  }
  .discount-percentage, .discount-note {
      color: white;
  }
  .discount-note {
      font-size: 12px;
      font-weight: 400;
      text-align: center;
      line-height: 1.3em;
  }
  .discount-expiration {
      font-size: 12px;
      font-weight: 400;
  }
  .discount-code-container {
      display: flex
  ;
      flex-direction: column;
      padding: 20px 4px 4px;
      align-items: center;
      justify-content: space-between;
  }.discount-code {
      color: #fff;
      font-size: 28px;
  }
  .discount-info {
      padding: 4px;
      font-weight: 400;
      font-size: 14px;
      color: #fffc;
      text-align: center;
      font-size: 12px;
      line-height: 1.3em;
  }
  /*# sourceMappingURL=/cdn/shop/t/256/assets/collection-product-grid.css.map?v=2259375447860267831738757270 */
  
  /*# sourceMappingURL=/cdn/shop/t/256/assets/component-card-designs.css.map?v=18768795395361208291738757273 */