.product-detail__price .product-price__item {
  display: inline;
}

.product-detail__inventory :is(.progress-stock, .in-stock) strong {
  color: rgb(var(--color-text));
  font-size: var(--body6-font-size);
}

.product-detail__inventory .low-stock::before,
.product-detail__inventory .in-stock::before,
.product-detail__inventory .out-stock::before {
  --icon-size: 10px;

  content: '';
  display: inline-block;
  vertical-align: middle;
  width: var(--icon-size);
  height: var(--icon-size);
  margin-inline-end: 8px;
  background-color: currentcolor;
  border-radius: 50%;
}

.product-detail__inventory .low-stock::before {
  background-color: #fe9e0f;
}

.product-detail__inventory .in-stock::before {
  background-color: #35c08e;
}

.product-detail__inventory .out-stock {
  color: #f86140;
}

.product-detail__variant-picker {
  --border-thickness: var(--variant-picker-border-thickness);
  --border-color: rgba(var(--color-text)/ var(--variant-picker-border-opacity));
}

.product-detail__variant-picker[data-size="0"] {
  display: none;
}

.variant-picker__dropdown {
  margin-block-end: 0;
}

.variant-picker__dropdown .field__inner {
  border-radius: var(--variant-picker-border-radius);
  box-shadow: var(--variant-picker-shadow-offset-x) var(--variant-picker-shadow-offset-y) var(--variant-picker-shadow-blur) rgb(var(--color-shadow) / var(--variant-picker-shadow-opacity));
}

.variant-picker__dropdown .field__inner::before {
  border-radius: var(--variant-picker-border-radius);
  box-shadow: inset 0 0 0 var(--border-thickness) var(--border-color);
}

.variant-picker__dropdown .field__inner:focus,
.variant-picker__dropdown .field__inner:focus-within {
  --border-thickness: calc(var(--variant-picker-border-thickness, 0px) + 1px);
  --border-color: rgb(var(--color-text));
}

@media (pointer: fine) {
  .variant-picker__dropdown .field__inner:hover {
    --border-thickness: calc(var(--variant-picker-border-thickness, 0px) + 1px);
  }
}

.variant-picker__button {
  padding: 12px 16px;
  box-shadow: inset 0 0 0 var(--border-thickness) var(--border-color);
  transition: box-shadow 0.3s ease;
}

@media (pointer: fine) {
  .variant-picker__button:hover {
    --border-thickness: calc(var(--variant-picker-border-thickness, 0px) + 1px);
  }
}

.variant-picker__option input[type="radio"]:checked+* {
  --border-thickness: calc(var(--variant-picker-border-thickness, 0px) + 1px);
  --border-color: rgb(var(--color-text));
}

.variant-picker__option theme-popover-content {
  background-color: rgb(var(--color-text));
  inset-block-end: calc(100% + 12px);
  color: rgb(var(--color-background));
  padding: 7px 6px;
  font-size: 12px;
  font-weight: normal;
  line-height: 1;
  width: max-content;
  visibility: hidden;
  animation: animation-tooltip-out 0.3s ease;
  transition: visibility 0.3s ease;
}

.variant-picker__option theme-popover-content::after {
  position: absolute;
  inset-inline-start: 50%;
  transform: translateX(calc(-50% * var(--transform-logical)));
}

.variant-picker__option theme-popover-content::after {
  content: '';
  border-color: rgb(var(--color-text)) transparent;
  border-style: solid;
  border-width: 10px 10px 0;
  inset-block-end: -7px;
  display: block;
  width: 0;
}

.variant-picker__option theme-popover[open] theme-popover-content {
  visibility: visible;
  animation-name: animation-tooltip-in;
  animation-fill-mode: forwards;
}

.variant-picker__option theme-popover[closing] theme-popover-content {
  visibility: hidden;
  animation-name: animation-tooltip-out;
}

.variant-picker__button--image {
  width: 50px;
  height: auto;
  padding: 2px;
}

.variant-picker__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: var(--variant-picker-border-radius);
}

.variant-picker__option .color-swatch {
  --swatch-size: 30px;
}

.variant-picker__option .color-swatch::after {
  width: 8px;
  height: 8px;
}

.variant-picker__option.disabled {
  color: rgba(var(--color-text)/ 0.2);
}

.variant-picker__option.disabled::after {
  content: '';
  position: absolute;
  inset: 5px;
  pointer-events: none;
  background: linear-gradient(to bottom right, transparent calc(50% - 0.5px), currentcolor calc(50% - 0.5px) calc(50% + .05px), transparent calc(50% + 0.5px));
}

.product-detail__form {
  row-gap: 20px;
}

.product-detail__accelerated_buttons {
  width: 100%;
}

.product-detail__accelerated_buttons .button {
  height: auto;
  padding-block: 20px;
}

.sizechart__content .sizechart__header {
  margin-block-end: 32px;
}

.sizechart__content .sizechart__header .modal__close-control {
  position: static;
}

.sizechart__content table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.sizechart__content table :is(th, td) {
  text-align: start;
  padding: 16px 10px;
}

.sizechart__content thead tr {
  border-block-end: 6px solid currentColor;
}

.sizechart__content thead :is(th, td) {
  font-weight: 600;
}

.sizechart__content tbody tr {
  border-block-end: 1px solid rgb(var(--color-border));
}

@media (pointer: fine) {
  .sizechart__content tbody tr {
    transition: background-color 0.3s ease;
  }

  .sizechart__content tbody tr:hover {
    background-color: rgb(var(--color-text)/ 0.025);
  }
}

.sizechart-collect-block-btn,
.compare-collect-block-btn {
  background: none;
  color: rgb(var(--color-text));
  margin: 0;
  padding: 0;
  border: none;
  font-family: var(--sort-body-font);
  line-height: var(--sort-body-line-height);
  letter-spacing: var(--sort-body-letter-spacing);
  font-weight: calc(var(--sort-body-weight) + 100);
  font-size: var(--body5-font-size);
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

.compare-collect-block-btn :is(.icon-compare, .icon-compare-check) {
  width: 20px;
  height: auto;
}

.compare-collect-block-btn[active] .icon-compare {
  display: none;
}

.compare-collect-block-btn[active] .icon-compare-check {
  display: block;
}

.compare-collect-block-btn.loading :is(.icon-compare, .icon-compare-check) {
  color: transparent;
}

.compare-collect-block-btn.loading .button__spinner {
  display: block;
  animation: animation-circling 0.5s linear infinite;
}

@media (pointer: fine) {
  @keyframes animation-rotate-in {
    0% {
      transform: rotate(0)
    }

    50% {
      transform: rotate(40deg)
    }

    to {
      transform: rotate(0)
    }
  }

  .compare-collect-block-btn:hover .icon-compare {
    animation: animation-rotate-in 0.6s ease-in-out infinite;
  }
}


.product-detail__form .form__error-message {
  margin-block-end: 0;
}

.product-detail__form .form__error-message::after {
  content: attr(data-message);
  vertical-align: middle;
}

.quantity-selector__rules span+span::before {
  content: " + ";
}

.product-detail__volume-pricing:has(>:only-child:empty) {
  display: none;
}

.product-detail__share-placed.top-0 {
  transform: translateY(-50%);
}

.product-detail__share-placed.bottom-0 {
  transform: translateY(50%);
}

.product-detail__share-placed .share-button>button,
.product-detail__share-placed .share-button>details>summary {
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: rgb(var(--color-background));
  box-shadow: 0px 0px 40px 0px rgb(var(--color-text)/ 0.08);
}

.product-detail__share-placed .share-button .link-text {
  display: none;
}

.product-detail__share-placed .share-button .icon-share {
  stroke-width: var(--icon-weight);
}

@media (min-width: 960px) {

  .product-detail__share-placed .share-button>button,
  .product-detail__share-placed .share-button>details>summary {
    width: 55px;
    height: 55px;
  }

  .product-detail__share-placed .share-button .icon-share {
    width: 24px;
    height: 24px;
  }

  .product-detail__share-placed.left-0 .share-button__content {
    inset-inline-end: auto;
    inset-inline-start: 0;
  }

  .product-detail__share-placed.right-0 .share-button__content {
    inset-inline-start: auto;
    inset-inline-end: 0;
  }
}

@media (pointer: fine) {
  .product-detail__share-placed .share-button>button::before {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: rgb(var(--color-text));
    transform: scale(0);
    transition: transform 0.5s cubic-bezier(.19, 1, .22, 1);
  }

  .product-detail__share-placed .share-button>button .icon-share {
    position: relative;
    transition: 0.5s cubic-bezier(.19, 1, .22, 1);
    transition-property: transform, color;
  }

  .product-detail__share-placed .share-button>button:hover::before {
    transform: scale(1);
  }

  .product-detail__share-placed .share-button>button:hover .icon-share {
    transform: scale(0.8);
    color: rgb(var(--color-background));
  }

  .product-detail__share-placed .share-button>button .link-text,
  .product-detail__share-placed .share-button>button .link-text::after {
    position: absolute;
    inset-inline-start: 50%;
    transform: translateX(calc(-50% * var(--transform-logical)));
  }

  .product-detail__share-placed .share-button>button .link-text {
    display: block;
    position: absolute;
    inset-block-end: calc(100% + 12px);
    background-color: rgb(var(--color-text));
    color: rgb(var(--color-background));
    padding: 7px 6px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1;
    width: max-content;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    animation: animation-tooltip-out 0.3s ease;
    transition: visibility 0.3s ease;
  }

  .product-detail__share-placed .share-button>button .link-text::after {
    content: '';
    border-color: rgb(var(--color-text)) transparent;
    border-style: solid;
    border-width: 10px 10px 0;
    inset-block-end: -7px;
    display: block;
    width: 0;
  }

  .product-detail__share-placed .share-button>button:hover .link-text {
    visibility: visible;
    animation-name: animation-tooltip-in;
    animation-fill-mode: forwards;
  }
}

.product-detail__accordion .accordion-row {
  border-block-start: 1px solid rgb(var(--color-border));
  border-block-end: 1px solid rgb(var(--color-border));
}

.product-detail__accordion .accordion-row+.accordion-row {
  border-block-start: 0;
}

.product-detail__accordion .accordion-row__trigger {
  padding: 16px;
  padding-inline-start: 0;
}

.product-detail__accordion .accordion-row__content {
  padding: 0 6px;
  overflow: hidden;
}

.product-detail__accordion .accordion-row__content::after {
  content: '';
  display: block;
  height: 16px;
}

.product-detail__accordion .accordion-row__arrow {
  transition: transform 0.3s ease;
}

.product-detail__accordion details[open] .accordion-row__arrow {
  transform: scaleY(-1);
}

.product__payment-icons>p {
  margin-block-end: 12px;
}

.product-detail__popup .modal__close-control {
  position: absolute;
  inset-block-start: 10px;
  inset-inline-end: 10px;
}

.product-detail__popup .modal__content {
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  scroll-snap-type: y mandatory;
  scrollbar-width: thin;
  padding-block: 24px;
  padding-inline: 20px;
}

@media (min-width: 960px) {
  .product-detail__popup .modal__close-control {
    inset-block-start: 30px;
    inset-inline-end: 30px;
  }

  .product-detail__popup .modal__content {
    width: 800px;
    max-height: 65dvh;
    padding-block: 3.75rem;
    padding-inline: 3.75rem;
  }

  .product-detail__popup--drawer .modal__content {
    --modal-animation-name: animation-slide-in-right;
    --modal-animation-name-close: animation-slide-out-right;

    box-sizing: border-box;
    border-color: rgb(var(--color-text) / var(--drawer-border-opacity));
    border-style: solid;
    border-width: 0 0 0 var(--drawer-border-thickness);
    box-shadow: var(--drawer-shadow-offset-x) var(--drawer-shadow-offset-y) var(--drawer-shadow-blur) rgb(var(--color-shadow)/ var(--drawer-shadow-opacity));

    inset-inline: auto 0;
    max-height: 100%;
    height: 100%;
    padding-block: 80px 60px;
    padding-inline: 100px;
  }

  .product-detail__popup--drawer .modal__close-control {
    inset-block-start: 36px;
    inset-inline-end: 36px;
  }
}

@media (max-width: 959px) {
  .product-detail__tabs+.divider {
    display: none;
  }
}

.product-detail__media-gallery .media-gallery__arrows {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  transform: none;
  overflow: hidden;
  justify-content: space-between;
  pointer-events: none;
  padding: 40px;
}

.product-detail__media-gallery .media-gallery__arrows button {
  pointer-events: auto;
  transform: scale(1.25);
}

@media (pointer: fine) {
  .product-detail__media-gallery .media-gallery__arrows {
    opacity: 0;
    transition: opacity 0.3s ease;
  }

  .product-detail__media-gallery:hover .media-gallery__arrows {
    opacity: 1;
  }
}

.product-detail__media-gallery .media-gallery__thumbnails {
  padding: 6px;
  max-width: 65%;
  width: fit-content;
  margin-inline: auto;
  transform: translateY(-40%);
  background-color: rgb(var(--color-background));
  box-shadow: 0px 0px 40px 0px rgb(var(--color-text)/ 0.08);
}

.product-detail__media-gallery .media-gallery__thumbnail-list {
  --gap: 6px;
  --columns: 3;
  --gap-columns: 3;
  gap: var(--gap, 0);
}

.product-detail__media-gallery .media-gallery__thumbnail {
  width: 60px;
}

.product-detail__media-gallery .media-gallery__thumbnail::after {
  content: '';
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  box-shadow: inset 0 0 0 1px rgb(var(--color-text)/ var(--border-opacity, 0));
  transition: box-shadow 0.3s ease;
}

@media (pointer: fine) {
  .product-detail__media-gallery .media-gallery__thumbnail:hover {
    --border-opacity: 0.1;
  }
}

.product-detail__media-gallery .media-gallery__thumbnail.selected {
  --border-opacity: 1;
}

.product-detail__media-gallery .media-gallery__thumbnail-play-icon {
  position: absolute;
  inset-block-start: 10px;
  inset-inline-end: 10px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: rgb(var(--color-background));
  box-shadow: 0px 0px 40px 0px rgb(var(--color-text)/ 0.08);
}

.product-detail__media-gallery .media-gallery__media {
  border-radius: var(--border-radius);
}

.product-detail__media-gallery .video-media__play {
  transform: none;
  inset: unset;
  inset-block-end: 16px;
  inset-inline-end: 16px;
  color: rgb(var(--color-text));
  background-color: rgb(var(--color-background));
  box-shadow: 0px 0px 40px 0px rgb(var(--color-text)/ 0.08);
}

.product-detail__media-gallery .media-gallery__preview-icon {
  position: absolute;
  inset-block-end: 16px;
  inset-inline-end: 16px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  color: rgb(var(--color-text));
  background-color: rgb(var(--color-background));
  box-shadow: 0px 0px 40px 0px rgb(var(--color-text)/ 0.08);
}

.product-detail__media-gallery[data-init="true"] .media-gallery__item,
.product-detail__media-gallery .media-gallery__item.active {
  display: flex;
}

@media (min-width: 960px) {
  .product-detail__media-gallery[data-layout="column"] .media-gallery__list-wrapper {
    display: flex;
    flex-direction: column;
  }

  .product-detail__media-gallery[data-layout="columns"] .media-gallery__list-wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-detail__media-gallery:is([data-layout="column"], [data-layout="columns"]) .media-gallery__list {
    display: contents;
  }

  .product-detail__media-gallery:is([data-layout="column"], [data-layout="columns"])[data-variant-multi-media="false"] .media-gallery__list .media-gallery__item:is(.selected, .hidden) {
    display: none;
  }

  .product-detail__media-gallery--large-first-image .media-gallery__sticky-wrapper,
  .product-detail__media-gallery[data-variant-multi-media="true"] .media-gallery__item:first-child {
    grid-column: span 2;
  }

  .product-detail__media-gallery :is(.media-gallery__dots, .media-gallery__status, .media-gallery__progress),
  .product-detail__media-gallery:is([data-layout="column"], [data-layout="columns"]) :is(.media-gallery__arrows, .media-gallery__thumbnails),
  .product-detail__media-gallery:is([data-thumbnail-position="left"], [data-thumbnail-position="right"]) :is(.media-gallery__arrows) {
    display: none;
  }

  .product-detail__media-gallery .media-gallery__thumbnail-list {
    --columns: 5.6;
    --gap-columns: 6;
  }

  .product-detail__media-gallery:is([data-thumbnail-position="left"], [data-thumbnail-position="right"]) .media-gallery__thumbnails {
    position: absolute;
    inset-block-start: 50%;
    width: 72px;
    max-width: unset;
    max-height: 50%;
    height: fit-content;
    margin-inline: unset;
    display: flex;
    flex-direction: column;
  }

  .product-detail__media-gallery[data-thumbnail-position="left"] .media-gallery__thumbnails {
    inset-inline-start: 0;
    transform: translate(calc(-65% * var(--transform-logical)), -50%);
  }

  .product-detail__media-gallery[data-thumbnail-position="right"] .media-gallery__thumbnails {
    inset-inline-end: 0;
    transform: translate(calc(65% * var(--transform-logical)), -50%);
  }

  .product-detail__media-gallery theme-product-media-hover-preview {
    cursor: zoom-in;
  }

  .product-detail__media-gallery theme-product-media-hover-preview::before {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-image: var(--original-image);
    background-repeat: no-repeat;
    background-position: var(--offset-x, 0) var(--offset-y, 0);
    background-size: var(--original-image-width, 100%) var(--original-image-height, 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
  }

  .product-detail__media-gallery theme-product-media-hover-preview.zoomed {
    cursor: zoom-out;
  }

  .product-detail__media-gallery theme-product-media-hover-preview.zoomed::before {
    opacity: 1;
  }

  .product-detail__media-gallery.media-gallery--zoomed :is(.media-gallery__image) {
    opacity: 0;
  }

  .product-detail__media-gallery.media-gallery--zoomed :is(.media-gallery__thumbnails, .media-gallery__arrows, .product-detail__media-layer, .media-gallery__preview-icon) {
    display: none;
  }

  .product-detail__media-gallery .media-gallery__preview-icon {
    width: 55px;
    height: 55px;
    inset-block-end: 20px;
    inset-inline-end: 20px;
  }

  .product-detail__media-gallery .media-gallery__preview-icon .icon {
    width: 24px;
    height: 24px;
  }

  .product-detail__media-gallery .video-media__play {
    inset-block-end: 20px;
    inset-inline-end: 20px;
  }

  @media (pointer: fine) {
    .product-detail__media-gallery :is(.media-gallery__preview-icon, .video-media__play)::before {
      content: '';
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      background-color: rgb(var(--color-text));
      transform: scale(0);
      transition: transform 0.5s cubic-bezier(.19, 1, .22, 1);
    }

    .product-detail__media-gallery :is(.media-gallery__preview-icon, .video-media__play) .icon {
      position: relative;
      transition: 0.5s cubic-bezier(.19, 1, .22, 1);
      transition-property: transform, color;
    }

    .product-detail__media-gallery :is(.media-gallery__preview-icon, .video-media__play):hover::before {
      transform: scale(1);
    }

    .product-detail__media-gallery :is(.media-gallery__preview-icon, .video-media__play):hover .icon {
      transform: scale(0.8);
      color: rgb(var(--color-background));
    }
  }
}

@media (min-width: 1280px) {
  .product-detail__media-gallery .media-gallery__thumbnail {
    width: 90px;
  }

  .product-detail__media-gallery:is([data-thumbnail-position="left"], [data-thumbnail-position="right"]) .media-gallery__thumbnails {
    width: 102px;
  }
}

@media (max-width: 959px) {
  .product-detail__media-gallery .media-gallery__arrows {
    display: none;
  }

  .product-detail__media-gallery:is([data-mobile-pagination="none"], [data-mobile-pagination="dot"], [data-mobile-pagination="counter"], [data-mobile-pagination="progress"]) .media-gallery__thumbnails {
    display: none;
  }

  .product-detail__media-gallery .carousel-indicator__dots {
    padding-block-start: 16px;
  }

  .product-detail__media-gallery .carousel-indicator__progress {
    display: block;
    max-width: 100%;
  }

  .product-detail__media-gallery .media-gallery__status {
    position: absolute;
    inset-block-end: 16px;
    inset-inline-start: 50%;
    transform: translateX(calc(-50% * var(--transform-logical)));
    padding: 8px 16px;
    border-radius: 999px;
    color: rgb(var(--color-background));
    background-color: rgb(var(--color-text) / 0.3);
    backdrop-filter: blur(16px);
  }

  .product-detail__media-gallery[data-mobile-width="inset"] .media-gallery__list {
    gap: 6px;
  }

  .product-detail__media-gallery[data-mobile-width="inset"] .media-gallery__item {
    width: 75vw;
  }
}

.product-detail__media-layer>* {
  pointer-events: auto;
}

@media (min-width: 960px) {
  .product-detail__media-layer .product-card__badges {
    --offset-x: calc(var(--s-padding-inline-start) + 20px);
    transform: translateX(calc(-1 * var(--offset-x) * var(--transform-logical)));
  }
}