/** Shopify CDN: Minification failed

Line 16:0 Unexpected "{"
Line 16:1 Expected identifier but found "%"
Line 16:48 Expected identifier but found "%"
Line 17:0 Unexpected "{"
Line 17:1 Unexpected "{"
Line 17:3 Expected identifier but found "'section-main-product.css'"
Line 18:0 Unexpected "{"
Line 18:1 Unexpected "{"
Line 18:3 Expected identifier but found "'component-accordion.css'"
Line 19:0 Unexpected "{"
... and 1047 more hidden warnings

**/
{% comment %}theme-check-disable TemplateLength{% endcomment %}
{{ 'section-main-product.css' | asset_url | stylesheet_tag }}
{{ 'component-accordion.css' | asset_url | stylesheet_tag }}
{{ 'component-badge.css' | asset_url | stylesheet_tag }}
{{ 'component-price.css' | asset_url | stylesheet_tag }}
{{ 'component-rte.css' | asset_url | stylesheet_tag }}

<link rel="stylesheet" href="{{ 'component-cart-drawer.css' | asset_url }}" media="all">
<link rel="stylesheet" href="{{ 'component-deferred-media.css' | asset_url }}" media="all">
<link rel="stylesheet" href="{{ 'component-rating.css' | asset_url }}" media="all">

<script src="{{ 'product-form.js' | asset_url }}" defer="defer"></script>
<script src="{{ 'copy.js' | asset_url }}" defer="defer"></script>
<script src="{{ 'main-product.js' | asset_url }}" defer="defer"></script>
<script src="{{ 'update-slider.js' | asset_url }}" defer="defer"></script>
<script src="{{ 'about.js' | asset_url }}" defer="defer"></script>

.shopify-section:first-child.product-section {
  margin-top: calc(-1 * var(--header-height));
  padding-top: var(--header-height);
}

.size_guide_image_container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.size_guide_image_container .product-popup-modal__content {
  overflow-y: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  transition: all 0.25s;
  padding: 4rem;
}
.size_guide_image_container .product-popup-modal__content::-webkit-scrollbar {
  width: 0.4rem;
}
.size_guide_image_container .product-popup-modal__content::-webkit-scrollbar-thumb {
  background-color: rgb(var(--color-border));
  border-radius: 2rem;
}
.size_guide_image_container .product-popup-modal__toggle {
  padding: 1.5rem;
  top: 0;
  right: 0;
}

.size-guide-btn {
  color: rgb(var(--color-foreground));
}

.product-section .product__full-details__block {
  display: none;
}
.product-section .product-form__controls-group label.color-swatch-second {
  width: 1.1rem;
  height: 1.1rem;
  padding: 0rem;
  border-radius: 50%;
  box-sizing: border-box;
  background-color: var(--swatch-color);
  transition: border-color var(--duration-default);
  border: 0.1rem solid transparent;
}
.product-section .product-form__controls-group label.color-swatch-second span {
  text-transform: none;
  letter-spacing: -0.02em;
  display: none;
}
.product-section .product-form__controls-group .color_swatch_block {
  min-width: 7.6rem;
  gap: 0.4rem;
}
.product-section .product-form__controls-group .color_swatch_block > span {
  text-transform: none;
  letter-spacing: -0.02em;
  visibility: visible !important;
}
.product-section .product-form__controls-group .adv-btn-opener {
  margin-left: 0.2rem;
}
.product-section .product-form__controls-group .size_value_block {
  min-width: 6rem;
  letter-spacing: 0.08em;
}
.product-section .product-form__controls-group label .color_swatch_value {
  letter-spacing: -0.02em;
}
.product-section .product__text-icon {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
.product-section .product__text-icon--description {
  color: rgb(var(--color-foreground-secondary));
  margin: 0;
  font-size: 1.4rem;
  font-weight: var(--font-subtitle-weight);
  letter-spacing: -0.02em;
}
.product-section .size-guide-overlay {
  position: fixed;
  visibility: hidden;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 12;
  background-color: rgba(var(--color-base-background-2), 0.8);
}
.product-section .quick-add-modal .product-form__controls-group label.color-swatch-second {
  height: 4rem;
}
.product-section .product-form__controls-group input:checked:not(.disabled) + label.color-swatch-second,
.product-section .product-form__controls-group input + label.color-swatch-second:hover {
  border-color: rgb(var(--color-button));
}
.product-section .product-form__controls-group input.disabled + label.color-swatch-second {
  opacity: 1;
}
.product-section .product-form__controls-group input.disabled + label.color-swatch-second::before {
  top: 50%;
  height: 0.2rem;
  clip-path: unset;
  z-index: 1;
  transform: translateY(-50%) rotate(-45deg);
}
.product-section .product__outer {
  margin-top: 1.6rem;
  outline: none;
}
.product-section .product__outer.outer-collage__width {
  max-width: 100%;
  justify-content: flex-start;
}
@media (max-width: 1200px) {
  .product-section .product__outer.outer-collage__width {
    flex-direction: column;
    gap: 0;
  }
  .product-section .product__outer.outer-collage__width.collage-reverse {
    flex-direction: column-reverse !important;
  }
}
.product-section .product__outer.outer-collage__width .breadcrumb-desktop {
  margin-left: 0;
}

.no-js [data-block-handle=reviews] {
  display: none;
}

.product .custom-liquid {
  margin-bottom: 1.4rem;
}
.product .shopify-app-block {
  margin-bottom: 1.4rem;
}
.product .breadcrumb {
  margin: 2.4rem 0;
}
.product .breadcrumb a,
.product .breadcrumb span {
  letter-spacing: -0.02em;
}
@media (min-width: 1200px) {
  .product .breadcrumb-desktop {
    margin-left: 11rem;
  }
}
.product .breadcrumb-mobile {
  display: block;
}
@media (min-width: 750px) {
  .product .breadcrumb-mobile {
    display: none;
  }
}
.product__outer {
  max-width: 1315px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 990px) {
  .product__outer {
    flex-direction: row;
    gap: 4rem;
  }
}
@media (min-width: 1200px) {
  .product__outer {
    gap: 5.6rem;
  }
}
@media (min-width: 1600px) {
  .product__outer {
    gap: 8rem;
  }
}
.product__outer--desktop-order .product__main {
  order: 1;
}
.product__media-wrapper {
  display: block;
}
.product__main {
  width: 100%;
  order: 0;
}
@media (min-width: 990px) {
  .product__main {
    width: 48%;
  }
}
@media (min-width: 1200px) {
  .product__main {
    width: 56%;
  }
}
.product__main.main-collage__width {
  width: calc(67.2% - 2.8rem);
}
.product__main.main-collage__width .product__media-wrapper {
  display: block !important;
}
@media (max-width: 1460px) {
  .product__main.main-collage__width {
    width: calc(60% - 2.8rem);
  }
}
@media (max-width: 1200px) {
  .product__main.main-collage__width {
    width: 100%;
  }
}
.product__info-wrapper {
  width: 100%;
}
@media (max-width: 1200px) {
  .product__info-wrapper {
    max-width: 500px;
    margin: auto;
  }
}
.product__info-wrapper.collage-width {
  width: calc(29% - 2.8rem);
  max-width: 50rem;
}
@media (max-width: 1460px) {
  .product__info-wrapper.collage-width {
    width: 40%;
  }
}
@media (max-width: 1200px) {
  .product__info-wrapper.collage-width {
    width: 100%;
    max-width: 500px;
    margin: auto;
  }
}
@media (min-width: 990px) {
  .product__info-wrapper {
    width: 48%;
  }
}
@media (min-width: 1200px) {
  .product__info-wrapper {
    width: 38%;
  }
}
.product .deferred-media__poster-button svg {
  float: left;
}
.product .deferred-media__poster img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.product__info-container {
  height: 100%;
}
.product__info-container .product-form {
  margin: 0;
}
.product__info-container .share-buttons {
  width: max-content;
  margin-bottom: 4.2rem;
  width: 100%;
  display: inline-block;
  text-align: right;
  align-self: end;
}
.product__info-container .share-buttons__list {
  justify-content: flex-end;
}
.product__info-container .share-button {
  margin-top: 1rem;
}
.product__info-container .inventory__title {
  align-items: center;
  gap: 0.5rem;
  font-size: 1.2rem;
  line-height: 2rem;
  font-family: var(--font-subtitle-family);
  font-weight: var(--font-subtitle-weight);
  font-style: var(--font-subtitle-style);
  color: rgb(var(--color-foreground-title));
  display: inline-flex;
  height: 2rem;
  width: 50%;
  position: relative;
  transform: translateY(-0.5rem);
}
.product__info-container .inventory__title + .share-buttons {
  width: 50%;
}
.product__info-container .inventory__title svg {
  color: rgb(var(--color-foreground-secondary));
}
.product__info-container .inventory__title--error {
  color: rgb(var(--color-error));
}
.product__info-container .inventory__title span {
  letter-spacing: -0.02em;
}
.product__info-container > .floated-form:last-child {
  position: sticky;
  top: 10rem;
}
@media (min-width: 750px) {
  .product__media-container .slider-buttons {
    display: none;
  }
}
.product__title__wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 1.2rem;
  margin-bottom: 0.4rem;
}
.product__title {
  letter-spacing: -0.02em;
  word-break: break-word;
  margin-bottom: 0;
  margin-top: 0;
}
.product [data-block-handle=star_rating] {
  margin-bottom: 0.8rem;
}
.product__text {
  display: inline-block;
  font-weight: var(--font-button-weight);
  color: rgb(var(--color-foreground-secondary));
  margin-bottom: 0.4rem;
}
.product__text + [data-block-handle=star_rating] {
  display: inline-block;
  position: relative;
  top: 0.2rem;
}
.product__text-link {
  color: rgb(var(--color-foreground-secondary));
  text-decoration: none;
  transition: var(--duration-default);
}
.product__text-link:hover {
  color: rgb(var(--color-foreground));
}
.product__text-type, .product__text-vendor {
  padding-right: 1.6rem;
  position: relative;
}
.product__text-type::after, .product__text-vendor::after {
  content: "";
  display: none;
  width: 0.1rem;
  height: 1.4rem;
  background-color: #e0e3ee;
  position: absolute;
  bottom: 0;
  right: 1rem;
}
.product__text-type {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.2rem;
  letter-spacing: -0.02em;
  font-family: var(--font-subtitle-family);
  font-weight: var(--font-subtitle-weight);
  font-style: var(--font-subtitle-style);
  text-transform: capitalize;
}
.product__text-vendor {
  font-size: 1.3rem;
  font-weight: 500;
}
.product__text-vendor a {
  color: rgb(var(--color-foreground-secondary));
  text-decoration-color: inherit;
  transition: var(--duration-default);
}
.product__text-vendor a:hover {
  color: rgb(var(--color-accent));
}
.product__text-vendor::after {
  right: 0.6rem;
}
.product__text-vendor span {
  text-decoration-color: inherit;
}
.product .price--on-sale .price__sale {
  letter-spacing: -0.02em;
}
.product__description {
  font-size: 1.4rem;
  color: rgb(var(--color-foreground-secondary));
  margin-bottom: 1.6rem;
  position: relative;
  letter-spacing: -0.03em;
}
@media (min-width: 750px) {
  .product__description {
    font-size: 1.6rem;
  }
}
.product__description p {
  margin: 0 0 1.2rem;
}
.product__description ul,
.product__description ol {
  padding-left: 20px;
}
.product__description img {
  width: 100%;
  height: 100%;
}
.product__description.product__description_images-default img,
.product__description.product__description_images-default figure {
  display: inline-block;
  max-width: none;
  width: auto;
  height: auto;
  border: none;
  padding: 0;
  margin: 0;
  vertical-align: baseline;
}
.product__description a {
  background-color: rgb(var(--color-background));
  color: rgb(var(--color-foreground-secondary));
  text-decoration-color: inherit;
  transition: var(--duration-default);
}
.product__description a:hover {
  color: rgb(var(--color-accent));
}
.product__description a.product__description-less {
  padding: 0;
  right: unset;
  left: 0;
}
.product .product-more {
  font-size: 1.2rem;
  font-weight: 600;
  text-decoration: none;
  color: rgb(var(--color-button));
}
.product .product-more--offset {
  margin-left: 1.5rem;
}
.product__media-list {
  flex-grow: 1;
  overflow: hidden;
}
.product__media-list .product__media,
.product__media-list .deferred-media {
  height: 0;
  padding-top: 110%;
}
.product__media-list .product__media img,
.product__media-list .deferred-media img {
  position: absolute;
  inset: 0;
}
.product__media-list--auto-enabled .product__media,
.product__media-list--auto-enabled .deferred-media {
  height: auto;
  padding-top: 0;
}
.product__media-list--auto-enabled .product__media img,
.product__media-list--auto-enabled .deferred-media img {
  position: unset;
  inset: unset;
}
.product__media-list-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.4rem;
}
@media (min-width: 1200px) {
  .product__media-list-wrapper {
    flex-direction: row;
  }
}
.product__media {
  height: 0;
  padding-top: 113%;
  background-color: rgb(var(--color-base-background-2));
  position: relative;
}
.product__media img {
  display: block;
  width: 100% !important;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  inset: 0;
}
.product__media-sublist-outer {
  width: 100%;
  position: relative;
  order: 1;
  min-height: 100%;
}
@media (min-width: 1200px) {
  .product__media-sublist-outer {
    max-width: 10.6rem;
    order: 0;
  }
}
.product__media-sublist {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
}
@media (max-width: 750px) {
  .product__media-sublist {
    height: 100% !important;
  }
}
.product__media-sublist.no-js-flex {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
  max-width: 100%;
  width: 100%;
  height: auto;
  padding-left: 0;
  margin: 0;
  margin-top: 1.6rem;
}
.product__media-sublist.no-js-flex .product__media-subitem {
  width: 100%;
  padding-left: 0;
  height: auto;
  max-height: 12rem;
  cursor: default;
}
@media (min-width: 576px) {
  .product__media-sublist.no-js-flex .product__media-subitem {
    width: calc(50% - 0.6666666667rem);
  }
}
@media (min-width: 750px) {
  .product__media-sublist.no-js-flex .product__media-subitem {
    width: 100%;
  }
}
@media (min-width: 990px) {
  .product__media-sublist.no-js-flex .product__media-subitem {
    width: calc(50% - 0.5rem);
  }
}
@media (min-width: 1200px) {
  .product__media-sublist.no-js-flex .product__media-subitem {
    width: calc(33.3333% - 0.6666666667rem);
  }
}
.product__media-sublist.no-js-flex .product__media-subitem:hover {
  border: none;
  outline: none;
}
.product__media-sublist.no-js-flex .product__media-subitem:hover .product__media img {
  outline-color: transparent;
}
@media (min-width: 1200px) {
  .product__media-sublist--height {
    height: 29.5rem;
  }
}
.product__media-sublist--height .swiper-wrapper {
  transform: translate3d(0, 0, 0) !important;
}
@media (min-width: 1200px) {
  .product__media-sublist--height .swiper-wrapper {
    height: 29.5rem;
  }
}
@media (min-width: 1200px) {
  .product__media-sublist--height .product__media-subitem {
    height: 0 !important;
    padding-top: 100%;
  }
}
@media (min-width: 1200px) {
  .product__media-sublist--height .product__media-subitem .product__media {
    height: 0;
    position: absolute;
    inset: 0;
  }
}
.product__media-subitem {
  box-sizing: border-box;
  overflow: hidden;
  cursor: pointer;
  min-height: 111px;
}
.product__media-subitem:hover .product__media img {
  opacity: 1;
}
.product__media-subitem .swiper-wrapper {
  height: auto !important;
  justify-content: center;
}
.product__media-subitem.swiper-slide-thumb-active .product__media img {
  opacity: 1;
}
.product__media-subitem .product__media {
  position: relative;
  height: 100%;
  padding-top: 100%;
  box-sizing: border-box;
}
.product__media-subitem .product__media img {
  opacity: 0.5;
  transition: var(--duration-default);
}
.product__button-prev, .product__button-next {
  display: none;
  position: absolute;
}
.product__button-prev:not(.swiper-button-disabled):hover, .product__button-next:not(.swiper-button-disabled):hover {
  transform: scale(1.05);
}
.product__button-prev:not(.swiper-button-disabled):hover svg, .product__button-next:not(.swiper-button-disabled):hover svg {
  transform: scale(1.05) !important;
}
@media (min-width: 1200px) {
  .product__button-prev, .product__button-next {
    display: flex;
    top: 50%;
    transform: translate(0, -50%);
  }
  .product__button-prev:not(.swiper-button-disabled):hover, .product__button-next:not(.swiper-button-disabled):hover {
    transform: translate(0, -50%) scale(1.05);
  }
  .product__button-prev:not(.swiper-button-disabled):hover svg, .product__button-next:not(.swiper-button-disabled):hover svg {
    transform: scale(1.05) !important;
  }
}
@media (min-width: 1200px) {
  .product__button-prev {
    left: 2rem;
  }
}
@media (min-width: 1200px) {
  .product__button-next {
    right: 2rem;
  }
}
.product noscript .product__media img {
  max-width: 100%;
  height: 100%;
}
.product noscript .product__media {
  padding-top: 150% !important;
}
.product__tags {
  margin-top: 0;
  margin-bottom: 1.6rem;
}
@media screen and (min-height: 850px) {
  .product__tags {
    margin-bottom: 2.2rem;
  }
}
.product .installment-wrapper {
  padding-bottom: 0.8rem;
}
@media (min-width: 990px) {
  .product .installment-wrapper {
    padding-bottom: 0.9rem;
  }
}
.product .price-wrapper {
  margin-top: 0;
  margin-bottom: 1.5rem;
}
.product .product__tax {
  letter-spacing: -0.02em;
  font-family: var(--font-subtitle-family);
  font-weight: var(--font-subtitle-weight);
  font-style: var(--font-subtitle-style);
}
.product .price dd:not(:last-child) {
  margin: 0 0.8rem 0 0;
}
.product .price__regular,
.product .price-item--sale {
  font-size: 1.4rem;
}
.product .price--on-sale .price-item--regular {
  font-size: 1.2rem;
}
.product__pickup-availabilities {
  margin: 0.2rem 0rem;
  padding: 1.6rem 2rem;
  padding-left: 1.8rem;
}
.product__pickup-availabilities .caption-large {
  font-size: 1.4rem;
  text-transform: capitalize;
  letter-spacing: -0.02em;
  font-weight: var(--font-subtitle-weight);
}
.product__pickup-availabilities .caption {
  color: rgba(var(--color-foreground-secondary));
  letter-spacing: -0.02em;
  font-weight: var(--font-subtitle-weight);
}
.product__full-details {
  margin: 2rem auto 0;
  font-size: 1.3rem;
  line-height: 2rem;
  color: rgb(var(--color-foreground-secondary));
  transition: var(--duration-default);
  text-decoration-color: inherit;
}
.product__full-details:hover {
  color: rgb(var(--color-accent));
}
@media (min-width: 1440px) {
  .product--no-media .shopify-payment-button__button.shopify-payment-button__button--unbranded {
    background-position: 18rem center;
  }
}
@media (min-width: 990px) {
  .product--no-media .product__info-container {
    padding-left: 0;
    padding-top: 0;
  }
}
@media (min-width: 1200px) {
  .product--no-media .product__info-container {
    padding-right: 0;
  }
}

/* Product-tags */
.product-tags {
  display: flex;
  gap: 0.8rem;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
}
.product-tags__tag {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  color: rgba(var(--color-foreground), 1);
  background-color: rgba(var(--color-base-background-2));
  padding: 0 1.1rem;
}
.product-tags__tag .icon {
  width: 0.847rem;
  margin-left: 0.8rem;
  color: rgb(var(--color-foreground-title));
}

.product-parameters {
  pointer-events: all;
}
.product-parameters variant-selects {
  display: flex;
  gap: 0.8rem;
  flex-wrap: wrap;
}
.product-parameters .product-form__controls-group {
  min-height: 3rem;
}
.product-parameters .product-form__controls-group label.color-swatch {
  margin: 0;
}
.product-parameters .select {
  width: 100%;
  position: relative;
  max-width: 18rem;
}
.product-parameters .select:hover .select__select {
  border: 1px solid rgb(var(--color-border-input-hover));
}
.product-parameters .select svg {
  width: 1.3rem;
  height: 1.3rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 2rem;
  transition: var(--duration-default);
}
.product-parameters .select__select {
  width: 100%;
  min-width: 18rem;
  height: 5.8rem;
  padding: 0 3rem 0 2rem;
  font-size: 1.4rem;
  font-weight: var(--font-body-weight);
  color: rgb(var(--color-foreground-title));
  border: 1px solid rgb(var(--color-border-input));
  background-color: rgb(var(--color-background-input));
  border-radius: 0;
  appearance: none;
  cursor: pointer;
  transition: var(--duration-default);
}
.product-parameters .select__select:focus, .product-parameters .select__select:focus-visible {
  outline: none;
  border-color: rgb(var(--color-accent));
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  width: 100%;
}

/* Dynamic checkout */
.shopify-payment-button__more-options[disabled] {
  cursor: default;
}

.shopify-payment-button__button {
  font-family: var(--font-button-family);
  font-weight: var(--font-button-weight);
  font-style: var(--font-button-style);
  text-transform: var(--font-button-text-transform);
  letter-spacing: calc(var(--font-button-letter-spacing) * 0.1);
  color: rgb(var(--color-button-text));
  background-color: rgb(var(--color-base-button-background));
  border: 1px solid rgb(var(--color-base-button-background));
  border-radius: var(--border-radius-button);
  height: 5.8rem;
  overflow: hidden;
  cursor: unset;
  font-size: var(--button-size);
  text-align: left;
  background-repeat: no-repeat;
  background-position: calc(50% + 70px) center;
  position: relative;
  transition: var(--duration-default);
}
.shopify-payment-button__button:hover:not([disabled]) {
  opacity: 0.9;
  background-color: rgba(var(--color-button));
  cursor: pointer;
}
.shopify-payment-button__button:focus {
  opacity: 0.9;
  background-color: rgba(var(--color-button));
}
.shopify-payment-button__button:focus-visible {
  opacity: 0.9;
  background-color: rgba(var(--color-button));
}
.shopify-payment-button__button:focus:not(:focus-visible) {
  outline: none;
}
.shopify-payment-button__button__more-options {
  font-size: 1.2rem;
  line-height: 1.5;
  letter-spacing: 0.05rem;
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

.shopify-payment-button__button.shopify-payment-button__button--branded {
  padding: 0;
  border: none;
}
.shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate > div {
  justify-content: center !important;
  gap: 0.8rem;
  margin: 0;
  font-size: 1.5rem !important;
}
.shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate > div span {
  font-size: 1.3rem;
  font-weight: var(--font-button-weight);
}

.shopify-payment-button__button.shopify-payment-button__button--unbranded {
  background-color: rgba(var(--color-button));
  box-shadow: none;
  border: none;
  line-height: 1.2;
  transition: var(--duration-default);
  text-align: center;
}

/* Product form */
.product-form {
  display: block;
}
.product-form__error-message-wrapper:not([hidden]) {
  display: flex;
  align-items: flex-start;
  font-size: 1.2rem;
  margin-bottom: 1.5rem;
}
.product-form__error-message-wrapper svg {
  flex-shrink: 0;
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.7rem;
  margin-top: 0.2rem;
}
.product-form__controls {
  border: 0;
  margin: 0 0 2.4rem;
  padding: 0;
}
.product-form__controls-group {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.product-form__controls-group input {
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  position: absolute;
  height: 1px;
  width: 1px;
}
.product-form__controls-group input + label:hover {
  border-color: rgb(var(--color-button));
  color: rgb(var(--color-button));
}
.product-form__controls-group input.disabled + label {
  opacity: 0.5;
  pointer-events: none;
}
.product-form__controls-group input.disabled + label:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(var(--color-border));
  clip-path: polygon(96% 0, 100% 0, 4% 100%, 0% 100%);
}
.product-form__controls-group input:checked:not(.disabled) + label {
  border-color: rgb(var(--color-button));
  color: rgb(var(--color-button));
}
.product-form__controls-group input:checked:not(.disabled) + label:before {
  background-color: rgb(var(--color-button));
}
.product-form__controls-group input:checked:not(.disabled):focus-visible + label {
  outline: -webkit-focus-ring-color auto 1px;
}
.product-form__controls-group label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 0 1.4rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: rgb(var(--color-foreground-title));
  border: 0.1rem solid rgb(var(--color-border));
  border-radius: 0.2rem;
  cursor: pointer;
  position: relative;
  transition: var(--duration-default);
  text-transform: uppercase;
}
@media (min-width: 750px) {
  .product-form__controls-group label {
    font-size: 1.2rem;
  }
}
.product-form__group-name {
  display: block;
  width: 100%;
  padding: 0;
  font-size: 1rem;
  font-family: var(--font-subtitle-family);
  font-weight: var(--font-subtitle-weight);
  font-style: var(--font-subtitle-style);
  color: rgb(var(--color-foreground-secondary));
  margin-bottom: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.product-form__group-name--offset {
  margin-bottom: 0.4rem;
}
.product-form__buttons {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  margin-bottom: 2.1rem;
}
.product-form__buttons-row {
  display: flex;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 0.8rem;
}
@media (min-width: 576px) {
  .product-form__buttons-row {
    flex-direction: row;
    align-items: flex-end;
  }
}
.product-form__quantity {
  width: 100%;
}
@media (min-width: 750px) {
  .product-form__quantity {
    width: auto;
  }
}
.product-form__quantity + div {
  min-width: auto !important;
  width: 100%;
  max-width: 100%;
}
.product-form__quantity .quantity {
  width: 100%;
  height: 5.8rem;
}
@media (min-width: 750px) {
  .product-form__quantity .quantity {
    width: 12.3rem;
    padding: 0.6rem;
  }
}
.product-form__checkout {
  position: relative;
}
.product-form__submit {
  width: 100%;
  flex-grow: 1;
  height: 5.8rem;
  padding: 1rem 3rem;
  background-color: transparent;
  color: rgb(var(--color-foreground-title));
  position: relative;
  transition: var(--duration-default);
  background-color: rgb(var(--color-background-input));
}
.product-form__submit:hover {
  background-color: rgba(var(--color-background-input), 0.7);
}
@media (min-width: 750px) {
  .product-form__submit {
    width: auto;
  }
}
.product-form__submit:not([disabled]):not([aria-disabled=true]):hover {
  border-color: rgb(var(--color-button));
  color: rgb(var(--color-button));
}
.product-form__submit[disabled] {
  opacity: 1;
  background-color: rgb(var(--color-button), 0.2);
  color: rgb(var(--color-button-secondary-text));
  border-color: transparent;
}
.product-form__submit svg {
  position: absolute;
  top: calc(50% - 1.5rem);
  left: calc(50% - 1.5rem);
  width: 3rem;
  height: 3rem;
}
.product-form__submit + .shopify-payment-button {
  display: none;
}

.note {
  padding: 2.5rem 1.5rem;
  border: 0.2rem solid rgb(var(--color-button));
  color: rgb(var(--color-foreground-title));
  border-radius: var(--border-radius-button);
  margin-bottom: 3.2rem;
}
@media (min-width: 750px) {
  .note {
    padding: 2.5rem 2rem;
  }
}
@media (min-width: 1200px) {
  .note {
    padding: 1.8rem 3.6rem 1.8rem;
  }
}
.note__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3rem;
}
.note__title {
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  font-size: 1.3rem;
}
.note__text {
  font-size: 1.4rem;
  line-height: 2rem;
  color: rgb(var(--color-foreground-secondary));
}
@media (min-width: 750px) {
  .note__text {
    font-size: 1.6rem;
  }
}
.note svg {
  min-width: 14px;
  max-width: 14px;
  height: 14px;
  color: rgb(var(--color-button));
}

.promo-banner {
  padding: 2.5rem 1.5rem;
  border-radius: var(--border-radius-button);
  margin-bottom: 3.2rem;
}
@media (min-width: 750px) {
  .promo-banner {
    padding: 2.5rem 2rem;
  }
}
@media (min-width: 1200px) {
  .promo-banner {
    padding: 3.2rem 4rem 2.6rem 4rem;
  }
}
.promo-banner__wrapper {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 1.5rem 3rem;
}
.promo-banner__logo {
  max-width: 80px;
  height: auto;
}
.promo-banner__logo img,
.promo-banner__logo svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  fill: rgb(255, 255, 255);
}
.promo-banner__logo svg {
  border: 1px solid rgb(255, 255, 255);
  border-radius: var(--border-radius-button);
}
.promo-banner__text {
  font-size: 1.4rem;
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
}
@media (min-width: 750px) {
  .promo-banner__text {
    font-size: 1.6rem;
  }
}
.promo-banner__text p {
  margin: 0;
}
.promo-banner__text a {
  text-decoration: underline;
  transition: var(--duration-default);
}
.promo-banner__text a:hover {
  opacity: 0.7;
}
.promo-banner--expanded {
  padding: 2.5rem 1.5rem;
  margin-bottom: 3.2rem;
}
@media (min-width: 750px) {
  .promo-banner--expanded {
    padding: 2.5rem 2rem;
    margin-bottom: 6.4rem;
  }
}
.promo-banner--expanded .promo-banner__wrapper {
  align-items: center;
  justify-content: center;
  gap: 2.4rem;
}
.promo-banner--expanded .promo-banner__title {
  font-size: 2.6rem;
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  line-height: 2.9rem;
  letter-spacing: -0.02em;
  color: rgb(255, 216, 117);
}
.promo-banner--expanded .promo-banner__text {
  font-weight: 500;
}
.promo-banner--expanded .promo-banner__text a {
  font-size: 1.3rem;
  color: rgb(255, 255, 255);
}

.related-product {
  display: block;
  margin-bottom: 3.2rem;
}
.related-product__name {
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgb(var(--color-foreground-secondary));
}
.related-product__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.4rem;
  padding: 2.4rem 2rem;
  background-color: rgb(var(--color-background-card));
  border-radius: var(--border-radius-button);
  position: relative;
}
@media (min-width: 990px) {
  .related-product__item {
    flex-direction: row;
  }
}
.related-product__image {
  min-width: 13rem;
  max-width: 13rem;
  height: 13rem;
  border-radius: var(--border-radius-button);
  overflow: hidden;
}
.related-product__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.related-product__title {
  font-size: 2rem;
  margin: 0;
}
.related-product__link, .related-product__link--empty {
  display: block;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.related-product .product__description {
  font-size: 1.4rem;
  line-height: 2.1rem;
  font-weight: 500;
  color: rgb(var(--color-foreground));
  margin-top: 0.8rem;
  margin-bottom: 0.4rem;
  letter-spacing: -0.03em;
}
@media (min-width: 750px) {
  .related-product .product__description {
    font-size: 1.6rem;
  }
}
.related-product .product__description img,
.related-product .product__description h1,
.related-product .product__description h2,
.related-product .product__description h3,
.related-product .product__description h4,
.related-product .product__description h5,
.related-product .product__description h6,
.related-product .product__description blockquote {
  display: none;
}
.related-product .product__description .product-more {
  display: inline-block;
  background-color: rgb(var(--color-background-card));
  position: relative;
  z-index: 10;
}
.related-product .price__regular,
.related-product .price-item--sale {
  font-size: 2rem;
}
.related-product .price--on-sale .price-item--regular {
  font-size: 1.3rem;
}
.related-product__term {
  display: inline-flex;
  align-items: center;
  gap: 0.9rem;
  padding: 1.5rem;
  border-radius: 0.2rem;
  background-color: rgba(var(--color-button), 0.07);
  font-size: 1.3rem;
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  color: rgb(var(--color-button));
  margin-top: 2.4rem;
}
.related-product__term svg {
  width: 1.8rem;
  height: 1.3rem;
  color: rgb(var(--color-button));
}

.floated-form {
  display: none;
  padding: 3.6rem 2rem 1.5rem;
  background-color: rgb(var(--color-background-card));
  border-radius: var(--border-radius-button);
  margin-bottom: 3.2rem;
}
@media (min-width: 750px) {
  .floated-form {
    display: block;
  }
}
@media (min-width: 1200px) {
  .floated-form {
    padding: 3.6rem 3.6rem 1.5rem;
  }
}
.floated-form .price__regular,
.floated-form .price-item--sale {
  font-size: 2rem;
}
.floated-form .price--on-sale .price-item--regular {
  font-size: 1.3rem;
}

.payment_methods__title {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: var(--font-subtitle-weight);
  color: rgb(var(--color-foreground-title));
  letter-spacing: 0.02em;
}
.payment_methods-wrapper {
  padding: 1.6rem 2rem;
  margin: 0.2rem 0rem;
  padding-left: 1.8rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.8rem 0;
}
.payment_methods .payment_methods {
  display: flex;
}
.payment_methods__icon {
  transform: translateY(0.4rem);
}
.payment_methods__icon svg {
  transform: scale(0.834);
}
.payment_methods__container {
  display: flex;
  gap: 0.6rem;
  min-width: 11rem;
  align-items: center;
}

.advantage {
  padding: 1.6rem 2rem;
  margin: 0.2rem 0rem;
}
.advantage .button--simple-move span {
  font-size: 1.2rem !important;
}
.advantage .icon-pack__icon {
  width: 1.67rem;
  height: 1.67rem;
  opacity: 0.6;
}
.advantage .icon-pack {
  opacity: 0.6;
}
.advantage .adv-btn-opener {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  flex: 1 0;
}
.advantage__wrapper {
  display: flex;
  gap: 0.6rem;
  align-items: center;
}
.advantage__icon svg {
  transform: scale(0.834);
  margin-left: -2px;
  fill: rgb(var(--color-foreground-title));
}
.advantage__icon svg:first-child {
  display: block;
}
.advantage__icon img {
  width: 2rem;
  height: 2rem;
  object-fit: cover;
}
.advantage__icon img:first-child {
  display: block;
}
.advantage__title {
  gap: 0.5rem;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: var(--font-subtitle-weight);
  color: rgb(var(--color-foreground-title));
  min-height: 2rem;
  width: 100%;
  position: relative;
  min-width: 12rem;
  letter-spacing: -0.02em;
}
@media (min-width: 576px) {
  .advantage__title {
    min-width: 15rem;
  }
}
.advantage__title + .share-buttons {
  width: 50%;
}
.advantage__title svg {
  color: rgb(var(--color-foreground-secondary));
}
.advantage__title--colored {
  color: rgb(var(--color-button));
}
.advantage__title--error {
  color: rgb(var(--color-error));
}
.advantage__text {
  font-size: 1.4rem;
  line-height: 2.1rem;
  color: rgb(var(--color-foreground-secondary));
  margin-top: 0.4rem;
}
@media (min-width: 750px) {
  .advantage__text {
    font-size: 1.6rem;
  }
}
.advantage__popup-label {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  transition: var(--duration-default);
}
.advantage__popup-label:hover {
  opacity: 0.7;
}

.product-popup-modal {
  width: 100%;
  height: 100%;
  background-color: rgba(var(--color-base-background-2), 0.8);
  box-sizing: border-box;
  opacity: 0;
  position: fixed;
  visibility: hidden;
  z-index: -1;
  margin: 0 auto;
  top: 0;
  left: 0;
  overflow: auto;
}
.product-popup-modal[open] {
  opacity: 1;
  visibility: visible;
  z-index: 103;
}
.product-popup-modal__toggle {
  position: absolute;
  top: -4.4rem;
  right: 0;
}
@media (min-width: 1200px) {
  .product-popup-modal__toggle {
    top: 0.2rem;
    right: -4rem;
  }
}
.product-popup-modal__toggle.advantage-modal-close-button {
  padding: 1.5rem;
  top: 0;
  right: 0;
}
.product-popup-modal__toggle:hover svg {
  color: rgb(var(--color-foreground-secondary));
}
.product-popup-modal__toggle svg {
  color: rgb(var(--color-button));
  transition: var(--duration-default);
}
.product-popup-modal__content {
  width: calc(100% - 3.2rem);
  max-width: 80rem;
  height: max-content;
  max-height: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0 1.6rem 2.4rem 3.2rem;
  background-color: rgb(var(--color-background));
  box-shadow: 0 4rem 6rem rgba(0, 0, 0, 0.05);
  border-radius: 0.4rem;
}
.product-popup-modal__content.product-popup-modal-advantage {
  padding: 4rem;
}
.product-popup-modal__title p {
  margin-top: 0;
}
.product-popup-modal__title {
  margin: 0;
}
.product-popup-modal__text {
  margin-top: 3rem;
}
.product-popup-modal__text p {
  font-size: 1.4rem;
  color: rgba(var(--color-foreground), 0.6);
  margin: 0;
}
.product-popup-modal__text p + p {
  margin-top: 2.6rem;
}

.product-section .product-form__controls-group {
  min-width: 18rem;
  flex-wrap: wrap;
}
.product-section .sticky-slider {
  position: sticky;
  top: 6.4rem;
  left: 0;
  margin-bottom: 2.4rem;
}
.product-section .about-wrapper {
  margin-top: 4.5rem;
  margin-bottom: 4.8rem;
  display: none;
}
.product-section .about-wrapper.advantage_count-0 {
  display: block;
}
.product-section .about-wrapper [data-tab-content] {
  display: none;
}
.product-section .about-wrapper .active[data-tab-content] {
  display: block;
}
.product-section .about-wrapper .about-tabs {
  display: flex;
  gap: 2.4rem;
  margin-bottom: 2.4rem;
  border-bottom: 1px solid rgb(var(--color-border));
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 1rem;
  color: rgb(var(--color-foreground-secondary));
  font-weight: var(--font-subtitle-weight);
}
@media (max-width: 450px) {
  .product-section .about-wrapper .about-tabs {
    width: calc(100% + 2rem);
    overflow-x: auto;
    border: none;
    position: relative;
  }
  .product-section .about-wrapper .about-tabs::after {
    content: "";
    position: absolute;
    bottom: 0.5rem;
    left: 0;
    right: 0;
    width: calc(100% - 2rem);
    height: 0.1rem;
    background-color: rgb(var(--color-border));
  }
}
.product-section .about-wrapper .about-tab {
  cursor: pointer;
  padding-bottom: 0.8rem;
}
.product-section .about-wrapper .about-tab span {
  padding-bottom: 0.965rem;
}
.product-section .about-wrapper .about-tab span::after {
  bottom: 0;
}
@media (max-width: 450px) {
  .product-section .about-wrapper .about-tab {
    flex: 1 0 auto;
    padding-bottom: 1.491rem;
  }
  .product-section .about-wrapper .about-tab:last-child {
    padding-right: 2rem;
  }
}
.product-section .about-wrapper .about-tab.active {
  color: rgb(var(--color-foreground));
}
.product-section .about-wrapper .about-tab.active span::after {
  width: 100%;
}
.product-section .about-wrapper .about-tab-content {
  font-size: 1.6rem;
  line-height: 150%;
}
.product-section .about-wrapper .about-tab-content .product__text-icon {
  margin: 1.8rem 0;
}
.product-section .about-wrapper .about-tab-content div {
  margin-bottom: 0.6rem;
}
.product-section .about-wrapper .about-tab-content div p {
  margin: 0;
}

@media (min-width: 750px) {
  .product-media-collage-slider {
    display: none !important;
  }
}

.product-media-collage__content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  width: 100%;
}
.product-media-collage__content.one-image {
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 750px) {
  .product-media-collage__content {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 750px) {
  .product-media-collage__content {
    display: none;
  }
}
@media (max-width: 750px) {
  .product-media-collage__content .product__media-icon {
    height: 3rem;
    width: 3rem;
    right: 1rem;
    top: 1rem;
  }
}
.product-media-collage__content .media__item {
  height: auto !important;
}
@media (min-width: 750px) {
  .product-media-collage__content .media__item:nth-child(1) {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3;
  }
  .product-media-collage__content .media__item:nth-child(2) {
    grid-column-start: 3;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 3;
  }
}
.product-media-collage__content .media__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.related-slider {
  display: block;
  max-width: 50.1rem;
}
.related-slider .price--on-sale .price__sale {
  flex-direction: row;
  flex-wrap: nowrap;
}
.related-slider .card-horizontal__view-details {
  flex: none;
}
.related-slider .card-horizontal__information {
  flex-direction: column;
  width: 100%;
  padding: 1rem 2rem;
}
@media (min-width: 460px) {
  .related-slider .card-horizontal__information {
    flex-direction: row;
  }
}
@media (min-width: 1360px) {
  .related-slider .card-horizontal__information {
    padding: 2rem;
  }
}
@media (min-width: 750px) {
  .related-slider .card-horizontal__information {
    flex-direction: column;
  }
}
@media (min-width: 1200px) {
  .related-slider .card-horizontal__information {
    flex-direction: row;
  }
}
.related-slider .card-horizontal__information-group {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: column;
}
.related-slider .card-horizontal .price--on-sale .price__sale {
  flex-wrap: nowrap;
}
.related-slider .card-horizontal .price {
  flex-wrap: nowrap;
}
.related-slider .card-horizontal__view-details {
  height: 2rem;
}
.related-slider .card-horizontal__title a, .related-slider .card-horizontal__subtitle, .related-slider .card-horizontal__view-details {
  font-size: 1.4rem;
}
.related-slider .card-horizontal__view-details {
  display: flex;
  justify-content: flex-start;
  min-width: 15rem;
}
@media (min-width: 460px) {
  .related-slider .card-horizontal__view-details {
    justify-content: flex-end;
  }
}
@media (min-width: 750px) {
  .related-slider .card-horizontal__view-details {
    justify-content: flex-start;
  }
}
@media (min-width: 1200px) {
  .related-slider .card-horizontal__view-details {
    justify-content: flex-end;
  }
}
.related-slider .card-horizontal__view-details > span:nth-of-type(2) {
  display: none;
}
.related-slider .card-horizontal__view-details span {
  justify-content: flex-end;
}
.related-slider .card-horizontal-wrapper {
  background-color: rgba(var(--color-background-secondary));
  padding: 0;
  gap: 0;
}
.related-slider .card-horizontal-wrapper .card-horizontal__title {
  transition: all var(--duration-default);
}
.related-slider .card-horizontal-wrapper:hover .card-horizontal__view-details > span:first-child {
  transform: translateY(0) translateZ(0);
}
.related-slider .card-horizontal-wrapper:hover .card-horizontal__title {
  opacity: 0.8;
}
.related-slider .card-horizontal__image {
  min-width: 8.4rem;
  max-height: 10rem;
  height: 100%;
}
.related-slider .swiper-button-next,
.related-slider .swiper-button-prev {
  background-color: rgba(var(--color-background-secondary));
  width: 3rem;
  height: 3rem;
  opacity: 1;
}
.related-slider .swiper-button-next svg,
.related-slider .swiper-button-prev svg {
  width: 1rem;
  height: 1rem;
}
.related-slider .swiper-button-next:hover,
.related-slider .swiper-button-prev:hover {
  transform: translate(0) scale(1.05);
}
.related-slider .swiper-button-disabled {
  opacity: 0.5;
}
.related-slider .related-slider__title p {
  display: none;
}
.related-slider .related-slider__title span {
  display: block;
  font-size: 1rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgb(var(--color-foreground-secondary));
}
.related-slider__outer {
  margin: 2.5rem 0 3rem 0;
}
@media (min-width: 750px) {
  .related-slider__outer {
    margin: 5rem 0 6.4rem 0;
  }
}
.related-slider .price dd:not(:last-child) {
  margin: 0 0.8rem 0 0;
}
.related-slider .price--on-sale .price-item--regular {
  font-size: 1.3rem;
}
.related-slider .card-wrapper {
  display: flex;
  flex-direction: column;
}
.related-slider__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}
.related-slider__title h3 {
  margin: 0;
}
.related-slider__title p {
  margin: 0.4rem 0 0;
  color: rgb(var(--color-foreground-secondary));
}
.related-slider__nav {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}
.related-slider__button-next:not(.swiper-button-disabled):hover svg {
  transform: scale(1.05) !important;
}
.related-slider__list {
  margin-top: 1rem;
}
.related-slider__product {
  height: auto;
}

/* Recipient form */
.recipient-form {
  display: block;
  width: 100%;
  margin-bottom: 2rem;
}
.recipient-form input[type=date] {
  padding: 1.5rem 2rem;
}
.recipient-form input[type=checkbox] {
  display: none;
}
.recipient-form input[type=checkbox]:checked + label::before {
  background: rgb(var(--color-accent)) url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.66649 6.61451L10.7945 0.48584L11.7378 1.42851L4.66649 8.49984L0.423828 4.25717L1.36649 3.31451L4.66649 6.61451Z' fill='white'/%3e%3c/svg%3e ") no-repeat center center;
  border-color: rgb(var(--color-accent));
}
.recipient-form input[type=checkbox]:checked + label span {
  color: rgb(var(--color-accent));
}
.recipient-form input[type=checkbox]:checked ~ .recipient-fields {
  display: block;
  animation: animateMenuOpen var(--duration-default) ease;
}
.recipient-form input[type=checkbox]:not(:checked, :disabled) ~ .recipient-fields {
  display: none;
}
.recipient-form input[type=checkbox] + label {
  display: inline-flex;
  align-items: center;
  font-size: 1.5rem;
  color: rgb(var(--color-foreground));
  cursor: pointer;
}
.recipient-form input[type=checkbox] + label::before {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
  margin: 0 1.1rem 0 0;
  border: 0.1rem solid rgba(var(--color-border-input));
  border-radius: 0.2rem;
  background-color: rgb(var(--color-background));
  appearance: none;
}
.recipient-form input[type=checkbox] + label span {
  font-size: 1.5rem;
  font-weight: 500;
  transition: var(--duration-default);
}
.recipient-form input[type=checkbox] + label:hover span {
  color: rgb(var(--color-accent));
}
.recipient-form input[type=checkbox] + label svg {
  display: none;
}
.recipient-form .recipient-email-label {
  display: none;
}
.recipient-form .recipient-form-field-label {
  font-size: 1.3rem;
  margin: 0.4rem 0 0;
  text-transform: initial;
}
.recipient-form .recipient-form-field-label--space-between {
  display: flex;
  justify-content: space-between;
}
.recipient-form .recipient-fields__field:not(:last-child) {
  margin: 0 0 1.6rem;
}
.recipient-form .recipient-fields hr {
  margin: 1.6rem auto;
}
.recipient-form .form__label {
  margin-bottom: 0;
}
.recipient-form .form__message {
  font-size: 1.2rem;
  line-height: 1;
  color: rgb(var(--color-error));
  margin: 0.4rem 0 0;
}

.no-js .recipient-checkbox {
  display: none !important;
}
.no-js .recipient-email-label.optional {
  display: inline;
}

.js .recipient-fields {
  display: none;
}
.js .recipient-email-label.required {
  display: inline;
}

/* Overrides */
.shopify-payment-button__more-options {
  display: none;
}

/* Product media */
.product__media-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  overflow: hidden;
}

.product__media-item {
  width: 100% !important;
  overflow: hidden;
  height: 100% !important;
}
.product__media-item--contain .product__media {
  height: auto;
}
@media (min-width: 990px) {
  .product__media-item--contain .product__media {
    height: auto;
  }
}
.product__media-item--contain .product__media img {
  object-fit: contain;
}
.product__media-item--contain modal-opener {
  height: auto;
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .product__media-list .product__media-item:first-child {
    padding-left: 0;
  }
  .product__media-list .product__media-item {
    width: 100%;
  }
}
.product__media-icon .icon {
  width: 1.4rem;
  height: 1.4rem;
  color: rgb(var(--color-foreground));
  margin-top: 0.1rem;
}

.product__media-icon {
  background-color: rgb(var(--color-background));
  border-radius: 50%;
  border: 0.1rem solid rgba(var(--color-foreground), 0.1);
  color: rgb(var(--color-foreground));
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4rem;
  width: 4rem;
  position: absolute;
  right: 2rem;
  top: 2rem;
  z-index: 1;
  transition: color var(--duration-short) ease, opacity var(--duration-short) ease;
}
@media (max-width: 750px) {
  .product__media-icon {
    height: 3rem;
    width: 3rem;
  }
}

.product__media-video .product__media-icon {
  opacity: 0.8;
}

.product__modal-opener {
  height: 100%;
}

.product__modal-opener--image .product__media-toggle:hover {
  cursor: zoom-in;
}

.product__modal-opener:hover .product__media-icon {
  border: 0.1rem solid rgba(var(--color-foreground), 0.1);
}

@media screen and (min-width: 750px) {
  .grid__item.product__media-item--full {
    width: 100%;
  }
}
@media screen and (min-width: 990px) {
  .product__media-icon {
    opacity: 0;
  }
  .product__modal-opener:hover .product__media-icon,
  .product__modal-opener:focus .product__media-icon {
    opacity: 0.8;
  }
}
.product__media-item > *:not(.product__xr-button) {
  display: block;
}

.product__media-toggle {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: block;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  height: 100%;
  width: 100%;
}

.product-media-modal {
  background-color: rgb(var(--color-background));
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
}
.product-media-modal__toggle {
  position: absolute;
  top: 0;
  right: 1.5rem;
  padding: 1.5rem;
}

.product-media-modal[open] {
  visibility: visible;
  opacity: 1;
  z-index: 101;
}

.product-media-modal__dialog {
  display: flex;
  align-items: center;
  height: 100vh;
}

.product-media-modal__content {
  max-height: 100vh;
  width: 100%;
  overflow: auto;
}

.product-media-modal__content > *:not(.active),
.product__media-list .deferred-media {
  display: none;
}

@media screen and (min-width: 750px) {
  .product-media-modal__content {
    padding-bottom: 2rem;
  }
  .product-media-modal__content > *:not(.active) {
    display: block;
  }
  .product-media-modal__content > *:first-child {
    margin-top: 2rem;
  }
  .product__modal-opener:not(.product__modal-opener--image) {
    display: none;
  }
  .product__media-list .deferred-media {
    display: block;
  }
}
.product-media-modal__content > * {
  display: block;
  height: auto;
  margin: auto;
  max-height: 100vh;
  width: auto;
}

.product-media-modal__content .media {
  background: none;
}

.product-media-modal__model {
  width: 100%;
}

.product-media-modal__content .deferred-media {
  width: 100%;
}

@media screen and (min-width: 750px) {
  .product-media-modal__content > * {
    max-width: 96%;
  }
  .product-media-modal__content > * + * {
    margin-top: 2rem;
  }
}
@media screen and (min-width: 990px) {
  .product-media-modal__content > * {
    max-width: 98%;
  }
  .product-media-modal__content > * + * {
    margin-top: 1.5rem;
  }
  .product-media-modal__content {
    padding-bottom: 1.5rem;
  }
  .product-media-modal__content > *:first-child {
    margin-top: 1.5rem;
  }
}
.product-form__controls-group label.color-swatch {
  width: 1rem;
  height: 1rem;
  padding: 0rem;
  margin-top: -0.8rem;
  border-radius: 50%;
  border: 0.1rem solid rgb(var(--color-border));
  box-sizing: border-box;
}
.product-form__controls-group label.color-swatch::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background-color: var(--swatch-color);
  transition: border-color var(--duration-default);
}

.quick-add-modal .product-form__controls-group label.color-swatch {
  height: 3rem;
}

.product-form__controls-group input:checked:not(.disabled) + label.color-swatch,
.product-form__controls-group input + label.color-swatch:hover {
  border-color: rgb(var(--color-button));
}

.product-form__controls-group input.disabled + label.color-swatch {
  opacity: 1;
}
.product-form__controls-group input.disabled + label.color-swatch::before {
  top: 50%;
  height: 0.2rem;
  clip-path: unset;
  z-index: 1;
  transform: translateY(-50%) rotate(-45deg);
}

.product__sku {
  color: rgb(var(--color-foreground-secondary));
  margin-bottom: 0.4rem;
}
<noscript>
	<style>

	ul .product__media-subitem:nth-child(9) ~  {
	display: none;
	}

		html.no-js .product-section  .product__media-sublist.no-js-flex {
			align-items: end;
			margin: 0;
			margin-right: 1rem;
			max-width: 13rem;
		}

		.product__media-sublist.no-js-flex .product__media-subitem {
			width: 50%;
		}

		html.no-js .product-section .product__media-list.no-js-hidden {
			display: flex !important;
		}

		.product-section .product__media-sublist-outer.no-js-hidden {
			display: none !important;
			visibility: hidden;
			opacity: 0;
			width: 0;
		}
		.product__media-list-wrapper {
			gap: 0;
		}


		html.no-js .product-section .product__media-sublist.no-js-flex {
			display: none !important;
		}

	</style>
</noscript>

{%- assign first_3d_model = product.media | where: "media_type", "model" | first -%}
{%- if first_3d_model -%}
	{{ 'component-product-model.css' | asset_url | stylesheet_tag }}
	<link id="ModelViewerStyle" rel="stylesheet" href="/cdn/shopifycloud/model-viewer-ui/assets/v1.0/model-viewer-ui.css" media="print" onload="this.media='all'">
	<link id="ModelViewerOverride" rel="stylesheet" href="{{ 'component-model-viewer-ui.css' | asset_url }}" media="print" onload="this.media='all'">
{%- endif -%}

{%- style -%}
	{% render 'section-padding' %}
{%- endstyle -%}

<section class="container product-section section-{{ section.id }}-padding" id="MainProduct-{{ section.id }}" data-section="{{ section.id }}">
	<div class="product {% if product.media.size > 0 %}row{% else %}product--no-media{% endif %}">
		<div class="product__outer {% if section.settings.media_display == "collage" %} {% if section.settings.desktop_alignment == 'right' %} collage-reverse {% endif %} outer-collage__width {% endif %}
			{% if section.settings.desktop_alignment == 'right' %}product__outer--desktop-order{% endif %}">
			<div class="product__main {% if section.settings.media_display == "collage" %} main-collage__width {% endif %} ">
				{% if product.media.size > 0 %}
			  {% if section.settings.sticky_slider %} <div class="sticky-slider"> {% endif %}
					<div class="product__media-wrapper">
						<div class="product__media-list-wrapper">
              {% if section.settings.media_display == "slider" %}
                <div class="product__media-sublist-outer no-js-hidden">
                  <div class="product__media-sublist {% if product.media.size < 4 %}product__media-sublist--height{% endif %} js-media-sublist swiper">
                    <div class="swiper-wrapper">
                      {%- if product.selected_or_first_available_variant.featured_media != null -%}
                        {%- assign featured_media = product.selected_or_first_available_variant.featured_media -%}
                        <div class="product__media-subitem swiper-slide {% if section.settings.image_fit == 'contain' %} product__media-item--contain{% endif %}"
                            data-media-sub-id="{{ section.id }}-{{ featured_media.id }}"
                        >
                          <div class="product__media">
                            {{ featured_media.preview_image | image_url: width: featured_media.preview_image.width | image_tag:
                              loading: 'lazy'
                            }}
                          </div>
                        </div>
                      {%- endif -%}

                      {%- for media in product.media -%}
                        {%- unless media.id == product.selected_or_first_available_variant.featured_media.id -%}
                          <div class="product__media-subitem swiper-slide {% if variant_images contains media.src %} product__media-item--variant{% endif %} {% if section.settings.image_fit == 'contain' %} product__media-item--contain{% endif %}"
                              data-media-sub-id="{{ section.id }}-{{ media.id }}"
                          >
                            <div class="product__media">
                              {{ media.preview_image | image_url: width: featured_media.preview_image.width | image_tag:
                                loading: 'lazy'
                              }}
                            </div>
                          </div>
                        {%- endunless -%}
                      {%- endfor -%}
                    </div>
                  </div>
                </div>
                <ul class="product__media-sublist no-js-flex">
                  {%- if product.selected_or_first_available_variant.featured_media != null -%}
                    {%- assign featured_media = product.selected_or_first_available_variant.featured_media -%}
                    <div class="product__media-subitem {% if section.settings.image_fit == 'contain' %} product__media-item--contain{% endif %}"
                        data-media-sub-id="{{ section.id }}-{{ featured_media.id }}"
                    > 
                      <div class="product__media">
                        {{ featured_media.preview_image | image_url: width: 300 | image_tag:
                          loading: 'lazy',
                          widths: '300, 600'
                        }}
                      </div>
                    </div>
                  {%- endif -%}

                  {%- for media in product.media -%}
                    {%- unless media.id == product.selected_or_first_available_variant.featured_media.id -%}
                      <div class="product__media-subitem {% if variant_images contains media.src %} product__media-item--variant{% endif %} {% if section.settings.image_fit == 'contain' %} product__media-item--contain{% endif %}"
                          data-media-sub-id="{{ section.id }}-{{ media.id }}"
                      >
                        <div class="product__media">
                          {{ media.preview_image | image_url: width: 300 | image_tag:
                            loading: 'lazy',
                            widths: '300, 600'
                          }}
                        </div>
                      </div>
                    {%- endunless -%}
                  {%- endfor -%}
                </ul>
                <div class="product__media-list js-media-list no-js-hidden swiper product__media-list--{% if section.settings.enable_autoheight %}auto-enabled{% endif %}">
                  {% if product.media.size > 1 %}
                    <button
                      type="button"
                      class="product__button-prev swiper-button-prev no-js-hidden"
                      name="previous"
                      aria-label="{{ 'accessibility.previous_slide' | t }}"
                    >
                      {% render 'icon-arrow-left' %}
                    </button>
                  {% endif %}
                  <div class="swiper-wrapper">
                    {%- liquid 
                    assign variant_images = product.images | where: 'attached_to_variant?', true | map: 'src'-%}

                    {%- if product.selected_or_first_available_variant.featured_media != null -%}
                      {%- assign featured_media = product.selected_or_first_available_variant.featured_media -%}
                      <div class="product__media-item swiper-slide {% if section.settings.image_fit == 'contain' %} product__media-item--contain{% endif %}" data-media-id="{{ section.id }}-{{ featured_media.id }}">
                        {% render 'product-thumbnail', product_card_product: product, media: featured_media, position: 'featured', modal_id: section.id, lazy_load: false %}
                      </div>
                    {%- endif -%}

                    {%- for media in product.media -%}
                      {%- unless media.id == product.selected_or_first_available_variant.featured_media.id -%}
                
                        <div class="product__media-item swiper-slide{% if media.media_type != 'image' %} product__media-item--full{% endif %} {% if variant_images contains media.src %} product__media-item--variant{% endif %} {% if section.settings.image_fit == 'contain' %} product__media-item--contain{% endif %}"
                            data-media-id="{{ section.id }}-{{ media.id }}"
                        >
                          {% render 'product-thumbnail', media: media, position: forloop.index, modal_id: section.id, lazy_load: false %}
                        </div>
                  
                      {%- endunless -%}
                    {%- endfor -%}
                  </div>
                  {% if product.media.size > 1 %}
                  <button
                    type="button"
                    class="product__button-next swiper-button-next no-js-hidden"
                    name="next"
                    aria-label="{{ 'accessibility.next_slide' | t }}"
                  >
                    {% render 'icon-arrow-right' %}
                  </button>
                {% endif %}
                </div>
              {% else %}
                <div class="product-media-collage__content
                  {%- for media in product.media -%}
                    {% if product.media.size == 1 %}
                      one-image
                    {% endif %}
                  {%- endfor -%}
                  " 
                  role="document" 
                  aria-label="{{ 'products.modal.label' | t }}" tabindex="0">
                    {%- for media in product.media -%}
                      <div class="product__media-item media__item swiper-slide{% if media.media_type != 'image' %} product__media-item--full{% endif %} {% if variant_images contains media.src %} product__media-item--variant{% endif %} {% if section.settings.image_fit == 'contain' %} product__media-item--contain{% endif %}"
                            data-media-id="{{ section.id }}-{{ media.id }}"
                      >
                        {% render 'product-thumbnail', media: media, position: forloop.index, modal_id: section.id, lazy_load: false %}
                      </div>
                  {%- endfor -%}
                </div>
                <div class="product__media-sublist-outer no-js-hidden product-media-collage-slider">
                  <div class="product__media-sublist {% if product.media.size < 4 %}product__media-sublist--height{% endif %} js-media-sublist swiper">
                    <div class="swiper-wrapper">
                      {%- if product.selected_or_first_available_variant.featured_media != null -%}
                        {%- assign featured_media = product.selected_or_first_available_variant.featured_media -%}
                        <div class="product__media-subitem swiper-slide {% if section.settings.image_fit == 'contain' %} product__media-item--contain{% endif %}"
                            data-media-sub-id="{{ section.id }}-{{ featured_media.id }}"
                        >
                          <div class="product__media">
                            {{ featured_media.preview_image | image_url: width: featured_media.preview_image.width | image_tag:
                              loading: 'lazy'
                            }}
                          </div>
                        </div>
                      {%- endif -%}

                      {%- for media in product.media -%}
                        {%- unless media.id == product.selected_or_first_available_variant.featured_media.id -%}
                          <div class="product__media-subitem swiper-slide {% if variant_images contains media.src %} product__media-item--variant{% endif %} {% if section.settings.image_fit == 'contain' %} product__media-item--contain{% endif %}"
                              data-media-sub-id="{{ section.id }}-{{ media.id }}"
                          >
                            <div class="product__media">
                              {{ media.preview_image | image_url: width: featured_media.preview_image.width | image_tag:
                                loading: 'lazy'
                              }}
                            </div>
                          </div>
                        {%- endunless -%}
                      {%- endfor -%}
                    </div>
                  </div>
                </div>
                <ul class="product__media-sublist no-js-flex product-media-collage-slider">
                  {%- if product.selected_or_first_available_variant.featured_media != null -%}
                    {%- assign featured_media = product.selected_or_first_available_variant.featured_media -%}
                    <div class="product__media-subitem {% if section.settings.image_fit == 'contain' %} product__media-item--contain{% endif %}"
                        data-media-sub-id="{{ section.id }}-{{ featured_media.id }}"
                    > 
                      <div class="product__media">
                        {{ featured_media.preview_image | image_url: width: 300 | image_tag:
                          loading: 'lazy',
                          widths: '300, 600'
                        }}
                      </div>
                    </div>
                  {%- endif -%}

                  {%- for media in product.media -%}
                    {%- unless media.id == product.selected_or_first_available_variant.featured_media.id -%}
                      <div class="product__media-subitem {% if variant_images contains media.src %} product__media-item--variant{% endif %} {% if section.settings.image_fit == 'contain' %} product__media-item--contain{% endif %}"
                          data-media-sub-id="{{ section.id }}-{{ media.id }}"
                      >
                        <div class="product__media">
                          {{ media.preview_image | image_url: width: 300 | image_tag:
                            loading: 'lazy',
                            widths: '300, 600'
                          }}
                        </div>
                      </div>
                    {%- endunless -%}
                  {%- endfor -%}
                </ul>
                <div class="product__media-list js-media-list no-js-hidden swiper product__media-list--{% if section.settings.enable_autoheight %}auto-enabled{% endif %} product-media-collage-slider">
                  {% if product.media.size > 1 %}
                    <button
                      type="button"
                      class="product__button-prev swiper-button-prev no-js-hidden"
                      name="previous"
                      aria-label="{{ 'accessibility.previous_slide' | t }}"
                    >
                      {% render 'icon-arrow-left' %}
                    </button>
                  {% endif %}
                  <div class="swiper-wrapper">
                    {%- liquid
                      assign variant_images = product.images | where: 'attached_to_variant?', true | map: 'src'
                    -%}

                    {%- if product.selected_or_first_available_variant.featured_media != null -%}
                      {%- assign featured_media = product.selected_or_first_available_variant.featured_media -%}
                      <div class="product__media-item swiper-slide {% if section.settings.image_fit == 'contain' %} product__media-item--contain{% endif %}" data-media-id="{{ section.id }}-{{ featured_media.id }}">
                        {% render 'product-thumbnail', product_card_product: product, media: featured_media, position: 'featured', modal_id: section.id, lazy_load: false %}
                      </div>
                    {%- endif -%}

                    {%- for media in product.media -%}
                      {%- unless media.id == product.selected_or_first_available_variant.featured_media.id -%}
                
                        <div class="product__media-item swiper-slide{% if media.media_type != 'image' %} product__media-item--full{% endif %} {% if variant_images contains media.src %} product__media-item--variant{% endif %} {% if section.settings.image_fit == 'contain' %} product__media-item--contain{% endif %}"
                            data-media-id="{{ section.id }}-{{ media.id }}"
                        >
                          {% render 'product-thumbnail', media: media, position: forloop.index, modal_id: section.id, lazy_load: false %}
                        </div>
                  
                      {%- endunless -%}
                    {%- endfor -%}
                  </div>
                  {% if product.media.size > 1 %}
                  <button
                    type="button"
                    class="product__button-next swiper-button-next no-js-hidden"
                    name="next"
                    aria-label="{{ 'accessibility.next_slide' | t }}"
                  >
                    {% render 'icon-arrow-right' %}
                  </button>
                {% endif %}
                </div>
              {% endif %}
						</div>
						{%- if first_3d_model -%}
							<button
								class="button button--full-width product__xr-button"
								type="button"
								aria-label="{{ 'products.product.xr_button_label' | t }}"
								data-shopify-xr
								data-shopify-model3d-id="{{ first_3d_model.id }}"
								data-shopify-title="{{ product.title | escape }}"
								data-shopify-xr-hidden
							>
								{% render 'icon-3d-model' %}
								{{ 'products.product.xr_button' | t }}
							</button>
						{%- endif -%}
					</div>
          {% if settings.show_breadcrumbs %}
            <div class="breadcrumb-desktop">
              <nav class="breadcrumb" role="navigation" aria-label="breadcrumbs">
                <a href="{{ routes.root_url }}" title="{{ 'general.breadcrumbs.home' | t }}">
                  {{ 'general.breadcrumbs.home' | t }}
                </a>
                <div class="breadcrumb__delimiter">
                    {% render 'icon-button-arrow' %}
                  </div>
                {% if product.collections[0] %}
                  <a href="{{ product.collections[0].url }}">{{ product.collections[0].title }}
                  </a>
                  <div class="breadcrumb__delimiter">
                    {% render 'icon-button-arrow' %}
                  </div>
                {% endif %}
                <span>{{ product.title }}</span>
              </nav>
            </div>
          {% endif %}
				{% if section.settings.sticky_slider %} </div>{% endif %}
				{% else %}
					{{ 'collection-1' | placeholder_svg_tag: 'placeholder-svg' }}
				{% endif %}

				{%- for block in section.blocks -%}
					{%- case block.type -%}
						{% when 'recommendation' %}
							<related-slider
								data-id="1"
								class="related-slider no-js-hidden"
								data-url="{{ routes.product_recommendations_url }}?section_id={{ section.id }}&product_id={{ product.id }}"
								{{ block.shopify_attributes }}
							>
								{% if recommendations.performed and recommendations.products_count > 0 %}
									<div class="related-slider__outer">
										<div class="related-slider__top">
											<div class="related-slider__title">
												{%- if block.settings.heading_recommendation != blank -%}
													<h3>
														{{ block.settings.heading_recommendation }}
													</h3>
												{% endif %}
												{%- if block.settings.subheading_recommendation != blank -%}
													<p>{{ block.settings.subheading_recommendation }}</p>
												{% endif %}
											</div>
											<div class="related-slider__nav">
												<button
													type="button"
													class="related-slider__button-prev swiper-button-prev"
													name="previous"
													aria-label="{{ 'accessibility.previous_slide' | t }}"
												>
													{% render 'icon-arrow-left' %}
												</button>
												<button
													type="button"
													class="related-slider__button-next swiper-button-next"
													name="next"
													aria-label="{{ 'accessibility.next_slide' | t }}"
												>
													{% render 'icon-arrow-right' %}
												</button>
											</div>
										</div>

										<div class="related-slider__list swiper" role="list">
											<div class="swiper-wrapper">
												{% for recommendation in recommendations.products
													limit: block.settings.products_limit_recommended
												%}
													<div class="swiper-slide collection-product-card related-slider__product quickview{%- if settings.quickview_hover -%}--hover{% endif %}">
														{% render 'product-card',
															product_card_product: recommendation,
															media_size: block.settings.image_ratio,
															media_fit: block.settings.card_image_fit,
															show_secondary_image: block.settings.show_secondary_image,
															show_vendor: block.settings.show_vendor,
															show_desc: block.settings.show_desc,
															section_id: block.id
														%}
													</div>
												{% endfor %}
											</div>
										</div>
									</div>
								{% endif %}
							</related-slider>
					{% endcase %}
				{% endfor %}
			</div>

			<div class="product__info-wrapper {% if section.settings.media_display == "collage" %} collage-width {% endif	%}">
				<div class="product__info-wrapper-block">
          <div id="ProductInfo-{{ section.id }}" data-section="{{ section.id }}" class="product__info-container">
            {%- assign product_form_id = 'product-form-' | append: section.id -%}
            {% assign advantage_block = section.blocks | where: "type", "advantage" %}

            {%- for block in section.blocks -%}
              {%- case block.type -%}
                {%- when 'text' -%}
                 <div class="product__text" {{ block.shopify_attributes }}>
                    <span class="product__text-type">
                      {% if block.settings.text != blank %}
                        {% if block.settings.vendor_url != blank %}
                          <a href="{{ block.settings.vendor_url }}" class="product__text-link">{{ product.vendor }}</a>
                        {% else %}
                          <span>{{ product.vendor }}</span>
                        {% endif %}
                      {% else %}
                      <span>{{- block.settings.text -}}</span>
                      {% endif %}
                    </span>                    
                  </div>

                {%- when 'vendor' -%}
                  <div class="product__text" {{ block.shopify_attributes }}>
                    <span class="product__text-type">
                      {% if block.settings.enable_vendor_link %}
                        <a
                          href="{{ product.vendor | url_for_vendor }}"
                          class= "product__text-link"
                        >
                          {{ product.vendor }}
                        </a>
                      {% else %}
                        <span>
                          {{- product.vendor -}}
                        </span>   
                      {%- endif -%}
                    </span>                    
                  </div>

                {%- when 'rating' -%}
                  {%- if product.metafields.reviews.rating.value != blank -%}
                    <div class="rating">
                      {% liquid
                        assign rating_decimal = 0
                        assign decimal = product.metafields.reviews.rating.value.rating | modulo: 1
                        if decimal >= 0.3 and decimal <= 0.7
                          assign rating_decimal = 0.5
                        elsif decimal > 0.7
                          assign rating_decimal = 1
                        endif
                      %}
                      <div
                        class="rating__stars"
                        role="img"
                        aria-label="{{ 'accessibility.star_reviews_info' | t: rating_value: product.metafields.reviews.rating.value, rating_max: product.metafields.reviews.rating.value.scale_max }}"
                      >
                      <span
                        aria-hidden="true"
                        class="rating-star"
                        style="--rating: {{ product.metafields.reviews.rating.value.rating | floor }}; --rating-max: {{ product.metafields.reviews.rating.value.scale_max }}; --rating-decimal: {{ rating_decimal }};"
                      ></span>
                      </div>
                      <p class="rating-text caption">
                        {{- product.metafields.reviews.rating.value | slice: 0, 3 }}
                      </p>
                      <span class="rating-count caption">
                        <span aria-hidden="true">({{ product.metafields.reviews.rating_count }} {{ 'accessibility.total_reviews' | t -}})</span>
                        <span class="visually-hidden">
                          {{- product.metafields.reviews.rating_count }}
                          {{ 'accessibility.total_reviews' | pluralize: 'review', 'reviews' -}}
                        </span>
                      </span>
                    </div>
                  {% endif %}

                {%- when 'title' -%}
                  <div class="product__title__wrapper
                    {%- if product.available == false %} price--sold-out {% endif -%}
                    {%- if product.compare_at_price > product.price %} price--on-sale {% endif -%}"
                  >
                    <h1 class="product__title {{ block.settings.heading_size }}" {{ block.shopify_attributes }}>
                      {{ product.title | escape }}
                    </h1>
                  </div>

                {%- when 'tags' -%}
                  {%- if product.tags != blank -%}
                    <ul class="product-tags product__tags" {{ block.shopify_attributes }}>
                      {% for tag in product.tags %}
                        <li class="product-tags__tag">{{ tag }} {% render 'icon-checkmark' %}</li>
                      {% endfor %}
                    </ul>
                  {%- endif -%}

                {%- when 'price' -%}
                  <div class=" price-wrapper" id="price-{{ section.id }}" {{ block.shopify_attributes }}>
                    {%- render 'price', product: product, use_variant: true, show_badges: true, price_class: 'price--product' -%}
                    {%- if cart.taxes_included or shop.shipping_policy.body != blank -%}
                      <div class="product__tax caption">
                        {%- if cart.taxes_included -%}
                          {{ 'products.product.include_taxes' | t }}
                        {%- endif -%}
                        {%- if shop.shipping_policy.body != blank -%}
                          {{ 'products.product.shipping_policy_html' | t: link: shop.shipping_policy.url }}
                        {%- endif -%}
                      </div>
                    {%- endif -%}
                  </div>
                  <div class="installment-wrapper" {{ block.shopify_attributes }}>
                    {%- assign product_form_installment_id = 'product-form-installment-' | append: section.id -%}
                    {%- form 'product', product, id: product_form_installment_id, class: 'installment caption-large' -%}
                      <input type="hidden" name="id" value="{{ product.selected_or_first_available_variant.id }}">
                      {{ form | payment_terms }}
                    {%- endform -%}
                  </div>

                {%- when 'description' -%}
                  <div class="product__description no-js-hidden{% if block.settings.rte_image_style == "default" %} product__description_images-default{% endif %}" {{ block.shopify_attributes }}>
                    {% if product.description %}
                    {{ product.description }}
                  {% endif %}
                  </div>

                  <div class="product__description no-js">
                    {{- block.settings.description -}}
                  </div>
 
                {%- when 'variant_picker' -%}
                  
                  {% render 'product-variant-picker', product: product, block: block, product_form_id: product_form_id, product_page: true %}
                  
                {%- when 'buy_buttons' -%}
                  <div {{ block.shopify_attributes }}>
                    {%- liquid
                      assign gift_card_recipient_feature_active = false
                      if block.settings.show_gift_card_recipient and product.gift_card?
                        assign gift_card_recipient_feature_active = true
                      endif

                      assign show_dynamic_checkout = false
                      if block.settings.show_dynamic_checkout and gift_card_recipient_feature_active == false
                        assign show_dynamic_checkout = true
                      endif
                    -%}

                    <product-form class="product-form" data-hide-errors="{{ gift_card_recipient_feature_active }}">
                      <div class="product-form__error-message-wrapper" role="alert" hidden>
                        <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-error" viewBox="0 0 13 13">
                          <circle cx="6.5" cy="6.50049" r="5.5" stroke="white" stroke-width="2"/>
                          <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width="0.7"/>
                          <path d="M5.87413 3.52832L5.97439 7.57216H7.02713L7.12739 3.52832H5.87413ZM6.50076 9.66091C6.88091 9.66091 7.18169 9.37267 7.18169 9.00504C7.18169 8.63742 6.88091 8.34917 6.50076 8.34917C6.12061 8.34917 5.81982 8.63742 5.81982 9.00504C5.81982 9.37267 6.12061 9.66091 6.50076 9.66091Z" fill="white"/>
                          <path d="M5.87413 3.17832H5.51535L5.52424 3.537L5.6245 7.58083L5.63296 7.92216H5.97439H7.02713H7.36856L7.37702 7.58083L7.47728 3.537L7.48617 3.17832H7.12739H5.87413ZM6.50076 10.0109C7.06121 10.0109 7.5317 9.57872 7.5317 9.00504C7.5317 8.43137 7.06121 7.99918 6.50076 7.99918C5.94031 7.99918 5.46982 8.43137 5.46982 9.00504C5.46982 9.57872 5.94031 10.0109 6.50076 10.0109Z" fill="white" stroke="#EB001B" stroke-width="0.7"/>
                        </svg>
                        <span class="product-form__error-message"></span>
                      </div>
                      {%- form 'product', product, id: product_form_id, class: 'form', novalidate: 'novalidate', data-type: 'add-to-cart-form' -%}
                        <input
                          type="hidden"
                          name="id"
                          value="{{ product.selected_or_first_available_variant.id }}"
                          {% if product.selected_or_first_available_variant.available == false %}
                            disabled
                          {% endif %}
                        >

                        {%- if gift_card_recipient_feature_active -%}
                          {%- render 'gift-card-recipient-form', product: product, form: form, section: section -%}
                        {%- endif -%}

                        <div class="product-form__buttons">
                          <div class="product-form__buttons-row">
                            {% if block.settings.show_quantity %}
                              <div
                                class="product-form__input product-form__quantity "
                                {{ block.shopify_attributes }}
                              >
                                {%- assign cart_qty = cart | item_count_for_variant: product.selected_or_first_available_variant.id -%}
                                <label class="product-form__group-name" for="Quantity-{{ section.id }}">
                                  {{ 'products.product.quantity.label' | t }}
                                </label>
                                <quantity-input class="quantity">
                                  <button class="quantity__button " name="minus" type="button">
                                    <span class="visually-hidden">
                                      {{- 'products.product.quantity.decrease' | t: product: product.title | escape -}}
                                    </span>
                                    {% render 'icon-minus' %}
                                  </button>
                                  <input
                                    class="quantity__input"
                                    type="number"
                                    name="quantity"
                                    id="Quantity-{{ section.id }}"
                                    data-cart-quantity="{{ cart_qty }}"
                                    data-min="{{ product.selected_or_first_available_variant.quantity_rule.min }}"
                                    min="{{ product.selected_or_first_available_variant.quantity_rule.min }}"
                                    {% if product.selected_or_first_available_variant.quantity_rule.max != null %}
                                      data-max="{{ product.selected_or_first_available_variant.quantity_rule.max }}"
                                      max="{{ product.selected_or_first_available_variant.quantity_rule.max }}"
                                    {% endif %}
                                    step="{{ product.selected_or_first_available_variant.quantity_rule.increment }}"
                                    value="{{ product.selected_or_first_available_variant.quantity_rule.min }}"
                                    form="{{ product_form_id }}"
                                  />
                                  <button class="quantity__button " name="plus" type="button">
                                    <span class="visually-hidden">
                                      {{- 'products.product.quantity.increase' | t: product: product.title | escape -}}
                                    </span>
                                    {% render 'icon-plus' %}
                                  </button>
                                </quantity-input>
                                <div class="quantity__rules caption">
                                  {%- if product.selected_or_first_available_variant.quantity_rule.increment > 1 -%}
                                    <span class="divider">
                                      {{- 'products.product.quantity.multiples_of'
                                      | t: quantity: product.selected_or_first_available_variant.quantity_rule.increment
                                      -}}
                                    </span>
                                  {%- endif -%}
                                  {%- if product.selected_or_first_available_variant.quantity_rule.min > 1 -%}
                                    <span class="divider">
                                      {{-
                                      'products.product.quantity.minimum_of'
                                      | t: quantity: product.selected_or_first_available_variant.quantity_rule.min
                                      -}}
                                    </span>
                                  {%- endif -%}
                                  {%- if product.selected_or_first_available_variant.quantity_rule.max != null -%}
                                    <span class="divider">
                                      {{-
                                      'products.product.quantity.maximum_of'
                                      | t: quantity: product.selected_or_first_available_variant.quantity_rule.max
                                      -}}
                                    </span>
                                  {%- endif -%}
                                
                                </div>
                              </div>
                            {% endif %}
                        

                            <button
                              type="submit"
                              name="add"
                              class="product-form__submit button"
                              {% if product.selected_or_first_available_variant.available == false %}disabled{% endif %}
                            >
                              {%- if product.selected_or_first_available_variant.available -%}
                                <span>
                                {{ 'products.product.add_to_cart' | t }}
                              </span>
                                {%- render 'icon-loading' -%}
                              {%- else -%}
                                <span>
                                {{ 'products.product.sold_out' | t }}
                              </span>
                              {%- endif -%}
                            </button>
                          </div>
                    

                          <div class="product-form__checkout">
                            {%- if show_dynamic_checkout -%}
                              {{ form | payment_button }}
                            {%- endif -%}
                          </div>
                        </div>
                    
                      
                               {% comment %} Dynamiskt pris baserat på kvantitet {% endcomment %}
            <div class="product-total-price">
              <div class="product-total-price__item">
                <span class="product-total-price__label">Styckpris:</span>
                <span class="product-total-price__amount">{{ product.selected_or_first_available_variant.price | money }}</span>
              </div>
              <div class="product-total-price__item product-total-price__item--total">
                <span class="product-total-price__label">Totalt:</span>
                <span class="product-total-price__amount product-total-price__amount--dynamic" id="ProductTotalPrice-{{ section.id }}">{{ product.selected_or_first_available_variant.price | money }}</span>
              </div>
            </div>
                    
                      {%- endform -%}
<script>
  document.addEventListener('DOMContentLoaded', function() {
    // Hitta kvantitetsinmatning och priselement
    const quantityInput = document.getElementById('Quantity-{{ section.id }}');
    const totalPriceElement = document.getElementById('ProductTotalPrice-{{ section.id }}');
    const variantPriceElement = document.querySelector('.price__regular .price-item--regular');
    
    // Hitta häckkalkylatorns element
    const hedgeCalculatorInput = document.getElementById('hedge-length');
    const plantsNeededElement = document.getElementById('plants-needed');
    
    if (quantityInput && totalPriceElement) {
      // Ursprungligt pris per styck
      let unitPrice = {{ product.selected_or_first_available_variant.price }};
      
      // Sätt minsta antal från metafältet
      const minQuantity = {{ product.metafields.custom.minsta_antal | default: 1 }};
      
      // Sätt min-attribut och uppdatera aktuellt värde om det är mindre än minQuantity
      quantityInput.min = minQuantity;
      if (parseInt(quantityInput.value) < minQuantity) {
        quantityInput.value = minQuantity;
      }
      
      // Funktionen för att uppdatera totalpriset
      function updateTotalPrice() {
        const quantity = parseInt(quantityInput.value, 10) || minQuantity;
        const totalPrice = quantity * unitPrice;
        
        // Formatera priset direkt för SEK utan att gå genom Shopify-formatering
        const formattedPrice = Math.round(totalPrice / 100) + " kr";
        totalPriceElement.textContent = formattedPrice;
      }
      
      // Lyssna på ändringar i kvantitet och validera minimumvärdet
      quantityInput.addEventListener('input', function() {
        if (parseInt(this.value) < minQuantity) {
          this.value = minQuantity;
        }
        updateTotalPrice();
      });
      
      quantityInput.addEventListener('change', function() {
        if (parseInt(this.value) < minQuantity) {
          this.value = minQuantity;
        }
        updateTotalPrice();
      });
      
      // Uppdatera även när användaren klickar på plus/minus knappar
      const quantityButtons = document.querySelectorAll('.quantity__button');
      if (quantityButtons) {
        quantityButtons.forEach(button => {
          button.addEventListener('click', function() {
            setTimeout(function() {
              if (parseInt(quantityInput.value) < minQuantity) {
                quantityInput.value = minQuantity;
              }
              updateTotalPrice();
            }, 10);
          });
        });
      }
      
      // Lyssna på variantändringar för att uppdatera rätt pris
      const variantSelectors = document.querySelectorAll('input[name="id"], select[name="id"]');
      if (variantSelectors.length > 0) {
        variantSelectors.forEach(selector => {
          selector.addEventListener('change', function() {
            // Uppdatera enhetspris när varianten ändras
            if (variantPriceElement) {
              const priceText = variantPriceElement.textContent;
              // Ta bort valutasymbolen och konvertera till nummer
              const priceMatch = priceText.match(/[\d,.]+/);
              if (priceMatch) {
                const priceStr = priceMatch[0].replace(',', '.');
                unitPrice = parseFloat(priceStr) * 100; // Konvertera till cent
                updateTotalPrice();
              }
            }
          });
        });
      }
      
      // Initiera priset
      updateTotalPrice();
    }
    
    // Ta bort eventuella knappar som skapats av misstag
    if (hedgeCalculatorInput && plantsNeededElement) {
      const existingTransferButtons = document.querySelectorAll('button');
      existingTransferButtons.forEach(button => {
        if (
          button.textContent.trim().toLowerCase() === 'använd detta antal'
        ) {
          button.remove();
        }
      });
    }
  });
</script>

<style>
  .product-total-price {
    margin-top: 15px;
    margin-bottom: 15px;
    padding-top: 15px;
    border-top: 1px solid rgba(var(--color-foreground), 0.08);
  }
  
  .product-total-price__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
  }
  
  .product-total-price__item--total {
    margin-top: 5px;
    font-weight: bold;
  }
  
  .product-total-price__label {
    font-size: 14px;
  }
  
  .product-total-price__amount {
    font-size: 14px;
  }
  
  .product-total-price__amount--dynamic {
    font-size: 16px;
    color: var(--price-text-color, rgba(var(--color-foreground), 1));
  }
  

</style>
                            
                    </product-form>
                  </div>
                            

                {%- when 'pickup_availability' -%}
                  {%- assign pick_up_availabilities = product.selected_or_first_available_variant.store_availabilities | where: 'pick_up_enabled', true -%}
                  {% if product.selected_or_first_available_variant.available and pick_up_availabilities.size > 0 %}
                      <div class="pickup-availability-overlay"></div>
                      <div {{ block.shopify_attributes }}>
                        {{ 'component-pickup-availability.css' | asset_url | stylesheet_tag }}
                        <pickup-availability class="product__pickup-availabilities no-js-hidden color-background-2"
                          {% if product.selected_or_first_available_variant.available and pick_up_availabilities.size > 0 %} available {% endif %}
                            data-base-url="{{ shop.url }}{{ routes.root_url }}"
                            data-variant-id="{{ product.selected_or_first_available_variant.id }}"
                            data-has-only-default-variant="{{ product.has_only_default_variant }}"
                        >
                          <template>
                            <pickup-availability-preview class="pickup-availability-preview">
                              {% render 'icon-unavailable' %}
                              <div class="pickup-availability-info">
                                <p class="caption-large">{{ 'products.product.pickup_availability.unavailable' | t }}</p>
                                <button class="pickup-availability-button link link--text underlined-link">{{ 'products.product.pickup_availability.refresh' | t }}</button>
                              </div>
                            </pickup-availability-preview>
                          </template>
                        </pickup-availability>
                        <script src="{{ 'pickup-availability.js' | asset_url }}" defer="defer"></script>
                      </div>
                  {% endif %}
                {%- when 'inventory_status' -%}
                  <div class="inventory__title" {{ block.shopify_attributes }}>
                    <span id="Inventory-{{ section.id }}">
                      <span class="advantage__title--{% if product.selected_or_first_available_variant.inventory_quantity < 10 %}error{% endif %}">
                        {% if product.selected_or_first_available_variant.inventory_quantity > 0 %}
                          {{ 'products.product.quantity.in_stock' | t: quantity: product.selected_or_first_available_variant.inventory_quantity }}
                        {% else %}
                          {{ 'products.product.quantity.out_of_stock' | t }}
                        {% endif %}
                      </span>
                    </span>
                  </div>

                {%- when 'share' -%}
                  {%- if block.settings.show_share_facebook or  block.settings.show_share_twitter or block.settings.show_share_pinterest or block.settings.show_share_copy -%}
                    <div class="share-buttons" {{ block.shopify_attributes }}>
                      <ul class="share-buttons__list">
                        {%- if block.settings.show_share_facebook -%}
                          <li class="share-buttons__item">
                            <a href="https://www.facebook.com/sharer.php?u={{ shop.url | append: product.url }}" class="share-buttons__button facebook-btn" target="_blank" aria-label="facebook">
                              {% render 'icon-facebook' %}
                            </a>
                          </li>
                        {%- endif -%}

                        {%- if block.settings.show_share_twitter -%}
                          <li class="share-buttons__item">
                            <a href="https://twitter.com/share?url={{ shop.url | append: product.url }}&text={{ product.title | escape }}" class="share-buttons__button twitter-btn" target="_blank" aria-label="twitter">
                              {% render 'icon-twitter' %}
                            </a>
                          </li>
                        {%- endif -%}

                        {%- if block.settings.show_share_pinterest -%}
                          <li class="share-buttons__item">
                            <a href="https://pinterest.com/pin/create/bookmarklet/?media={{ product.featured_media | image_url: width: 1100, height: 1100 }}&url={{ shop.url | append: product.url }}&description={{ product.title | escape }}" class="share-buttons__button pinterest-btn" target="_blank" aria-label="pinterest">
                              {% render 'icon-pinterest' %}
                            </a>
                          </li>
                        {%- endif -%}

                        {%- if block.settings.show_share_copy -%}
                          <li class="share-buttons__item">
                            <a href="{{ shop.url | append: product.url }}" class="share-buttons__button copy-btn" aria-label="copy">
                              {% render 'icon-copy' %}
                            </a>
                          </li>
                        {%- endif -%}
                      </ul>
                    </div>
                  {%- endif -%}	

                  {% when 'text_with_icon' %}
                    {%- if  block.settings.text != blank or block.settings.icon != 'none' -%}
                      <div class="product__text-icon" {{ block.shopify_attributes }}>
                        {% render 'icon-pack', icon: block.settings.icon %}

                        <p class="product__text-icon--description">{{ block.settings.text }}</p>	
                      </div>
                     {%- endif -%}

                  {%- when 'sku' -%}
                    <p
                      class="product__sku product__text-type no-js-hidden {% if product.selected_or_first_available_variant.sku.size == 0 %} visibility-hidden{% endif %}"
                      id="Sku-{{ section.id }}"
                      role="status"
                      {{ block.shopify_attributes }}
                    >
                      <span class="visually-hidden">{{ 'products.product.sku' | t }}:</span> {{- product.selected_or_first_available_variant.sku -}}
                    </p>

                  {%- when "shipping" -%}
                    <div class="advantage-wrapper ">
                      <div class="advantage color-background-2" {{ block.shopify_attributes }}>
                        <div class="advantage__wrapper">
                          <div class="advantage__icon">
                            {%- assign height = 150 | divided_by:  block.settings.image.aspect_ratio | ceil  -%}
                            {%- assign width = block.settings.image.width -%}
                            {%- if block.settings.icon != 'none' -%}
                            {% render 'icon-pack', icon: block.settings.icon %}
                            {%- elsif block.settings.image != blank -%}
                              {{
                                block.settings.image
                                | image_url: width: 40
                                | image_tag:
                                loading: 'lazy',
                                widths: '20, 40'
                              }}
                        
                            {%- elsif block.settings.image_dark != blank -%}
                              {{
                                block.settings.image_dark
                                | image_url: width: 40
                                | image_tag:
                                widths: '20, 40'
                              }}
                        
                            {% endif %}
                          </div>
                          <div class="advantage__content">
                            <div class="advantage__title">
                              <span>{{ block.settings.heading | escape }}</span>
                            </div>
                            {% if block.settings.toggle_type == 'popup' %}
                              <div class="product-popup-modal__content-info no-js">
                                <h2 class="product-popup-modal__title">
                                  {{ block.settings.popup_heading | escape }}
                                </h2>
                                <div class="product-popup-modal__text">
                                  {{ block.settings.popup_text | escape }}
                                </div>
                              </div>
                            {% endif %}
                          </div>
                          <modal-opener
                          class="no-js-hidden adv-btn-opener"
                          data-modal="#PopupModal-{{ block.id }}"
                          {{ block.shopify_attributes }}>
                  
                          <button
                              class="button button--simple-move pickup-availability-button"
                              id="ProductPopup-{{ block.id }}"
                              type="button"
                              aria-haspopup="dialog"
                              aria-label="Open popup"
                            >
                              <span>{{ block.settings.button_label }}</span>
                              <span>
                                {% render 'icon-button-arrow' %}
                              </span>
                            </button>
                          </modal-opener>
                          <modal-dialog id="PopupModal-{{ block.id }}" class="product-popup-modal" {{ block.shopify_attributes }}>
                            <div
                              role="dialog"
                              aria-label="{{ block.settings.label }}"
                              aria-modal="true"
                              class="product-popup-modal__content product-popup-modal-advantage"
                              tabindex="-1"
                            >
                        
                              <button
                                id="ModalClose-{{ block.id }}"
                                type="button"
                                class="product-popup-modal__toggle modal-close-button advantage-modal-close-button"
                                aria-label="{{ 'accessibility.close' | t }}"
                              >
                                {% render 'icon-close' %}
                              </button>
                              <div class="product-popup-modal__content-info">
                                <h2 class="product-popup-modal__title">
                                  {{ block.settings.popup_heading }}
                                </h2>
                                <div class="product-popup-modal__text">
                                  {{ block.settings.popup_text }}
                                </div>
                              </div>
                            </div>
                          </modal-dialog>
                        </div>
                      </div>
                    </div>

                {%- when "payment_methods" -%}
                  {% assign payment_methods= section.blocks | where: "type", "payment_methods" %}
                  <div class="payment_methods-wrapper color-background-2" {{ block.shopify_attributes }}>
                    {%- for block in payment_methods -%}							
                      <div class="payment_methods__container">
                        <div class="payment_methods__icon">
                          {% render 'icon-payment-methods', icon: block.settings.icon %}
                        </div>
                        <div class="payment_methods__content">
                          <div class="payment_methods__title">
                            <span>{{ 'products.product.payment_methods.we_accept' | t }}</span>
                          </div>
                        </div>
                      </div>
                      <div class="footer__column footer__column--payment">
                        <div class="footer__payment">
                          <ul class="list list-payment" role="list">
                            {%- for type in shop.enabled_payment_types -%}
                              <li class="list-payment__item">
                                {{
                                  type
                                  | payment_type_svg_tag: class: 'icon icon--full-color'
                                }}
                              </li>
                            {%- endfor -%}
                          </ul>
                        </div>
                      </div>
                    {% endfor %}
                  </div>	
                {% when 'complementary' %}
                  <related-slider
                    data-id="2"
                    class="related-slider no-js-hidden"
                    data-url="{{ routes.product_recommendations_url }}?section_id={{ section.id }}&product_id={{ product.id }}&limit={{ block.settings.product_list_limit }}&intent=complementary"
                    {{ block.shopify_attributes }}
                  >
                    {% if recommendations.performed and recommendations.products_count > 0 %}
                      <div class="related-slider__outer">
                        <div class="related-slider__top">
                          <div class="related-slider__title">
                            {%- if block.settings.heading_complementary != blank -%}
                              <span class="h3">
                                {{ block.settings.heading_complementary }}
                              </span>
                            {% endif %}
                            {%- if block.settings.subheading_complementary != blank -%}
                              <p>{{ block.settings.subheading_complementary }}</p>
                            {% endif %}
                          </div>
                          <div class="related-slider__nav">
                            <button
                              type="button"
                              class="related-slider__button-prev swiper-button-prev"
                              name="previous"
                              aria-label="{{ 'accessibility.previous_slide' | t }}"
                            >
                              {% render 'icon-arrow-left' %}
                            </button>
                            <button
                              type="button"
                              class="related-slider__button-next swiper-button-next"
                              name="next"
                              aria-label="{{ 'accessibility.next_slide' | t }}"
                            >
                              {% render 'icon-arrow-right' %}
                            </button>
                          </div>
                        </div>
    
                        <div class="related-slider__list swiper">
                          <div class="swiper-wrapper">
                            {% for recommendation in recommendations.products
                              limit: block.settings.product_list_limit
                            %}
                              <div class="swiper-slide collection-product-card related-slider__product quickview{%- if settings.quickview_hover -%}--hover{% endif %}">
                                {% render 'product-card-horizontal',
                                  product_card_product: recommendation,
                                  media_size: block.settings.image_ratio,
                                  media_fit: block.settings.card_image_fit,
                                  show_secondary_image: block.settings.show_secondary_image,
                                  show_vendor: block.settings.show_vendor,
                                  show_desc: block.settings.show_desc,
                                  section_id: block.id
                                %}
                              </div>
                            {% endfor %}
                          </div>
                        </div>
                      </div>
                    {% endif %}
                  </related-slider>

                {%- when 'custom_liquid' -%}
                  <div class="custom-liquid" {{ block.shopify_attributes }}>
                    {{ block.settings.custom_liquid }}
                  </div>

                {%- when '@app' -%}
                  {% assign app_name = block.id | slice: 0, 30 %}
                  {% if app_name != "judge_me_reviews_review_widget" or advantage_block == blank %}
                    {% render block %}
                  {% endif %}

                {% else %}
                  {% assign advantage = section.blocks | where: "type", "advantage" %}
                  {% assign advantage2 = section.blocks | where: "type", "@app" %}
                  
                  {%- if advantage != blank or advantage2 != blank -%}
                    <div class="about-wrapper advantage_count-{% increment advantage_count %}">
                    <div class="about-tabs">
                      {%- for block in advantage -%}
                        <div class="about-tab link-hover-line-outer {% if forloop.index == 1 %}active{% endif %}" data-tab-target="#about-tab-{{ forloop.index }}" {{ block.shopify_attributes }}>
                          <span>
                            {{ block.settings.heading }}
                          </span>
                        </div>
                      {% endfor %}

                      {%- for block in advantage2 -%}
                        {% assign app_name = block.id | slice: 0, 30 %}
                        {% if app_name == "judge_me_reviews_review_widget" %}
                          <div class="about-tab link-hover-line-outer {% if forloop.index == 1 and advantage == blank %}active{% endif %}" data-tab-target="#review-tab-{{ forloop.index }}">
                            <span>
                              {{ 'products.product.reviews' | t }} {% if product.metafields.reviews.rating_count > 0 %}{{ product.metafields.reviews.rating_count }}{% endif %}
                            </span>
                          </div>
                        {% endif %}
                     {% endfor %}
                    </div>
                    <div class="about-tab-content"> 
                      {%- for block in advantage -%}
                        <div id="about-tab-{{ forloop.index }}" data-tab-content {% if forloop.index == 1 %} class="active" {% endif %} {{ block.shopify_attributes }}>
                          <div class="about-tab-description">{{ block.settings.text }}</div>
                          <div class="product__text-icon">
                            {% render 'icon-pack', icon: block.settings.about_tab_icon %}
        
                            <p class="product__text-icon--description">{{ block.settings.about_tab_text }}</p>	
                          </div>
                          <div class="product__text-icon">
                            {% render 'icon-pack', icon: block.settings.about_tab_icon_second %}
        
                            <p class="product__text-icon--description">{{ block.settings.about_tab_text_second }}</p>	
                          </div>
                        </div>
                      {% endfor %}

                      {%- for block in advantage2 -%}
                        {% assign app_name = block.id | slice: 0, 30 %}
                        {% if app_name == "judge_me_reviews_review_widget" %}
                          <div id="review-tab-{{ forloop.index }}" data-tab-content {% if forloop.index == 1 and advantage == blank %} class="active" {% endif %}>
                            {% render block %}
                          </div>
                        {% endif %}
                      {% endfor %}
                    </div>
                    </div>
                  {%- endif -%}
                  {% comment %}{%- when 'floated_form' -%}
                    <floated-form class="floated-form no-js-hidden" id="FloatedForm-{{ section.id }}" data-product-url="{{ product.url }}" {{ block.shopify_attributes }}></floated-form>{% endcomment %}
              {%- endcase -%}
            {%- endfor -%}
          </div>

          <div class="product__full-details__block">
            <a
              href="{{ product.url }}"
              target="_blank"
              class="product__full-details button button--simple-move"
            >
              <span>{{- 'general.card.view__more' | t -}}</span>
              <span>
                {% render 'icon-button-arrow' %}
              </span>
            </a>
          </div>
        </div>
			</div>
		</div>
	</div>

	{%- for block in section.blocks -%}
		{% if block.type == "modals" %}
			{% if block.settings.modal_label_1 != blank %}
				<div id="ProductModalInfo-{{ section.id }}-1" class="product-info-modal">
					<div class="product-info-modal__scroll">
						<div class="product-info-modal__content">
							<div class="h4 product-info-modal__title">{{ block.settings.modal_heading_1 }}</div>
							<div class="product-info-modal__text">{{ block.settings.modal_text_1 }}</div>
						</div>
					</div>
				</div>
			{% endif %}

			{% if block.settings.modal_label_2 != blank %}
				<div id="ProductModalInfo-{{ section.id }}-2" class="product-info-modal">
					<div class="product-info-modal__scroll">
						<div class="product-info-modal__content">
							<div class="h4 product-info-modal__title">{{ block.settings.modal_heading_2 }}</div>
							<div class="product-info-modal__text">{{ block.settings.modal_text_2 }}</div>
						</div>
					</div>
				</div>
			{% endif %}
		{% endif %}
	{%- endfor -%}

	<product-modal id="ProductModal-{{ section.id }}" class="product-media-modal">
		<div class="product-media-modal__dialog" role="dialog" aria-label="{{ 'products.modal.label' | t }}" aria-modal="true" tabindex="-1">
			<button id="ModalClose-{{ section.id }}" type="button" class="product-media-modal__toggle modal-close-button" aria-label="{{ 'accessibility.close' | t }}">{% render 'icon-close' %}</button>

			<div class="product-media-modal__content" role="document" aria-label="{{ 'products.modal.label' | t }}" tabindex="0">
				{%- for media in product.media -%}
					{%- if media.media_type == 'image' -%}
						{% capture sizes %}
							(min-width: 750px) calc(100vw - 12rem), 100vw
						{% endcapture %}
						{{ media.preview_image | image_url: width: media.preview_image.width | image_tag:
							loading: 'lazy',
							widths: '550, 1100, 1680, 2048, 4096',
							sizes: sizes,
							data-media-id: media.id
						}}
					{%- else -%}
						{%- if media.media_type == 'model' -%}
							<div class="product-media-modal__model" data-media-id="{{ media.id }}">
							<product-model class="deferred-media media" style="padding-top: min(calc(100vh - 12rem), 100%)">
						{%- else -%}
							<deferred-media class="deferred-media media" style="padding-top: min(calc(100vh - 12rem), {{ 1 | divided_by: media.aspect_ratio | times: 100 }}%)" data-media-id="{{ media.id }}">
						{%- endif -%}

						<button id="Deferred-Poster-Modal-{{ media.id }}" class="deferred-media__poster" type="button">
							<span class="deferred-media__poster-button motion-reduce">
								{%- if media.media_type == 'model' -%}
									{%- render 'icon-3d-model' -%}
								{%- else -%}
									{%- render 'icon-play' -%}
								{%- endif -%}
							</span>
							{% capture sizes %}
								(min-width: 1200px) calc((1200px - 10rem) / 2), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw - 4rem)
							{% endcapture %}
							{{ media.preview_image | image_url: width: 576 | image_tag:
								loading: 'lazy',
								widths: '288, 550, 720, 1100',
								sizes: sizes,
								data-media-id: media.id
							}}
						</button>
						<template>
							{%- case media.media_type -%}
								{%- when 'external_video' -%}
									{%- assign video_class = 'js-' | append: media.host -%}
									{%- if media.host == 'youtube' -%}
										{{ media | external_video_url: autoplay: true, loop: loop, playlist: media.external_id | external_video_tag: class: video_class, loading: "lazy" }}
									{%- else -%}
										{{ media | external_video_url: autoplay: true, loop: loop | external_video_tag: class: video_class, loading: "lazy" }}
									{%- endif -%}
								{%- when 'video' -%}
									{{ media | media_tag: image_size: "2048x", autoplay: true, loop: loop, controls: true, preload: "none" }}
								{%- when 'model' -%}
									{{ media | media_tag: image_size: "2048x", toggleable: true }}
							{%- endcase -%}
						</template>

						{%- if media.media_type == 'model' -%}
							</product-model>
							<button
								class="button button--full-width product__xr-button"
								type="button"
								aria-label="{{ 'products.product.xr_button_label' | t }}"
								data-shopify-xr
								data-shopify-model3d-id="{{ media.id }}"
								data-shopify-title="title"
								data-shopify-xr-hidden
							>
								{% render 'icon-3d-model' %}
								{{ 'products.product.xr_button' | t }}
							</button>
							</div>
						{%- else -%}
							</deferred-media>
						{%- endif -%}
					{%- endif -%}
				{%- endfor -%}
			</div>
		</div>
	</product-modal>

	<script type="application/ld+json">
    {{ product | structured_data }}
  </script>
</section>

{% javascript %}
class ProductModal extends ModalDialog {
	constructor() {
		super();
	}

	hide() {
		super.hide();
		window.pauseAllMedia();
	}

	show(opener) {
		super.show(opener);
		this.showActiveMedia();
	}

	showActiveMedia() {
		this.querySelectorAll(`[data-media-id]:not([data-media-id="${this.openedBy.getAttribute("data-media-id")}"])`).forEach((element) => {
				element.classList.remove('active');
			}
		)
		const activeMedia = this.querySelector(`[data-media-id="${this.openedBy.getAttribute("data-media-id")}"]`);
		const activeMediaTemplate = activeMedia.querySelector('template');
		const activeMediaContent = activeMediaTemplate ? activeMediaTemplate.content : null;
		activeMedia.classList.add('active');
		activeMedia.scrollIntoView();

		if (
			activeMedia.nodeName == 'DEFERRED-MEDIA' &&
			activeMediaContent &&
			activeMediaContent.querySelector('.js-youtube') && activeMediaContent.querySelector('.js-vimeo')
		)
			activeMedia.loadContent();
	}
}

class RelatedProduct extends HTMLElement {
	constructor() {
		super();

		const handleIntersection = (entries, observer) => {
			if (!entries[0].isIntersecting) return;
			observer.unobserve(this);

			fetch(this.dataset.url)
				.then(response => response.text())
				.then(text => {
					const html = document.createElement('div');
					html.innerHTML = text;
					const related = html.querySelector('.related-product');
					if (related && related.innerHTML.trim().length) {
						this.innerHTML = related.innerHTML;
					}

					/* Toggle content */
					$('.product-description-more').click(function (e) {
						e.preventDefault();
						$(this).closest('.product-description-short').next().show();
						$(this).closest('.product-description-short').hide();
					});

					$('.product-description-less').click(function (e) {
						e.preventDefault();
						$(this).closest('.product-description-full').prev().show();
						$(this).closest('.product-description-full').hide();
					});
				})
				.catch(e => {
					console.error(e);
				});
		}

		new IntersectionObserver(handleIntersection.bind(this), {rootMargin: '0px 0px 200px 0px'}).observe(this);
	}
}

class RelatedSlider extends HTMLElement {
	constructor() {
		super();

		const handleIntersection = (entries, observer) => {
			if (!entries[0].isIntersecting) return;
			observer.unobserve(this);

		fetch(this.dataset.url)
			.then((response) => response.text())
			.then((text) => {
				const html = document.createElement('div');
				html.innerHTML = text;
				const relatedSlider = html.querySelector(`related-slider[data-id="${this.getAttribute('data-id')}"]`);
				if (relatedSlider && relatedSlider.innerHTML.trim().length) {
					this.innerHTML = relatedSlider.innerHTML;
				}

				/* Related products slider */
				const slider = this.querySelector('.related-slider__list');
				const prevBtn = this.querySelector('.related-slider__button-prev');
				const nextBtn = this.querySelector('.related-slider__button-next');
				if (document.querySelector('.related-slider__list')) {
					const productSlider = new Swiper(slider, {
						slidesPerView: 1,
						spaceBetween: 10,
						navigation: {
							nextEl: nextBtn,
							prevEl: prevBtn,
						},
						breakpoints: {
						
						}
					});
				}

				/* Color swatches */
				const generateSrcset = (image, widths = []) => {
					const imageUrl = new URL(image["src"]);
					return widths.filter((width) => width <= image["width"]).map((width) => {
						imageUrl.searchParams.set("width", width.toString());
						return `${imageUrl.href} ${width}w`;
					}).join(", ");
				}

				const createImageElement = (image, classes, sizes, productTitle) => {
					const previewImage = image["preview_image"];
					const newImage = new Image(previewImage["width"], previewImage["height"]);
					newImage.className = classes;
					newImage.alt = image["alt"] || productTitle;
					newImage.sizes = sizes;
					newImage.src = previewImage["src"];
					newImage.srcset = generateSrcset(previewImage, [165, 360, 533, 720, 940, 1066]);
					newImage.loading="lazy"
					return newImage;
				}

				const checkSwatches = () => {
					document.querySelectorAll('.js-color-swatches-wrapper').forEach(wrapper => {
						wrapper.querySelectorAll('.js-color-swatches input').forEach(input => {
							input.addEventListener('click', (event) => {
								const primaryImage = wrapper.querySelector(".media--first");
								const secondaryImage = wrapper.querySelector(".media--second");
								const handleProduct = wrapper.dataset.product;
								
								if (event.currentTarget.checked && primaryImage) {
									wrapper.querySelector('.js-color-swatches-link').setAttribute('href', event.currentTarget.dataset.variantLink);
									if (wrapper.querySelector('.card__add-to-cart button[name="add"]')) {
										wrapper.querySelector('.card__add-to-cart button[name="add"]').setAttribute('aria-disabled', false);
										wrapper.querySelector('.card__add-to-cart button[name="add"] > span').classList.remove('hidden');
										wrapper.querySelector('.card__add-to-cart button[name="add"] .sold-out-message').classList.add('hidden');
										wrapper.querySelector('.card__add-to-cart input[name="id"]').value = event.currentTarget.dataset.variantId;
									}
									
									const currentColor = event.currentTarget.value;

									jQuery.getJSON(window.Shopify.routes.root + `products/${handleProduct}.js`, function(product) {
										const variant = product.variants.filter(item => item.featured_media != null && item.options.includes(currentColor))[0];

										if (variant) {
											const newPrimaryImage = createImageElement(variant["featured_media"], primaryImage.className, primaryImage.sizes, product.title);
											
											if (newPrimaryImage.src !== primaryImage.src) {
												let flag = false;
												if (secondaryImage) {
													const secondaryImagePathname = new URL(secondaryImage.src).pathname;
													const newPrimaryImagePathname = new URL(newPrimaryImage.src).pathname;

													if (secondaryImagePathname == newPrimaryImagePathname) {
														primaryImage.remove();
														secondaryImage.classList.remove('media--second');
														secondaryImage.classList.add('media--first');
														flag = true;
													} 
												}
												if (flag == false) {
													primaryImage.animate({ opacity: [1, 0] }, { duration: 200, easing: "ease-in", fill: "forwards" }).finished;
													setTimeout(function(){
														primaryImage.replaceWith(newPrimaryImage);
														newPrimaryImage.animate({ opacity: [0, 1] }, { duration: 200, easing: "ease-in" });
														if (secondaryImage) {
															secondaryImage.remove();                                    
														}
													}, 200);
												}
											}
										}
									});
								}
							})
						})
					})
				}

				checkSwatches();
			})
			.catch((e) => {
				console.error(e);
			});
		};

		new IntersectionObserver(handleIntersection.bind(this), {
			rootMargin: '0px 0px 200px 0px',
		}).observe(this);
	}
}

customElements.define('product-modal', ProductModal);
customElements.define('related-product', RelatedProduct);
customElements.define('related-slider', RelatedSlider);

{% endjavascript %}

{%- if first_3d_model -%}
	<script type="application/json" id="ProductJSON-{{ product.id }}">
	{{ product.media | where: 'media_type', 'model' | json }}

	</script>

	<script src="{{ 'product-model.js' | asset_url }}" defer></script>
{%- endif -%}

{% schema %}
{
  "name": "t:sections.main-product.name",
  "tag": "section",
  "class": "product-section",
  "blocks": [
    {
      "type": "@app"
    },
    {
      "type": "text",
      "limit": 1,
      "name": "t:sections.main-product.blocks.text.name",
      "settings": [
        {
          "type": "text",
          "id": "text",
          "default": "Text block",
          "label": "t:sections.main-product.blocks.text.settings.text.label"
        },
        {
          "type": "url",
          "id": "vendor_url",
          "label": "t:sections.main-product.blocks.text.settings.vendor_url.label"
        }
      ]
    },
    {
      "type": "vendor",
      "name": "t:sections.main-product.blocks.vendor.name",
      "limit": 1,
      "settings": [
        {
          "type": "checkbox",
          "id": "enable_vendor_link",
          "default": false,
          "label": "t:settings_schema.product_card.settings.enable_vendor_link.label"
        }
      ]
    },
    {
      "type": "title",
      "name": "t:sections.main-product.blocks.title.name",
      "limit": 1,
      "settings": [
        {
          "type": "select",
          "id": "heading_size",
          "options": [
            {
              "value": "h4",
              "label": "t:sections.all.heading_size.options__0.label"
            },
            {
              "value": "h3",
              "label": "t:sections.all.heading_size.options__1.label"
            },
            {
              "value": "h2",
              "label": "t:sections.all.heading_size.options__2.label"
            },
            {
              "value": "h1",
              "label": "t:sections.all.heading_size.options__3.label"
            }
          ],
          "default": "h3",
          "label": "t:sections.all.heading_size.label"
        }
      ]
    },
    {
      "type": "price",
      "name": "t:sections.main-product.blocks.price.name",
      "limit": 1
    },
    {
      "type": "description",
      "name": "t:sections.main-product.blocks.description.name",
      "limit": 1,
      "settings": [
				{
					"type": "select",
					"id": "rte_image_style",
					"options": [
						{
							"value": "default",
							"label": "t:sections.all.rte_img_style.options__1.label"
						},
						{
							"value": "custom",
							"label": "t:sections.all.rte_img_style.options__2.label"
						}
					],
					"default": "custom",
					"label": "t:sections.all.rte_img_style.label"
				}
      ]
    },
    {
      "type": "variant_picker",
      "name": "t:sections.main-product.blocks.variant_picker.name",
      "limit": 1,
      "settings": [
        {
          "type": "select",
          "id": "picker_type",
          "options": [
            {
              "value": "dropdown",
              "label": "t:sections.main-product.blocks.variant_picker.settings.picker_type.options__1.label"
            },
            {
              "value": "button",
              "label": "t:sections.main-product.blocks.variant_picker.settings.picker_type.options__2.label"
            }
          ],
          "default": "button",
          "label": "t:sections.main-product.blocks.variant_picker.settings.picker_type.label"
        },
        {
          "type": "checkbox",
          "id": "show_size_guide",
          "default": false,
          "label": "t:sections.main-product.blocks.show_guide.name"
        },
        {
          "type": "text",
          "id": "size_guide_header",
          "default": "Header",
          "label": "t:sections.all.heading.label"
        },
        {
          "type": "text",
          "id": "size_guide_decription",
          "label": "t:sections.all.text.label"
        },
        {
          "type": "text",
          "id": "size_guide_text",
          "default": "Size Guide",
          "label": "t:sections.all.button.button_label.label"
        },
        {
          "type": "image_picker",
          "id": "size_guide_image",
          "label": "t:sections.main-product.blocks.advantage.settings.image.label"
        },
        {
					"type": "page",
					"id": "page",
					"label": "t:sections.main-product.blocks.show_guide.page.label"
				}
      ]
    },
    {
      "type": "buy_buttons",
      "name": "t:sections.main-product.blocks.buy_buttons.name",
      "limit": 1,
      "settings": [
        {
          "type": "checkbox",
          "id": "show_dynamic_checkout",
          "default": false,
          "label": "t:sections.main-product.blocks.buy_buttons.settings.show_dynamic_checkout.label",
          "info": "t:sections.main-product.blocks.buy_buttons.settings.show_dynamic_checkout.info"
        },
        {
          "type": "checkbox",
          "id": "show_quantity",
          "default": true,
          "label": "t:sections.main-product.blocks.buy_buttons.settings.show_quantity.label"
        },
        {
          "type": "checkbox",
          "id": "show_gift_card_recipient",
          "default": false,
          "label": "t:sections.main-product.blocks.buy_buttons.settings.show_gift_card_recipient.label",
          "info": "t:sections.main-product.blocks.buy_buttons.settings.show_gift_card_recipient.info"
        }
      ]
    },
    {
      "type": "pickup_availability",
      "name": "t:sections.main-product.blocks.pickup_availability.name",
      "limit": 1
    },
    {
      "type": "inventory_status",
      "name": "t:sections.main-product.blocks.inventory_status.name",
      "limit": 1
    },
    {
      "type": "payment_methods",
      "name": "t:sections.main-product.blocks.payment_methods.name",
      "limit": 1
    },
    {
      "type": "tags",
      "name": "t:sections.main-product.blocks.tags.name",
      "limit": 1
    },
    {
      "type": "text_with_icon",
      "name": "t:sections.main-product.blocks.text_with_icon.name",
      "settings": [
        {
          "type": "select",
          "id": "icon",
          "options": [
            {
              "value": "none",
              "label": "t:sections.all.icon_pack.options__1.label"
            },
            {
              "value": "alert",
              "label": "t:sections.all.icon_pack.options__2.label"
            },
            {
              "value": "alert_2",
              "label": "t:sections.all.icon_pack.options__100.label"
            },
            {
              "value": "bag",
              "label": "t:sections.all.icon_pack.options__3.label"
            },
            {
              "value": "bell",
              "label": "t:sections.all.icon_pack.options__4.label"
            },
            {
              "value": "book",
              "label": "t:sections.all.icon_pack.options__5.label"
            },
            {
              "value": "bottle_1",
              "label": "t:sections.all.icon_pack.options__6.label"
            },
            {
              "value": "bottle_2",
              "label": "t:sections.all.icon_pack.options__7.label"
            },
            {
              "value": "box",
              "label": "t:sections.all.icon_pack.options__8.label"
            },
            {
              "value": "brush_1",
              "label": "t:sections.all.icon_pack.options__9.label"
            },
            {
              "value": "brush_2",
              "label": "t:sections.all.icon_pack.options__10.label"
            },
            {
              "value": "calendar",
              "label": "t:sections.all.icon_pack.options__11.label"
            },
            {
              "value": "card",
              "label": "t:sections.all.icon_pack.options__12.label"
            },
            {
              "value": "card_2",
              "label": "t:sections.all.icon_pack.options__98.label"
            },
            {
              "value": "carrot",
              "label": "t:sections.all.icon_pack.options__13.label"
            },
            {
              "value": "chat_bubble_1",
              "label": "t:sections.all.icon_pack.options__14.label"
            },
            {
              "value": "chat_bubble_2",
              "label": "t:sections.all.icon_pack.options__15.label"
            },
            {
              "value": "chat_bubble_3",
              "label": "t:sections.all.icon_pack.options__16.label"
            },
            {
              "value": "chat_bubble_4",
              "label": "t:sections.all.icon_pack.options__17.label"
            },
            {
              "value": "chat_bubble_5",
              "label": "t:sections.all.icon_pack.options__18.label"
            },
            {
              "value": "check_mark_1",
              "label": "t:sections.all.icon_pack.options__19.label"
            },
            {
              "value": "check_mark_2",
              "label": "t:sections.all.icon_pack.options__20.label"
            },
            {
              "value": "check_mark_3",
              "label": "t:sections.all.icon_pack.options__21.label"
            },
            {
              "value": "check_mark_4",
              "label": "t:sections.all.icon_pack.options__94.label"
            },
            {
              "value": "check_mark_5",
              "label": "t:sections.all.icon_pack.options__99.label"
            },
            {
              "value": "clipboard_1",
              "label": "t:sections.all.icon_pack.options__22.label"
            },
            {
              "value": "clipboard_2",
              "label": "t:sections.all.icon_pack.options__23.label"
            },
            {
              "value": "clock",
              "label": "t:sections.all.icon_pack.options__24.label"
            },
            {
              "value": "close",
              "label": "t:sections.all.icon_pack.options__25.label"
            },
            {
              "value": "dryer",
              "label": "t:sections.all.icon_pack.options__26.label"
            },
            {
              "value": "earth",
              "label": "t:sections.all.icon_pack.options__92.label"
            },
            {
              "value": "facebook",
              "label": "t:sections.all.icon_pack.options__29.label"
            },
            {
              "value": "file",
              "label": "t:sections.all.icon_pack.options__30.label"
            },
            {
              "value": "filter",
              "label": "t:sections.all.icon_pack.options__31.label"
            },
            {
              "value": "fire",
              "label": "t:sections.all.icon_pack.options__32.label"
            },
            {
              "value": "gift",
              "label": "t:sections.all.icon_pack.options__33.label"
            },
            {
              "value": "gluten_free",
              "label": "t:sections.all.icon_pack.options__34.label"
            },
            {
              "value": "hand",
              "label": "t:sections.all.icon_pack.options__35.label"
            },
            {
              "value": "hanger",
              "label": "t:sections.all.icon_pack.options__36.label"
            },
            {
              "value": "hanger_2",
              "label": "t:sections.all.icon_pack.options__97.label"
            },
            {
              "value": "heart",
              "label": "t:sections.all.icon_pack.options__37.label"
            },
            {
              "value": "home",
              "label": "t:sections.all.icon_pack.options__38.label"
            },
            {
              "value": "instagram",
              "label": "t:sections.all.icon_pack.options__39.label"
            },
            {
              "value": "laptop",
              "label": "t:sections.all.icon_pack.options__40.label"
            },
            {
              "value": "leaf_1",
              "label": "t:sections.all.icon_pack.options__41.label"
            },
            {
              "value": "leaf_2",
              "label": "t:sections.all.icon_pack.options__42.label"
            },
            {
              "value": "leaf_3",
              "label": "t:sections.all.icon_pack.options__96.label"
            },
            {
              "value": "lightning_bolt",
              "label": "t:sections.all.icon_pack.options__43.label"
            },
            {
              "value": "link",
              "label": "t:sections.all.icon_pack.options__44.label"
            },
            {
              "value": "lock",
              "label": "t:sections.all.icon_pack.options__45.label"
            },
            {
              "value": "lock_2",
              "label": "t:sections.all.icon_pack.options__95.label"
            },
            {
              "value": "logout",
              "label": "t:sections.all.icon_pack.options__46.label"
            },
            {
              "value": "magic",
              "label": "t:sections.all.icon_pack.options__47.label"
            },
            {
              "value": "map_pin",
              "label": "t:sections.all.icon_pack.options__48.label"
            },
            {
              "value": "moon",
              "label": "t:sections.all.icon_pack.options__49.label"
            },
            {
              "value": "mute",
              "label": "t:sections.all.icon_pack.options__50.label"
            },
            {
              "value": "notification_box",
              "label": "t:sections.all.icon_pack.options__51.label"
            },
            {
              "value": "pants",
              "label": "t:sections.all.icon_pack.options__52.label"
            },
            {
              "value": "paw_print",
              "label": "t:sections.all.icon_pack.options__53.label"
            },
            {
              "value": "paypal",
              "label": "t:sections.all.icon_pack.options__54.label"
            },
            {
              "value": "pepper",
              "label": "t:sections.all.icon_pack.options__55.label"
            },
            {
              "value": "pinterest",
              "label": "t:sections.all.icon_pack.options__56.label"
            },
            {
              "value": "plane",
              "label": "t:sections.all.icon_pack.options__57.label"
            },
            {
              "value": "plant_1",
              "label": "t:sections.all.icon_pack.options__58.label"
            },
            {
              "value": "plant_2",
              "label": "t:sections.all.icon_pack.options__59.label"
            },
            {
              "value": "plant_3",
              "label": "t:sections.all.icon_pack.options__60.label"
            },
            {
              "value": "play",
              "label": "t:sections.all.icon_pack.options__61.label"
            },
            {
              "value": "price_tag",
              "label": "t:sections.all.icon_pack.options__62.label"
            },
            {
              "value": "question_mark_1",
              "label": "t:sections.all.icon_pack.options__63.label"
            },
            {
              "value": "question_mark_2",
              "label": "t:sections.all.icon_pack.options__64.label"
            },
            {
              "value": "recycle",
              "label": "t:sections.all.icon_pack.options__65.label"
            },
            {
              "value": "return",
              "label": "t:sections.all.icon_pack.options__66.label"
            },
            {
              "value": "return_2",
              "label": "t:sections.all.icon_pack.options__93.label"
            },
            {
              "value": "ruler",
              "label": "t:sections.all.icon_pack.options__67.label"
            },
            {
              "value": "search",
              "label": "t:sections.all.icon_pack.options__68.label"
            },
            {
              "value": "serving_dish",
              "label": "t:sections.all.icon_pack.options__69.label"
            },
            {
              "value": "shirt",
              "label": "t:sections.all.icon_pack.options__70.label"
            },
            {
              "value": "shoe_1",
              "label": "t:sections.all.icon_pack.options__71.label"
            },
            {
              "value": "shoe_2",
              "label": "t:sections.all.icon_pack.options__72.label"
            },
            {
              "value": "shoe_3",
              "label": "t:sections.all.icon_pack.options__73.label"
            },
            {
              "value": "silhouette",
              "label": "t:sections.all.icon_pack.options__74.label"
            },
            {
              "value": "snapchat",
              "label": "t:sections.all.icon_pack.options__75.label"
            },
            {
              "value": "snowflake",
              "label": "t:sections.all.icon_pack.options__76.label"
            },
            {
              "value": "star",
              "label": "t:sections.all.icon_pack.options__77.label"
            },
            {
              "value": "stopwatch_1",
              "label": "t:sections.all.icon_pack.options__78.label"
            },
            {
              "value": "stopwatch_2",
              "label": "t:sections.all.icon_pack.options__79.label"
            },
            {
              "value": "sun",
              "label": "t:sections.all.icon_pack.options__80.label"
            },
            {
              "value": "tik_tok",
              "label": "t:sections.all.icon_pack.options__81.label"
            },
            {
              "value": "trash",
              "label": "t:sections.all.icon_pack.options__82.label"
            },
            {
              "value": "truck",
              "label": "t:sections.all.icon_pack.options__83.label"
            },
            {
              "value": "tumblr",
              "label": "t:sections.all.icon_pack.options__84.label"
            },
            {
              "value": "twitter",
              "label": "t:sections.all.icon_pack.options__85.label"
            },
            {
              "value": "unmute",
              "label": "t:sections.all.icon_pack.options__86.label"
            },
            {
              "value": "user",
              "label": "t:sections.all.icon_pack.options__87.label"
            },
            {
              "value": "users",
              "label": "t:sections.all.icon_pack.options__88.label"
            },
            {
              "value": "vimeo",
              "label": "t:sections.all.icon_pack.options__89.label"
            },
            {
              "value": "washing",
              "label": "t:sections.all.icon_pack.options__90.label"
            },
            {
              "value": "youtube",
              "label": "t:sections.all.icon_pack.options__91.label"
            }
          ],
          "default": "none",
          "label": "t:sections.all.icon_pack.label"
        },
        {
          "type": "text",
          "id": "text",
          "default": "Some text",
          "label": "t:sections.main-product.blocks.text.settings.text.label"
        }
      ]
    },
    {
      "type": "share",
      "name": "t:sections.main-product.blocks.share.name",
      "limit": 1,
      "settings": [
        {
          "type": "checkbox",
          "id": "show_share_facebook",
          "default": true,
          "label": "t:sections.main-product.blocks.share.settings.show_share_facebook.label"
        },
        {
          "type": "checkbox",
          "id": "show_share_twitter",
          "default": true,
          "label": "t:sections.main-product.blocks.share.settings.show_share_twitter.label"
        },
        {
          "type": "checkbox",
          "id": "show_share_pinterest",
          "default": true,
          "label": "t:sections.main-product.blocks.share.settings.show_share_pinterest.label"
        },
        {
          "type": "checkbox",
          "id": "show_share_copy",
          "default": true,
          "label": "t:sections.main-product.blocks.share.settings.show_share_copy.label"
        }
      ]
    },
    {
      "type": "complementary",
      "name": "t:sections.main-product.blocks.complementary_products.name",
      "limit": 1,
      "settings": [
        {
          "type": "paragraph",
          "content": "t:sections.main-product.blocks.complementary_products.settings.paragraph.content"
        },
        {
          "id": "heading_complementary",
          "type": "textarea",
          "default": "Some heading",
          "label": "t:sections.main-product.blocks.complementary_products.settings.heading.label"
        },
        {
          "type": "range",
          "id": "product_list_limit",
          "min": 1,
          "max": 10,
          "step": 1,
          "default": 1,
          "label": "t:sections.main-product.blocks.complementary_products.settings.product_list_limit.label"
        },
        {
          "type": "header",
          "content": "t:sections.main-product.blocks.complementary_products.settings.header__1.content"
        },
        {
          "type": "select",
          "id": "image_ratio",
          "options": [
            {
              "value": "landscape",
              "label": "t:sections.all.card.image_ratio.options__1.label"
            },
            {
              "value": "portrait",
              "label": "t:sections.all.card.image_ratio.options__2.label"
            },
            {
              "value": "square",
              "label": "t:sections.all.card.image_ratio.options__3.label"
            }
          ],
          "default": "portrait",
          "label": "t:sections.all.card.image_ratio.label"
        },
        {
          "type": "select",
          "id": "card_image_fit",
          "label": "t:sections.all.card.image_fit.label",
          "options": [
            {
              "value": "contain",
              "label": "t:sections.all.card.image_fit.options__1.label"
            },
            {
              "value": "cover",
              "label": "t:sections.all.card.image_fit.options__2.label"
            }
          ],
          "default": "cover"
        },
        {
          "type": "checkbox",
          "id": "show_vendor",
          "default": false,
          "label": "t:sections.all.card.show_vendor.label"
        }
      ]
    },
    {
      "type": "custom_liquid",
      "name": "t:sections.main-product.blocks.custom_liquid.name",
      "settings": [
        {
          "type": "liquid",
          "id": "custom_liquid",
          "label": "t:sections.main-product.blocks.custom_liquid.settings.custom_liquid.label",
          "info": "t:sections.main-product.blocks.custom_liquid.settings.custom_liquid.info"
        }
      ]
    },
    {
			"type": "sku",
			"name": "t:sections.main-product.blocks.sku.name",
			"limit": 1
		},
    {
      "type": "shipping",
      "name": "t:sections.main-product.blocks.shipping_status.name",
      "settings": [
        {
          "type": "select",
          "id": "icon",
          "options": [
            {
              "value": "none",
              "label": "t:sections.all.icon_pack.options__1.label"
            },
            {
              "value": "alert",
              "label": "t:sections.all.icon_pack.options__2.label"
            },
            {
              "value": "alert_2",
              "label": "t:sections.all.icon_pack.options__100.label"
            },
            {
              "value": "bag",
              "label": "t:sections.all.icon_pack.options__3.label"
            },
            {
              "value": "bell",
              "label": "t:sections.all.icon_pack.options__4.label"
            },
            {
              "value": "book",
              "label": "t:sections.all.icon_pack.options__5.label"
            },
            {
              "value": "bottle_1",
              "label": "t:sections.all.icon_pack.options__6.label"
            },
            {
              "value": "bottle_2",
              "label": "t:sections.all.icon_pack.options__7.label"
            },
            {
              "value": "box",
              "label": "t:sections.all.icon_pack.options__8.label"
            },
            {
              "value": "brush_1",
              "label": "t:sections.all.icon_pack.options__9.label"
            },
            {
              "value": "brush_2",
              "label": "t:sections.all.icon_pack.options__10.label"
            },
            {
              "value": "calendar",
              "label": "t:sections.all.icon_pack.options__11.label"
            },
            {
              "value": "card",
              "label": "t:sections.all.icon_pack.options__12.label"
            },
            {
              "value": "card_2",
              "label": "t:sections.all.icon_pack.options__98.label"
            },
            {
              "value": "carrot",
              "label": "t:sections.all.icon_pack.options__13.label"
            },
            {
              "value": "chat_bubble_1",
              "label": "t:sections.all.icon_pack.options__14.label"
            },
            {
              "value": "chat_bubble_2",
              "label": "t:sections.all.icon_pack.options__15.label"
            },
            {
              "value": "chat_bubble_3",
              "label": "t:sections.all.icon_pack.options__16.label"
            },
            {
              "value": "chat_bubble_4",
              "label": "t:sections.all.icon_pack.options__17.label"
            },
            {
              "value": "chat_bubble_5",
              "label": "t:sections.all.icon_pack.options__18.label"
            },
            {
              "value": "check_mark_1",
              "label": "t:sections.all.icon_pack.options__19.label"
            },
            {
              "value": "check_mark_2",
              "label": "t:sections.all.icon_pack.options__20.label"
            },
            {
              "value": "check_mark_3",
              "label": "t:sections.all.icon_pack.options__21.label"
            },
            {
              "value": "check_mark_4",
              "label": "t:sections.all.icon_pack.options__94.label"
            },
            {
              "value": "check_mark_5",
              "label": "t:sections.all.icon_pack.options__99.label"
            },
            {
              "value": "clipboard_1",
              "label": "t:sections.all.icon_pack.options__22.label"
            },
            {
              "value": "clipboard_2",
              "label": "t:sections.all.icon_pack.options__23.label"
            },
            {
              "value": "clock",
              "label": "t:sections.all.icon_pack.options__24.label"
            },
            {
              "value": "close",
              "label": "t:sections.all.icon_pack.options__25.label"
            },
            {
              "value": "dryer",
              "label": "t:sections.all.icon_pack.options__26.label"
            },
            {
              "value": "earth",
              "label": "t:sections.all.icon_pack.options__92.label"
            },
            {
              "value": "facebook",
              "label": "t:sections.all.icon_pack.options__29.label"
            },
            {
              "value": "file",
              "label": "t:sections.all.icon_pack.options__30.label"
            },
            {
              "value": "filter",
              "label": "t:sections.all.icon_pack.options__31.label"
            },
            {
              "value": "fire",
              "label": "t:sections.all.icon_pack.options__32.label"
            },
            {
              "value": "gift",
              "label": "t:sections.all.icon_pack.options__33.label"
            },
            {
              "value": "gluten_free",
              "label": "t:sections.all.icon_pack.options__34.label"
            },
            {
              "value": "hand",
              "label": "t:sections.all.icon_pack.options__35.label"
            },
            {
              "value": "hanger",
              "label": "t:sections.all.icon_pack.options__36.label"
            },
            {
              "value": "hanger_2",
              "label": "t:sections.all.icon_pack.options__97.label"
            },
            {
              "value": "heart",
              "label": "t:sections.all.icon_pack.options__37.label"
            },
            {
              "value": "home",
              "label": "t:sections.all.icon_pack.options__38.label"
            },
            {
              "value": "instagram",
              "label": "t:sections.all.icon_pack.options__39.label"
            },
            {
              "value": "laptop",
              "label": "t:sections.all.icon_pack.options__40.label"
            },
            {
              "value": "leaf_1",
              "label": "t:sections.all.icon_pack.options__41.label"
            },
            {
              "value": "leaf_2",
              "label": "t:sections.all.icon_pack.options__42.label"
            },
            {
              "value": "leaf_3",
              "label": "t:sections.all.icon_pack.options__96.label"
            },
            {
              "value": "lightning_bolt",
              "label": "t:sections.all.icon_pack.options__43.label"
            },
            {
              "value": "link",
              "label": "t:sections.all.icon_pack.options__44.label"
            },
            {
              "value": "lock",
              "label": "t:sections.all.icon_pack.options__45.label"
            },
            {
              "value": "lock_2",
              "label": "t:sections.all.icon_pack.options__95.label"
            },
            {
              "value": "logout",
              "label": "t:sections.all.icon_pack.options__46.label"
            },
            {
              "value": "magic",
              "label": "t:sections.all.icon_pack.options__47.label"
            },
            {
              "value": "map_pin",
              "label": "t:sections.all.icon_pack.options__48.label"
            },
            {
              "value": "moon",
              "label": "t:sections.all.icon_pack.options__49.label"
            },
            {
              "value": "mute",
              "label": "t:sections.all.icon_pack.options__50.label"
            },
            {
              "value": "notification_box",
              "label": "t:sections.all.icon_pack.options__51.label"
            },
            {
              "value": "pants",
              "label": "t:sections.all.icon_pack.options__52.label"
            },
            {
              "value": "paw_print",
              "label": "t:sections.all.icon_pack.options__53.label"
            },
            {
              "value": "paypal",
              "label": "t:sections.all.icon_pack.options__54.label"
            },
            {
              "value": "pepper",
              "label": "t:sections.all.icon_pack.options__55.label"
            },
            {
              "value": "pinterest",
              "label": "t:sections.all.icon_pack.options__56.label"
            },
            {
              "value": "plane",
              "label": "t:sections.all.icon_pack.options__57.label"
            },
            {
              "value": "plant_1",
              "label": "t:sections.all.icon_pack.options__58.label"
            },
            {
              "value": "plant_2",
              "label": "t:sections.all.icon_pack.options__59.label"
            },
            {
              "value": "plant_3",
              "label": "t:sections.all.icon_pack.options__60.label"
            },
            {
              "value": "play",
              "label": "t:sections.all.icon_pack.options__61.label"
            },
            {
              "value": "price_tag",
              "label": "t:sections.all.icon_pack.options__62.label"
            },
            {
              "value": "question_mark_1",
              "label": "t:sections.all.icon_pack.options__63.label"
            },
            {
              "value": "question_mark_2",
              "label": "t:sections.all.icon_pack.options__64.label"
            },
            {
              "value": "recycle",
              "label": "t:sections.all.icon_pack.options__65.label"
            },
            {
              "value": "return",
              "label": "t:sections.all.icon_pack.options__66.label"
            },
            {
              "value": "return_2",
              "label": "t:sections.all.icon_pack.options__93.label"
            },
            {
              "value": "ruler",
              "label": "t:sections.all.icon_pack.options__67.label"
            },
            {
              "value": "search",
              "label": "t:sections.all.icon_pack.options__68.label"
            },
            {
              "value": "serving_dish",
              "label": "t:sections.all.icon_pack.options__69.label"
            },
            {
              "value": "shirt",
              "label": "t:sections.all.icon_pack.options__70.label"
            },
            {
              "value": "shoe_1",
              "label": "t:sections.all.icon_pack.options__71.label"
            },
            {
              "value": "shoe_2",
              "label": "t:sections.all.icon_pack.options__72.label"
            },
            {
              "value": "shoe_3",
              "label": "t:sections.all.icon_pack.options__73.label"
            },
            {
              "value": "silhouette",
              "label": "t:sections.all.icon_pack.options__74.label"
            },
            {
              "value": "snapchat",
              "label": "t:sections.all.icon_pack.options__75.label"
            },
            {
              "value": "snowflake",
              "label": "t:sections.all.icon_pack.options__76.label"
            },
            {
              "value": "star",
              "label": "t:sections.all.icon_pack.options__77.label"
            },
            {
              "value": "stopwatch_1",
              "label": "t:sections.all.icon_pack.options__78.label"
            },
            {
              "value": "stopwatch_2",
              "label": "t:sections.all.icon_pack.options__79.label"
            },
            {
              "value": "sun",
              "label": "t:sections.all.icon_pack.options__80.label"
            },
            {
              "value": "tik_tok",
              "label": "t:sections.all.icon_pack.options__81.label"
            },
            {
              "value": "trash",
              "label": "t:sections.all.icon_pack.options__82.label"
            },
            {
              "value": "truck",
              "label": "t:sections.all.icon_pack.options__83.label"
            },
            {
              "value": "tumblr",
              "label": "t:sections.all.icon_pack.options__84.label"
            },
            {
              "value": "twitter",
              "label": "t:sections.all.icon_pack.options__85.label"
            },
            {
              "value": "unmute",
              "label": "t:sections.all.icon_pack.options__86.label"
            },
            {
              "value": "user",
              "label": "t:sections.all.icon_pack.options__87.label"
            },
            {
              "value": "users",
              "label": "t:sections.all.icon_pack.options__88.label"
            },
            {
              "value": "vimeo",
              "label": "t:sections.all.icon_pack.options__89.label"
            },
            {
              "value": "washing",
              "label": "t:sections.all.icon_pack.options__90.label"
            },
            {
              "value": "youtube",
              "label": "t:sections.all.icon_pack.options__91.label"
            }
          ],
          "default": "none",
          "label": "t:sections.all.icon_pack.label"
        },
        {
          "type": "image_picker",
          "id": "image",
          "label": "t:sections.main-product.blocks.advantage.settings.image.label"
        },
        {
          "type": "image_picker",
          "id": "image_dark",
          "label": "t:sections.main-product.blocks.advantage.settings.image_dark.label"
        },
        {
          "type": "text",
          "id": "button_label",
          "default": "Read More",
          "label": "t:sections.all.button.button_label.label"
        },
        {
          "id": "heading",
          "type": "text",
          "default": "Heading",
          "label": "t:sections.all.heading.label"
        },
        {
          "id": "popup_heading",
          "type": "inline_richtext",
          "default": "Popup Title",
          "label": "t:sections.all.heading.label"
        },
        {
          "id": "popup_text",
          "type": "richtext",
          "default": "<p>Popup description</p>",
          "label": "t:sections.all.text.label"
        }
      ]
    },
    {
      "type": "advantage",
      "name": "t:sections.main-product.blocks.advantage.name",
      "limit": 5,
      "settings": [
        {
          "id": "heading",
          "type": "text",
          "default": "Heading",
          "label": "t:sections.all.heading.label"
        },
        {
          "id": "text",
          "type": "richtext",
          "default": "<p>Description</p>",
          "label": "t:sections.main-product.blocks.advantage.settings.text.label",
          "info": "t:sections.main-product.blocks.advantage.settings.text.info"
        },
        {
          "type": "header",
          "content": "t:sections.main-product.blocks.text.settings.icon_with_text_content.content"
        },
        {
          "type": "select",
          "id": "about_tab_icon",
          "options": [
            {
              "value": "none",
              "label": "t:sections.all.icon_pack.options__1.label"
            },
            {
              "value": "alert",
              "label": "t:sections.all.icon_pack.options__2.label"
            },
            {
              "value": "alert_2",
              "label": "t:sections.all.icon_pack.options__100.label"
            },
            {
              "value": "bag",
              "label": "t:sections.all.icon_pack.options__3.label"
            },
            {
              "value": "bell",
              "label": "t:sections.all.icon_pack.options__4.label"
            },
            {
              "value": "book",
              "label": "t:sections.all.icon_pack.options__5.label"
            },
            {
              "value": "bottle_1",
              "label": "t:sections.all.icon_pack.options__6.label"
            },
            {
              "value": "bottle_2",
              "label": "t:sections.all.icon_pack.options__7.label"
            },
            {
              "value": "box",
              "label": "t:sections.all.icon_pack.options__8.label"
            },
            {
              "value": "brush_1",
              "label": "t:sections.all.icon_pack.options__9.label"
            },
            {
              "value": "brush_2",
              "label": "t:sections.all.icon_pack.options__10.label"
            },
            {
              "value": "calendar",
              "label": "t:sections.all.icon_pack.options__11.label"
            },
            {
              "value": "card",
              "label": "t:sections.all.icon_pack.options__12.label"
            },
            {
              "value": "card_2",
              "label": "t:sections.all.icon_pack.options__98.label"
            },
            {
              "value": "carrot",
              "label": "t:sections.all.icon_pack.options__13.label"
            },
            {
              "value": "chat_bubble_1",
              "label": "t:sections.all.icon_pack.options__14.label"
            },
            {
              "value": "chat_bubble_2",
              "label": "t:sections.all.icon_pack.options__15.label"
            },
            {
              "value": "chat_bubble_3",
              "label": "t:sections.all.icon_pack.options__16.label"
            },
            {
              "value": "chat_bubble_4",
              "label": "t:sections.all.icon_pack.options__17.label"
            },
            {
              "value": "chat_bubble_5",
              "label": "t:sections.all.icon_pack.options__18.label"
            },
            {
              "value": "check_mark_1",
              "label": "t:sections.all.icon_pack.options__19.label"
            },
            {
              "value": "check_mark_2",
              "label": "t:sections.all.icon_pack.options__20.label"
            },
            {
              "value": "check_mark_3",
              "label": "t:sections.all.icon_pack.options__21.label"
            },
            {
              "value": "check_mark_4",
              "label": "t:sections.all.icon_pack.options__94.label"
            },
            {
              "value": "check_mark_5",
              "label": "t:sections.all.icon_pack.options__99.label"
            },
            {
              "value": "clipboard_1",
              "label": "t:sections.all.icon_pack.options__22.label"
            },
            {
              "value": "clipboard_2",
              "label": "t:sections.all.icon_pack.options__23.label"
            },
            {
              "value": "clock",
              "label": "t:sections.all.icon_pack.options__24.label"
            },
            {
              "value": "close",
              "label": "t:sections.all.icon_pack.options__25.label"
            },
            {
              "value": "dryer",
              "label": "t:sections.all.icon_pack.options__26.label"
            },
            {
              "value": "earth",
              "label": "t:sections.all.icon_pack.options__92.label"
            },
            {
              "value": "facebook",
              "label": "t:sections.all.icon_pack.options__29.label"
            },
            {
              "value": "file",
              "label": "t:sections.all.icon_pack.options__30.label"
            },
            {
              "value": "filter",
              "label": "t:sections.all.icon_pack.options__31.label"
            },
            {
              "value": "fire",
              "label": "t:sections.all.icon_pack.options__32.label"
            },
            {
              "value": "gift",
              "label": "t:sections.all.icon_pack.options__33.label"
            },
            {
              "value": "gluten_free",
              "label": "t:sections.all.icon_pack.options__34.label"
            },
            {
              "value": "hand",
              "label": "t:sections.all.icon_pack.options__35.label"
            },
            {
              "value": "hanger",
              "label": "t:sections.all.icon_pack.options__36.label"
            },
            {
              "value": "hanger_2",
              "label": "t:sections.all.icon_pack.options__97.label"
            },
            {
              "value": "heart",
              "label": "t:sections.all.icon_pack.options__37.label"
            },
            {
              "value": "home",
              "label": "t:sections.all.icon_pack.options__38.label"
            },
            {
              "value": "instagram",
              "label": "t:sections.all.icon_pack.options__39.label"
            },
            {
              "value": "laptop",
              "label": "t:sections.all.icon_pack.options__40.label"
            },
            {
              "value": "leaf_1",
              "label": "t:sections.all.icon_pack.options__41.label"
            },
            {
              "value": "leaf_2",
              "label": "t:sections.all.icon_pack.options__42.label"
            },
            {
              "value": "leaf_3",
              "label": "t:sections.all.icon_pack.options__96.label"
            },
            {
              "value": "lightning_bolt",
              "label": "t:sections.all.icon_pack.options__43.label"
            },
            {
              "value": "link",
              "label": "t:sections.all.icon_pack.options__44.label"
            },
            {
              "value": "lock",
              "label": "t:sections.all.icon_pack.options__45.label"
            },
            {
              "value": "lock_2",
              "label": "t:sections.all.icon_pack.options__95.label"
            },
            {
              "value": "logout",
              "label": "t:sections.all.icon_pack.options__46.label"
            },
            {
              "value": "magic",
              "label": "t:sections.all.icon_pack.options__47.label"
            },
            {
              "value": "map_pin",
              "label": "t:sections.all.icon_pack.options__48.label"
            },
            {
              "value": "moon",
              "label": "t:sections.all.icon_pack.options__49.label"
            },
            {
              "value": "mute",
              "label": "t:sections.all.icon_pack.options__50.label"
            },
            {
              "value": "notification_box",
              "label": "t:sections.all.icon_pack.options__51.label"
            },
            {
              "value": "pants",
              "label": "t:sections.all.icon_pack.options__52.label"
            },
            {
              "value": "paw_print",
              "label": "t:sections.all.icon_pack.options__53.label"
            },
            {
              "value": "paypal",
              "label": "t:sections.all.icon_pack.options__54.label"
            },
            {
              "value": "pepper",
              "label": "t:sections.all.icon_pack.options__55.label"
            },
            {
              "value": "pinterest",
              "label": "t:sections.all.icon_pack.options__56.label"
            },
            {
              "value": "plane",
              "label": "t:sections.all.icon_pack.options__57.label"
            },
            {
              "value": "plant_1",
              "label": "t:sections.all.icon_pack.options__58.label"
            },
            {
              "value": "plant_2",
              "label": "t:sections.all.icon_pack.options__59.label"
            },
            {
              "value": "plant_3",
              "label": "t:sections.all.icon_pack.options__60.label"
            },
            {
              "value": "play",
              "label": "t:sections.all.icon_pack.options__61.label"
            },
            {
              "value": "price_tag",
              "label": "t:sections.all.icon_pack.options__62.label"
            },
            {
              "value": "question_mark_1",
              "label": "t:sections.all.icon_pack.options__63.label"
            },
            {
              "value": "question_mark_2",
              "label": "t:sections.all.icon_pack.options__64.label"
            },
            {
              "value": "recycle",
              "label": "t:sections.all.icon_pack.options__65.label"
            },
            {
              "value": "return",
              "label": "t:sections.all.icon_pack.options__66.label"
            },
            {
              "value": "return_2",
              "label": "t:sections.all.icon_pack.options__93.label"
            },
            {
              "value": "ruler",
              "label": "t:sections.all.icon_pack.options__67.label"
            },
            {
              "value": "search",
              "label": "t:sections.all.icon_pack.options__68.label"
            },
            {
              "value": "serving_dish",
              "label": "t:sections.all.icon_pack.options__69.label"
            },
            {
              "value": "shirt",
              "label": "t:sections.all.icon_pack.options__70.label"
            },
            {
              "value": "shoe_1",
              "label": "t:sections.all.icon_pack.options__71.label"
            },
            {
              "value": "shoe_2",
              "label": "t:sections.all.icon_pack.options__72.label"
            },
            {
              "value": "shoe_3",
              "label": "t:sections.all.icon_pack.options__73.label"
            },
            {
              "value": "silhouette",
              "label": "t:sections.all.icon_pack.options__74.label"
            },
            {
              "value": "snapchat",
              "label": "t:sections.all.icon_pack.options__75.label"
            },
            {
              "value": "snowflake",
              "label": "t:sections.all.icon_pack.options__76.label"
            },
            {
              "value": "star",
              "label": "t:sections.all.icon_pack.options__77.label"
            },
            {
              "value": "stopwatch_1",
              "label": "t:sections.all.icon_pack.options__78.label"
            },
            {
              "value": "stopwatch_2",
              "label": "t:sections.all.icon_pack.options__79.label"
            },
            {
              "value": "sun",
              "label": "t:sections.all.icon_pack.options__80.label"
            },
            {
              "value": "tik_tok",
              "label": "t:sections.all.icon_pack.options__81.label"
            },
            {
              "value": "trash",
              "label": "t:sections.all.icon_pack.options__82.label"
            },
            {
              "value": "truck",
              "label": "t:sections.all.icon_pack.options__83.label"
            },
            {
              "value": "tumblr",
              "label": "t:sections.all.icon_pack.options__84.label"
            },
            {
              "value": "twitter",
              "label": "t:sections.all.icon_pack.options__85.label"
            },
            {
              "value": "unmute",
              "label": "t:sections.all.icon_pack.options__86.label"
            },
            {
              "value": "user",
              "label": "t:sections.all.icon_pack.options__87.label"
            },
            {
              "value": "users",
              "label": "t:sections.all.icon_pack.options__88.label"
            },
            {
              "value": "vimeo",
              "label": "t:sections.all.icon_pack.options__89.label"
            },
            {
              "value": "washing",
              "label": "t:sections.all.icon_pack.options__90.label"
            },
            {
              "value": "youtube",
              "label": "t:sections.all.icon_pack.options__91.label"
            }
          ],
          "default": "none",
          "label": "t:sections.all.icon_pack.label"
        },
        {
          "type": "text",
          "id": "about_tab_text",
          "default": "Some text",
          "label": "t:sections.main-product.blocks.text.settings.text.label"
        },
        {
          "type": "header",
          "content": "t:sections.main-product.blocks.text.settings.icon_with_text_content_second.content"
        },
        {
          "type": "select",
          "id": "about_tab_icon_second",
          "options": [
            {
              "value": "none",
              "label": "t:sections.all.icon_pack.options__1.label"
            },
            {
              "value": "alert",
              "label": "t:sections.all.icon_pack.options__2.label"
            },
            {
              "value": "alert_2",
              "label": "t:sections.all.icon_pack.options__100.label"
            },
            {
              "value": "bag",
              "label": "t:sections.all.icon_pack.options__3.label"
            },
            {
              "value": "bell",
              "label": "t:sections.all.icon_pack.options__4.label"
            },
            {
              "value": "book",
              "label": "t:sections.all.icon_pack.options__5.label"
            },
            {
              "value": "bottle_1",
              "label": "t:sections.all.icon_pack.options__6.label"
            },
            {
              "value": "bottle_2",
              "label": "t:sections.all.icon_pack.options__7.label"
            },
            {
              "value": "box",
              "label": "t:sections.all.icon_pack.options__8.label"
            },
            {
              "value": "brush_1",
              "label": "t:sections.all.icon_pack.options__9.label"
            },
            {
              "value": "brush_2",
              "label": "t:sections.all.icon_pack.options__10.label"
            },
            {
              "value": "calendar",
              "label": "t:sections.all.icon_pack.options__11.label"
            },
            {
              "value": "card",
              "label": "t:sections.all.icon_pack.options__12.label"
            },
            {
              "value": "card_2",
              "label": "t:sections.all.icon_pack.options__98.label"
            },
            {
              "value": "carrot",
              "label": "t:sections.all.icon_pack.options__13.label"
            },
            {
              "value": "chat_bubble_1",
              "label": "t:sections.all.icon_pack.options__14.label"
            },
            {
              "value": "chat_bubble_2",
              "label": "t:sections.all.icon_pack.options__15.label"
            },
            {
              "value": "chat_bubble_3",
              "label": "t:sections.all.icon_pack.options__16.label"
            },
            {
              "value": "chat_bubble_4",
              "label": "t:sections.all.icon_pack.options__17.label"
            },
            {
              "value": "chat_bubble_5",
              "label": "t:sections.all.icon_pack.options__18.label"
            },
            {
              "value": "check_mark_1",
              "label": "t:sections.all.icon_pack.options__19.label"
            },
            {
              "value": "check_mark_2",
              "label": "t:sections.all.icon_pack.options__20.label"
            },
            {
              "value": "check_mark_3",
              "label": "t:sections.all.icon_pack.options__21.label"
            },
            {
              "value": "check_mark_4",
              "label": "t:sections.all.icon_pack.options__94.label"
            },
            {
              "value": "check_mark_5",
              "label": "t:sections.all.icon_pack.options__99.label"
            },
            {
              "value": "clipboard_1",
              "label": "t:sections.all.icon_pack.options__22.label"
            },
            {
              "value": "clipboard_2",
              "label": "t:sections.all.icon_pack.options__23.label"
            },
            {
              "value": "clock",
              "label": "t:sections.all.icon_pack.options__24.label"
            },
            {
              "value": "close",
              "label": "t:sections.all.icon_pack.options__25.label"
            },
            {
              "value": "dryer",
              "label": "t:sections.all.icon_pack.options__26.label"
            },
            {
              "value": "earth",
              "label": "t:sections.all.icon_pack.options__92.label"
            },
            {
              "value": "facebook",
              "label": "t:sections.all.icon_pack.options__29.label"
            },
            {
              "value": "file",
              "label": "t:sections.all.icon_pack.options__30.label"
            },
            {
              "value": "filter",
              "label": "t:sections.all.icon_pack.options__31.label"
            },
            {
              "value": "fire",
              "label": "t:sections.all.icon_pack.options__32.label"
            },
            {
              "value": "gift",
              "label": "t:sections.all.icon_pack.options__33.label"
            },
            {
              "value": "gluten_free",
              "label": "t:sections.all.icon_pack.options__34.label"
            },
            {
              "value": "hand",
              "label": "t:sections.all.icon_pack.options__35.label"
            },
            {
              "value": "hanger",
              "label": "t:sections.all.icon_pack.options__36.label"
            },
            {
              "value": "hanger_2",
              "label": "t:sections.all.icon_pack.options__97.label"
            },
            {
              "value": "heart",
              "label": "t:sections.all.icon_pack.options__37.label"
            },
            {
              "value": "home",
              "label": "t:sections.all.icon_pack.options__38.label"
            },
            {
              "value": "instagram",
              "label": "t:sections.all.icon_pack.options__39.label"
            },
            {
              "value": "laptop",
              "label": "t:sections.all.icon_pack.options__40.label"
            },
            {
              "value": "leaf_1",
              "label": "t:sections.all.icon_pack.options__41.label"
            },
            {
              "value": "leaf_2",
              "label": "t:sections.all.icon_pack.options__42.label"
            },
            {
              "value": "leaf_3",
              "label": "t:sections.all.icon_pack.options__96.label"
            },
            {
              "value": "lightning_bolt",
              "label": "t:sections.all.icon_pack.options__43.label"
            },
            {
              "value": "link",
              "label": "t:sections.all.icon_pack.options__44.label"
            },
            {
              "value": "lock",
              "label": "t:sections.all.icon_pack.options__45.label"
            },
            {
              "value": "lock_2",
              "label": "t:sections.all.icon_pack.options__95.label"
            },
            {
              "value": "logout",
              "label": "t:sections.all.icon_pack.options__46.label"
            },
            {
              "value": "magic",
              "label": "t:sections.all.icon_pack.options__47.label"
            },
            {
              "value": "map_pin",
              "label": "t:sections.all.icon_pack.options__48.label"
            },
            {
              "value": "moon",
              "label": "t:sections.all.icon_pack.options__49.label"
            },
            {
              "value": "mute",
              "label": "t:sections.all.icon_pack.options__50.label"
            },
            {
              "value": "notification_box",
              "label": "t:sections.all.icon_pack.options__51.label"
            },
            {
              "value": "pants",
              "label": "t:sections.all.icon_pack.options__52.label"
            },
            {
              "value": "paw_print",
              "label": "t:sections.all.icon_pack.options__53.label"
            },
            {
              "value": "paypal",
              "label": "t:sections.all.icon_pack.options__54.label"
            },
            {
              "value": "pepper",
              "label": "t:sections.all.icon_pack.options__55.label"
            },
            {
              "value": "pinterest",
              "label": "t:sections.all.icon_pack.options__56.label"
            },
            {
              "value": "plane",
              "label": "t:sections.all.icon_pack.options__57.label"
            },
            {
              "value": "plant_1",
              "label": "t:sections.all.icon_pack.options__58.label"
            },
            {
              "value": "plant_2",
              "label": "t:sections.all.icon_pack.options__59.label"
            },
            {
              "value": "plant_3",
              "label": "t:sections.all.icon_pack.options__60.label"
            },
            {
              "value": "play",
              "label": "t:sections.all.icon_pack.options__61.label"
            },
            {
              "value": "price_tag",
              "label": "t:sections.all.icon_pack.options__62.label"
            },
            {
              "value": "question_mark_1",
              "label": "t:sections.all.icon_pack.options__63.label"
            },
            {
              "value": "question_mark_2",
              "label": "t:sections.all.icon_pack.options__64.label"
            },
            {
              "value": "recycle",
              "label": "t:sections.all.icon_pack.options__65.label"
            },
            {
              "value": "return",
              "label": "t:sections.all.icon_pack.options__66.label"
            },
            {
              "value": "return_2",
              "label": "t:sections.all.icon_pack.options__93.label"
            },
            {
              "value": "ruler",
              "label": "t:sections.all.icon_pack.options__67.label"
            },
            {
              "value": "search",
              "label": "t:sections.all.icon_pack.options__68.label"
            },
            {
              "value": "serving_dish",
              "label": "t:sections.all.icon_pack.options__69.label"
            },
            {
              "value": "shirt",
              "label": "t:sections.all.icon_pack.options__70.label"
            },
            {
              "value": "shoe_1",
              "label": "t:sections.all.icon_pack.options__71.label"
            },
            {
              "value": "shoe_2",
              "label": "t:sections.all.icon_pack.options__72.label"
            },
            {
              "value": "shoe_3",
              "label": "t:sections.all.icon_pack.options__73.label"
            },
            {
              "value": "silhouette",
              "label": "t:sections.all.icon_pack.options__74.label"
            },
            {
              "value": "snapchat",
              "label": "t:sections.all.icon_pack.options__75.label"
            },
            {
              "value": "snowflake",
              "label": "t:sections.all.icon_pack.options__76.label"
            },
            {
              "value": "star",
              "label": "t:sections.all.icon_pack.options__77.label"
            },
            {
              "value": "stopwatch_1",
              "label": "t:sections.all.icon_pack.options__78.label"
            },
            {
              "value": "stopwatch_2",
              "label": "t:sections.all.icon_pack.options__79.label"
            },
            {
              "value": "sun",
              "label": "t:sections.all.icon_pack.options__80.label"
            },
            {
              "value": "tik_tok",
              "label": "t:sections.all.icon_pack.options__81.label"
            },
            {
              "value": "trash",
              "label": "t:sections.all.icon_pack.options__82.label"
            },
            {
              "value": "truck",
              "label": "t:sections.all.icon_pack.options__83.label"
            },
            {
              "value": "tumblr",
              "label": "t:sections.all.icon_pack.options__84.label"
            },
            {
              "value": "twitter",
              "label": "t:sections.all.icon_pack.options__85.label"
            },
            {
              "value": "unmute",
              "label": "t:sections.all.icon_pack.options__86.label"
            },
            {
              "value": "user",
              "label": "t:sections.all.icon_pack.options__87.label"
            },
            {
              "value": "users",
              "label": "t:sections.all.icon_pack.options__88.label"
            },
            {
              "value": "vimeo",
              "label": "t:sections.all.icon_pack.options__89.label"
            },
            {
              "value": "washing",
              "label": "t:sections.all.icon_pack.options__90.label"
            },
            {
              "value": "youtube",
              "label": "t:sections.all.icon_pack.options__91.label"
            }
          ],
          "default": "none",
          "label": "t:sections.all.icon_pack.label"
        },
        {
          "type": "text",
          "id": "about_tab_text_second",
          "default": "Some text",
          "label": "t:sections.main-product.blocks.text.settings.text.label"
        }
      ]
    },
    {
      "type": "rating",
      "name": "t:sections.main-product.blocks.rating.name",
      "limit": 1
    }
  ],
  "settings": [
    {
      "type": "header",
      "content": "t:sections.main-product.settings.header.content",
      "info": "t:sections.main-product.settings.header.info"
    },
    {
      "type": "select",
      "id": "media_display",
      "options": [
        {
          "value": "slider",
          "label": "t:sections.main-product.settings.media_display.options__1.label"
        },
        {
          "value": "collage",
          "label": "t:sections.main-product.settings.media_display.options__2.label"
        }
      ],
      "default": "slider",
      "label": "t:sections.main-product.settings.media_display.label"
    },
    {
      "type": "checkbox",
      "id": "sticky_slider",
      "default": true,
      "label": "t:sections.main-product.settings.sticky_slider.label"
    },
    {
      "type": "select",
      "id": "desktop_alignment",
      "options": [
        {
          "value": "right",
          "label": "t:sections.main-product.settings.desktop_alignment.options__1.label"
        },
        {
          "value": "left",
          "label": "t:sections.main-product.settings.desktop_alignment.options__2.label"
        }
      ],
      "default": "left",
      "label": "t:sections.main-product.settings.desktop_alignment.label"
    },
    {
      "type": "select",
      "id": "image_fit",
      "options": [
        {
          "value": "cover",
          "label": "t:sections.main-product.settings.image_fit.options__1.label"
        },
        {
          "value": "contain",
          "label": "t:sections.main-product.settings.image_fit.options__2.label"
        }
      ],
      "default": "cover",
      "label": "t:sections.main-product.settings.image_fit.label"
    },
    {
      "type": "checkbox",
      "id": "enable_autoheight",
      "default": false,
      "label": "t:sections.main-product.settings.enable_autoheight.label"
    },
    {
      "type": "select",
      "id": "heading_size_description",
      "options": [
        {
          "value": "h3",
          "label": "t:sections.all.heading_size.options__1.label"
        },
        {
          "value": "h2",
          "label": "t:sections.all.heading_size.options__2.label"
        },
        {
          "value": "h1",
          "label": "t:sections.all.heading_size.options__3.label"
        }
      ],
      "default": "h2",
      "label": "t:sections.all.heading_size.label",
      "info": "t:sections.main-product.settings.heading_size.info"
    },
    {
      "type": "header",
      "content": "t:sections.all.section-padding.header.content"
    },
    {
      "type": "select",
      "id": "padding_top",
      "options": [
        {
          "value": "no-indent",
          "label": "t:sections.all.section-padding.options__1.label"
        },
        {
          "value": "xs",
          "label": "t:sections.all.section-padding.options__2.label"
        },
        {
          "value": "s",
          "label": "t:sections.all.section-padding.options__3.label"
        },
        {
          "value": "m",
          "label": "t:sections.all.section-padding.options__4.label"
        },
        {
          "value": "l",
          "label": "t:sections.all.section-padding.options__5.label"
        },
        {
          "value": "xl",
          "label": "t:sections.all.section-padding.options__6.label"
        }
      ],
      "default": "no-indent",
      "label": "t:sections.all.section-padding.padding_top.label"
    },
    {
      "type": "select",
      "id": "padding_bottom",
      "options": [
        {
          "value": "no-indent",
          "label": "t:sections.all.section-padding.options__1.label"
        },
        {
          "value": "xs",
          "label": "t:sections.all.section-padding.options__2.label"
        },
        {
          "value": "s",
          "label": "t:sections.all.section-padding.options__3.label"
        },
        {
          "value": "m",
          "label": "t:sections.all.section-padding.options__4.label"
        },
        {
          "value": "l",
          "label": "t:sections.all.section-padding.options__5.label"
        },
        {
          "value": "xl",
          "label": "t:sections.all.section-padding.options__6.label"
        }
      ],
      "default": "s",
      "label": "t:sections.all.section-padding.padding_bottom.label"
    }
  ]
}
{% endschema %}
