/*!**************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/scss/theme.scss ***!
  \**************************************************************************************************************/
.four-steps {
  --base-font-family: "Avenir";
  font-weight: 400;
  font-family: var(--base-font-family), sans-serif;
  margin-block: 60px; }
  .four-steps h1, .four-steps h2, .four-steps h3, .four-steps h4, .four-steps h5, .four-steps h6 {
    font-family: var(--base-font-family);
    font-weight: 900; }
  .four-steps__wrapper.container-grid-split {
    --wrapper-padding-inline: 16px;
    --section-padding-block: 20px; }
    @media screen and (min-width: 992px) {
      .four-steps__wrapper.container-grid-split {
        --section-padding-block: 60px;
        --wrapper-padding-inline: 60px; } }
  .four-steps__image {
    display: none;
    width: 100%;
    border-radius: 8px;
    overflow: hidden; }
    @media screen and (min-width: 992px) {
      .four-steps__image {
        display: block;
        border-radius: 0;
        max-height: 700px; } }
    .four-steps__image--mobile {
      display: block; }
      @media screen and (min-width: 992px) {
        .four-steps__image--mobile {
          display: none; } }
  .four-steps__title {
    font-size: 32px;
    color: #1F1F1F;
    font-weight: 900;
    margin-bottom: 25px;
    text-align: center; }
    @media screen and (min-width: 992px) {
      .four-steps__title {
        margin-bottom: 42px;
        text-align: left; } }
  .four-steps__list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 26px;
    margin-top: 26px; }
    @media screen and (min-width: 992px) {
      .four-steps__list {
        margin-top: 0; } }
  .four-steps__item {
    display: grid;
    grid-template-columns: 58px 1fr;
    justify-items: start;
    gap: 15px; }
    @media screen and (min-width: 992px) {
      .four-steps__item {
        gap: 24px; } }
    .four-steps__item > img {
      border-radius: 50ch;
      overflow: hidden; }
    .four-steps__item .copy {
      font-size: 20px;
      line-height: 1.4;
      color: #000;
      font-weight: 500; }
  .four-steps__product {
    box-sizing: border-box;
    flex: 0 0 100%;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid rgba(29, 29, 29, 0.35);
    padding: 10px;
    display: grid;
    grid-template-columns: 60px 1fr;
    gap: 10px;
    height: auto;
    margin-top: 12px; }
    .four-steps__product img {
      height: 100%;
      width: 100%;
      object-fit: contain;
      margin: auto;
      border-radius: 4px;
      overflow: hidden; }
    .four-steps__product .content {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 5px; }
    .four-steps__product .title {
      font-size: 16px;
      font-weight: 500;
      line-height: 1.6;
      margin-bottom: 0; }
    .four-steps__product .copy {
      margin-bottom: 24px; }
      @media screen and (min-width: 992px) {
        .four-steps__product .copy {
          margin-bottom: 18px; } }
      @media screen and (min-width: 1440px) {
        .four-steps__product .copy {
          margin-bottom: 28px; } }
    .four-steps__product .row {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      gap: 10px;
      width: 100%;
      margin-top: auto; }
    .four-steps__product .button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      position: relative;
      padding: 5px 12px;
      background-color: #000;
      color: #fff;
      border-radius: 44px;
      font-size: 14px;
      font-weight: 500;
      line-height: 1.6; }
      .four-steps__product .button.is-loading {
        pointer-events: none;
        background: #000;
        color: #000; }
        .four-steps__product .button.is-loading:before {
          opacity: 1;
          visibility: visible; }
      .four-steps__product .button.is-success:before {
        opacity: 0;
        transform: scale(0.8); }
      .four-steps__product .button.is-success:after {
        animation: 3s linear atc-tick-activated; }
      .four-steps__product .button:before {
        --loading-spinner-size: 1rem;
        content: "";
        pointer-events: none;
        position: absolute;
        top: calc(50% - var(--loading-spinner-size) / 2);
        left: calc(50% - var(--loading-spinner-size) / 2);
        width: var(--loading-spinner-size);
        height: var(--loading-spinner-size);
        animation: loadingSpinner 1s linear infinite;
        border: 1px solid transparent;
        border-radius: 100%;
        border-left-color: #fff;
        opacity: 0;
        visibility: hidden;
        transition: all .2s ease-in; }
      .four-steps__product .button:after {
        --icon-size: 1em;
        content: "";
        pointer-events: none;
        position: absolute;
        top: calc(50% - var(--icon-size) / 1.6);
        left: calc(50% - var(--icon-size) / 5);
        width: calc(var(--icon-size) / 2);
        height: var(--icon-size);
        opacity: 0;
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
        transform: scale(0.8) rotate(45deg);
        transition: all .15s ease-out; }
    .four-steps__product .price {
      font-weight: 900;
      color: #000; }

.stats {
  background-color: #FFF8EF;
  padding-block: 24px;
  margin-block: 30px;
  --base-font-family: "Avenir";
  font-weight: 400;
  font-family: var(--base-font-family), sans-serif; }
  .stats h1, .stats h2, .stats h3, .stats h4, .stats h5, .stats h6 {
    font-family: var(--base-font-family);
    font-weight: 900; }
  .stats__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
    row-gap: 30px; }
    @media screen and (min-width: 992px) {
      .stats__list {
        gap: 30px; } }
  .stats__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    text-align: center;
    color: #000;
    flex: 0 0 calc(min(100%, 160px)); }
    @media screen and (min-width: 992px) {
      .stats__item {
        flex: 0 0 calc(min(100%, 238px)); } }
    .stats__item--icon {
      gap: 5px; }
      @media screen and (min-width: 992px) {
        .stats__item--icon {
          gap: 10px; } }
    .stats__item .title {
      font-weight: 900;
      margin: 0;
      line-height: 1.2;
      font-size: 35px; }
      @media screen and (min-width: 992px) {
        .stats__item .title {
          font-size: 45px; } }
    .stats__item .copy {
      line-height: 1.2;
      font-size: 14px; }
      @media screen and (min-width: 992px) {
        .stats__item .copy {
          font-size: 16px; } }
    .stats__item .icon {
      width: 50px;
      height: 50px;
      padding: 10px;
      border: 1px solid #000;
      border-radius: 50ch;
      overflow: hidden;
      aspect-ratio: 1/1;
      background-color: #fff; }
      @media screen and (min-width: 992px) {
        .stats__item .icon {
          width: 60px;
          padding: 15px;
          height: 60px; } }

@font-face {
  font-family: 'Avenir';
  src: local("Avenir Roman"), local("Avenir-Roman"), url(7c94a37f215e0aac2e84.woff2) format("woff2");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Avenir';
  src: local("Avenir Black"), local("Avenir-Black"), url(7218d10209e9247f9da4.woff2) format("woff2");
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: 'Avenir';
  src: local("Avenir Heavy"), local("Avenir-Heavy"), url(f804e8dd01c76a2a0592.woff2) format("woff2");
  font-weight: 800;
  font-style: normal; }

@font-face {
  font-family: 'Avenir';
  src: local("Avenir Medium"), local("Avenir-Medium"), url(d58a71423cfc842e405f.woff2) format("woff2");
  font-weight: 500;
  font-style: normal; }

@font-face {
    font-family: 'Vujahday Script Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Vujahday Script Regular'), url('VujahdayScript-Regular.woff') format('woff');
    }




.template-product {
  --base-font-family: "Avenir", sans-serif;
  font-weight: 400; }
  .template-product strong {
    font-weight: 800; }

.product-info {
  color: #000;
  display: grid;
  gap: 26px;
  align-items: flex-start;
  grid-template-columns: 100%; }
  @media screen and (min-width: 992px) {
    .product-info {
      grid-template-columns: 50% calc(50% - 100px); } }
  .product-info .deliverydate.sb_delivery {
    display: none !important; }
  .product-info .jdgm-prev-badge__text {
    text-decoration: underline; }
    @media (any-hover: hover) {
      .product-info .jdgm-prev-badge__text:hover {
        text-decoration: none; } }
  .product-info .product-media .aco-box {
    top: 10px !important;
    right: 10px !important;
    left: auto !important; }
  .product-info .hair-type {
    background-color: #FFF8EF;
    border: dashed 1px #000;
    padding: 8px 12px;
    font-weight: 500;
    border-radius: 4px;
    font-size: 12px; }
    @media screen and (min-width: 992px) {
      .product-info .hair-type {
        font-size: 14px; } }
    .product-info .hair-type strong {
      font-weight: 800; }
      @media screen and (min-width: 992px) {
        .product-info .hair-type strong {
          font-size: 16px; } }
    .product-info .hair-type p {
      margin: 0;
      padding: 0; }
  .product-info .product-form .label {
    display: inline;
    font-size: 16px;
    margin-right: 10px;
    font-weight: 900; }
  .product-info .product-form .quantity-wrapper {
    display: inline-flex;
    border-radius: 50ch;
    overflow: hidden;
    border: 1px solid #000; }
    .product-info .product-form .quantity-wrapper a, .product-info .product-form .quantity-wrapper input {
      border: none;
      color: #000; }
    .product-info .product-form .quantity-wrapper input[name=quantity] {
      margin: 0; }
  .product-info .media-gallery--desktop {
    display: none; }
    @media screen and (min-width: 992px) {
      .product-info .media-gallery--desktop {
        display: block; } }
  .product-info .media-gallery--mobile {
    display: block; }
    @media screen and (min-width: 992px) {
      .product-info .media-gallery--mobile {
        display: none; } }
  .product-info .product-title {
    line-height: 1.3;
    font-size: 24px;
    color: #1F1F1F;
    margin: 0 0 5px;
    font-weight: 900; }
    @media (min-width: 992px) {
      .product-info .product-title {
        font-size: 28px; } }
  .product-info .disclosure[open]:not(.is-closing) .disclosure__title:after {
    transform: rotate(180deg); }
  .product-info .disclosure__title {
    font-size: 16px;
    text-transform: capitalize;
    padding-inline: 14px;
    font-weight: 800; }
    @media screen and (min-width: 992px) {
      .product-info .disclosure__title {
        padding-inline: 18px;
        font-size: 18px; } }
    .product-info .disclosure__title:before {
      display: none; }
    .product-info .disclosure__title:after {
      background-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"9\" viewBox=\"0 0 14 9\" fill=\"none\"><path d=\"M1.05078 1.56738L6.70539 7.56738L12.36 1.56738\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>");
      width: 14px;
      height: 9px;
      top: calc(50% - 5px);
      background-color: transparent;
      right: 14px; }
      @media screen and (min-width: 992px) {
        .product-info .disclosure__title:after {
          right: 18px; } }
  .product-info .disclosure__content {
    padding-inline: 14px;
    color: #000;
    font-size: 12px; }
    @media screen and (min-width: 992px) {
      .product-info .disclosure__content {
        padding-inline: 18px;
        font-size: 14px; } }
  .product-info .short-description {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
    color: #000000;
    margin: 0 0 15px;
    max-height: 415px; }
    .product-info .short-description p {
      font-weight: inherit;
      margin: 0 0 5px; }
      .product-info .short-description p:last-child {
        margin: 0; }
  .product-info .not-in-quickbuy {
    margin: 0 0 10px; }
  .product-info .price-container {
    margin: 0 0 10px; }
    .product-info .price-container .price, .product-info .price-container .price__default {
      font-size: 24px;
      font-weight: 900; }
  .product-info h1, .product-info h2, .product-info h3, .product-info h4, .product-info h5, .product-info h6 {
    font-family: var(--base-font-family);
    font-weight: 900; }
  .product-info .product-column-left.product-column-left {
    width: 100%; }
    @media screen and (min-width: 768px) {
      .product-info .product-column-left.product-column-left {
        height: 100%; } }
  .product-info .product-column-right.product-column-right {
    width: 100%;
    margin: 0;
    max-width: 100%; }
    @media screen and (min-width: 768px) {
      .product-info .product-column-right.product-column-right {
        height: 100%; } }
  .product-info .btn {
    border-radius: 50ch;
    padding: 20px;
    font-size: 20px;
    font-weight: 800;
    background-color: #1F1F1F;
    color: #fff;
    border: 1px solid #000;
    transition: all 0.3s ease-in; }
    @media (any-hover: hover) {
      .product-info .btn:hover {
        color: #000;
        background-color: #fff; } }
  .product-info * + .product-info-accordion {
    margin-top: 25px; }
  .product-info klarna-placement::part(osm-container) {
    font-size: 12px;
    flex-direction: row-reverse;
    justify-content: flex-end;
    padding: 3px 0;
    border: none;
    gap: 10px; }
  .product-info klarna-placement::part(osm-container) .badge {
    border-radius: 50ch;
    width: 40px;
    height: 40px; }
  .product-info klarna-placement::part(osm-badge-container) {
    width: 26px;
    height: 26px;
    border-radius: 50ch;
    background-color: #ffa8cd;
    order: 1; }
  .product-info klarna-placement::part(osm-message) {
    margin-left: -14px; }
  .product-info klarna-placement::part(osm-cta) {
    font-size: inherit; }

.page-header:not(.page-header--with-background) {
  padding-block: 20px;
  color: #000; }
  @media screen and (min-width: 992px) {
    .page-header:not(.page-header--with-background) {
      padding-top: 0; } }
  .page-header:not(.page-header--with-background) .breadcrumbs {
    margin-top: 0; }
    .page-header:not(.page-header--with-background) .breadcrumbs-list__link[aria-current="page"] {
      font-weight: bold; }

.media-gallery carousel-slider:not(.thumbnails) .slider {
  scroll-padding-inline-start: 16px;
  padding-block: 10px;
  padding-left: 16px; }
  .media-gallery carousel-slider:not(.thumbnails) .slider__item {
    flex: 0 0 calc(100% - 15px);
    border-radius: 12px;
    overflow: hidden;
    position: relative; }
  .media-gallery carousel-slider:not(.thumbnails) .slider__grid {
    gap: 5px; }

.media-gallery carousel-slider.thumbnails .thumbnail {
  overflow: hidden;
  border-radius: 8px; }
  .media-gallery carousel-slider.thumbnails .thumbnail__badge {
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%); }
  .media-gallery carousel-slider.thumbnails .thumbnail .img-ar.img-ar--contain {
    --aspect-ratio: 1 !important; }
  .media-gallery carousel-slider.thumbnails .thumbnail::after {
    top: 0;
    height: 100%;
    width: 100%;
    transition: opacity .2s;
    border: 1px solid;
    overflow: hidden;
    border-radius: 8px;
    background-color: transparent; }

.product-upsell {
  margin-block: 20px;
  position: relative;
  --base-font-family: "Avenir", sans-serif; }
  .product-upsell__title {
    margin-bottom: 15px; }
    .product-upsell__title:empty {
      display: none; }
  .product-upsell .product-upsell__item {
    box-sizing: border-box;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid rgba(29, 29, 29, 0.35);
    padding: 10px;
    display: grid;
    grid-template-columns: 90px 1fr;
    gap: 20px;
    height: auto; }
    .product-upsell .product-upsell__item img {
      height: 100%;
      width: 100%;
      object-fit: contain;
      margin: auto;
      border-radius: 4px;
      overflow: hidden; }
    .product-upsell .product-upsell__item .content {
      display: flex;
      flex-direction: column;
      align-items: flex-start; }
    .product-upsell .product-upsell__item .title {
      font-size: 18px;
      line-height: 1.6;
      margin-bottom: 0; }
    .product-upsell .product-upsell__item .copy {
      margin-bottom: 24px; }
      @media screen and (min-width: 992px) {
        .product-upsell .product-upsell__item .copy {
          margin-bottom: 18px; } }
      @media screen and (min-width: 1440px) {
        .product-upsell .product-upsell__item .copy {
          margin-bottom: 28px; } }
    .product-upsell .product-upsell__item .row {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      gap: 10px;
      width: 100%;
      margin-top: auto; }
    .product-upsell .product-upsell__item .button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      position: relative;
      padding: 5px 12px;
      background-color: #000;
      color: #fff;
      border-radius: 8px;
      font-size: 16px;
      font-weight: 500;
      line-height: 1.6; }
      .product-upsell .product-upsell__item .button.is-loading {
        pointer-events: none;
        background: #000;
        color: #000; }
        .product-upsell .product-upsell__item .button.is-loading:before {
          opacity: 1;
          visibility: visible; }
      .product-upsell .product-upsell__item .button.is-success:before {
        opacity: 0;
        transform: scale(0.8); }
      .product-upsell .product-upsell__item .button.is-success:after {
        animation: 3s linear atc-tick-activated; }
      .product-upsell .product-upsell__item .button:before {
        --loading-spinner-size: 1rem;
        content: "";
        pointer-events: none;
        position: absolute;
        top: calc(50% - var(--loading-spinner-size) / 2);
        left: calc(50% - var(--loading-spinner-size) / 2);
        width: var(--loading-spinner-size);
        height: var(--loading-spinner-size);
        animation: loadingSpinner 1s linear infinite;
        border: 1px solid transparent;
        border-radius: 100%;
        border-left-color: #fff;
        opacity: 0;
        visibility: hidden;
        transition: all .2s ease-in; }
      .product-upsell .product-upsell__item .button:after {
        --icon-size: 1em;
        content: "";
        pointer-events: none;
        position: absolute;
        top: calc(50% - var(--icon-size) / 1.6);
        left: calc(50% - var(--icon-size) / 5);
        width: calc(var(--icon-size) / 2);
        height: var(--icon-size);
        opacity: 0;
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
        transform: scale(0.8) rotate(45deg);
        transition: all .15s ease-out; }
    .product-upsell .product-upsell__item .price {
      font-weight: 800; }
      .product-upsell .product-upsell__item .price .price__current {
        font-weight: 800;
        font-size: 16px; }
      .product-upsell .product-upsell__item .price .price__was {
        margin-left: 8px;
        font-weight: 500;
        font-size: 14px;
        text-decoration: line-through; }
  .product-upsell__nav {
    display: flex;
    align-items: center;
    gap: 4px;
    height: 25px;
    position: absolute;
    top: 0;
    right: 0; }
  .product-upsell__next, .product-upsell__prev {
    width: 25px;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s linear; }
    .product-upsell__next[disabled], .product-upsell__prev[disabled] {
      opacity: 0.2; }
  .product-upsell div.product-upsell__pagination {
    position: relative;
    margin-top: 10px;
    inset: unset; }
    .product-upsell div.product-upsell__pagination .swiper-pagination-bullet {
      background-color: #D9D9D9;
      opacity: 1; }
    .product-upsell div.product-upsell__pagination .swiper-pagination-bullet-active {
      background-color: #1F1F1F; }

.under_atc {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  row-gap: 12px;
  margin-top: 20px; }
  .under_atc__item {
    position: relative;
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 1; }
    .under_atc__item:before {
      content: '';
      position: relative;
      margin-right: 5px;
      display: block;
      width: 11px;
      height: 8px;
      background-size: cover;
      background-repeat: no-repeat;
      background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2711%27 height=%278%27 fill=%27none%27 viewBox=%270 0 11 8%27%3e%3cpath stroke=%27%23323433%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.5%27 d=%27M10 1 3.812 7 1 4.273%27/%3e%3c/svg%3e"); }

.carousel.mobile-only.mobile-only, carousel-slider.mobile-only.mobile-only {
  display: block !important; }
  @media screen and (min-width: 1023.97px) {
    .carousel.mobile-only.mobile-only, carousel-slider.mobile-only.mobile-only {
      display: none !important; } }

.product-media-collage__item {
  position: relative; }

.product-media-collage__badge {
  position: absolute;
  top: 13px;
  left: 0;
  font-size: 16px;
  font-weight: 500;
  padding: 8px 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #1F1F1F;
  color: #fff;
  z-index: 2; }
  @media screen and (min-width: 992px) {
    .product-media-collage__badge {
      top: 20px; } }

.media-gallery--layout-collage-1 .product-media-collage.desktop-only.desktop-only, .media-gallery--layout-collage-2 .product-media-collage.desktop-only.desktop-only {
  display: none; }
  @media screen and (min-width: 1024px) {
    .media-gallery--layout-collage-1 .product-media-collage.desktop-only.desktop-only, .media-gallery--layout-collage-2 .product-media-collage.desktop-only.desktop-only {
      display: flex; } }

.media-gallery--layout-collage-1 .product-media-collage .product-media-collage__item.product-media-collage__item,
.media-gallery--layout-collage-2 .product-media-collage .product-media-collage__item.product-media-collage__item {
  border-radius: 12px;
  overflow: hidden;
  aspect-ratio: 1 / 1;
  flex: 0 0 calc(50% - 20px);
  margin-left: 20px; }

.media-gallery--layout-collage-1 .product-media-collage .product-media-collage__item.product-media-collage__item:first-child,
.media-gallery--layout-collage-2 .product-media-collage .product-media-collage__item.product-media-collage__item:first-child {
  width: 100%;
  margin-left: 0;
  flex: 1 0 calc(100% - 20px); }

.media-gallery--layout-collage-1 .product-media-collage .product-media-collage__item.product-media-collage__item deferred-media,
.media-gallery--layout-collage-2 .product-media-collage .product-media-collage__item.product-media-collage__item deferred-media {
  padding-bottom: 100% !important; }

.facts {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-top: 15px;
  border-top: 1px solid rgba(167, 167, 167, 0.4);
  margin-bottom: 20px; }
  .facts__list {
    display: grid;
    align-items: flex-start;
    gap: 10px;
    grid-template-columns: repeat(2, 1fr); }
    @media screen and (min-width: 640px) and (max-width: 992px) {
      .facts__list {
        grid-template-columns: repeat(4, 1fr); } }
    @media screen and (min-width: 992px) {
      .facts__list {
        grid-template-columns: repeat(2, 1fr); } }
    @media screen and (min-width: 1280px) {
      .facts__list {
        grid-template-columns: repeat(4, 1fr); } }
  .facts__item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 10px; }
    .facts__item .text {
      font-size: 12px;
      margin-bottom: 0; }
      .facts__item .text strong {
        font-weight: 900; }
      .facts__item .text p {
        margin: 0; }
    .facts__item img {
      border-radius: 50ch;
      overflow: hidden;
      padding: 8px;
      max-height: 50px;
      max-width: 50px; }
      @media screen and (min-width: 992px) {
        .facts__item img {
          padding: 12px;
          max-height: 60px;
          max-width: 60px; } }

.container-grid-split {
  padding-block: 0;
  --wrapper-padding-inline: 20px;
  --wrapper-max-width: 1320px;
  --section-padding-block: 60px; }
  @media screen and (min-width: 992px) {
    .container-grid-split {
      display: grid;
      grid-template-columns: minmax(var(--wrapper-padding-inline), 1fr) minmax(0, calc(var(--wrapper-max-width) / 2)) minmax(0, calc(var(--wrapper-max-width) / 2)) minmax(var(--wrapper-padding-inline), 1fr);
      position: relative; } }
  .container-grid-split--small {
    --wrapper-max-width: 870px; }
  .container-grid-split > :not(img) {
    padding-block: var(--section-padding-block);
    padding-inline: var(--wrapper-padding-inline); }
  .container-grid-split > img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  @media screen and (min-width: 992px) {
    .container-grid-split > img:first-child {
      grid-column: 1 / 3; } }
  @media screen and (min-width: 992px) {
    .container-grid-split > img:last-child {
      grid-column: 3 / -1; } }
  @media screen and (min-width: 992px) {
    .container-grid-split > :not(img) {
      display: grid;
      align-content: center;
      justify-items: start; } }
  @media screen and (min-width: 992px) {
    .container-grid-split > :not(img):first-child {
      padding-left: 0;
      grid-column: 2 / 3; } }
  @media screen and (min-width: 992px) {
    .container-grid-split > :not(img):last-child {
      padding-right: 0;
      grid-column: 3 / 4; } }
  @media screen and (min-width: 992px) {
    .container-grid-split > :not(img)::before {
      content: "";
      position: absolute;
      inset: 0;
      background: inherit; } }
  @media screen and (min-width: 1200px) {
    .container-grid-split > :not(img):first-child::before {
      grid-column: 1 / 2; } }
  @media screen and (min-width: 1200px) {
    .container-grid-split > :not(img):last-child::before {
      grid-column: 4 / 5; } }

/* ========================================
  Section recommendation
======================================== */
.section-recommendation {
  padding: 50px 0;
  overflow: hidden; }
  @media (min-width: 992px) {
    .section-recommendation {
      padding: 60px 0; } }
  @media (min-width: 1200px) {
    .section-recommendation {
      padding: 70px 0; } }
  .section-recommendation .section-container {
    max-width: 100%;
    width: 100%;
    padding-left: calc((100% - var(--page-container-width)) / 2); }
  .section-recommendation .container-grid-split {
    padding: 0 16px; }
    @media (min-width: 992px) {
      .section-recommendation .container-grid-split {
        padding: 0;
        --section-padding-block: 60px;
        --wrapper-padding-inline: 60px; } }
  .section-recommendation .container-grid-layout {
    padding: 0;
    display: block !important;
    grid-column: 2 / 4 !important; }
  .section-recommendation .section-title {
    font-family: var(--base-font-family);
    letter-spacing: .6px;
    font-weight: 900;
    line-height: 1.36;
    font-size: 24px;
    color: #1F1F1F;
    text-align: left;
    margin: 0 0 20px; }
    @media (min-width: 768px) {
      .section-recommendation .section-title {
        font-size: 28px;
        margin: 0 0 24px; } }
    @media (min-width: 992px) {
      .section-recommendation .section-title {
        font-size: 32px;
        margin: 0 0 35px; } }
  .section-recommendation .slider-container-wrapper {
    position: relative; }
  .section-recommendation .swiper-container {
    margin: 0;
    position: static; }
  .section-recommendation .swiper-wrapper {
    box-sizing: border-box; }
  .section-recommendation .grid-items {
    width: auto;
    transform: none; }
  .section-recommendation .swiper-container.swiper-initialized {
    padding: 0 0 60px; }
    @media (min-width: 768px) {
      .section-recommendation .swiper-container.swiper-initialized {
        padding: 0; } }
  .section-recommendation .swiper-container:not(.swiper-initialized) .grid-items {
    margin: 0 -5px; }
    @media (min-width: 768px) {
      .section-recommendation .swiper-container:not(.swiper-initialized) .grid-items {
        margin: 0 -10px; } }
  .section-recommendation .swiper-container:not(.swiper-initialized) .slider-item {
    padding: 0 5px;
    display: none;
    width: 50%;
    min-width: 50%; }
    @media (min-width: 768px) {
      .section-recommendation .swiper-container:not(.swiper-initialized) .slider-item {
        padding: 0 10px; } }
    .section-recommendation .swiper-container:not(.swiper-initialized) .slider-item:nth-child(-n+2) {
      display: block; }
    @media (min-width: 768px) {
      .section-recommendation .swiper-container:not(.swiper-initialized) .slider-item {
        width: 33.33%;
        min-width: 33.33%; }
        .section-recommendation .swiper-container:not(.swiper-initialized) .slider-item:nth-child(-n+3) {
          display: block; } }
    @media (min-width: 1200px) {
      .section-recommendation .swiper-container:not(.swiper-initialized) .slider-item {
        width: 25%;
        min-width: 25%; }
        .section-recommendation .swiper-container:not(.swiper-initialized) .slider-item:nth-child(-n+4) {
          display: block; } }
  .section-recommendation .swiper-container:not(.swiper-initialized) .slider-navigation {
    display: none; }
  .section-recommendation .product-image {
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
    position: relative;
    margin-bottom: 14px;
    background-color: #fafafa;
    display: flex;
    align-items: center;
    justify-content: center; }
    .section-recommendation .product-image img {
      aspect-ratio: 1/1;
      object-position: center;
      object-fit: cover;
      width: 100%;
      mix-blend-mode: multiply; }
  .section-recommendation .info-top {
    display: flex;
    grid-row-gap: 5px;
    flex-direction: column; }
  .section-recommendation .title-product {
    font-family: var(--base-font-family);
    font-weight: 800;
    line-height: 1.2;
    font-size: 16px;
    color: #000000; }
    @media (min-width: 992px) {
      .section-recommendation .title-product {
        font-size: 18px; } }
  .section-recommendation .price-product {
    color: #000000;
    font-size: 12px;
    line-height: 1.16;
    text-align: left; }
  .section-recommendation .price-product .price-label--sale {
    display: none; }
  .section-recommendation .price-product .price__default {
    display: flex;
    grid-column-gap: 3px;
    align-items: flex-end; }
  .section-recommendation .price-product .price:not(.price--on-sale) .price__current {
    color: #1F1F1F;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.36; }
    @media (min-width: 992px) {
      .section-recommendation .price-product .price:not(.price--on-sale) .price__current {
        font-size: 17px; } }
  .section-recommendation .price-product .price.price--on-sale span {
    font-weight: 500;
    line-height: 1.36; }
  .section-recommendation .price-product .price.price--on-sale .price__current {
    color: #1F1F1F;
    font-size: 16px; }
    @media (min-width: 992px) {
      .section-recommendation .price-product .price.price--on-sale .price__current {
        font-size: 17px; } }
  .section-recommendation .price-product .price.price--on-sale .price__was {
    font-size: 15px;
    color: rgba(31, 31, 31, 0.8);
    text-decoration: line-through; }
    @media (min-width: 992px) {
      .section-recommendation .price-product .price.price--on-sale .price__was {
        font-size: 16px; } }
  .section-recommendation .product-block__rating {
    line-height: 1;
    margin: 0;
    display: flex;
    align-items: flex-start;
    grid-column-gap: 5px; }
  .section-recommendation .cc-rating-stars {
    margin: 0; }
    .section-recommendation .cc-rating-stars svg {
      width: 16px;
      height: 16px;
      min-width: 16px; }
    .section-recommendation .cc-rating-stars .cc-rating-stars--inactive {
      color: rgba(245, 184, 39, 0.3); }
    .section-recommendation .cc-rating-stars .cc-rating-stars--active {
      color: #F5B827; }
  .section-recommendation .cc-rating-custom-caption {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.35;
    color: rgba(0, 0, 0, 0.85); }
  .section-recommendation .slider-navigation {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    grid-column-gap: 12px; }
    @media (min-width: 768px) {
      .section-recommendation .slider-navigation {
        top: -64px;
        right: 0;
        left: auto;
        bottom: auto;
        transform: none; } }
    @media (min-width: 992px) {
      .section-recommendation .slider-navigation {
        top: -78px; } }
  .section-recommendation .slider-buttons {
    width: 36px;
    min-width: 36px;
    height: 36px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    border-radius: 100%;
    border: 1px solid #1F1F1F;
    background-color: #ffffff;
    transition: all .3s ease-in-out;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
    @media (min-width: 768px) {
      .section-recommendation .slider-buttons {
        width: 43px;
        min-width: 43px;
        height: 43px; } }
    @media (min-width: 992px) {
      .section-recommendation .slider-buttons:hover {
        background: rgba(0, 0, 0, 0.03);
        box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3); } }
    .section-recommendation .slider-buttons svg {
      width: 24px;
      height: auto; }

/* ========================================
  Section recommendation
======================================== */
.section-collection-list {
  padding: 50px 0;
  overflow: hidden; }
  @media (min-width: 992px) {
    .section-collection-list {
      padding: 60px 0; } }
  @media (min-width: 1200px) {
    .section-collection-list {
      padding: 70px 0; } }
  .section-collection-list .container-grid-split {
    padding: 0 16px; }
    @media (min-width: 992px) {
      .section-collection-list .container-grid-split {
        padding: 0;
        --section-padding-block: 60px;
        --wrapper-padding-inline: 60px; } }
  .section-collection-list .container-grid-layout {
    padding: 0;
    display: block !important;
    grid-column: 2 / 4 !important; }
  .section-collection-list .section-title {
    font-family: var(--base-font-family);
    letter-spacing: .6px;
    font-weight: 900;
    line-height: 1.36;
    font-size: 24px;
    color: #1F1F1F;
    text-align: left;
    margin: 0 0 20px; }
    @media (min-width: 768px) {
      .section-collection-list .section-title {
        font-size: 28px;
        margin: 0 0 24px; } }
    @media (min-width: 992px) {
      .section-collection-list .section-title {
        font-size: 32px;
        margin: 0 0 35px; } }
  .section-collection-list .slider-container-wrapper {
    position: relative; }
  .section-collection-list .swiper-container {
    margin: 0;
    position: static; }
  .section-collection-list .swiper-wrapper {
    box-sizing: border-box; }
  .section-collection-list .collection-layout {
    width: auto;
    transform: none; }
  .section-collection-list .swiper-container.swiper-initialized {
    padding: 0 0 60px; }
    @media (min-width: 768px) {
      .section-collection-list .swiper-container.swiper-initialized {
        padding: 0; } }
  .section-collection-list .swiper-container:not(.swiper-initialized) .collection-layout {
    margin: 0 -5px; }
    @media (min-width: 768px) {
      .section-collection-list .swiper-container:not(.swiper-initialized) .collection-layout {
        margin: 0 -10px; } }
  .section-collection-list .swiper-container:not(.swiper-initialized) .swiper-slide {
    padding: 0 5px;
    display: none;
    width: 50%;
    min-width: 50%; }
    @media (min-width: 768px) {
      .section-collection-list .swiper-container:not(.swiper-initialized) .swiper-slide {
        padding: 0 10px; } }
    .section-collection-list .swiper-container:not(.swiper-initialized) .swiper-slide:nth-child(-n+2) {
      display: block; }
    @media (min-width: 768px) {
      .section-collection-list .swiper-container:not(.swiper-initialized) .swiper-slide {
        width: 33.33%;
        min-width: 33.33%; }
        .section-collection-list .swiper-container:not(.swiper-initialized) .swiper-slide:nth-child(-n+3) {
          display: block; } }
    @media (min-width: 1200px) {
      .section-collection-list .swiper-container:not(.swiper-initialized) .swiper-slide {
        width: 25%;
        min-width: 25%; }
        .section-collection-list .swiper-container:not(.swiper-initialized) .swiper-slide:nth-child(-n+4) {
          display: block; } }
  .section-collection-list .swiper-container:not(.swiper-initialized) .slider-navigation {
    display: none; }
  .section-collection-list .collection-image {
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
    position: relative;
    margin-bottom: 14px;
    background-color: #fafafa;
    display: flex;
    align-items: center;
    justify-content: center; }
    .section-collection-list .collection-image img {
      aspect-ratio: 1/1;
      object-position: center;
      object-fit: cover;
      width: 100%;
      mix-blend-mode: multiply; }
  .section-collection-list .collection-name {
    font-family: var(--base-font-family);
    font-weight: 800;
    line-height: 1.2;
    font-size: 16px;
    color: #1F1F1F;
    display: block;
    text-align: center; }
    @media (min-width: 992px) {
      .section-collection-list .collection-name {
        font-size: 18px; } }
  .section-collection-list .slider-navigation {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    grid-column-gap: 12px; }
    @media (min-width: 768px) {
      .section-collection-list .slider-navigation {
        top: -64px;
        right: 0;
        left: auto;
        bottom: auto;
        transform: none; } }
    @media (min-width: 992px) {
      .section-collection-list .slider-navigation {
        top: -78px; } }
  .section-collection-list .slider-buttons {
    width: 36px;
    min-width: 36px;
    height: 36px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    border-radius: 100%;
    border: 1px solid #1F1F1F;
    background-color: #ffffff;
    transition: all .3s ease-in-out;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
    @media (min-width: 768px) {
      .section-collection-list .slider-buttons {
        width: 43px;
        min-width: 43px;
        height: 43px; } }
    @media (min-width: 992px) {
      .section-collection-list .slider-buttons:hover {
        background: rgba(0, 0, 0, 0.03);
        box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3); } }
    .section-collection-list .slider-buttons svg {
      width: 24px;
      height: auto; }