/** Shopify CDN: Minification failed

Line 3270:24 Expected ":"
Line 3312:0 Unexpected "}"

**/
/*
 * QUICK BUY (POPOVER AND DRAWER)
 */

.quick-buy-product {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

[dir="ltr"] .quick-buy-product__image {
  margin-right: 20px;
}

[dir="rtl"] .quick-buy-product__image {
  margin-left: 20px;
}

.quick-buy-product__image {
  width: 65px;
  flex: none;
  align-self: flex-start;
}

@media screen and (max-width: 740px) {
  [dir="ltr"] .quick-buy-product {
    padding-right: 32px;
  }
  [dir="rtl"] .quick-buy-product {
    padding-left: 32px;
  }
  .quick-buy-product {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .popover--quick-buy .product-form {
    padding-left: 24px;
    padding-right: 24px;
  }

  .popover--quick-buy .product-form > :first-child:not(.product-form__buy-buttons) {
    padding-top: 16px;
  }

  .popover--quick-buy .product-form__buy-buttons {
    margin-left: calc(-1 * var(--container-gutter));
    margin-right: calc(-1 * var(--container-gutter));
    padding: 16px;
    padding-bottom: max(16px, env(safe-area-inset-bottom, 0px) + 16px);
  }

  .popover--quick-buy .product-form__buy-buttons:not(:only-child) {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    margin-top: 8px;
    border-top: 1px solid rgb(var(--border-color));
    background: rgb(var(--root-background));
  }

  .popover--quick-buy .product-form__payment-container {
    margin-top: 0;
  }
}

@media screen and (min-width: 741px) {
  .quick-buy-product {
    margin: 32px 0 24px;
  }

  [dir="ltr"] .quick-buy-product__image {
    margin-right: 32px;
  }

  [dir="rtl"] .quick-buy-product__image {
    margin-left: 32px;
  }

  .quick-buy-product__image {
    width: 114px;
  }
}

/*
 * PRODUCT STICKY FORM
 */

[dir="ltr"] .product-sticky-form {
  left: 0;
}

[dir="rtl"] .product-sticky-form {
  right: 0;
}

.product-sticky-form {
  display: block;
  position: fixed;
  bottom: 0;
  padding-bottom: max(24px, env(safe-area-inset-bottom, 0px) + 24px);
  width: 100%;
  z-index: 2;
  transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, visibility 0.25s ease-in-out;
}

.product-sticky-form[hidden] {
  opacity: 0;
  transform: translateY(100%);
  visibility: hidden;
}

@media screen and (max-width: 999px) {
  .product-sticky-form .product-form__add-button {
    width: 100%;
  }
}

@media screen and (min-width: 1000px) {
  .product-sticky-form {
    padding-top: 16px;
    padding-bottom: 16px;
    background: rgb(var(--background));
    border-bottom: 1px solid rgb(var(--border-color));
    top: calc(var(--header-height, 0px) * var(--enable-sticky-header) + var(--announcement-bar-height, 0px) * var(--enable-sticky-announcement-bar));
    bottom: auto;
    box-shadow: 0 6px 5px -5px rgba(var(--border-color), 0.4), 0 1px rgb(var(--border-color)) inset;
    transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, visibility 0.25s ease-in-out;
  }

  .product-sticky-form[hidden] {
    transform: translateY(-100%);
  }

  .product-sticky-form:hover {
    z-index: 4;
  }

  [dir="ltr"] .product-sticky-form__form,[dir="ltr"] 
  .product-sticky-form__variants {
    margin-left: auto;
  }

  [dir="rtl"] .product-sticky-form__form,[dir="rtl"] 
  .product-sticky-form__variants {
    margin-right: auto;
  }

  .product-sticky-form__form,
  .product-sticky-form__variants {
    display: flex;
  }

  .product-sticky-form__content-wrapper,
  .product-sticky-form__inner {
    display: flex;
    align-items: center;
  }

  [dir="ltr"] .product-sticky-form__image-wrapper {
    margin-right: 18px;
  }

  [dir="rtl"] .product-sticky-form__image-wrapper {
    margin-left: 18px;
  }

  .product-sticky-form__image-wrapper {
    width: 55px;
    flex: none;
  }

  [dir="ltr"] .product-sticky-form__variants .select-wrapper + .select-wrapper {
    margin-left: -1px;
  }

  [dir="rtl"] .product-sticky-form__variants .select-wrapper + .select-wrapper {
    margin-right: -1px;
  }

  .product-sticky-form__variants .select-wrapper + .select-wrapper { /* Allow the borders to collapse */
  }

  .product-sticky-form__variants .select-wrapper:not(:first-child):not(:last-child) .select {
    border-radius: 0;
  }

  [dir="ltr"] .product-sticky-form__variants .select-wrapper:first-child:not(:only-child) .select {
    border-top-right-radius: 0;
  }

  [dir="rtl"] .product-sticky-form__variants .select-wrapper:first-child:not(:only-child) .select {
    border-top-left-radius: 0;
  }

  [dir="ltr"] .product-sticky-form__variants .select-wrapper:first-child:not(:only-child) .select {
    border-bottom-right-radius: 0;
  }

  [dir="rtl"] .product-sticky-form__variants .select-wrapper:first-child:not(:only-child) .select {
    border-bottom-left-radius: 0;
  }

  [dir="ltr"] .product-sticky-form__variants .select-wrapper:last-child:not(:only-child) .select {
    border-top-left-radius: 0;
  }

  [dir="rtl"] .product-sticky-form__variants .select-wrapper:last-child:not(:only-child) .select {
    border-top-right-radius: 0;
  }

  [dir="ltr"] .product-sticky-form__variants .select-wrapper:last-child:not(:only-child) .select {
    border-bottom-left-radius: 0;
  }

  [dir="rtl"] .product-sticky-form__variants .select-wrapper:last-child:not(:only-child) .select {
    border-bottom-right-radius: 0;
  }

  .product-sticky-form__variants .select {
    min-width: 150px;
    max-width: 300px;
  }

  @supports (height: min(1px, 2px)) {
    .product-sticky-form__variants .select {
      min-width: min(max(var(--largest-option-width), 150px), 300px);
    }
  }

  /* The height of the selectors is slightly reduced only here */
  .product-sticky-form .button,
  .product-sticky-form .select {
    line-height: 48px;
    height: 48px;
  }

  [dir="ltr"] .product-sticky-form__payment-container {
    margin-left: 10px;
  }

  [dir="rtl"] .product-sticky-form__payment-container {
    margin-right: 10px;
  }
}
/**
 * -------------------------------------------------------------
 * PRODUCT ITEM META
 *
 * This component is used on many elements (like grid item,
 * cart page, mini-cart, order...) and guarantee a consistent
 * spacing across all elements
 * -------------------------------------------------------------
 */

.product-item-meta {
  display: block;
}

.product-item-meta__vendor {
  display: block;
  margin-bottom: 6px;
}

.product-item-meta__title {
  display: block;
  line-height: 1.6;
  margin-bottom: 4px;
}

.product-item-meta__reviews-badge {
  display: block;
  margin-top: 2px;
}

.product-item-meta__color-count {
  margin-top: 4px;
}

.product-item-meta__reviews-badge + .product-item-meta__color-count {
  margin-top: 4px; /* When preceded by reviews badge we have a smaller gap */
}

.product-item-meta__reviews-badge .spr-icon {
  width: 12px;
  height: 12px;
}

.product-item-meta__swatch-list {
  margin-top: 10px;
  margin-bottom: 2px; /* The extra 2px at the bottom is to avoid the border to be clipped on iOS */
  justify-content: center;
  gap: 6px;
  overflow-wrap: anywhere;
}

.product-item-meta__property-list {
  display: grid;
  margin-top: 6px;
  margin-bottom: 4px;
  grid-auto-flow: row;
}

@media screen and (min-width: 741px) {
  .product-item-meta__property-list {
    margin-top: 6px;
    margin-bottom: 6px;
  }

  .product-item-meta__color-count {
    margin-top: 8px;
  }

  .product-item-meta__title {
    line-height: 1.5; /* We slightly reduce the line height on larger screen */
  }
}

/**
 * -------------------------------------------------------------
 * PRODUCT ITEM
 *
 * extra info only available on collection and featured collection pages
 * -------------------------------------------------------------
 */

.product-item {
  position: relative;
  display: flex;
  flex-direction: column;
}

.product-item__image-wrapper {
  position: relative;
  display: block;
  margin-bottom: 16px;
  overflow: hidden;
}

.product-item__image-wrapper--placeholder {
  fill: currentColor;
}

[dir="ltr"] .product-item__label-list {
  left: 10px;
}

[dir="rtl"] .product-item__label-list {
  right: 10px;
}

.product-item__label-list {
  position: absolute;
  z-index: 1;
  top: 10px;
}

.product-item__image-wrapper--multiple .product-item__primary-image,
.product-item__image-wrapper--multiple .product-item__secondary-image {
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

.product-item__aspect-ratio {
  isolation: isolate;
}

.product-item__primary-image,
.product-item__secondary-image {
  border-radius: var(--block-border-radius-reduced);
}

.product-item__secondary-image {
  position: absolute;
  display: none; /* Allows to make sure it does not trigger lazyload */
  visibility: hidden;
  opacity: 0;
  top: 50% !important;
  left: 50% !important; /* We must use this instead of logical property here */
  transform: translate(-50%, -50%) !important;
  object-fit: contain;
  object-position: center;
}

.product-item__info {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-grow: 1;
  text-align: center;
}

.product-item__info--with-button {
  justify-content: space-between;
}

.product-item__cta {
  margin-top: 16px;
}

[dir="ltr"] .product-item__quick-form {
  left: 0;
}

[dir="rtl"] .product-item__quick-form {
  right: 0;
}

.product-item__quick-form {
  position: absolute;
  padding: 10px;
  bottom: 0;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

/* This button is only appearing on touch device */
[dir="ltr"] .product-item__quick-buy-button {
  right: 12px;
}
[dir="rtl"] .product-item__quick-buy-button {
  left: 12px;
}
.product-item__quick-buy-button {
  position: absolute;
  bottom: 12px;
  padding: 5px;
  background: rgb(var(--root-background));
  color: rgb(var(--root-text-color));
  border: 1px solid rgb(var(--root-border-color));
}

.product-item__link {
  display: inline-block;
  margin: 6px auto 0;
}

@media screen and (pointer: fine) {
  .product-item__secondary-image {
    display: block;
  }

  .product-item__image-wrapper--multiple:hover .product-item__primary-image {
    visibility: hidden;
    opacity: 0;
  }

  .product-item__image-wrapper--multiple:hover .product-item__secondary-image {
    visibility: visible;
    opacity: 1;
  }

  .product-item__image-wrapper:hover .product-item__quick-form {
    visibility: visible;
    opacity: 1;
  }
}

@media screen and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .product-item__quick-form {
    transform: translateY(16px);
    transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
  }

  .product-item__image-wrapper:hover .product-item__quick-form {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
  }
}

@media not screen and (pointer: fine) {
  .product-item__quick-form {
    visibility: visible;
    opacity: 1;
  }
}

@media screen and (min-width: 1000px) {
  .product-item__image-wrapper {
    margin-bottom: 24px;
  }
}
/**
 * -------------------------------------------------------------
 * PRODUCT LIST
 * -------------------------------------------------------------
 */

.product-list {
  --product-list-column-gap: var(--grid-gap);
}

.product-list:not([hidden]) {
  position: relative;
  display: block;
}

.product-list__inner {
  display: grid;
  grid-template-columns: repeat(auto-fit, calc(100% / var(--section-products-per-row) - var(--product-list-column-gap) * (var(--section-products-per-row) - 1) / var(--section-products-per-row)));
  grid-gap: var(--product-list-block-spacing) var(--product-list-column-gap);
  gap: var(--product-list-block-spacing) var(--product-list-column-gap);
  overflow: hidden;
}

.product-list__inner--scroller {
  overflow-x: auto;
}

[dir="ltr"] .product-list--center .product-list__inner {
  justify-content: safe center; /* For some reason it does not work in RTL on Chrome */
}

@media screen and (max-width: 740px) {
  /* On mobile when the products are shown in grid we reduce spacing */
  .product-list {
    --product-list-column-gap: 12px;
  }

  .product-list__inner:not(.product-list__inner--scroller) {
    margin-left: calc(-1 * var(--container-gutter) / 2);
    margin-right: calc(-1 * var(--container-gutter) / 2);
  }
}

@media screen and (max-width: 999px) {
  .product-list__inner--scroller {
    padding-left: var(--container-gutter);
    padding-right: var(--container-gutter);
    grid-auto-flow: column;
    grid-auto-columns: 52vw;
    grid-template-columns: none;
    min-width: min-content;
  }
}

@media screen and (min-width: 741px) and (max-width: 999px) {
  .product-list__inner--scroller {
    grid-auto-columns: 35vw;
  }
}

@media screen and (min-width: 1000px) {
  .product-list {
    /* We calculate the width of one product item cell thanks to power of CSS variables */
    --item-width: calc((var(--container-max-width-minus-gutters) - 56px) / var(--section-products-per-row) - (var(--grid-gap) / var(--section-products-per-row) * (var(--section-products-per-row) - 1)));
  }

  @supports (width: max(1px, 2px)) {
    .product-list {
      --item-width: calc((min(100vw - var(--container-gutter) * 2, var(--container-max-width-minus-gutters)) - 56px) / var(--section-products-per-row) - (var(--grid-gap) / var(--section-products-per-row) * (var(--section-products-per-row) - 1)));
    }
  }

  .product-list__prev-next {
    position: absolute;
    pointer-events: none;
    display: flex;
    justify-content: space-between;
    width: 100%;
    top: calc(var(--item-width) / var(--smallest-image-aspect-ratio) / 2 - 28px); /* 28px is half the height of the button */
  }

  .product-list__arrow {
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.5);
    transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out, transform 0.15s ease-in-out;
  }

  .product-list:hover .product-list__arrow:not([disabled]) {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
  }

  .product-list__inner--scroller {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: calc(100% / var(--section-products-per-row, 4) - (var(--grid-gap) / var(--section-products-per-row, 4) * (var(--section-products-per-row, 4) - 1)));
    margin-left: 28px;
    margin-right: 28px; /* We add a bit of space for the arrow */
    overflow: hidden;
  }

  .product-list__inner--desktop-no-scroller {
    margin-left: 0;
    margin-right: 0;
  }
}

@media not screen and (pointer: fine) {
  .product-list__arrow:not([disabled]) {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
  }
}
.promotion-block-list {
  --promotion-block-gutter: var(--container-gutter);

  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: calc(-1 * var(--promotion-block-gutter) / 2);
}

.promotion-block {
  --promotion-block-padding: 32px;
  --promotion-block-min-height: 180px;
  position: relative;
  display: flex;
  width: 100%;
  margin: calc(var(--promotion-block-gutter) / 2);
  padding: var(--promotion-block-padding);
  background: rgb(var(--section-block-background));
  color: rgb(var(--text-color));
  min-height: var(--promotion-block-min-height);
  min-width: 0;
  align-items: var(--section-blocks-alignment, flex-end);
  overflow: hidden;
  border-radius: var(--block-border-radius-reduced);
}

.promotion-block--medium {
  --promotion-block-min-height: 210px;
}

.promotion-block--large {
  --promotion-block-min-height: 250px;
}

.promotion-block__content-wrapper {
  position: relative;
  width: 100%;
}

.promotion-block:hover .link {
  -webkit-text-decoration-color: rgb(var(--text-color));
          text-decoration-color: rgb(var(--text-color)); /* Make sure that the underlined link is in active state on hover of the whole block */
}

/* IMAGE DEDICATED BLOCK */

[dir="ltr"] .promotion-block__image {
  right: 0;
}

[dir="rtl"] .promotion-block__image {
  left: 0;
}

.promotion-block__image {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: var(--block-border-radius-reduced);
}

/* QUOTE DEDICATED BLOCK */

[dir="ltr"] .promotion-block--quote::before {
  left: var(--promotion-block-padding);
}

[dir="rtl"] .promotion-block--quote::before {
  right: var(--promotion-block-padding);
}

.promotion-block--quote::before {
  content: '';
  position: absolute;
  width: 50px;
  height: 40px;
  top: var(--promotion-block-padding);
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDEgODAiPiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTAgNDEuNzdWMGg0MS42MDR2NDEuNzdMMjAuMDI2IDgwSC45ODdMMjEuNzIgNDEuNzdIMHptNTkuMzk2IDBWMEgxMDF2NDEuNzdMNzkuNDIyIDgwSDYwLjM4M2wyMC43MzItMzguMjNINTkuMzk2eiIgZmlsbD0iY3VycmVudENvbG9yIiAvPjwvc3ZnPg==);
          mask-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDEgODAiPiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTAgNDEuNzdWMGg0MS42MDR2NDEuNzdMMjAuMDI2IDgwSC45ODdMMjEuNzIgNDEuNzdIMHptNTkuMzk2IDBWMEgxMDF2NDEuNzdMNzkuNDIyIDgwSDYwLjM4M2wyMC43MzItMzguMjNINTkuMzk2eiIgZmlsbD0iY3VycmVudENvbG9yIiAvPjwvc3ZnPg==);
  -webkit-mask-size: 50px 40px;
          mask-size: 50px 40px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background: rgb(var(--text-color));
  opacity: 0.3;
  pointer-events: none;
}

.promotion-block--quote .promotion-block__content-wrapper {
  margin-top: 50px; /* This ensure a minimum space so that text does not cover the quote */
}

/* VIDEO DEDICATED BLOCK */

.promotion-block--video {
  padding: 0 !important; /* The video cover the tile */
}

.promotion-block .video-wrapper {
  --video-height: calc(var(--promotion-block-min-height) + 60px); /* We add a bit of extra space in case other blocks may be taller */
  min-height: var(--promotion-block-min-height);
  height: 100%;
}

/* PRODUCT DEDICATED BLOCK */

.promotion-block--products {
  padding: 24px !important;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.promotion-block__product-list-wrapper {
  display: block;
}

.promotion-block__product-list {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  overflow: hidden;
  margin-left: -24px;
  margin-right: -24px;
  scroll-snap-type: x mandatory;
}

.promotion-block__product-list-item {
  display: block;
  min-width: 100%;
  scroll-snap-align: center;
  scroll-snap-stop: always;
}

.promotion-block__product-list-item .placeholder-background {
  background: transparent;
}

.promotion-block__product-list-prev-next {
  position: absolute;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  top: calc(50% - 20px); /* 20px is half the height of the buttons */
  pointer-events: none;
}

.promotion-block__product-list .product-item__image-wrapper {
  width: 100%;
  max-width: 150px;
  margin-left: auto;
  margin-right: auto;
}

@media not screen and (pointer: fine) {
  .promotion-block__product-list {
    overflow: auto;
  }
}

@media screen and (max-width: 740px) {
  .promotion-block-list--scrollable {
    flex-wrap: nowrap;
  }

  .promotion-block-list--scrollable .promotion-block {
    width: 81vw;
    scroll-snap-align: center;
    scroll-snap-stop: always;
    scroll-snap-margin: var(--promotion-block-gutter); /* iOS uses non-standard property */
    scroll-margin: var(--promotion-block-gutter);
  }
}

@media screen and (min-width: 741px) and (max-width: 999px) {
  .promotion-block {
    flex: 1 0 calc(50% - var(--container-gutter));
  }

  .promotion-block .newsletter__form .input-row {
    grid-template-columns: 1fr auto; /* We have enough space :) */
  }
}

@media screen and (min-width: 1000px) {
  .promotion-block {
    flex: 1 0 calc(33.3333% - var(--promotion-block-gutter));
  }

  .promotion-block:not(.promotion-block--expand):only-child {
    max-width: 50%;
  }

  .promotion-block--highlight {
    flex-basis: calc(66.6666% - var(--promotion-block-gutter));
  }

  .promotion-block--quote::before {
    width: 60px;
    height: 48px;
    -webkit-mask-size: 60px 48px;
            mask-size: 60px 48px;
  }

  .promotion-block:not(.promotion-block--highlight) .newsletter__form .input-row {
    grid-template-columns: none; /* We do not have enough space */
  }
}

@media screen and (min-width: 1200px) {
  .promotion-block {
    --promotion-block-min-height: 250px;
    --promotion-block-padding: 48px;
  }

  .promotion-block--compact {
    --promotion-block-padding: 40px;
  }

  .promotion-block--medium {
    --promotion-block-min-height: 320px;
  }

  .promotion-block--large {
    --promotion-block-min-height: 370px;
  }
}

@media screen and (min-width: 1400px) {
  .promotion-block .newsletter__form .input-row {
    grid-template-columns: 1fr auto; /* We have enough space :) */
  }
}
.main-search__form {
  --form-input-field-height: 60px;

  position: relative;
  max-width: 390px;
  margin-left: auto;
  margin-right: auto;
}

[dir="ltr"] .main-search__input {
  padding-right: 55px;
}

[dir="rtl"] .main-search__input {
  padding-left: 55px;
}

[dir="ltr"] .main-search__submit {
  right: 20px;
}

[dir="rtl"] .main-search__submit {
  left: 20px;
}

.main-search__submit {
  position: absolute;
  top: calc(50% - 10px);
}

.main-search__empty-text {
  margin-top: 40px;
}

.main-search__results {
  display: block;
}

.main-search__form + .tabs-nav {
  margin-top: 38px;
}

@media screen and (min-width: 741px) {
  .main-search__form {
    --form-input-field-height: 80px;
  }

  [dir="ltr"] .main-search__submit {
    right: 32px;
  }

  [dir="rtl"] .main-search__submit {
    left: 32px;
  }

  [dir="ltr"] .main-search__input {
    padding-left: 30px;
    padding-right: 80px;
  }

  [dir="rtl"] .main-search__input {
    padding-right: 30px;
    padding-left: 80px;
  }

  .main-search__form + .tabs-nav {
    margin-top: 68px;
  }
}
.shop-the-look,
.shop-the-look__item {
  position: relative;
  display: block;
  overflow: hidden;
}

.shop-the-look__item {
  background: rgb(var(--secondary-background)); /* Use as a filler */
}

.shop-the-look__item[hidden] {
  position: absolute;
  visibility: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.shop-the-look__item[hidden] .popover,
.shop-the-look__item[hidden] .drawer {
  display: none; /* Making sure popover and drawer are hidden for hidden look helps alleviating issues with Safari */
}

.shop-the-look__image {
  width: 100%;
}

.shop-the-look__product-wrapper {
  position: absolute; /* Position is set dynamically in Liquid */
}

/* Dot elements */

.shop-the-look__dot {
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background: var(--section-dot-inner-background);
  box-shadow: 0 0 0 8px rgb(var(--section-dot-background)) inset, 0 1px 5px rgba(0, 0, 0, 0.15);
}

@keyframes shopTheLookDotKeyframe {
  0% {
    opacity: 1;
    transform: scale(0.4);
  }

  100% {
    opacity: 0;
    transform: scale(1.3);
  }
}

.shop-the-look__dot::after {
  content: '';
  position: absolute;
  left: -4px;
  top: -4px;
  width: 32px;
  height: 32px;
  border: 2px solid rgba(var(--section-dot-background), 0.6);
  border-radius: 100%;
  animation: shopTheLookDotKeyframe 2s ease-in-out infinite;
}

/* Product part */

/* This allows to shift by the size of the dot */
[dir="ltr"] .shop-the-look__product-wrapper {
  margin-left: -12px;
}
[dir="rtl"] .shop-the-look__product-wrapper {
  margin-right: -12px;
}
.shop-the-look__product-wrapper {
  margin-top: -12px;
}

[dir="ltr"] .shop-the-look__product {
  padding: 15px 32px 15px 15px;
}

[dir="rtl"] .shop-the-look__product {
  padding: 15px 15px 15px 32px;
}

.shop-the-look__product {
  position: absolute;
  display: flex;
  align-items: center;
  width: max-content;
  left: calc(100% + 28px);
  top: 50%;
  max-width: 46vw;
  background: rgb(var(--background));
  visibility: hidden;
  opacity: 0;
  transform: scale(0.8) translateY(-50%);
  transition: visibility 0.4s cubic-bezier(0.75, 0, 0.175, 1), opacity 0.4s cubic-bezier(0.75, 0, 0.175, 1), transform 0.4s cubic-bezier(0.75, 0, 0.175, 1);
  will-change: transform;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  transform-origin: top var(--transform-origin-start);
  z-index: 1;
  border-radius: min(var(--block-border-radius), 4px);
}

.shop-the-look__product[open] {
  visibility: visible;
  opacity: 1;
  transform: scale(1) translateY(-50%);
}

.shop-the-look__product::before {
  position: absolute;
  content: '';
  right: 100%;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent rgb(var(--background)) transparent transparent;
  border-width: 8px;
}

.shop-the-look__product--reverse {
  left: auto;
  right: calc(100% + 28px);
  transform-origin: top var(--transform-origin-end);
}

.shop-the-look__product--reverse::before {
  right: auto;
  left: 100%;
  border-color: transparent transparent transparent rgb(var(--background));
}

.shop-the-look__product-bottom-wrapper {
  display: grid;
  grid-auto-flow: column;
  justify-content: flex-start;
  grid-gap: 12px;
  gap: 12px;
}

[dir="ltr"] .shop-the-look__product-image {
  margin-right: 24px;
}

[dir="rtl"] .shop-the-look__product-image {
  margin-left: 24px;
}

.shop-the-look__product-image {
  flex: none;
  width: 72px;
}

.shop-the-look__product-vendor {
  display: block;
  max-width: max-content;
  margin-bottom: 1px;
}

.shop-the-look__product-title {
  display: block;
  margin-bottom: 2px;
}

/* Nav */

.shop-the-look__nav {
  position: absolute;
  display: block;
  bottom: 24px;
  background: rgb(var(--background));
  color: rgb(var(--text-color));
  border: 1px solid rgb(var(--border-color));
  border-radius: min(var(--button-border-radius), 10px);
  overflow: hidden;
  z-index: 1;
  transform: translateZ(0); /* Solves an extremely odd rendering issue on Safari */
}

.shop-the-look__prev-next-buttons {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.shop-the-look__arrow {
  border: none;
  border-radius: 0;
}

[dir="ltr"] .shop-the-look__arrow:first-child {
  border-right: 1px solid rgb(var(--border-color));
}

[dir="rtl"] .shop-the-look__arrow:first-child {
  border-left: 1px solid rgb(var(--border-color));
}

@media screen and (min-width: 741px) {
  .shop-the-look__nav {
    bottom: 40px;
  }
}

@media screen and (min-width: 1000px) {
  .shop-the-look__label {
    text-align: center;
    line-height: 56px;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 1px solid rgb(var(--border-color));
  }

  [dir="ltr"] .shop-the-look__arrow:last-child {
    border-left: 1px solid rgb(var(--border-color));
  }

  [dir="rtl"] .shop-the-look__arrow:last-child {
    border-right: 1px solid rgb(var(--border-color));
  }

  .shop-the-look__counter {
    flex-grow: 1;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 1.4;
    overflow: hidden;
  }

  .shop-the-look__counter-page {
    position: relative;
  }

  .shop-the-look__counter-page-base {
    opacity: 0; /* Just to allocate the space */
  }

  [dir="ltr"] .shop-the-look__counter-page-transition {
    left: 0;
  }

  [dir="rtl"] .shop-the-look__counter-page-transition {
    right: 0;
  }

  .shop-the-look__counter-page-transition {
    position: absolute;
    display: inline-block;
    top: 0;
    height: 100%;
    line-height: normal;
  }

  .shop-the-look__counter-page-transition[hidden] {
    transform: translateY(100%);
    visibility: hidden;
  }
}
/**
 * IMPLEMENTATION NOTE: as always, styling Shopify Reviews is a whole mess, as the app adds ton of useless and outdated
 * CSS, so we have to override everything. You should really touch this code with extra extra care...
 */

/* GENERAL */

.spr-starrating,
#shopify-product-reviews .spr-starratings {
  display: inline-flex;
  align-items: center;
  margin: 0 !important;
}

.spr-icon.spr-icon {
  width: 14px;
  height: 14px;
  top: 0;
  background-color: currentColor;
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNSAxNCI+ICA8cGF0aCBkPSJNNy41LjVsMS42NDYgNC43MzUgNS4wMTEuMTAyLTMuOTk0IDMuMDI4IDEuNDUxIDQuNzk4TDcuNSAxMC4zbC00LjExNCAyLjg2MyAxLjQ1MS00Ljc5OEwuODQzIDUuMzM3bDUuMDExLS4xMDJMNy41LjV6IiBmaWxsPSIjMUUzMTZBIi8+PC9zdmc+);
          mask-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNSAxNCI+ICA8cGF0aCBkPSJNNy41LjVsMS42NDYgNC43MzUgNS4wMTEuMTAyLTMuOTk0IDMuMDI4IDEuNDUxIDQuNzk4TDcuNSAxMC4zbC00LjExNCAyLjg2MyAxLjQ1MS00Ljc5OEwuODQzIDUuMzM3bDUuMDExLS4xMDJMNy41LjV6IiBmaWxsPSIjMUUzMTZBIi8+PC9zdmc+);
  -webkit-mask-size: cover;
          mask-size: cover;
}

.spr-icon, .spr-icon-star-hover {
  color: rgb(var(--product-star-rating));
}

.spr-icon-star-hover {
  opacity: 1 !important;
}

[dir="ltr"] .spr-icon:not(:last-child) {
  margin-right: 2px;
}

[dir="rtl"] .spr-icon:not(:last-child) {
  margin-left: 2px;
}

.spr-icon::before {
  content: none !important; /* Remove the default Shopify styles */
}

.spr-icon.spr-icon.spr-icon-star-empty {
  opacity: 0.4;
}

/* BADGE */

[dir="ltr"] .spr-summary-starrating + .spr-summary-caption {
  margin-left: 8px;
}

[dir="rtl"] .spr-summary-starrating + .spr-summary-caption {
  margin-right: 8px;
}

/* MAIN REVIEW */

/* There are lot of elements we do not want */
.product-tabs .spr-header-title, /* the title must only be hidden if the reviews are embedded into the tab system */
.spr-form-title,
.spr-summary::before,
.spr-summary::after,
.spr-form-contact::before,
.spr-form-contact::after,
.spr-form-review::before,
.spr-form-review::after,
.spr-form-actions::before,
.spr-form-actions::after {
  display: none !important;
}

#shopify-product-reviews {
  display: block !important; /* Make sure reviews are always visible whatever is checked in the Shopify app */
  margin: 0 !important;
}

#shopify-product-reviews .spr-container {
  border: none;
  padding: 0;
}

#shopify-product-reviews .spr-form:not(.spr-form--success) {
  padding: 24px;
  border: 1px solid rgb(var(--border-color));
}

#shopify-product-reviews .spr-form {
  border-radius: var(--block-border-radius-reduced);
}

#shopify-product-reviews .spr-form--success {
  border: none;
  padding: 0;
}

#shopify-product-reviews .spr-form,
#shopify-product-reviews #shopify-product-reviews {
  margin-top: 24px;
}

#shopify-product-reviews .spr-form-contact {
  margin-top: -8px;
}

#shopify-product-reviews .spr-form-label {
  display: inline-block;
  margin-bottom: 8px;
  font-size: inherit;
  line-height: inherit;
}

#shopify-product-reviews .spr-form-input::placeholder {
  color: rgba(var(--text-color), 0.7);
}

#shopify-product-reviews fieldset > * {
  margin-bottom: 16px;
}

#shopify-product-reviews .spr-form-review-body {
  margin-bottom: 0 !important; /* This is the last field */
}

#shopify-product-reviews .spr-form-input.spr-starrating {
  display: block;
}

#shopify-product-reviews .spr-form-input .spr-icon {
  width: 20px;
  height: 20px;
  opacity: 1;
}

#shopify-product-reviews .spr-form-input .spr-icon-star-empty:not(.spr-icon-star-hover) {
  color: rgba(var(--text-color), 0.4);
}

[dir="ltr"] #shopify-product-reviews .spr-summary {
  text-align: left;
}

[dir="rtl"] #shopify-product-reviews .spr-summary {
  text-align: right;
}

#shopify-product-reviews .spr-summary-actions {
  display: block;
  margin-top: 16px;
}

#shopify-product-reviews .spr-summary-starrating {
  vertical-align: text-top;
}

#shopify-product-reviews .spr-summary-starrating .spr-icon {
  width: 18px;
  height: 18px;
}

#shopify-product-reviews .spr-button-primary {
  float: none;
  margin-top: var(--form-submit-margin);
  margin-bottom: 0;
}

#shopify-product-reviews .spr-form-message {
  padding: 12px 16px;
  outline: none;
}

#shopify-product-reviews .spr-form-message:not(:last-child) {
  margin-bottom: 24px;
}

#shopify-product-reviews .spr-form-message-success {
  background: rgb(var(--success-background));
  color: rgb(var(--success-color));
}

#shopify-product-reviews .spr-form-message-error {
  background: rgb(var(--error-background));
  color: rgb(var(--error-color));
}

#shopify-product-reviews .spr-review {
  position: relative;
  padding: 24px !important;
  background: rgb(var(--secondary-background));
  border: none;
  border-radius: var(--block-border-radius-reduced);
}

#shopify-product-reviews .spr-review + .spr-review {
  margin-top: 16px;
}

#shopify-product-reviews .spr-review-header-starratings {
  vertical-align: top;
}

#shopify-product-reviews .spr-review-content {
  margin-top: 12px;
  margin-bottom: calc(2em + 14px);
}

#shopify-product-reviews .spr-review-header-byline,
#shopify-product-reviews .spr-review-reportreview {
  float: none;
  font-style: normal;
  font-size: calc(var(--base-font-size) - 2px);
  line-height: 1.6923076923;
  opacity: 1;
  color: rgba(var(--text-color), 0.7);
}

#shopify-product-reviews .spr-review-reportreview {
  text-decoration: underline;
  text-underline-offset: 3px;
  -webkit-text-decoration-color: rgba(var(--text-color), 0.35);
          text-decoration-color: rgba(var(--text-color), 0.35);
  transition: color 0.2s ease-in-out, -webkit-text-decoration-color 0.2s ease-in-out;
  transition: text-decoration-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: text-decoration-color 0.2s ease-in-out, color 0.2s ease-in-out, -webkit-text-decoration-color 0.2s ease-in-out;
}

#shopify-product-reviews .spr-review-reportreview:hover {
  color: rgb(var(--text-color));
  -webkit-text-decoration-color: rgb(var(--text-color));
          text-decoration-color: rgb(var(--text-color));
}

#shopify-product-reviews .spr-review-header-title,
#shopify-product-reviews .spr-review-content-body {
  font-size: inherit;
  line-height: inherit;
}

#shopify-product-reviews .spr-review-header-title {
  margin-top: 2px;
  font-weight: var(--text-font-bold-weight);
}

/* We cannot control the DOM generated so we have to be creative... */
#shopify-product-reviews .spr-review-header-byline {
  position: absolute;
  margin: 0;
  bottom: calc(30px + 2em);
}

#shopify-product-reviews .spr-review-header-byline strong {
  font-weight: normal;
}

[dir="ltr"] #shopify-product-reviews .spr-pagination {
  text-align: left;
}

[dir="rtl"] #shopify-product-reviews .spr-pagination {
  text-align: right;
}

#shopify-product-reviews .spr-pagination {
  margin-top: 24px;
  padding: 0;
  border-top: none;
}

#shopify-product-reviews .spr-pagination > div {
  display: table;
  border-collapse: collapse;
  table-layout: fixed;
}

#shopify-product-reviews .spr-pagination-page,
#shopify-product-reviews .spr-pagination-next,
#shopify-product-reviews .spr-pagination-prev {
  position: relative;
  display: table-cell;
  border: 1px solid rgb(var(--border-color));
  vertical-align: middle;
  height: 47px;
  width: 47px;
  text-align: center;
}

.spr-pagination-prev a,
.spr-pagination-next a {
  min-width: max-content;
  padding-left: 8px;
  padding-right: 8px;
}

/* Allows to make the whole pagination link clickable */
#shopify-product-reviews .spr-pagination a {
  display: flex;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

#shopify-product-reviews .spr-pagination-page.is-active {
  box-shadow: 0 0 0 1px currentColor inset;
  outline: 1px solid currentColor;
  outline-offset: -1px;
  border-color: currentColor;
  font-weight: var(--text-font-bold-weight);
}

[dir="rtl"] .spr-form-review-rating a,
[dir="rtl"] .spr-form-review-rating a:hover {
  float: right;
}

@media screen and (min-width: 741px) {
  #shopify-product-reviews .spr-summary {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    row-gap: 16px;
  }

  [dir="ltr"] #shopify-product-reviews .spr-summary-actions {
    margin-left: auto;
  }

  [dir="rtl"] #shopify-product-reviews .spr-summary-actions {
    margin-right: auto;
  }

  #shopify-product-reviews .spr-summary-actions {
    margin-top: 0;
  }

  #shopify-product-reviews .spr-form:not(.spr-form--success) {
    padding: 32px;
  }

  #shopify-product-reviews .spr-form,
  #shopify-product-reviews #shopify-product-reviews {
    margin-top: 32px;
  }

  #shopify-product-reviews .spr-form-contact {
    display: grid;
    grid-auto-flow: column;
    grid-gap: var(--form-input-gap);
    gap: var(--form-input-gap);
  }

  #shopify-product-reviews .spr-form-message {
    padding: 13px 18px;
  }

  #shopify-product-reviews .spr-form-message:not(:last-child) {
    margin-bottom: 32px;
  }

  #shopify-product-reviews .spr-review {
    padding: 32px !important;
  }

  #shopify-product-reviews .spr-review-header-byline,
  #shopify-product-reviews .spr-review-reportreview {
    font-size: calc(var(--base-font-size) - 1px);
    line-height: 1.714285713;
  }

  #shopify-product-reviews .spr-review-content {
    margin-top: 8px;
    margin-bottom: calc(1em - 2px);
  }

  /* We cannot control the DOM generated so we have to be creative... */
  #shopify-product-reviews .spr-review-header-byline {
    bottom: 32px;
  }

  .spr-review-reportreview {
    float: right !important;
  }

  [dir="rtl"] .spr-review-reportreview {
    float: left !important;
  }

  #shopify-product-reviews .spr-pagination {
    margin-top: 32px;
  }

  #shopify-product-reviews .spr-pagination-page,
  #shopify-product-reviews .spr-pagination-next,
  #shopify-product-reviews .spr-pagination-prev {
    height: 56px;
    width: 56px;
  }
}
/**
 * STYLES FOR SOME PAGES CONTROLLED BY SHOPIFY
 */

.shopify-challenge__container {
  margin-top: var(--vertical-breather) !important;
  margin-bottom: var(--vertical-breather) !important;
}

.shopify-challenge__container .shopify-challenge__button {
  margin-top: 30px;
}
.slideshow {
  --slideshow-min-height: 0;

  display: block;
  position: relative;
}

.slideshow--small {
  --slideshow-min-height: 120vw;
}

.slideshow--medium {
  --slideshow-min-height: 133vw;
}

.slideshow--large {
  --slideshow-min-height: 160vw;
}

.slideshow--fit {
  --slideshow-min-height: calc(var(--window-height) - var(--header-height, 0px) * (-1 * (var(--enable-transparent-header) - 1)) - var(--announcement-bar-height, 0px));
}

@supports (min-height: 100svh) {
  .slideshow--fit {
    --slideshow-min-height: calc(100svh - var(--header-height, 0px) * (-1 * (var(--enable-transparent-header) - 1)) - var(--announcement-bar-height, 0px));
  }
}

.slideshow,
.slideshow__slide-list,
.slideshow__slide,
.slideshow__slide-inner {
  min-height: var(--slideshow-min-height);
}

.slideshow__slide {
  position: relative;
  display: block;
  z-index: 1;
}

.slideshow__slide:not(:only-child) {
  cursor: grab;
  -webkit-user-select: none;
          user-select: none;
}

.slideshow__slide[hidden] {
  position: absolute;
  visibility: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
}

.slideshow__slide:not(:only-child) .slideshow__text-wrapper--bottom {
  padding-bottom: calc(var(--vertical-breather) + 30px);
}

.slideshow__slide-inner {
  position: relative;
  display: flex;
  align-items: var(--section-blocks-alignment);
  width: 100%;
  height: 100%;
}

.slideshow__slide-inner::before {
  content: '';
  display: block;
  padding-bottom: calc(100.0 / var(--mobile-image-aspect-ratio) * 1%);
  width: 0;
}

.slideshow__image-wrapper {
  overflow: hidden;
}

[dir="ltr"] .slideshow__image-wrapper,[dir="ltr"] 
.slideshow__image {
  left: 0;
}

[dir="rtl"] .slideshow__image-wrapper,[dir="rtl"] 
.slideshow__image {
  right: 0;
}

.slideshow__image-wrapper,
.slideshow__image {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.slideshow__image {
  object-fit: cover;
  object-position: center;
}

.slideshow__image--placeholder {
  width: auto;
  background: rgb(var(--secondary-background));
}

[dir="ltr"] .slideshow__image-wrapper::before {
  left: 0;
}

[dir="rtl"] .slideshow__image-wrapper::before {
  right: 0;
}

.slideshow__image-wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(var(--section-blocks-overlay-color), var(--section-blocks-overlay-opacity));
  pointer-events: none;
  z-index: 1;
}

/* When the text is aligned at the top, we should add extra space if the header is transparent to avoid it to collide */
@supports (width: max(1px, 2px)) {
  .slideshow__text-wrapper--top {
    padding-top: max(var(--vertical-breather), calc((var(--header-height) + 25px) * var(--enable-transparent-header)));
  }
}

@media screen and (min-width: 1000px) {
  @supports (width: max(1px, 2px)) {
    .slideshow__text-wrapper--top {
      padding-top: max(var(--vertical-breather), calc((var(--header-height) + 40px) * var(--enable-transparent-header)));
    }
  }
}

/* Navigation (progress bar) */

@keyframes slideshowProgressBarAnimation {
  from {
    transform: scaleX(0);
  }

  to {
    transform: scaleX(1);
  }
}

.slideshow__nav {
  display: flex;
  position: absolute;
  justify-content: center;
  bottom: 15px;
  left: 0;
  right: 0;
  z-index: 1;
  pointer-events: none;
}

.slideshow__progress-bar {
  position: relative;
  flex-basis: 48px;
  padding: 18px 0;
  margin: 0 8px;
  pointer-events: auto;
}

[dir="ltr"] .slideshow__progress-bar::before,[dir="ltr"] 
.slideshow__progress-bar::after {
  left: 0;
}

[dir="rtl"] .slideshow__progress-bar::before,[dir="rtl"] 
.slideshow__progress-bar::after {
  right: 0;
}

.slideshow__progress-bar::before,
.slideshow__progress-bar::after {
  position: absolute;
  content: '';
  height: 2px;
  width: 100%;
  top: calc(50% - 1px);
  background: rgba(var(--progress-bar-color), 0.5);
  transition: background 0.2s ease-in-out;
}

.slideshow__progress-bar::after {
  transform-origin: var(--transform-origin-start);
  transform: scaleX(0);
  background: rgb(var(--progress-bar-color));
}

.slideshow__progress-bar[aria-current="true"]::after {
  animation: slideshowProgressBarAnimation var(--section-autoplay-duration) linear;
  animation-play-state: var(--section-animation-play-state, paused);
  animation-fill-mode: forwards;
}

@media screen and (min-width: 741px) {
  .slideshow--small {
    --slideshow-min-height: 70vw;
  }

  .slideshow--medium {
    --slideshow-min-height: 90vw;
  }

  .slideshow--large {
    --slideshow-min-height: 105vw;
  }
}

@media screen and (min-width: 1000px) {
  .slideshow--small {
    --slideshow-min-height: 42vw;
  }

  .slideshow--medium {
    --slideshow-min-height: 48vw;
  }

  .slideshow--large {
    --slideshow-min-height: 54vw;
  }

  .slideshow__slide--split .slideshow__image-wrapper {
    width: 50%;
  }

  [dir="ltr"] .slideshow__slide--split .slideshow__image-wrapper--secondary {
    left: calc(50% - 1px);
  }

  [dir="rtl"] .slideshow__slide--split .slideshow__image-wrapper--secondary {
    right: calc(50% - 1px);
  }

  .slideshow__slide--split .slideshow__image-wrapper--secondary { /* The -1px allows to take into account the potential approximation rounding that browsers do */
    width: calc(50% + 1px);
  }

  .slideshow__slide-inner::before {
    padding-bottom: calc(100.0 / var(--image-aspect-ratio) * 1%);
  }

  /* Navigation (progress bar) */

  .slideshow__nav {
    bottom: 23px;
  }

  .slideshow__progress-bar {
    flex-basis: 64px;
  }
}

@media screen and (min-width: 1200px) {
  .slideshow--small {
    --slideshow-min-height: 38vw;
  }

  .slideshow--medium {
    --slideshow-min-height: 40vw;
  }

  .slideshow--large {
    --slideshow-min-height: 48vw;
  }
}
.store-availability-container:not(:first-child) {
  margin-top: 8px;
}

.store-availability-information,
.store-availability-list__stock {
  display: flex;
  align-items: center;
}

.store-availability-information {
  align-items: baseline;
}

.store-availability-information .icon--store-availability-out-of-stock {
  position: relative;
  top: 1px;
}

[dir="ltr"] .store-availability-information-container {
  margin-left: 8px;
}

[dir="rtl"] .store-availability-information-container {
  margin-right: 8px;
}

.store-availability-information__title,
.store-availability-information__link {
  display: block;
}

.store-availability-information__title {
  margin-bottom: -2px;
}

.store-availability-information__link {
  margin-top: 10px;
}

/* MODAL */

.store-availabilities-modal__product-title {
  max-width: 85%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin: 0;
}

.store-availabilities-modal__variant-title {
  margin-top: 6px;
}

.store-availabilities-list {
  margin-top: 10px;
}

.store-availability-list__item {
  padding-top: 24px;
}

.store-availability-list__item + .store-availability-list__item {
  border-top: 1px solid rgb(var(--border-color));
  margin-top: 22px;
}

.store-availability-list__location {
  margin-bottom: 2px;
}

[dir="ltr"] .store-availability-list__stock svg {
  margin-right: 8px;
}

[dir="rtl"] .store-availability-list__stock svg {
  margin-left: 8px;
}

.store-availability-list__contact {
  margin-top: 8px;
}

.store-availability-list__contact p {
  margin-bottom: 0; /* Remove the margin of the formatted address by Shopify */
}
.testimonial-list {
  display: block;
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
}

.testimonial__author,
.testimonial-list__nav {
  padding: 0 24px; /* The blockquote has a natural spacing that we have to add on other elements */
}

.testimonial-list__wrapper {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
}

.testimonial {
  display: block;
  flex-shrink: 0;
  width: 100%;
  order: 0;
  will-change: transform;
}

.testimonial[hidden] {
  visibility: hidden;
  order: 1;
}

.testimonial:not(:only-child) {
  cursor: grab;
  -webkit-user-select: none;
          user-select: none;
}

.testimonial__content {
  margin: 0;
}

.testimonial__author {
  margin-top: 32px;
}

.testimonial-list__nav {
  margin-top: 40px;
}

@media screen and (min-width: 741px) {
  [dir="ltr"] .testimonial__author,[dir="ltr"] 
  .testimonial-list__nav {
    padding: 0 0 0 49px;
  }
  [dir="rtl"] .testimonial__author,[dir="rtl"] 
  .testimonial-list__nav {
    padding: 0 49px 0 0;
  }
  .testimonial__author,
  .testimonial-list__nav { /* The blockquote has a natural spacing that we have to add on other elements */
    margin-top: 32px;
  }
}

@media screen and (min-width: 1000px) {
  .testimonial-list {
    max-width: 690px;
  }
}

@media screen and (min-width: 1200px) {
  .testimonial-list {
    max-width: 875px;
  }

  [dir="ltr"] .testimonial__author,[dir="ltr"] 
  .testimonial-list__nav {
    padding: 0 0 0 69px;
  }

  [dir="rtl"] .testimonial__author,[dir="rtl"] 
  .testimonial-list__nav {
    padding: 0 69px 0 0;
  }

  .testimonial__author,
  .testimonial-list__nav { /* The blockquote has a natural spacing that we have to add on other elements */
    margin-top: 40px;
  }
}
.text-with-icons {
  display: block;
}

.text-with-icons__list {
  display: flex;
  scroll-snap-type: x mandatory;
  margin-left: calc(-1 * var(--container-gutter));
  margin-right: calc(-1 * var(--container-gutter));
}

.text-with-icons__item {
  display: block;
  text-align: center;
  padding: 0 48px;
  width: 100%;
  flex: none;
  scroll-snap-align: center;
  scroll-snap-stop: always;
}

.text-with-icons__icon-wrapper {
  margin-bottom: 16px;
}

.text-with-icons__custom-icon {
  display: block;
  max-width: 24px;
}

.text-with-icons__icon-wrapper > * {
  margin: 0 auto;
}

.text-with-icons__dots {
  margin-top: 26px;
}

@media screen and (min-width: 1000px) {
  .text-with-icons__list {
    display: grid;
    grid-gap: 48px;
    gap: 48px;
    grid-auto-flow: column;
    grid-auto-columns: minmax(200px, 400px);
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
  }

  .text-with-icons__item {
    padding: 0; /* Spacing is already added by the grid */
  }

  .text-with-icons__content-wrapper .heading + p {
    margin-top: 16px; /* We have a slightly different spacing here */
  }
}
.timeline__inner {
  position: relative;
}

.timeline__list-wrapper {
  display: block;
}

.timeline__list {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: safe center;
  min-width: min-content;
}

.timeline__item {
  color: rgb(var(--text-color));
}

.timeline__content {
  padding: 40px;
  background: rgb(var(--section-box-background));
}

.timeline__image.placeholder-background {
  fill: rgb(var(--section-background));
  background: rgb(var(--text-color));
}

.timeline__nav-wrapper {
  margin-top: 40px;
}

.timeline__nav {
  position: relative;
  display: grid;
  grid-template-columns: repeat(var(--section-items-count), minmax(0, 1fr));
  align-items: start;
  padding-top: 18px;
}

[dir="ltr"] .timeline__nav-item {
  padding-right: 48px;
}

[dir="rtl"] .timeline__nav-item {
  padding-left: 48px;
}

.timeline__nav-item {
  opacity: 0.7;
  transition: opacity 0.2s ease-in-out;
}

[dir="ltr"] .timeline__nav-item:last-child {
  padding-right: 0;
}

[dir="rtl"] .timeline__nav-item:last-child {
  padding-left: 0;
}

.timeline__nav-item[aria-current="true"] {
  opacity: 1;
}

[dir="ltr"] .timeline__progress-bar {
  left: 0;
}

[dir="rtl"] .timeline__progress-bar {
  right: 0;
}

.timeline__progress-bar {
  position: absolute;
  top: 0;
  width: 100%;
}

.timeline__progress-bar::before {
  transition: transform 0.3s ease-in-out;
}

[dir="ltr"] .timeline__prev-next-buttons {
  right: calc(var(--container-outer-width) - 28px);
}

[dir="rtl"] .timeline__prev-next-buttons {
  left: calc(var(--container-outer-width) - 28px);
}

.timeline__prev-next-buttons {
  position: absolute;
  top: calc(50% - 56px); /* 56px is the height of a single button */ /* 28px is half the width of button */
  z-index: 1;
}

@media screen and (max-width: 999px) {
  /* On mobile and tablet we have a very special layout and scrolling pattern. What happens is that by default
     images appear "static", and when scrolling the content goes "on top" of the image */
  .timeline {
    --timeline-image-max-width: 70vw;
    --timeline-content-max-width: 79vw;
  }

  .timeline__list-wrapper {
    scroll-snap-type: x mandatory;
  }

  .timeline__list-wrapper .container {
    padding-left: 0;
    padding-right: 0;
  }

  .timeline__list {
    padding-left: calc((100vw - var(--timeline-image-max-width)) / 2);
    padding-right: calc((100vw - var(--timeline-image-max-width)) / 2);
  }

  .timeline__item {
    display: grid;
    grid-template-columns: var(--timeline-image-max-width) var(--timeline-content-max-width);
    align-items: center;
  }

  [dir="ltr"] .timeline__item:not(:last-child) {
    padding-right: calc((100vw - var(--timeline-image-max-width)));
  }

  [dir="rtl"] .timeline__item:not(:last-child) {
    padding-left: calc((100vw - var(--timeline-image-max-width)));
  }

  [dir="ltr"] .timeline__image-wrapper {
    left: calc((100vw - var(--timeline-image-max-width)) / 2);
  }

  [dir="rtl"] .timeline__image-wrapper {
    right: calc((100vw - var(--timeline-image-max-width)) / 2);
  }

  .timeline__image-wrapper {
    position: -webkit-sticky;
    position: sticky;
  }

  .timeline__image {
    border-radius: var(--block-border-radius);
    width: 100%;
  }

  .timeline__content-wrapper {
    max-width: var(--timeline-content-max-width);
    box-shadow: -10px 0 30px 10px rgba(var(--section-background), 0.2);
    border-radius: var(--block-border-radius);
    z-index: 1;
  }

  [dir="ltr"] .timeline__content {
    margin-right: calc(-1 * (var(--timeline-content-max-width) - var(--timeline-image-max-width)));
  }

  [dir="rtl"] .timeline__content {
    margin-left: calc(-1 * (var(--timeline-content-max-width) - var(--timeline-image-max-width)));
  }

  .timeline__content {
    position: relative;
    border-radius: var(--block-border-radius);
  }

  [dir="ltr"] .timeline__content::before {
    right: 100%;
  }

  [dir="rtl"] .timeline__content::before {
    left: 100%;
  }

  .timeline__content::before {
    content: '';
    position: absolute;
    width: var(--timeline-image-max-width);
    height: 100%;
    top: 0;
    pointer-events: none;
  }

  .timeline__content,
  .timeline__content::before {
    scroll-snap-align: center;
    scroll-snap-stop: always;
  }

  .timeline__nav-wrapper {
    margin-left: calc(-1 * var(--container-gutter));
    margin-right: calc(-1 * var(--container-gutter));
  }

  .timeline__nav-scroller {
    width: max-content;
    min-width: 100%;
  }

  .timeline__nav {
    margin-left: 24px;
    margin-right: 24px;
  }

  .timeline__nav-item {
    max-width: 190px;
  }
}

@media screen and (min-width: 741px) and (max-width: 999px) {
  .timeline {
    --timeline-image-max-width: 50vw;
    --timeline-content-max-width: 54vw;
  }
}

@media screen and (min-width: 1000px) {
  .timeline__list {
    align-items: stretch;
  }

  .timeline__list-wrapper {
    overflow: hidden;
  }

  .timeline__item {
    display: flex;
    flex: none;
    width: calc(var(--grid-column-width) * 13 + var(--grid-gap) * 12);
    transition: opacity 0.25s ease-in-out;
    background: rgb(var(--section-box-background));
    border-radius: var(--block-border-radius);
    overflow: hidden;
    z-index: 0; /* Creating new stacking context is needed on Safari to apply the border radius */
  }

  .timeline__item[hidden] {
    opacity: 0.2;
    will-change: opacity;
  }

  [dir="ltr"] .timeline__item:not(:last-child) {
    margin-right: calc(var(--grid-column-width) + var(--grid-gap));
  }

  [dir="rtl"] .timeline__item:not(:last-child) {
    margin-left: calc(var(--grid-column-width) + var(--grid-gap));
  }

  .timeline__item:last-child:not(:only-child) {
    margin-right: var(--container-outer-width);
  }

  .timeline__content-wrapper {
    align-self: center;
  }

  .timeline__content-wrapper--top {
    align-self: flex-start;
  }

  .timeline__content-wrapper--bottom {
    align-self: flex-end;
  }

  .timeline__image-wrapper,
  .timeline__content-wrapper {
    flex: none;
    width: 50%;
  }

  .timeline__image-wrapper {
    min-height: 100%;
  }

  .timeline__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  [dir="ltr"] .timeline__nav-item {
    padding-right: 20px;
  }

  [dir="rtl"] .timeline__nav-item {
    padding-left: 20px;
  }
}

@media screen and (min-width: 1400px) {
  .timeline__content {
    padding: 64px;
  }
}
/* For the boxed variation, the size setting controls the width */

.video-section--boxed {
  margin-left: auto;
  margin-right: auto;
}

.video-section--boxed.video-section--small {
  max-width: 800px;
}

.video-section--boxed.video-section--medium {
  max-width: 1000px;
}

.video-section--boxed.video-section--large {
  max-width: 1200px;
}

/* For the full-width, the size setting controls the height */

.video-section--full .video-wrapper {
  --video-width: 100vw;
  height: var(--video-height);
}

.video-section--full.video-section--small {
  --video-height: 250px;
}

.video-section--full.video-section--medium {
  --video-height: 350px;
}

.video-section--full.video-section--large {
  --video-height: 450px;
}

@media screen and (min-width: 741px) and (max-width: 999px) {
  .video-section--full.video-section--small {
    --video-height: 300px;
  }

  .video-section--full.video-section--medium {
    --video-height: 375px;
  }

  .video-section--full.video-section--large {
    --video-height: 425px;
  }
}

@media screen and (min-width: 1000px) and (max-width: 1199px) {
  .video-section--full.video-section--small {
    --video-height: 400px;
  }

  .video-section--full.video-section--medium {
    --video-height: 500px;
  }

  .video-section--full.video-section--large {
    --video-height: 570px;
  }
}

@media screen and (min-width: 1200px) {
  .video-section--full.video-section--small {
    --video-height: 600px;
  }

  .video-section--full.video-section--medium {
    --video-height: 700px;
  }

  .video-section--full.video-section--large {
    --video-height: 800px;
  }
}

/* NOTE: this code is to fix a temporary issue introduced by Safari 15.4 that prevents any overflow: hidden to be scrollable
   programmatically. Those temporary fixes will be removed from the theme once a new version of Safari is released
 */

@media screen and (min-width: 1000px) {
  .product-list__inner--scroller {
    overflow-x: auto;
    overflow-y: hidden;
    overflow: auto hidden;
    scroll-snap-type: x mandatory;
  }

  .product-list__inner--scroller .product-item {
    scroll-snap-align: end;
  }

  .timeline__list-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    overflow: auto hidden;
    scroll-snap-type: x mandatory;
  }

  .timeline__item {
    scroll-snap-align: center;
  }
}

/* Header smaller 
 .header__wrapper {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
 */
.announcement-bar__message.text--xsmall {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
 

.announcement-bar__message.text--xsmall {
    font-size: 13px !important;
}

.header__search-bar.predictive-search.hidden-pocket {
    font-size: 16px;
}

/* Header Logo top, navigation bottom  */
.header__linklist-link.link--animated {
    font-family: Cooper BT;
    font-size: 16px;
  font-weight: 400;
}
.header__wrapper {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

/* Announcement Bar
.announcement-bar__list {
    font-family: Cooper BT;
    font-weight: 500;
}
 */

/*  Header font cooper 
.header__linklist.list--unstyled.hidden-pocket.hidden-lap {
    text-transform: uppercase;
    font-size: 15px;
     letter-spacing: 0.5pt;
}
 */
 

.header__cart-count.header__cart-count--floating.bubble-count {
    background-color: #C29A40;
}

.header__cart-count.header__cart-count--floating.bubble-count {
    background-color: #C29A40;
    font-weight: 600;
    font-family: Cooper BT;
    font-size: 11px;
}

.shipping-bar__progress::after {
    color: #646851;
}
    .shipping-bar__progress {
        margin-top: 8px;
        height: 10px;
        color: #646851;
        border-radius: 99px !important;
}

.color-swatch__item {
    border: 2px solid #e8e2da;
}

/* Buybox */
/* .product__info {
    border: 4px solid #ede7de;
    border-radius: 6px;
    padding: 30px;
    background-color: rgba(245, 241, 235, 0.2);
} */

#AddToCart {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 18px;
    font-weight: 700;
    border-radius: 6px;
    border: 2px solid #C2933B;
    text-transform: inherit;
  letter-spacing: 0px;
}

.checkout-button.button.button--primary.button--full {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 10px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    border-radius: 6px !important;
    border: 2px solid #C2933B !important;
    text-transform: inherit;
    letter-spacing: 0px;
    background-color: #D5A141 !important;
}

@media screen and (max-width: 740px) {
.list-collections__item-image-wrapper {
    position: relative;
    max-height: 470px;
}
.list-collections__item-image-wrapper {
    position: relative;
    height: 470px;
}
  }

@media screen and (max-width: 500px) {
.list-collections__item-image-wrapper {
    position: relative;
    max-height: 270px;
}
.list-collections__item-image-wrapper {
    position: relative;
    height: 270px;
}
  }

/* START Ihor - 22.08.22 - Announcement bar */
.flex-align-center {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.flex-1 {
  flex: 1;
}

.w-100 {
  width: 100% !important;
}

.announcement-bar--wrapper {
  background: rgb(var(--section-background));
  font-weight: 600;
}

.announcement-bar {
  padding-left: 0;
  padding-right: 0;
}

.announcement-bar--side.side-right {
  justify-content: flex-end;
}

.announcement-bar--left-icon {
  margin-right: 0.25em;
}

.announcement-bar--left-icon,
.announcement-bar--right-icon {
  display: flex;
}

.announcement-bar--left-icon img {
  height: 1em;
  width: auto;
}

.announcement-bar--right-icon img {
  height: 1.25em;
  width: auto;
}

.announcement-bar--right-icon {
  margin-left: 0.5em;
}

.announcement-bar__message {
  padding-top: 12px;
  padding-bottom: 12px;
}

.announcement-bar--nav {
  margin-left: -16px;
}

.announcement-bar--nav a {
  display: inline-flex;
  padding-left: 16px;
}

.announcement-bar--side {
  flex: 0 0 82px;
  max-width: 82px;
}

.announcement-bar--row .announcement-bar {
  flex: 0 0 calc(100% - 164px);
  max-width: calc(100% - 164px);
}

.announcement-bar__list {
  width: 100%;
}

@media (min-width: 741px) {
  .announcement-bar--side {
    flex: 0 0 100px;
    max-width: 100px;
  }
  
  .announcement-bar--row .announcement-bar {
    flex: 0 0 calc(100% - 200px);
    max-width: calc(100% - 200px);
  }

  .announcement-bar__message {
    min-width: 0;
    max-width: 100%;
  }

  .announcement-bar__list {
    padding-left: 12px;
    padding-right: 12px;
  }

  .announcement-bar__content-overlay {
    opacity: 0;
  }
}

@media (min-width: 1000px) {
  .announcement-bar--nav + .announcement-bar--right-icon {
    margin-left: 2em;
  }

  .announcement-bar--side {
    flex: 0 0 355px;
    max-width: 355px;
  }
  
  .announcement-bar--row .announcement-bar {
    flex: 0 0 calc(100% - 710px);
    max-width: calc(100% - 710px);
  }
}

@media (max-width: 740px) {
  .announcement-bar--wrapper .text--xsmall {
    font-size: 12px;
  }
}

@media (max-width: 399px) {
  .announcement-bar__list {
    padding-left: 5px;
    padding-right: 5px;
  }

  .announcement-bar--side {
    flex: 0 0 80px;
    max-width: 80px;
  }

  .announcement-bar--row .announcement-bar {
    flex: 0 0 calc(100% - 160px);
    max-width: calc(100% - 160px);
  }

  .announcement-bar--wrapper .announcement-bar__message.text--xsmall {
    font-size: 11px;
  }

  .announcement-bar--wrapper .announcement-bar--container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 390px) {
  .announcement-bar--left-icon img {
    height: 0.9em;
    width: auto;
  }
}

@media (max-width: 370px) {
  .announcement-bar__list {
    padding-left: 0;
    padding-right: 0;
  }
}
/* END Ihor - 22.08.22 - Announcement bar */

@media (max-width: 768px) { 
  #shopify-section-template--16113214554378__collection-banner .h1, .rte h1 {
    font-size: 30px !important;
  }
}

/* START: ID - 30.09.22 - Promo blocks slider */
.promotion-block-slider {
  display: flex;
  flex-wrap: nowrap;
}

.promotion-block-slider.flickity-enabled {
  display: block;
}

.promotion-block--item {
  width: 40%;
}

.promotion-block--item .promotion-block {
  flex: 0 0 100%;
  max-width: 100% !important;
  width: 100%;
}

.promotion-block-slider--wrapper {
  margin-left: -6px;
  margin-right: -6px;
}

.promotion-block--item {
  padding-left: 6px;
  padding-right: 6px;
}

.promotion-block-slider .promotion-block {
  --promotion-block-padding: 20px 16px;
}

.promotion-block-slider .promotion-block__heading {
  font-size: 17px;
  margin-bottom: 8px;
  word-break: break-word;
}

.promotion-block-slider .promotion-block__button {
  font-size: 10px;
  padding-left: 12px;
  padding-right: 12px;
}

.promotion-block-slider .button-wrapper {
  margin-top: 8px;
}

.sec--promotion-blocks.has-overlay .promotion-block__overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(7.15deg, rgba(0, 0, 0, 0.62) -0.88%, rgba(0, 0, 0, 0) 63.29%);
}

.sec--promotion-blocks.has-overlay .promotion-block__content-wrapper {
  z-index: 2;
}

@media (min-width: 560px) {
  .promotion-block--item {
    width: 230px;
  }
}

@media (min-width: 741px) {
  .promotion-block-slider .flickity-button {
    position: absolute;
    width: 30px;
    height: 30px;
    padding: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #535353;
    top: 50%;
    margin-top: -15px;
    border-radius: 100%;
  }

  .promotion-block-slider .flickity-button.previous {
    left: -7px;
  }

  .promotion-block-slider .flickity-button.next {
    right: -7px;
  }

  .promotion-block-slider .flickity-button .flickity-button-icon {
    width: 100%;
    height: 100%;
    fill: currentColor;
  }
}
.variant-swatch-wrapper .flickity-button .flickity-button-icon {
  width: 50%;
  height: 50%;
  fill: currentColor;
}

@media (min-width: 1000px) {
  .promotion-block-slider--wrapper {
    margin-left: -10px;
    margin-right: -10px;
  }

  .promotion-block--item {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width: 1460px) {
  .promotion-block--item {
    width: 16.66666%;
  }
}

@media (max-width: 999px) {
  .collection-promos .container {
    padding-left: 12px;
    padding-right: 12px;
  }
}
/* END: ID - 30.09.22 - Promo blocks slider */

/* START: ID - 10.10.22 - Checkout new version + minor spacing issue */
.sec--promotion-blocks .vertical-breather {
  --vertical-breather: 24px;
}

@media (min-width: 741px) {
  .sec--promotion-blocks .vertical-breather {
    --vertical-breather: 32px;
  }
}

@media (min-width: 1200px) {
  .sec--promotion-blocks .vertical-breather {
    --vertical-breather: 40px;
  }
}
/* END: ID - 10.10.22 - Checkout new version + minor spacing issue */

/* START ID - 14.10.22 - Feature icons to image+text block */
.image-with-text__feature {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 16px;
}

.image-with-text__feature-main {
  line-height: 1.5;
}

.image-with-text__feature-icon {
  width: 42px;
  margin-right: 12px;
}

.image-with-text__feature-icon img {
  max-width: 100%;
  margin: 0 !important;
}

.image-with-text__feature-heading,
.image-with-text__feature-copy h3 {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 0;
}

.image-with-text__feature-text p,
.image-with-text__feature-copy p {
  margin: 0;
}

.image-with-text__feature-text,
.image-with-text__feature-copy {
  font-size: 13px;
}

@media (min-width: 1200px) {
  .image-with-text__feature-icon {
    width: 70px;
    margin-right: 30px;
  }

  .image-with-text__feature {
    margin-top: 40px;
  }

  .image-with-text__feature-heading,
  .image-with-text__feature-copy h3 {
    font-size: 18px;
  }

  .image-with-text__feature-text,
  .image-with-text__feature-copy {
    font-size: 16px;
  }
}
/* END ID - 14.10.22 - Feature icons to image+text block */

/* START ID - 21.10.22 - Elements from glow25 */
.product-form__text.availability-status-text {
  line-height: 1.2;
  color: #4E8F44;
  font-weight: bold;
  padding-top: 0.5em;
}

.product-form__text.availability-status-text:before {
  content: '';
  display: inline-block;
  transform: translateY(0.2em);
  width: 1em;
  height: 1em;
  margin-right: 0.55em;
  background-color: currentColor;
  border-radius: 100%;
}

.product-meta__advantages {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr;
  margin-top: 0px !important;
  margin-bottom: 16px;
}



  .product-meta__advantage {
    background-color: #F5F1EB;
    border: 1px solid #F5F1EB;
    border-radius: 5px;
    padding: 13px;
}

.product-meta__advantage-icon {
  flex: 0 0 24px;
  max-width: 24px;
  padding-right: 2px;
  display: flex;
}

.product-meta__advantage-content {
  font-size: 13px;
  flex: 0 0 calc(100% - 30px);
  max-width: calc(100% - 30px);
  line-height: 1.2;
  padding-left: 13px;
}

.product-media__accordion {
  margin-top: 20px;
  flex: 0 0 100%;
  max-width: 100%;
  order: 4;
  padding-left: 100px;
}



.accordion-icon {
  display: inline-flex;
  pointer-events: none;
  margin-left: auto;
  width: 0.75em;
  height: 0.75em;
  line-height: 1;
  position: relative;
}

.accordion-icon:before,
.accordion-icon:after {
  content: '';
  background-color: currentColor;
  position: absolute;
  transition: all 0.2s ease;
}

.accordion-icon:before {
  left: 0;
  width: 100%;
  height: 1px;
  top: 50%;
  margin-top: -0.5px;
}

.accordion-icon:after {
  left: 50%;
  width: 1px;
  height: 100%;
  top: 0;
  margin-left: -0.5px;
}

.accordion-item.active .accordion-icon:after {
  transform: rotate(90deg);
}

.accordion-item {
  background-color: #ffffff;
  border: 2px solid #F5F1EB;
  border-radius: 5px;
  overflow: hidden;
}

.accordion-content {
  width: 100%;
  transition: all 0.2s ease-in-out;
  opacity: 0;
  height: auto;
  max-height: 0;
  overflow: hidden;
}

.accordion-item.active .accordion-content {
  opacity: 1;
  height: auto;
  max-height: 2000px;
}

.accordion-header {
  background-color: #ffffff;
  cursor: pointer;
}

.accordion-header,
.accordion-content__inner {
  padding: 12px 16px;
}

.accordion-item + .accordion-item {
  margin-top: 12px;
}

.product-accordion .accordion-header {
  font-size: 20px;
}

@media (min-width: 1000px) {
  .product-meta__advantages {
    margin-top: 20px;
    gap: 15px;
  }
  
  .product-meta__advantage-icon {
    flex: 0 0 40px;
    max-width: 40px;
    padding-right: 10px;
  }

  .product-meta__advantage-content {
    flex: 0 0 calc(100% - 40px);
    max-width: calc(100% - 40px);
  }

  .product-media__accordion {
    --product-media-width: calc(var(--grid-column-width) * 10 + var(--grid-gap) * 10);
    width: var(--product-media-width);
  }

  .accordion-header,
  .accordion-content__inner {
    padding: 14px 24px;
  }

  .accordion-item + .accordion-item {
    margin-top: 16px;
  }
}

@media (min-width: 1200px) { 
  .product-media__accordion {
    --product-media-width: calc(var(--grid-column-width) * 9 + var(--grid-gap) * 9);
  }
}

@media (min-width: 1400px) {
  .product-media__accordion {
    --product-media-width: calc(var(--grid-column-width) * 10 + var(--grid-gap) * 10);
    padding-left: 136px;
  }
}
/* END ID - 21.10.22 - Elements from glow25 */

/* START JK - 25.10.22 - Quickfix collection promo slider padding */

.section.sec--promotion-blocks.has-overlay {
    margin-top: 20px;
    margin-bottom: 0px;
}



/* END JK - 25.10.22 - Quickfix collection promo slider padding */

/* START ID - 27.10.22 - Mobile nav link */
.mobile-nav__toggle-link {
  font-family: var(--text-font-family);
  font-size: 0.7em;
  margin-left: auto;
  margin-right: 16px;
}
/* END ID - 27.10.22 - Mobile nav link */

/* NOTE: payment trust symbole unter dem cart button */
.drawer__footer::after {
  content: "";
  display: block;
  width: 100%; /* Breite des Bildes leicht angepasst */
  height: 36px; /* Höhe des Bildes */
  background-image: url(/cdn/shop/files/payment_icon_7cc08fb6-e71f-4e82-9e93-08a96e6ab192.png?v=1737028059);
  background-size: cover;
  background-position: center;
  margin-top: 10px; /* Abstand zum Checkout-Button */
}

/*
 * FLICKITY CONTROLS POSITIONIERUNG
 */

@media screen and (max-width: 740px) {
  /* Wrapper für Varianten mit relativer Positionierung */
  .variant-swatch-wrapper {
    position: relative !important;

  } 

} 
.variant-swatch-wrapper .block-swatch-list {
  overflow-x: hidden !important;
  overflow-y: hidden !important; 
  max-height: 58px !important;
  }
  /* Flickity-Controls Navigation */
  .variant-swatch-nav {s
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 20 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100%;
  }
  
  /* Flickity-Buttons Styling */
  .variant-swatch-nav .flickity-button {
    position: absolute !important;
    width: 100px !important;
    height: 100px !important;
    background: rgba(190, 190, 190, 0.8) !important;
    border-radius: 50% !important;
    color: #333 !important;
    font-weight: bold !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
  }
  

  
  /* Hover-Effekte */
  .variant-swatch-nav .flickity-button:hover:not(:disabled) {
    background: rgba(255, 255, 255, 1) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
  }
  
  /* Disabled State - Flickity setzt dies automatisch */
  .variant-swatch-nav .flickity-button:disabled {
    opacity: 0.3 !important;
    cursor: not-allowed !important;
    background: rgba(200, 200, 200, 0.5) !important;
  }
}

.scroll-button-right {
  right: 0px !important;
}


  
  /* Custom Navigation Buttons */
  .variant-swatch-nav {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 20 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 50px;
  }
  
  /* Button Styling */
  .variant-swatch-nav button {
    position: absolute !important;
    width: 32px !important;
    height: 32px !important;
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid #ddd !important;
    border-radius: 50% !important;
    color: #333 !important;
    font-size: 18px !important;
    font-weight: bold !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
  }

  .flickity-prev-next-button.next{
    right: 0px !important;
  }
  
  .flickity-prev-next-button .previous{
    right: 0px !important;
  }
  
  /* Hover-Effekte */
  .variant-swatch-nav button:hover {
    background: rgba(255, 255, 255, 1) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
  }
  
  /* Disabled State - Buttons verschwinden komplett */
  .variant-swatch-nav button:disabled {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: scale(0.5) !important;
    pointer-events: none !important;
  }

  /* Flickity-Controls Navigation */
  .variant-swatch-wrapper {
    position: relative !important;
 
  }
  
  /* Eingebaute Flickity-Buttons Styling */
  .variant-swatch-wrapper .flickity-button {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 32px !important;
    height: 100% !important;
    background: rgb(var(--secondary-background))!important;
    border-radius: 10% !important;
    color: #333 !important;
    font-size: 10px !important;
    font-weight: bold !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    z-index: 2 !important;
   
  
  }
  
  /* Linker Button */
  .variant-swatch-wrapper .flickity-button--previous {
    left: -40px !important;
    margin-left: 50px !important;
  }
  
  /* Rechter Button */
  .variant-swatch-wrapper .flickity-button--next {
    right: -40px !important;
  }
  
  /* Hover-Effekte */
  .variant-swatch-wrapper .flickity-button:hover:not(:disabled) {
    background: rgb(var(--secondary-background), 0.8) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
  }
  
  /* Disabled State - Buttons verschwinden komplett */
  .variant-swatch-wrapper .flickity-button:disabled {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: scale(0.5) !important;
    pointer-events: none !important;
  }

/*
 * PASSFORM BLOCK STYLING
 */

.passform-block {
  margin: 0px 0;
  background: #fff;
}

.passform-block__header {
  margin-bottom: 20px;
}

.passform-block__title {
  margin: 0;
  color: #333;
}

.passform-block__content {
  margin-top: 20px;
}

.passform-block__slider {
  margin: 0px 0;
}

.passform-block__slider-track {
  display: flex;
  gap: 2px;
  margin-bottom: 0px;
}

.passform-block__slider-segment {
  flex: 1;
  height: 6px;
  background: #e0e0e0;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}

.passform-block__slider-segment.is-active {
  background: #333;
}

.passform-block__labels {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.passform-block__label {
  font-size: 14px;
  color: #666;
  text-align: center;
  flex: 1;
}

.passform-block__label--small {
  text-align: left;
}

.passform-block__label--normal {
  text-align: center;
}

.passform-block__label--large {
  text-align: right;
}

.passform-block__current {
  margin-top: 20px;
  padding: 15px;
  background: #f8f8f8;
  border-radius: 8px;
  text-align: center;
}

.passform-block__current-text {
  font-size: 16px;
  color: #333;
}

/* Passform Block Header mit Größentabelle Link */
.passform-block__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.passform-block__size-chart-link {
  font-size: 14px;
  color: #666;
  text-decoration: underline;
  cursor: pointer;
  transition: color 0.3s ease;
  background: none;
  border: none;
  padding: 0;
  font-family: inherit;
}

.passform-block__size-chart-link:hover {
  color: #333;
}

/* Size Chart Drawer Styling */
.size-chart-drawer {
  /* Erbt alle Drawer-Styles von der Basis-Klasse */
}

.size-chart__content {
  padding: 0;
  line-height: 1.6;
}

.size-chart__content h1,
.size-chart__content h2,
.size-chart__content h3,
.size-chart__content h4,
.size-chart__content h5,
.size-chart__content h6 {
  margin-top: 0;
  margin-bottom: 16px;
}

.size-chart__content p {
  margin-bottom: 16px;
}

.size-chart__content table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
}

.size-chart__content th,
.size-chart__content td {
  padding: 12px;
  text-align: left;
  border-bottom: 1px solid #b9b9b9;
}

.size-chart__content th {
  background-color: #f8f8f8;
  font-weight: 600;
}

.size-chart__placeholder {
  text-align: center;
  padding: 40px 20px;
  color: #666;
}

/* Size Chart Product Subtitle */
.size-chart-product-subtitle {
  font-size: 14px;
  color: #666;
  margin: 8px 0 0 0;
  font-weight: normal;
  display: block;
  width: 100%;
}

/* Size Chart Drawer Header */
.size-chart-drawer .drawer__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-bottom: none !important;
  min-height: 90px;
}

.size-chart-drawer .drawer__title {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}

.size-chart-drawer .drawer__close-button {
  position: absolute;
  top: 16px;
  right: 16px;
}

/* Size Chart Image */
.size-chart__image {
  margin: 20px 0;
  text-align: center;
  padding: 0;
  box-sizing: border-box;
}

.size-chart__image-element {
  max-width: 100%;
  width: 100%;
  height: auto;
  display: block;
}


/* Size Chart Table */
.size-chart__table-wrapper {
  margin: 20px 0;
  overflow-x: auto;
}

.size-chart__table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  
}

.size-chart__table th {
  background-color: #f8f9fa;
  color: #333;
  font-weight: 600;
  padding: 16px 12px;
  text-align: left;
  border-bottom: 2px solid #e9ecef;
  font-size: 14px;
}

.size-chart__table td {
  padding: 12px;
  border-bottom: 1px solid #e9ecef;
  font-size: 14px;
  color: #555;
}

.size-chart__table tbody tr:hover {
  background-color: #f8f9fa;
}

.size-chart__table tbody tr:last-child td {
  border-bottom: none;
}

.size-chart__info {
  margin-top: 5px;
  font-size: 13px;
  color: #666;
  
}

/* Responsive Design */
@media screen and (max-width: 768px) {
  .size-chart__table th,
  .size-chart__table td {
    padding: 10px 8px;
    font-size: 13px;
  }
  
  .size-chart-product-subtitle {
    font-size: 13px;
  }
}