.product {
  margin: 0;
  column-gap: 0;
}

.product__media-wrapper {
  padding-bottom: 0;
  position: relative;
}

.product__thumbnails-wrapper,
.no-js .product__thumbnails-wrapper {
  display: none;
}

media-gallery {
  display: block;
}

@media screen and (min-width: 750px) {
  .product--right {
    flex-direction: row-reverse;
  }

  .product__thumbnails-wrapper {
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    right: -2.3rem;
    bottom: 0;
    width: 4.6rem;
    pointer-events: none;
  }

  .product__thumbnails {
    position: sticky;
    top: 6rem;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 6rem 0 0;
    display: grid;
    row-gap: 0.6rem;
    pointer-events: visible;
  }

  .product__thumbnail {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 4rem rgba(var(--color-foreground), 0.2);
  }

  .product__thumbnail::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    box-shadow: inset 0 0 0 0.2rem rgb(var(--color-background));
    transition: box-shadow var(--duration-default) ease;
  }

  .product__thumbnail.is-active::after {
    box-shadow: inset 0 0 0 0.2rem rgb(var(--color-foreground));
  }

  .product__thumbnails .media {
    pointer-events: none;
    background-color: rgba(var(--color-foreground), 0.06);
    transition: transform var(--duration-long) ease;
  }

  .product__thumbnails .media-wrapper.loading {
    box-shadow: inset 0 0 0 0.2rem rgb(var(--color-background));
  }

  .product__thumbnails .deferred-media__poster-button {
    bottom: 0.5rem;
    right: 0.5rem;
    width: 2rem;
    height: 2rem;
    border-radius: 0.4rem;
    pointer-events: none;
    color: rgb(var(--color-background));
    background-color: rgba(var(--color-foreground), 0.9);
  }
}

@media screen and (min-width: 990px) {
  .product__thumbnails-wrapper {
    width: 6rem;
    right: -3rem;
  }
}

@media screen and (hover: hover) {
  .product__thumbnail:hover::after {
    box-shadow: inset 0 0 0 0.3rem rgb(var(--color-background));
  }

  .product__thumbnail.is-active:hover::after {
    box-shadow: inset 0 0 0 0.3rem rgb(var(--color-foreground));
  }

  .product__thumbnail:hover .media {
    transform: scale(1.1);
  }
}

.product__info-wrapper {
  padding-bottom: 0;
}

.product__media-wrapper .slider-mobile--overlay .slider-buttons {
  bottom: 0;
  margin-bottom: 0;
}

.product__media-wrapper .slider-mobile--overlay .slider-button {
  width: 5rem;
  height: 5rem;
  text-align: center;
}
.product__media-wrapper .slider-mobile--overlay .slider-button[disabled]{
      cursor: not-allowed;
    opacity: 0.6;
}
@media screen and (min-width: 750px) {
  .product--thumbnail_slider .product__media-gallery,
  .product--stacked .product__info-container--sticky,
  .product--columns .product__info-container--sticky {
    display: block;
    position: sticky;
    top: 0;
    z-index: 1;
  }

  .product--right .product__info-container {
    padding-inline-start: 0;
    padding-inline-end: 5rem;
  }

  .product__info-container {
    /* padding-top: 3rem; */
    padding-inline-start: 5rem;
  }

  .product__media-wrapper .slider-buttons {
    display: none;
  }
  /* HS-SH-Jun-114 Product Page Redesign */
  .product--thumbnail_slider:not(.product--hide-thumbnails) .product__media-item:not(.is-active) {
    display: none;
  }
}

@media screen and (min-width: 990px) {
  .product--right .product__info-container {
    padding-inline-start: 0;
    padding-inline-end: 7rem;
  }

  .product__info-container {
    padding-inline-start: 7rem;
  }

  .product--large:not(.product--no-media) .product__media-wrapper,
  .product--small:not(.product--no-media) .product__info-wrapper {
    max-width: 60%;
    width: calc(60% - var(--grid-horizontal-spacing) / 2);
  }

  .product--large:not(.product--no-media) .product__info-wrapper,
  .product--small:not(.product--no-media) .product__media-wrapper {
    max-width: 40%;
    width: calc(40% - var(--grid-horizontal-spacing) / 2);
  }

  .product--medium:not(.product--no-media) .product__media-wrapper,
  .product--medium:not(.product--no-media) .product__info-wrapper {
    max-width: 50%;
    width: calc(50% - var(--grid-horizontal-spacing) / 2);
  }
}

/* Dynamic checkout */

.shopify-payment-button__button {
  font-size: var(--font-button-size);
  letter-spacing: 0.3rem;
  line-height: calc(1 + 0.2 / var(--font-body-scale));
  min-width: 12rem;
  min-height: 4.6rem;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: var(--button-radius);
  overflow: hidden;
  position: relative;
  z-index: 1;
  font-family: var(--font-button-family);
  margin-top: var(--button-shadow-vertical-offset);
}

@media screen and (min-width: 750px) {
  .shopify-payment-button__button {
    min-height: 5rem;
  }
}

.shopify-payment-button__button--unbranded {
  color: rgb(var(--color-button-text));
  background-color: rgb(var(--color-button-background));
  border: var(--button-border-width) solid rgb(var(--color-button-border));
  transition-property: color, background-color, box-shadow;
  transition-duration: var(--duration-long);
  transition-timing-function: ease;
  box-shadow: var(--button-shadow-horizontal-offset) var(--button-shadow-vertical-offset) rgba(var(--color-shadow), var(--shadow-opacity));
}

@media screen and (hover: hover) {
  .shopify-payment-button__button--unbranded::after {
    content: '';
    z-index: -1;
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    transform: skew(-15deg);
    background-image: linear-gradient(90deg, transparent, rgba(var(--color-button-text), 0.25), transparent);
  }
  
  .shopify-payment-button__button--unbranded:hover:not([disabled]) {
    box-shadow: none;
    background-color: rgba(var(--color-button-background), 0.85);
    transition-delay: var(--duration-default);
  }

  .shopify-payment-button__button--unbranded:hover::after {
    animation: shine var(--duration-animate) ease;
  }
}

.shopify-payment-button__more-options {
  margin: 1.6rem 0 1rem;
  font-size: 1.2rem;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  letter-spacing: 0.05rem;
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

/* Product form */

.product-form {
  display: block;
}

.product-form__error-message-wrapper:not([hidden]) {
  display: flex;
  align-items: flex-start;
  font-size: 1.2rem;
  margin-bottom: 1.5rem;
}

.product-form__error-message-wrapper svg {
  flex-shrink: 0;
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.7rem;
  margin-top: 0.5rem;
}

/* Form Elements */
.product-form__input {
  flex: 0 0 100%;
  padding: 0;
  margin: 0 0 1.2rem 0;
  min-width: fit-content;
  border: none;
  display: flex;
  flex-wrap: wrap;
}

noscript .product-form__input {
  margin: 2rem 0 0;
}

variant-radios,
variant-selects {
  display: block;
}

.product-form__input--dropdown {
  margin-bottom: 1.6rem;
}

.product-form__input .form__label {
  font-size: 1.4rem;
  width: 100%;
  padding-inline-start: 0;
}

fieldset.product-form__input .form__label {
  font-size: 1.3rem;
  margin-bottom: 0.4rem;
  text-transform: uppercase;
}

.product-form__input .form__label-info {
  display: inline-block;
  color: rgba(var(--color-foreground), 0.7);
  text-transform: none;
}

.product-form__input .form__facet-checkbox,
.product-form__input .form__facet-radio {
  position: relative;
  display: flex;
  align-items: center;
  word-break: break-word;
  line-height: 1.6rem;
  cursor: pointer;
}

.product-form__input .form__facet-checkbox input[type=checkbox] {
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  position: absolute;
  height: 0.1rem;
  width: 0.1rem;
}

.product-form__input .form__facet-checkbox .icon {
  color: rgb(var(--color-border));
  background-color: rgb(var(--color-background));
  margin-inline-end: 1rem;
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
}

.product-form__input .form__facet-checkbox .icon path:last-child {
  color: rgb(var(--color-foreground));
}

.product-form__input .form__facet-radio .icon {
  display: block;
  width: 2rem;
  height: 2rem;
  margin-inline-end: 1rem;
  position: relative;
  border: 1px solid rgb(var(--color-border));
  border-radius: 50%;
}

.product-form__input .form__facet-radio .icon::after {
  content: '';
  width: 0.6rem;
  height: 0.6rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background-color: currentColor;
  border-radius: 50%;
}

.product-form__input .form__facet-checkbox .icon path:last-child,
.product-form__input .form__facet-radio .icon::after {
  opacity: 0;
  transition: opacity var(--duration-short) ease;
}

.product-form__input .form__facet-checkbox > input[type=checkbox]:checked ~ .icon-checkmark path:last-child,
.product-form__input .form__facet-radio > input[type=radio]:checked ~ .icon::after {
  opacity: 1;
}

.product-form__input fieldset.product-form__input {
  flex-direction: column;
  row-gap: 1rem;
}

.product-form__input .form__popup {
  width: 100%;
  margin-top: 1rem;
}

.product-form__input .form__popup .link {
  align-items: flex-end;
  font-size: inherit;
  line-height: 1.2;
}

.product-form__input input[type=radio] {
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  position: absolute;
  height: 0.1rem;
  width: 0.1rem;
}

.product-form__input input[type=radio] + label {
  box-shadow: inset 0 0 0 0.1rem rgb(var(--color-border));
  color: rgb(var(--color-foreground));
  margin-top: 0.6rem;
  margin-bottom: 0.4rem;
  margin-inline-end: 1rem;
  padding: 0.6rem 1.6rem;
  min-width: 4rem;
  min-height: 4rem;
  font-size: 1.4rem;
  letter-spacing: 0.1rem;
  line-height: 1;
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  z-index: 1;
  transition-property: color, box-shadow;
  transition-timing-function: ease;
  transition-duration: var(--duration-default);
  border-radius: min(var(--button-radius), 0.3rem);
}

@media screen and (hover: hover) {
  .product-form__input input[type=radio]:not(:disabled):not([data-crossout]) + label:not(.color__swatch):hover {
    box-shadow: inset 0 0 0 0.2rem rgb(var(--color-foreground));
  }
}

.product-form__input input[type=radio] + label::before {
  content: '';
  position: absolute;
  left: 1rem;
  top: 50%;
  width: calc(100% - 2rem);
  border-bottom: 0.1rem solid rgb(var(--color-border));
  transform: rotate(-30deg);
  opacity: 0;
  transition: opacity var(--duration-default) ease;
}

.product-form__input input[type=radio] + label:not(.color__swatch)::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: background-color var(--duration-default) ease;
  border-radius: min(var(--button-radius), 0.3rem);
}

.product-form__input input[type=radio]:checked + label {
  color: rgb(var(--color-background));
}

.product-form__input input[type=radio]:checked + label:not(.color__swatch) {
  box-shadow: inset 0 0 0 0.2rem rgb(var(--color-foreground));
}

.product-form__input input[type=radio]:checked + label:not(.color__swatch)::after {
  background-color: rgb(var(--color-foreground));
}

.product-form__input input[type=radio]:disabled + label,
.product-form__input input[type=radio][data-crossout] + label {
  overflow: hidden;
  color: rgb(var(--color-border));
}

.product-form__input input[type=radio]:disabled + label {
  cursor: not-allowed;
}

.product-form__input input[type=radio]:disabled + label::before,
.product-form__input input[type=radio][data-crossout] + label::before {
  opacity: 1;
}

.product-form__input input[type=radio]:disabled + label:not(.color__swatch)::after,
.product-form__input input[type=radio][data-crossout] + label:not(.color__swatch)::after {
  background-color: transparent;
}

.product-form__input input[type=radio]:focus-visible + label {
  outline: 0.2rem solid rgb(var(--color-keyboard-focus));
  outline-offset: 0.3rem;
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
  0 0 0.5rem 0.4rem rgba(var(--color-keyboard-focus), 0.5);
}

/* Fallback */
.product-form__input input[type=radio].focused + label,
.no-js .shopify-payment-button__button [role=button]:focus + label {
  outline: 0.2rem solid rgb(var(--color-keyboard-focus));
  outline-offset: 0.3rem;
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
  0 0 0.5rem 0.4rem rgba(var(--color-keyboard-focus), 0.5);
}

/* No outline when focus-visible is available in the browser */
.no-js .product-form__input input[type=radio]:focus:not(:focus-visible) + label {
  box-shadow: none;
}

/* Color swatches */

.product-form__input input[type=radio] + .color__swatch {
  padding: 0;
  min-width: auto;
  min-height: auto;
  width: 3.6rem;
  height: 3.6rem;
  box-shadow: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-inline-end: 0.5rem;
  border-radius: min(var(--button-radius), 0.3rem);
}

.product-form__input input[type=radio] + .color__swatch.color__swatch--variant {
  width: 4.2rem;
  height: 4.2rem;
  margin-inline-end: 0.9rem;
}

.product-form__input input[type=radio] + .color__swatch--round {
  border-radius: 50%;
}

.product-form__input input[type=radio] + .color__swatch::before,
.product-form__input input[type=radio] + .color__swatch::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(0.6);
  background-size: cover;
  background-color: var(--swatch-background-color);
  background-image: var(--swatch-background-image);
  transition: transform var(--duration-long) ease;
  border-radius: min(var(--button-radius), 0.3rem);
}

.product-form__input input[type=radio] + .color__swatch.color__swatch--variant::before,
.product-form__input input[type=radio] + .color__swatch.color__swatch--variant::after {
  transform: scale(0.75);
}

.product-form__input input[type=radio] + .color__swatch::before {
  box-shadow: inset 0 0 0 0.1rem rgb(var(--color-border));
}

.product-form__input input[type=radio] + .color__swatch--round::before,
.product-form__input input[type=radio] + .color__swatch--round::after {
  border-radius: 50%;
}

.product-form__input input[type=radio] + .color__swatch .color__swatch-dot::after {
  content: '';
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4.0rem;
  height: 4.0rem;
  margin-top: -2.0rem;
  margin-left: -2.0rem;
  background-color: transparent;
  transform: scale(.6);
  transition: transform var(--duration-long) ease;
  border-radius: min(var(--button-radius), 0.1rem);
  box-shadow: inset 0 0 0 0.1rem rgb(var(--color-border));
  filter:brightness(1.1);
}

.product-form__input input[type=radio]:checked + .color__swatch .color__swatch-dot::after {
  filter:brightness(1);
}

.product-form__input input[type=radio] + .color__swatch.color__swatch--variant .color__swatch-dot::after {
  width: 5rem;
  height: 5rem;
  margin-top: -2.5rem;
  margin-left: -2.5rem;
  background-color: transparent;
  box-shadow: inset 0 0 0 0.1rem rgb(var(--color-border));
  transform: scale(0.8);
  filter: brightness(1.1);
}

.product-form__input input[type=radio] + .color__swatch--round .color__swatch-dot::after {
  border-radius: 50%;
}

.product-form__input input[type=radio] + .color__swatch .color__swatch-dot::before {
  content: '';
  z-index: 1;
  position: absolute;
  left: 20%;
  top: 50%;
  width: 60%;
  border-bottom: 0.1rem solid rgb(var(--color-background));
  transform: rotate(-45deg);
  opacity: 0;
  transition: opacity var(--duration-default) ease;
}

.product-form__input input[type=radio] + .color__swatch.color__swatch--variant .color__swatch-dot::before {
  left: 0%;
  width: 100%;
}

.product-form__input input[type=radio]:disabled + .color__swatch .color__swatch-dot::before,
.product-form__input input[type=radio][data-crossout] + .color__swatch .color__swatch-dot::before {
  opacity: 1;
}

@media screen and (hover: hover) {
  .product-form__input input[type=radio]:not(:disabled):not([data-crossout]) + .color__swatch:hover {
    box-shadow: none;
  }

  .product-form__input input[type=radio] + .color__swatch:hover::before,
  .product-form__input input[type=radio] + .color__swatch:hover::after {
    transform: scale(0.8);
  }

  .product-form__input input[type=radio]:disabled + .color__swatch:hover::before,
  .product-form__input input[type=radio]:disabled + .color__swatch:hover::after,
  .product-form__input input[type=radio][data-crossout] + .color__swatch:hover::before,
  .product-form__input input[type=radio][data-crossout] + .color__swatch:hover::after {
    transform: scale(0.6);
  }
}

.product-form__input input[type=radio]:checked + .color__swatch::before,
.product-form__input input[type=radio]:checked + .color__swatch::after,
.product-form__input input[type=radio]:checked + .color__swatch:hover::before,
.product-form__input input[type=radio]:checked + .color__swatch:hover::after,
.product-form__input input[type=radio]:checked + .color__swatch .color__swatch-dot::after {
  transform: scale(1);
}

.product-form__input input[type=radio]:checked + .color__swatch.color__swatch--variant .color__swatch-dot::after {
  filter: brightness(0.9);
}

.product-form__input input[type=radio]:checked + .color__swatch .color__swatch-dot::before {
  left: 0;
  width: 100%;
}

.product-form__buttons,.product-form__buttons-third-orange,.product-form__buttons-third-citrus,.product-form__buttons-third {
  display: flex;
  flex-wrap: wrap;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.product-form__quantity {
  align-self: center;
}

@media screen and (min-width: 480px) {
  .product-form__quantity + .product-form__submit {
    width: calc(100% - 14rem);
    flex-grow: 1;
  }

  .no-js .product-form__quantity + .product-form__submit {
    width: 100%;
  }
}

.shopify-payment-button {
  width: 100%;
  margin-top: -1rem;
}

.product-form__submit[aria-disabled=true] + .shopify-payment-button,
.product-form__submit[disabled] + .shopify-payment-button {
  pointer-events: none;
}

@media screen and (forced-colors: active) {
  .product-form__submit[aria-disabled=true] {
    color: Window;
  }
}

/* Overrides */
.shopify-payment-button__more-options {
  color: rgb(var(--color-foreground));
}

.shopify-payment-button__button--hidden {
  display: none;
}

/* Product info */

.product__info-container > * + * {
  margin: 2rem 0 0;
}

.product__info-container .product__description {
  line-height: 1.4;
}

.product__info-container .product-form,
.product__info-container .product__description,
.product__info-container .share-button {
  margin: 2.5rem 0 0;
}

.product__info-container .product__accordion + .share-button,
.product__info-container .product-link__button + .share-button {
  margin-top: 1.5rem;
}

.product__info-container .spr-summary-starrating,
.product__info-container .rating {
  margin-top: -1rem;
}

.product__info-container .rating {
  display: block;
}

.product__info-container .rating .rating-star {
  --letter-spacing: 0.2;
  --font-size: 1.8;
}

.product__info-container .spacing-section {
  display: block;
  margin: 0;
  min-height: var(--spacing-section-mobile);
}

@media screen and (min-width: 990px) {
  .product__info-container .spacing-section {
    min-height: var(--spacing-section-desktop);
  }
}

.product__info-container .spacing-section + * {
  margin-top: 0;
}

.product__text {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  line-height: calc(1 + 0.6 / var(--font-body-scale));
}

.product__text .link {
  font-size: inherit;
  line-height: calc(1 + 0.4 / var(--font-body-scale));
}

.product__text .icon {
  fill: rgb(var(--color-foreground));
  height: calc(var(--font-heading-scale) * 2rem);
  width: calc(var(--font-heading-scale) * 2rem);
  margin-right: calc(var(--font-heading-scale) * 1rem);
}

a.product__text {
  display: block;
  text-decoration: none;
  color: rgba(var(--color-foreground), 0.75);
}

.product__text.caption-with-letter-spacing {
  text-transform: uppercase;
}

.product__text + .product__text {
  margin-top: 1rem;
}

.breadcrumb-wrapper + .product__title {
  margin-top: 2rem;
}

.product__title {
  margin-bottom: 1.5rem;
  margin-top: 0;
  display: flex;
  justify-content: space-between;
  column-gap: 3rem;
}

.product__title .product__heading {
  margin: 0;
  word-break: break-word;
}

@media screen and (min-width: 750px) {
  .product__title .price {
    margin-top: 0.6rem;
  }
}

.product__title .price .price__sale,
.product__title .price .price__last,
.product__title .price .unit-price {
  justify-content: flex-end;
}

.product__title .price .unit-price {
  margin-top: 0;
}

.product__title + .product__text.caption-with-letter-spacing,
.product__title + .product__sku {
  margin-top: -1rem;
}

.product__text.caption-with-letter-spacing + .product__title {
  font-weight: 600;
}

.breadcrumb + .product__title {
  margin-top: 1rem;
}

.product__sku + .rating {
  margin-top: 0;
}

.product__accordion .summary__title {
  padding: 0 1.5rem;
}

.product__accordion .accordion__title {
  font-size: 1.3rem;
  text-transform: uppercase;
  letter-spacing: 0.3rem;
  display: flex;
  align-items: center;
  max-width: 100%;
}

.product__accordion .accordion__content {
  padding-inline-start: 1.5rem;
  padding-inline-end: 1.5rem;
  font-size: 1.4rem;
  line-height: calc(1 + 0.6 / var(--font-body-scale));
  max-height: 25rem;
  overflow-x: hidden;
  overflow-y: auto;
  scroll-snap-type: y mandatory;
  scroll-behavior: smooth;
  scrollbar-width: thin;
}

.product__accordion .accordion__content::-webkit-scrollbar {
  appearance: none;
  width: 0.9rem;
  background-clip: padding-box;
  border: 0.3rem solid transparent;
  border-radius: 1.6rem;
  background-color: rgba(var(--color-border), 0.3);
}

.product__accordion .accordion__content::-webkit-scrollbar-thumb {
  border: 0.3rem solid transparent;
  background-clip: padding-box;
  border-radius: 1.6rem;
  background-color: rgb(var(--color-border));
}

.product__accordion .accordion__content li {
  line-height: calc(1 + 0.4 / var(--font-body-scale));
}

.product__accordion + .product-link__button {
  margin-top: 0;
  border-top: 0;
}

.product-link__button {
  border-top: 0.1rem solid rgb(var(--color-border));
  border-bottom: 0.1rem solid rgb(var(--color-border));
}

.product-link__button a {
  line-height: 1;
  padding: 1.5rem 0;
  display: block;
  position: relative;
  text-decoration: none;
  color: rgb(var(--color-foreground));
}

.product-link__button .summary__title {
  display: flex;
  flex: 1;
}

.product-link__button .accordion__title {
  font-size: 1.3rem;
  text-transform: uppercase;
  letter-spacing: 0.3rem;
  display: flex;
  align-items: center;
  max-width: 100%;
}

.product-link__button .icon-caret {
  position: absolute;
  top: 50%;
  margin-top: -0.3rem;
  right: 1.5rem;
  height: 0.6rem;
  transform: rotate(-90deg);
}

related-buttons {
  position: relative;
  display: block;
  transition: 0.6s;
  transform-style: preserve-3d;
}

related-buttons a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(0);
}

related-buttons a:last-child:not(:only-child) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transform: rotateX(180deg);
}

related-buttons a > * {
  pointer-events: none;
}

related-buttons.is-flipped {
  transform: rotateX(180deg);
}

related-buttons.is-flipped a:first-child:only-child {
  transform: rotateX(180deg);
}

.product-countdown {
  margin-bottom: 3rem;
}

.product-countdown .countdown {
  background-color: rgb(var(--color-background));
  color: rgb(var(--color-foreground));
  --color-border: var(--color-foreground);
}

.product-countdown .h4 {
  margin: 0 0 1rem;
}

.product-countdown svg {
  fill: currentColor;
  height: 1.6rem;
  margin-inline-end: 0.8rem;
  margin-bottom: -0.2rem;
}

.product-countdown--compact {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
  padding: 2rem;
  background-color: rgb(var(--color-background));
  border: 0.1rem solid rgba(var(--color-foreground), 0.2);
  border-radius: min(var(--button-radius), 0.8rem);
}

.product-countdown--compact .h4 {
  margin: 0;
}

.product-countdown--compact .countdown {
  background-color: transparent;
  width: auto;
  border: none;
  column-gap: 1rem;
  font-size: calc(var(--font-heading-scale) * 1.6rem);
  line-height: calc(1 + .3/max(1,var(--font-heading-scale)));
}

.product-countdown--compact .countdown__item {
  padding: 0;
  width: auto;
}

.product-countdown--compact .countdown__item + .countdown__item {
  border: none;
}

.product-separator hr {
  margin: 0;
}

.product-link__image {
  display: flex;
}

.product-link__image a {
  display: block;
  line-height: 1;
}

.product-link__image img {
  max-width: 100%;
  width: auto;
  height: var(--image-height);
}

#ProductImages {
  display: block;
  position: relative;
  visibility: hidden;
  top: -7rem;
}

.product__info-container .price {
  line-height: calc(1 + 0.5 / var(--font-price-scale));
  letter-spacing: 0.13rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
}

.product__info-container .price--sold-out .price__badge-sale {
  display: none;
}

.product__info-container .price .price__last {
  display: flex;
}

.product__info-container .price .unit-price,
.product__info-container .price .unit-price bdi,
.product__info-container .price--on-sale .price-item--regular bdi {
  font-size: calc(var(--font-heading-scale) * 1.6rem);
}

.product__info-container .price--large bdi {
  font-size: calc(var(--font-heading-scale) * 2.8rem);
}

.product__info-container .price--medium bdi {
  font-size: calc(var(--font-heading-scale) * 2.2rem);
}

@media screen and (min-width: 750px) {
  .product__info-container > *:first-child {
    margin-top: 0;
  }
}

.product__description-title {
  font-weight: 600;
}

.product--no-media {
  max-width: 57rem;
  margin: 0 auto;
}

.product--no-media .product__info-container {
  padding-inline-start: 0;
  padding-inline-end: 0;
}

.product--no-media .product__info-container .rating,
.product--no-media .product__inventory-item,
.product--no-media .product__tax {
  text-align: center;
}

.product--no-media .product__title,
.product--no-media .product__text,
.product--no-media .product-link__image {
  justify-content: center;
}

.product--no-media fieldset.product-form__input,
.product--no-media .product-form__input--dropdown,
.product--no-media .share-button {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.product__tax {
  margin-top: 0;
}

.product--no-media .product-link__button {
  justify-content: center;
}

.product--no-media .product-form__input--dropdown {
  flex-direction: column;
  max-width: 100%;
}

.product--no-media fieldset.product-form__input {
  flex-wrap: wrap;
  margin: 0 auto 1.2rem auto;
}

.product--no-media .product__info-container > modal-opener {
  display: block;
  text-align: center;
}

.product--no-media .price {
  justify-content: center;
}

/* Product media */

product-gallery {
  display: block;
  overflow: hidden;
}

.product__media-list {
  margin-bottom: 0;
}

.slider.product__media-list {
  margin-top: 0;
  padding-bottom: 0;
}

@media screen and (max-width: 749px) {
  .product__media-wrapper product-gallery {
    margin-bottom: 3rem;
  }

  .product--mobile-adapt .product__media-list {
    height: 0;
    padding-bottom: var(--force-image-ratio-percent);
  }
}

.product__media-item--variant {
  display: none;
}

.product__media-item--variant:first-child {
  display: block;
}

[data-gang-option] {
  display: none;
}

[data-gang-option].gang__active {
  display: block;
}

.product__media-icon .icon {
  width: 1.4rem;
  height: 1.4rem;
}

.product__modal-opener--video .product__media-icon .icon {
  width: 2.4rem;
  height: 2.4rem;
}

.product__media-icon {
  color: rgb(var(--color-foreground));
  background-color: rgb(var(--color-background));
  box-shadow: 0 0 4rem rgba(var(--color-foreground), 0.2);
  border-radius: 50%;
  display: none;
  align-items: center;
  justify-content: center;
  height: 3.6rem;
  width: 3.6rem;
  position: absolute;
  right: 1rem;
  top: 1rem;
  z-index: 1;
}

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

@media screen and (min-width: 750px) {
  .grid__item.product__media-item--full {
    width: 100%;
  }

  .product--columns .product__media-list {
    row-gap: var(--grid-horizontal-spacing);
    --grid-horizontal-spacing: 0.2rem;
  }

  .product--columns .product__media-item:not(.product__media-item--single):not(:only-child) {
    max-width: calc(50% - var(--grid-horizontal-spacing) / 2);
  }

  .product--columns .product__media-list .media-wrapper {
    opacity: 1;
    transform: translateZ(0);
  }

  .product--columns .thumbnail-slider {
    display: none;
  }

  .product__media-icon {
    right: 1.5rem;
    top: 1.5rem;
  }
}

@media screen and (min-width: 990px) {
  .product__media-icon {
    display: none;
  }
}

.product__media-item {
  padding-inline-start: 0;
  padding-bottom: 0;
}

.product__media-item > * {
  display: block;
  position: relative;
}

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

@media screen and (min-width: 990px) {
  product-gallery .product__media-toggle {
    cursor: unset;
  }
}

.product-media-modal {
  background-color: rgb(var(--color-background));
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
  transform: scale(1.08);
}

@media screen and (min-width: 750px) {
  .product-media-modal {
    padding: 0;
  }
}

.product-media-modal[open] {
  z-index: 101;
  opacity: 1;
  pointer-events: visible;
  transform: scale(1);
  transition-property: opacity, transform;
  transition-timing-function: ease;
  transition-duration: var(--duration-long);
}

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

@supports (height: 100svh) {
  .product-media-modal__content {
    height: 100svh;
  }
}

.product__media-list .deferred-media {
  display: none;
}

@media screen and (min-width: 750px) {
  .product-media-modal__content {
    height: 100vh;
  }

  .product__modal-opener:not(.product__modal-opener--image) {
    display: none;
  }

  .product__media-list .deferred-media {
    display: block;
  }
}

.product-media-modal__content > * {
  width: 100%;
  height: auto;
  margin: auto;
}

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

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

.product-media-modal__toggle {
  color: rgb(var(--color-foreground));
  background-color: rgb(var(--color-background));
  box-shadow: 0 0 4rem rgba(var(--color-foreground), 0.2);
  border: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 1.2rem;
  position: fixed;
  top: 2rem;
  right: 2rem;
  z-index: 2;
  width: 4.4rem;
  height: 4.4rem;
}

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

@media screen and (min-width: 750px) {
  .product-media-modal__toggle {
    width: 6rem;
    height: 6rem;
    right: 4.8rem;
    top: 3.5rem;
  }
}

@media screen and (min-width: 990px) {
  .product-media-modal__toggle {
    right: 4.3rem;
    top: 3rem;
  }
}

.product-media-modal__toggle .icon {
  pointer-events: none;
  display: block;
  position: relative;
  width: 2rem;
  height: 2rem;
  transform: rotate(45deg);
  transition: transform var(--duration-default) ease;
}

@media screen and (min-width: 750px) {
  .product-media-modal__toggle .icon {
    width: 3rem;
    height: 3rem;
  }
}

@media screen and (hover: hover) {
  .product-media-modal__toggle:hover .icon {
    transform: scale(0.8) rotate(135deg);
  }
}

/* Product share */

.share-button {
  display: block;
  position: relative;
}

/* Product popup */

.product-popup-modal {
  box-sizing: border-box;
  opacity: 0;
  position: fixed;
  visibility: hidden;
  z-index: -1;
  margin: 0 auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  cursor: url(cross.svg), url(cross.png), zoom-out;
  background-color: rgba(var(--color-overlay), 0.5);
  transition: opacity var(--duration-default) ease;
}

@media screen and (min-width: 750px) {
  .product-popup-modal {
    align-items: center;
  }
}

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

.product-popup-modal__content {
  background-color: rgb(var(--color-background));
  margin: 0 auto;
  position: relative;
  cursor: auto;
  max-width: 72rem;
  min-width: 36rem;
  min-height: 28rem;
}

.product-popup-modal__content img {
  max-width: 100%;
}

.product-popup-modal__content table {
  width: 100%;
}

@media screen and (max-width: 749px) {
  .product-popup-modal__content {
    width: 100%;
    max-width: 100%;
    border-top-left-radius: 0.8rem;
    border-top-right-radius: 0.8rem;
  }

  .product-popup-modal__content table {
    display: block;
    max-width: fit-content;
    overflow-x: auto;
    white-space: nowrap;
    margin: 0;
  }
}

.product-popup-modal__content table tbody tr:nth-child(odd) {
  background-color: rgba(var(--color-foreground), 0.06);
}

.product-popup-modal__opener {
  display: block;
}

.product-popup-modal__button {
  font-size: 1.6rem;
  line-height: calc(1 + 0.8 / var(--font-body-scale));
}

.product-popup-modal__content-info {
  padding: 2.5rem 1.5rem;
  max-height: 80vh;
  overflow-x: hidden;
  overflow-y: auto;
  scroll-snap-type: y mandatory;
  scroll-behavior: smooth;
  scrollbar-width: thin;
}

@media screen and (min-width: 750px) {
  .product-popup-modal__content-info {
    padding: 3rem 4.5rem;
  }
}

.product-popup-modal__content-info::-webkit-scrollbar {
  appearance: none;
  width: 0.9rem;
  background-clip: padding-box;
  border: 0.3rem solid transparent;
  border-radius: 1.6rem;
  background-color: rgba(var(--color-border), 0.3);
}

.product-popup-modal__content-info::-webkit-scrollbar-thumb {
  border: 0.3rem solid transparent;
  background-clip: padding-box;
  border-radius: 1.6rem;
  background-color: rgb(var(--color-border));
}

.product-popup-modal__content-info > * {
  height: auto;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
}

@media screen and (max-width: 749px) {
  .product-popup-modal__content-info > * {
    max-height: 100%;
  }
}

.product-popup-modal__content-info > .h2 {
  word-break: break-word;
  margin-bottom: 1.5rem;
}

.product-popup-modal__toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 2rem;
  right: 2rem;
  height: 4.4rem;
  width: 4.4rem;
  border-radius: 50%;
  color: rgb(var(--color-foreground));
  background-color: rgb(var(--color-background));
  box-shadow: 0 0 4rem rgba(var(--color-foreground), 0.2);
  border: none;
  outline: none;
  padding: 0;
  cursor: pointer;
  z-index: 1;
}

@media screen and (max-width: 749px) {
  .product-popup-modal__toggle {
    top: 0;
    right: 50%;
    margin-top: -5.5rem;
    margin-right: -2.2rem;
  }
}

.product-popup-modal__toggle .icon {
  pointer-events: none;
  position: relative;
  width: 2rem;
  height: 2rem;
  transition: transform var(--duration-default) ease;
  will-change: transform;
  transform: scale(1) rotate(45deg);
}

@media screen and (hover: hover) {
  .product-popup-modal__toggle:hover .icon {
    transform: scale(0.8) rotate(135deg);
  }
}

.product .slider.product__media-list::-webkit-scrollbar,
.product .slider.thumbnail-list::-webkit-scrollbar {
  display: none;
}

/* Product thumbnail */

.thumbnail-list {
  display: flex;
  flex: 1;
  max-width: 27rem;
  padding: 0.6rem;
  column-gap: 0.6rem;
  scroll-padding-inline-start: 0.6rem;
  background-color: rgb(var(--color-background));
  box-shadow: 0 0 4rem rgba(var(--color-foreground), 0.2);
}

@media screen and (min-width: 750px) {
  .product--stacked .thumbnail-list {
    display: none;
  }
}

.thumbnail-slider .thumbnail-list + .slider-buttons {
  position: absolute;
  width: 27rem;
  left: 50%;
  bottom: 0;
  margin-bottom: 0;
  transform: translate(-50%);
  height: 100%;
  pointer-events: none;
  display: none;
  justify-content: space-between;
}

.thumbnail-slider .slider-button {
  pointer-events: visible;
  background-color: transparent;
  width: 4.4rem;
  height: 4.4rem;
  text-align: center;
}

.thumbnail-slider .slider-button .icon {
  width: 1.4rem;
}

.thumbnail-slider .slider-button--prev {
  transform: translateX(-100%);
}

.thumbnail-slider .slider-button--prev .icon {
  transform: rotate(90deg);
}

.thumbnail-slider .slider-button--next {
  transform: translateX(100%);
}

.thumbnail-slider .slider-button--next .icon {
  transform: rotate(-90deg);
}

.thumbnail-slider .slider-button--next::after {
  content: none;
}

.thumbnail-list_item--variant:not(:first-child) {
  display: none;
}

@media screen and (max-width: 749px) {
  .product--zoom-disabled .product__modal-opener:not(.product__modal-opener--image) {
    display: none;
  }

  .product--zoom-disabled .product__media-list .deferred-media {
    display: block;
  }

  .product__modal-opener {
    width: 100%;
  }

  .product__modal-opener:not(.product__modal-opener--image) .product__media-icon .icon {
    width: 2.4rem;
    height: 2.4rem;
  }

  media-gallery .thumbnail-slider {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -2rem;
    margin-bottom: 3rem;
  }

  .thumbnail-list {
    max-width: 25.6rem;
  }

  .thumbnail-list[data-media-count="2"] {
    max-width: 10.6rem;
  }
  
  .thumbnail-list[data-media-count="3"] {
    max-width: 15.6rem;
  }

  .thumbnail-list[data-media-count="4"] {
    max-width: 20.6rem;
  }

  .thumbnail-list__item.slider__slide {
    width: 4.4rem;
  }
}

@media screen and (min-width: 750px) {
  [data-animate-image] .product--thumbnail_slider use-animate[data-animate=fade-up] {
    transform: none;
  }

  .product--thumbnail_slider .thumbnail-slider {
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 3rem;
  }

  .product--hide-thumbnails .thumbnail-slider {
    display: none;
  }

  .product--hide-thumbnails .product__media-list {
    padding-bottom: var(--force-image-ratio-percent);
    position: relative;
    flex-wrap: inherit;
    overflow-y: hidden;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    display: flex;
    margin: 0;
    list-style: none;
  }

  .product--hide-thumbnails.product--adapt .product__media-list {
    height: 0;
  }

  .product--hide-thumbnails .product__media-wrapper .slider-buttons {
    display: flex;
  }

  .product__media-gallery .slider-mobile-gutter .slider-button {
    display: none;
  }

  .product--thumbnail_slider .slider-mobile-gutter .slider-button {
    display: block;
  }

  .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide {
    width: 6rem;
  }
  
  .thumbnail-list.slider--tablet-up[data-media-count="2"] {
    max-width: 13.8rem;
  }
  
  .thumbnail-list.slider--tablet-up[data-media-count="3"] {
    max-width: 20.4rem;
  }
}

.thumbnail {
  width: 100%;
  cursor: pointer;
  border: none;
  background-color: transparent;
}

.thumbnail::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 0 0.1rem rgba(var(--color-foreground), .04);
  transition: box-shadow var(--duration-default) ease;
}

.thumbnail[aria-current]::after {
  box-shadow: inset 0 0 0 0.2rem rgba(var(--color-foreground), 1);
}

.thumbnail img {
  pointer-events: none;
  transition: transform var(--duration-long) ease;
}

@media screen and (hover: hover) {
  .thumbnail:not([aria-current]):hover::after {
    box-shadow: inset 0 0 0 0.2rem rgba(var(--color-foreground), .04);
  }

  .thumbnail:not([aria-current]):hover img {
    transform: scale(1.1);
  }
}

.thumbnail-list__item {
  position: relative;
}

.thumbnail-list__item .deferred-media__poster-button {
     top: 50%;
    bottom: 0;
    background: none;
    left: 50%;
    right: 0;
    transform: translate(-50%, -50%);
  width: 2rem;
  height: 2rem;
  border-radius: 0.4rem;
  pointer-events: none;
  color: rgb(var(--color-background));
}

/* Product gallery */

.gallery-cursor {
  display: none;
  background-color: rgb(var(--color-background));
}

@media screen and (min-width: 990px) {
  .gallery-cursor {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6.4rem;
    height: 6.4rem;
    position: fixed;
    left: 30rem;
    top: 30rem;
    z-index: 2;
    pointer-events: none;
    cursor: none;
    background-color: rgb(var(--color-background));
    box-shadow: 0 0 4rem rgba(var(--color-foreground), 0.2);
    border-radius: 50%;
    transform: scale(0);
    transform-origin: center;
    transition: transform var(--duration-long) ease;
  }
  
  .gallery-cursor.show {
    transform: scale(1);
  }
  
  .gallery-cursor .icon {
    pointer-events: none;
    display: block;
    position: relative;
    width: 3rem;
    height: 3rem;
    transition: transform var(--duration-default) ease;
  }
}

@media screen and (min-width: 750px) {
  [data-animate-image] .product:not(.featured-product) .product__media-no-animate use-animate:not(.loading),
  [data-animate-image] .product:not(.featured-product) .product__media-no-animate use-animate:not(.loading) > .image-animate {
    opacity: 1;
    animation: none;
    transform: none;
  }
}

@media screen and (max-width: 749px) {
  [data-animate-image] .product:not(.featured-product) use-animate[data-animate^=fade] {
    opacity: 1;
    transform: none;
  }
}

/* Recipient form */
.recipient-form {
  /* (2.88[line-height] - 1.6rem) / 2 */
  --recipient-checkbox-margin-top: 0.64rem;

  display: block;
  position: relative;
  max-width: 44rem;
  margin-bottom: 2.5rem;
}

.recipient-form-field-label {
  margin: 0.6rem 0;
}

.recipient-form-field-label--space-between {
  display: flex;
  justify-content: space-between;
}

.recipient-checkbox {
  flex-grow: 1;
  font-size: 1.6rem;
  display: flex;
  word-break: break-word;
  align-items: flex-start;
  max-width: inherit;
  position: relative;
  cursor: pointer;
}

.no-js .recipient-checkbox {
  display: none;
}

.recipient-form > input[type='checkbox'] {
  position: absolute;
  width: 1.6rem;
  height: 1.6rem;
  margin: var(--recipient-checkbox-margin-top) 0;
  top: 0;
  left: 0;
  z-index: -1;
  appearance: none;
  -webkit-appearance: none;
}

.recipient-fields__field {
  margin: 0 0 2rem 0;
}

.recipient-fields .field__label {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: calc(100% - 3.5rem);
  overflow: hidden;
}

.recipient-checkbox > svg {
  margin-top: var(--recipient-checkbox-margin-top);
  margin-right: 1.2rem;
  flex-shrink: 0;
}

.recipient-form .icon-checkmark {
  visibility: hidden;
  position: absolute;
  left: 0.28rem;
  z-index: 5;
  top: 0.4rem;
}

.recipient-form > input[type='checkbox']:checked + label .icon-checkmark {
  visibility: visible;
}

.js .recipient-fields {
  display: none;
}

.recipient-fields hr {
  margin: 1.6rem auto;
}

.recipient-form > input[type='checkbox']:checked ~ .recipient-fields {
  display: block;
  animation: animateMenuOpen var(--duration-default) ease;
}
.recipient-form > input[type='checkbox']:not(:checked, :disabled) ~ .recipient-fields,
.recipient-email-label {
  display: none;
}

.js .recipient-email-label.required,
.no-js .recipient-email-label.optional {
  display: inline;
}

.recipient-form ul {
  line-height: calc(1 + 0.6 / var(--font-body-scale));
  padding-left: 4.4rem;
  text-align: left;
}

.recipient-form ul a {
  display: inline;
}

.recipient-form .error-message::first-letter {
  text-transform: capitalize;
}

@media screen and (forced-colors: active) {
  .recipient-fields > hr {
    border-top: 0.1rem solid rgb(var(--color-background));
  }

  .recipient-checkbox > svg {
    background-color: inherit;
    border: 0.1rem solid rgb(var(--color-background));
  }

  .recipient-form > input[type='checkbox']:checked + label .icon-checkmark {
    border: none;
  }
}


.product__accordion .accordion__content h3{
  font-size: 1.4rem;
  line-height: calc(1 + .6 / var(--font-body-scale));
  color: #404040;
}
.product__description h2{
  line-height: 1.4;
  font-size: 1.6rem;
  color: #404040;
}




/*HS-CRO-April-01 CRO Audi*/
div.product{
  padding-top: 59px;
}
product-gallery.slider-mobile-gutter{

  .arrow-wrap{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: space-between;
    z-index: 2;
  }
  > div .slider-button{
    background-color: #ffffffcc;
    width: 40px !important;
    height: 40px !important;
    svg{
      width: 13px;
    }
  }

}
.product__info-wrapper.grid__item{
  *{
    margin: 0;
  }
  .product__title{
    flex-wrap: wrap;
    flex-direction: row !important;
    row-gap: 14px; 
    position: relative;
    > *{
      width: auto;
    }
    .rating{
      position: absolute;
      right: 0;
      bottom: 0;
      display: flex;
      font-size: 12px;
      font-weight: 600;
      gap: 8px;
      span{
        &:before{
          font-size: 20px;
        }
      }
      p{
        a{
              margin-left: 3px !important;
        }
      }
    }
  }
  .card_product_short_content {
    padding-bottom: 28px;
    color: #444444;
  }
  .product__heading{
    font: 700 36px/1 var(--font-body-family);
    letter-spacing: 0;
    color: #444;
    width: 100%;
    order: 1;
  }
  .bundle-aggregated_reviews{
    order: 3;
    margin: 0;
    *{
       font:600 12px/1 var(--font-body-family);
     }
    svg{
      path{
            fill: #5A54A4;
      }
    }
  }
  div:has(.price){
    order:2;
    .price *{
      font: 600 20px/1 var(--font-body-family) !important;
      color: #444;
    }
    .price__badge-sold-out{
      display: none;
    }
  }
  .product__description p{
    font: 700 16px/1.5 var(--font-body-family);
    padding-bottom: 16px;
  }
  .product__description ul{
    padding:0 0 40px 0;
    list-style: none;
    li{
      font: 400 16px/1.5 var(--font-body-family);
      position: relative;
      padding:0 0 18px 18px;
    }
    li:before{
      content: "";
      width: 10px;
      height: 10px;
      position: absolute;
      left: 0;
      top: 7px;
      background-size: 10px;
      background-repeat: no-repeat;
      background-image: url(/cdn/shop/files/Vector.svg?v=1751356636);
    }
    li:last-child{
      padding-bottom: 0px;
    }
  }
  .sealsubs-target-element{
    .sls-selling-plan-group-name{
      font-size: 15px;
      span{
      vertical-align: middle;
      margin-left: 2px;
      font-size: 8px;
      font-weight: 700;
      line-height: 1;
      padding: 5px 4px;
        transform: none;
        &:before{
          display: none;
        }
      }
    }
    .conversion-bear-money{
      color: #444;
      font-weight: 600;
      font-size: 15px;
    }
    .sls-more-info-container{
      .sls-more-info-text{
        gap: 6px;
        padding-bottom: 28px;
        .sls-sub-icon{
          width: 20px;
        }
      }
    }
    .selling-plan-group-options-name-select,.sls-one-time-description-content{
      font-style: italic;
      font-size: 12px;
    }
  }
  .product-variant-wrapper{
    border: 1px solid #44444466;
    padding-top: 28px;
    border-bottom: 0;
    background-color: #FCF9F6;
    .form__label{
      margin-bottom: 9px;
      text-transform: initial;
    }
    .variantInput{
      max-width: 220px;
      width: 100%;
      text-align: center;
      [type="radio"]:checked + label:before,
      [type="radio"]:not(:checked) + label:before {
          content: '';
          position: absolute;
          left: 40px;
          top: 15px;
          width: 14px;
          height: 14px;
          border: 1px solid #5A54A4;
          background: #fff;
          transform: none;
          opacity: 1;
          border-radius: 100%;
      }
      [type="radio"]:checked + label:after,
      [type="radio"]:not(:checked) + label:after {
          content: '';
          width: 6px;
          height:6px;
          background:#5A54A4;
          position: absolute;
          top: 19px;
          left: 44px;
          border-radius: 100%;
          -webkit-transition: all 0.2s ease;
          transition: all 0.2s ease;
          z-index: 1;
      }
      [type="radio"]:not(:checked) + label:after {
          opacity: 0;
          -webkit-transform: scale(0);
          transform: scale(0);
      }
      [type="radio"]:checked + label:after {
          opacity: 1;
          -webkit-transform: scale(1);
          transform: scale(1);
      }
    }
    .variant-label{
      box-shadow: none !important;
      background: #fff;
      border: 1.5px solid #5A54A4;
      color: #5A54A4;
      font-size: 15px;
      font-weight: 600;
      display: block;
      line-height: 1;
      padding: 15px 14px 15px 60px;
      text-align:left;
    }
  }
  .product-form__buttons,.product-form__buttons-third-orange,.product-form__buttons-third-citrus,.product-form__buttons-third{
    .product-form__quantity{
      width: auto;
      .quantity{
        border: 1px solid #444444;
        .quantity__button{
          background: none;
          height: 46px;
          color: #444;
          &:hover{
            color: #444;
          }
          &:after{
            display: none;
          }
        }
        .quantity__input{
          font-size: 16px;
          font-weight: 600;
        }
      }
    }
    .swym-atw-btn-wrapper{
      width: calc(100% - 135px);
      .atw-button{
        border: 1px solid #444444;
        padding: 11px 12px;
      }
    }
    .covered__btn_third_wishlist{
      display: flex;
      gap:10px;
      width: calc(100% - 135px);
      .product-form__submit{
         width: calc(100% - 55px);
      }
      .swym-wishlist-button-bar{
        width: 50px;
      }
      .swym-btn-container{
        .swym-button{
            border: 1px solid #444444;
            padding: 11px 12px;
            height: 48px;
            &:after{
              font-size:21px;
            }
        }
      }
    }
    .product-form__submit{
      background: #5A54A4;
      font-size: 16px;
      font-weight: 700;
      color: #fff;
      border: 0;
      letter-spacing: normal;
      gap: 10px;
      padding: 14px 10px;
      min-width: auto;
    }
    .shopify-payment-button{
          margin-bottom: -20px;
    }
    .shopify-payment-button__button {
      border: 1px solid #000000;
      background: #fff;
      color: #000;
      font-size: 16px;
      height: auto;
      letter-spacing: normal;
      font-weight: 700;
      padding: 13px 15px;
    }
    more-payment-options-link{
      display: block;
      text-align: right;
      margin-top: 16px;
      &[disabled]{
        #more-payment-options-link{
          cursor: default;
        }
      }
      #more-payment-options-link{
        font-size: 13px;
        font-weight: 600;
        text-align: right;
        width: auto;
      }
    }
  }
  .list-social__link:hover .icon-twitter path{
  fill: rgb(var(--color-background));
  }
  .share-wrap-j,.share-button{
    margin-top: 0;
    margin-bottom: 40px;
    details{
        margin-left: auto;
    }
    .share-button__button {
        margin-left: auto;
    }
    .field{
      justify-content: end;
      .field__label{
        font-size: 13px;
        font-weight: 600;
        line-height: 1;
        margin-right: 12px;
      }
      ul{
        gap: 15px;
        .list-social__item{
          a{
            width: auto;
            height: auto;
            svg{
              color: #444;
            }
            &:after{
              display: none;
            }
            &:hover{
          
            }
          }
        }
      }
    }
  }
  .guarantee__icon_top:not(.shipping-wrap){
    background-color: #DEDCEC;
    display: flex;
    padding: 18px 16px;
    justify-content: flex-start;
    gap: 9px;
    margin-bottom: 20px;
  }
  .guarantee-content{
    padding-top: 4px;
  }
  .guarantee-content h4{
    font: 600 16px/1 var(--font-body-family);
    letter-spacing: 0;
    padding-bottom: 5px; 
    color: #444;
  }
  .guarantee-content p{
    font: 400 14px/1 var(--font-body-family);
    letter-spacing: 0;
  }
  .guarantee-content p a{
    color: #D03E63;
  }
  .guarantee__icon_top.shipping-wrap{
    display: flex;
    gap: 7px;
    width: 200px;
    margin-top: 0;
    .guarantee-content{
      padding-top: 0;
       p{
        font: 600 13px/1 var(--font-body-family);
        letter-spacing: 0;
        line-height: 1.4;
      }
    }
  }
  .product__accordion{
    margin-bottom: 12px;
    border: 1px solid #444444;
    details[open]{
      summary{
        background: #FAEAEE;
        border-bottom: 1px solid #444444;
        svg{
          display: none;
        }
        .accordion-open-icon{
          display: block;
          top: 30px;
        }
      }
    }
    summary{
      padding: 22px 20px;
      .summary__title{
        padding: 0;
      }
      svg{
        position: absolute;
        right: 16px;
        top: 23px;
      }
       .accordion-open-icon{
          display: none;
        }
    }
    .accordion__title{
      color: #444444;
      font-size: 16px;
      font-weight: 600;
      letter-spacing: normal;
    }
    .accordion__content{
      font-size: 14px;
      padding:22px 20px 28px;
      color: #444;
      max-height: 100%;
      p{
        margin-bottom: 16px;
      }
      a{
        color: #D03E63;
        font-size: 14px;
        font-weight: 600;
        text-decoration: underline;
        background: none;
      }
      .icon-inner-wrap{
        display: flex;
        gap: 48px;  
        flex-wrap: wrap;
        align-items: center;
        a{
          background: none;
          text-decoration: none;
        }
      }
      ul{
        padding: 0;
        list-style: none;
        border-bottom: 1px solid #DDDDDD;
        padding-bottom: 20px;
        margin-bottom: 20px;
      }
    }
  }
  variant-radios{
    background-color: #FCF9F6;
    /* margin-top: 20px; */
    /* border: 1px solid #44444466; */
    border-bottom: 0;
    border-top: 0;
    padding: 0px 20px 34px;
  }
  variant-radios .form__label{
    font: 700 16px/1 var(--font-body-family);
  }
  variant-radios label:after{
    background-color: unset;
  }
  
  .sealsubs-target-element.sealsubs-full > .sealsubs-target-element .sealsubs-container > div:first-child{
    background-color: #FCF9F6;
    padding: 0 20px 0;
    border: 1px solid #44444466;
    border-top: 0;
    border-bottom: 0;
  }
  .sealsubs-target-element.sealsubs-full > .sealsubs-target-element .sealsubs-container > .sls-purchase-options-container{
    padding: 0 20px 26px;
    background-color: #FCF9F6;
    border: 1px solid #44444466;
    border-top: 0;
  }
  .sls-purchase-options-label{
    font: 700 16px/1 var(--font-body-family);
    color: #444;
  }
  .sls-option-container.thirdoption{
    border: 0;
  }
  .sls-more-info-container{
    padding: 20px 0 0 0;
  }
  span.sls-subscription-details-label a{
    font: 600 12px/1 var(--font-body-family);
  }
}
body.template-product .grid__item.product__media-wrapper {
    max-width: 600px;
}
body.template-product .product__info-wrapper.grid__item{
  max-width: calc(100% - 600px);
}
.grid__item.product__media-wrapper .magnifier-wrap {
    width: 36px;
    height: 36px;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    top: auto;
    bottom: 12px;
    left: auto;
    transform: unset;
    right: 12px;
    background-color: rgb(var(--color-background));
    position: absolute;
    z-index: 1;
}
.grid__item.product__media-wrapper .magnifier-wrap .icon{
  width: 13px;
  height: auto;
}
.product--thumbnail_slider .thumbnail-slider{
  margin-top:12px; 
}
.thumbnail-slider .slider{
  width: 100%;
}
.thumbnail-slider .slider.thumbnail-list{
  position: unset;
  max-width: unset;
  overflow: auto;
  display: flex;
  flex-wrap: wrap;
  column-gap: 8px;
  row-gap: 10px;
  padding: 0;
  box-shadow: none;
}
.thumbnail-list__item.slider__slide{
  width: 60px;
  height: auto;
  padding-bottom: 0;
}
.info-icon-outer-wrap{
  background: #FCF9F6;
  .info-icon{
    max-width: var(--page-width);
    margin: 0 auto;
    padding:48px 5rem 49px;
    display: flex;
    gap: 30px;
    .info-list{
      text-align: center;
      .custom-html{
        .h4{
          margin: 15px 0 7px;
          font-size: 15px;
          font-weight: 600;
        }
        p{
          font-size: 14px;
          font-weight: 400;
        }
      }
    }
  }
}
.template-product{
  /* .product__media-wrapper{
   .product__modal-opener:not(.product__modal-opener--image) {
        display: none;
    }
    .media-wrapper{
      .deferred-media{
        display: block;
      }
    }
  } */
   .pnda-delivery-info{
    margin-bottom:12px;
    line-height:1.4;
   }
   .pnda-delivery-info span:first-child{
      font-weight: bold;
      margin-bottom: 5px;
      display: block;
    }
  .product-tabs{
    margin-top: 119px;
    .tab-nav{
      display: flex;
      justify-content: center;
      padding: 0;
      .tab-link {
        font-size: 16px;
        font-weight: 600;
        color: #444444;
        padding: 15px 28px;
        border: 1px solid #444444;
        line-height: 1;
        position: relative;
        &.active{
          background: #FAEAEE;
          border: 0;
          &:before{
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            border-left: 12px solid transparent;
            border-right: 12px solid transparent;
            border-top: 10px solid #FAEAEE;
            bottom: -10px;
            left: 50%;
            transform: translate(-50%);
          }
        }
      }
    }
    .tab-content-wrapper{
      max-width: var(--page-width);
      margin: 0 auto;
      padding:92px 5rem 0;
      .tab-content{
        padding: 0;
        border: 0;
        .tab-inner{
          gap: 20px;
          .tab-text{
            p,ul{
              font-size: 16px;
              font-weight: 400;
              color: #444444;
            }
            flex: 1 1 calc(44% - 10px);
          }
          .tab-image{
            flex: 1 1 calc(56% - 10px);
            margin-top: 0;
          }
        }
        .ingredients-carousel{
          margin-top: 72px;
          .flickity-slider{
            .carousel-cell{
              position: absolute;
              left: 0;
              width:  25%;
              padding: 0 10px;
              .img-wrap{
                width: 100%;
                height: 280px;
                border: 1px solid #EEEEEE;
                padding: 10px 8px;
                display: flex;
                align-items: center;
                img{
                  max-width: 100%;
                  margin: auto;
                  height:100%;
                  width: 100%;
                  object-fit: cover;
                }
              }
              .detail-wrap{
                h3{
                  margin: 16px 0 8px;
                  font-size: 16px;
                  font-weight: 700;
                  color: #444;
                  text-transform: none;
                }
                p{
                  margin: 0;
                  font-size: 14px;
                  font-weight: 400;
                  color: #444;
                }
              }
            }
          }
          .flickity-prev-next-button{
              background: #eee;
              border-radius: 0;
              width: 36px;
              height: 36px;
              svg{
                width: 11px;
                left: 35%;
              }
          }
          .flickity-prev-next-button.next {
              right: -60px;
          }
          .flickity-prev-next-button.previous {
              left: -60px;
          }
          .flickity-page-dots{
            position: unset;
            margin-top: 40px;
            .flickity-page-dot {
              &:after{
                border: 1px solid #444;
                width: 10px;
                height: 10px;
                border-radius: 100px;
                background: #fff;
                transform: none;
              }
              &.is-selected{
                &:after{
                  background: #444;
                }
              }
            }
          }
        }
      }
      #tab-description{
        .tab-text{
          p{
            font-size: 16px;
            /* font-weight: 700; */
            color: #444444;
          }
          ul{
            margin: 0;
            padding: 0;
            li{
              font-size: 16px;
              font-weight: 400;
              color: #444444;
              padding: 0 0 18px 18px;
              list-style: none;
              position: relative;
              &:before{
                content: "";
                width: 10px;
                height: 10px;
                position: absolute;
                left: 0;
                top: 12px;
                background-size: 10px;
                background-repeat: no-repeat;
                background-image: url(/cdn/shop/files/Vector.svg?v=1751356636);
              }
            }
          }
        }
      }
      #tab-ingredients{
            ul{
            margin: 0;
            padding: 0;
            li{
              font-size: 16px;
              font-weight: 400;
              color: #444444;
              padding: 0 0 18px 18px;
              list-style: none;
              position: relative;
              &:before{
               content: "";
                width: 4px;
                height: 4px;
                position: absolute;
                left: 0;
                top: 14px;
                background: #444;
                border-radius: 50%;
              }
            }
          }
          .tab-text > p{
            font-weight:600;
          }
      }
      #tab-nutri_info{
        .tab-text{
          table{
            box-shadow: none;
            width: 100%;
            text-align: left;
            border-collapse: collapse;
            font-size: 14px;
            color: #444;
            thead{
              th{
                border-bottom: 2px solid #ddd;
                padding: 0 0 20px;
                font-weight: 600;
                font-size: 14px;
              }
            }
            tbody{
              tr{
                td{
                  font-weight:400;
                  line-height: 1;
                  font-size: 14px;
                  padding: 18px 0;
                  border-bottom: 1px solid #ddd;
                }
              }
            }
          }
          .nutrition-note{
            font-style: italic;
            font-weight:400;
            line-height: 1;
            font-size: 14px;
            margin: 18px 0 0;
          }
        }
      }
      #tab-take{
        ul{
          margin: 0;
          li{
            font-size: 16px;
            font-weight: 400;
            margin-bottom: 20px;
            &:last-child{
              margin-bottom: 0;
            }
          }
        }
        .take-method{
          display: flex;
          gap: 22px;
          margin-top: 40px;
          text-align: center;
          flex-wrap: wrap;
          .method-list{
            border: 1px solid #DDDDDD;
            padding: 18px 10px;
            width: 120px;
            img{
              display: block;
              margin: auto;
            }
            p{
              margin: 0;
              margin-top: 13px;
              font-size: 14px;
              font-weight: 600;
              line-height: 1.1;
            }
          }
        }
      }
      #tab-faq{
        .faq-section{
          .faq-item{
            margin-bottom: 32px;
            p{
              margin: 0;
              font-size: 14px;
              line-height: 1.5;
              &:first-child{
                margin-bottom: 10px;
                font-weight: 700;
              }
            }
          }
        }
      }
    }
  }
  .product-media-modal{
    background-color: rgba(0, 0, 0, 0.5);
    .product-media-modal__content{
      background: #fff;
      max-width: 998px;
      margin: auto;
      padding: 60px 99px 62px;
      position: relative;
      .product-media-modal__toggle {
        right: 30px;
        top: 30px;
        position: absolute;
        background: transparent;
        box-shadow: none;
        padding: 0;
        width: 18px;
        height: 18px;
      }
      .inner-wrap{
           max-width: 800px;
      }
    .main-img-wrap {
      .main-img-wrap-inner{
        height: 800px;
      }
      .flickity-viewport{
        height: 800px !important;
      }
       .flickity-slider{
          height: 100%;
         .flickity-cell{
           width: 100%;
           height: 100%;
           background: #fff;
           .media.media--adapt{
             padding: 0;
             height: 100%;
             img{
               position: unset;
               object-fit: contain;
             }
           }
         }
         .deferred-media.media-wrap-j{
           padding:0 !important;
           video{
             background: #fff;
           }
         }
       }
      .flickity-prev-next-button{
          background: #eee;
          border-radius: 0;
          width: 36px;
          height: 36px;
          svg{
            width: 11px;
            left: 35%;
          }
      }
      .flickity-prev-next-button.next {
          right: -69px;
      }
      .flickity-prev-next-button.previous {
          left: -69px;
      }
      .slide-counter{
        margin-top: 19px;
        font-size: 12px;
        color: #444;
        text-align: center;
        span{
          font-weight: 600;
          color: #D03E63;
        }
      }
    }
     .thumbnail-slider{
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin-top: 40px;
        justify-content: center;
         .media-wrapper,.deferred-media{
           width: 72px;
           height: 72px; 
           cursor: pointer;
           padding-top: 0!important;
           .media.media--adapt{
             padding: 0;
             height: 100%;
             img{
               position: unset;
             }
           }
           video{
                 display: none;
           }
           .deferred-media__poster-button{
             background: none;
           }
       }
     }
    }
  }
  .product-sticky-cart{
    .sticky-cart{
          padding: 16px 10px 17px;
    }
    .sticky-cart__content{
      display: block;
      .sticky-cart__content-image{
        display: none;
      }
      .sticky-cart__content-heading{
        .h4{
          font-size: 24px;
          font-weight: 600;
          color: #444;
        }
      }
      .rating{
        font-size: 11px;
      }
      .card_product_short_content{
          font-size: 12px;
          line-height: 1;
          margin-top: 10px;
          color: #444444;
      }
    }
    .sticky-cart__form {
      width: calc(100% - 208px);
      justify-content: end;
      form{
        width: 100%;
        justify-content: end;
      }
    }
    .sealsubs-target-element{
      display: none;
    }
    .sticky__subscription_options{
      width: 380px;
       select{
        border: 1px solid #DDDDDD;
        font-size: 13px;
        color: #444;
        font-weight: 600;
        box-shadow: none;
        height: 46px;
        font-family: var(--font-body-family);
        outline: 0;
        padding: 10px 16px;
        line-height: 1;
        width: 100%;
      }
    }
      .product-form__buttons,.product-form__buttons-third-orange,.product-form__buttons-third-citrus,.product-form__buttons-third{
          .quantity {
            width: 120px;
          }
         .product-form__quantity{
            width: auto;
            .quantity{
              border: 1px solid #444444;
              .quantity__button{
                background: none;
                height: 44px;
                 color: #444;
                &:hover{
                  color: #444;
                }
                &:after{
                  display: none;
                }
              }
              .quantity__input{
                font-size: 16px;
                font-weight: 600;
                box-shadow: none;
                text-align: center;
              }
            }
          }
          .product-form__submit{
            background: #5A54A4;
            font-size: 16px;
            font-weight: 700;
            color: #fff;
            border: 0;
            letter-spacing: normal;
            gap: 10px;
            height: 46px;
            width: 240px;
          }
        .mb-button{
          display: none;
        }
        select-wrapper{
          width: 141px;
          select{
            border: 1px solid #DDDDDD;
            font-size: 13px;
            color: #444;
            font-weight: 600;
            box-shadow: none;
            height: 46px;
          }
          svg{
            top: calc(50% - -0.25rem);
          }
        }
      }
  }
  .mtc_img{
    padding-top:0;
    padding-bottom: 0;
    margin-top: 102px;
    background: #FCF9F6;
    .page-width{
      max-width: 100%;
      padding: 0;
      .image-with-text__grid{
        background: #FCF9F6;
      }
    }
    .image-with-text__content{
      padding-left:21px;
      padding-right:21px;
    }
  }
  .product-recommendations{
    background: #FCF9F6;
    padding: 96px 0 100px;
    .product-grid {
      padding-bottom: 20px;
      .card-wrapper{
        &:hover{
           .swym-button.swym-add-to-wishlist-view-product{
             opacity: 1 !important;
           }
        }
      }
      .swym-button.swym-add-to-wishlist-view-product{
          border: 0.2px solid #404040;
          opacity: 0 !important;
          transition: all 0.3s ease-in-out;
          height: 32px;
          width: 32px;
          background: #fff;
          position: absolute;
          top: 8px;
          right: 8px;
          z-index: 2;
      }
    }
    slider-component{
      padding: 0;
    }
    .title-wrapper{
      margin-bottom: 51px;
    }
    .title{
      font: 700 32px / 1 var(--font-body-family);
      letter-spacing: 0;
      color: #444;
    }
    .card-information .price .price-item{
      font: 600 16px / 1 var(--font-body-family) !important;
      color: #444;
      .tax_text{
        font-size: 10px;
        color: #444;
      }
    }
    .card_product_short_content,.short_descriptors{
      display: none;
    }
  }
  .shopify-section-footer{
    #vitals-end-section{
      display: none;
    }
  }
  .outer-wrap-app{
    .page-width{
        max-width: 100%;
        padding: 0;
        .apps_tab_section{
          .product-tabs{
            padding: 0;
            .tab-nav{
              display: flex;
              justify-content: center;
              padding: 0;
              .app_tab-link{
              font-size: 14px;
              font-weight: 600;
              color: #444;
              text-transform: uppercase;
              position: relative;
              padding: 17px 20px;
              line-height: 1;
                &.active {
                  background: #FAEAEE;
                  border: 0;
                  &:before {
                    content: "";
                    position: absolute;
                    width: 0;
                    height: 0;
                    border-left: 12px solid transparent;
                    border-right: 12px solid transparent;
                    border-top: 10px solid #FAEAEE;
                    bottom: -10px;
                    left: 50%;
                    transform: translate(-50%);
                  }
                }
              }
            }
            .app_tab-content{
              display: none;
              padding-left: 15px;
              padding-right: 15px;
              &.active{
                display: block;
              }
              &#tab-question_answer{
                .simpAskForm-container{
                  textarea,input{
                    font: 400 13px / 1.6 var(--font-body-family);
                    &::placeholder{
                      color:rgba(64,64,64,0.7);
                    }
                  }
                }
              }
              .accordionSimpQA{
                margin-top:30px;
              }
            } 
          }
        }
    }
  }
  .shopify-section-group-footer-group .apps_tab_section{
      display: none;
  }
  .vtl-pr-main-widget__show-more-button{
    border: 1px solid #D03E63;
    border-radius: 1px;
    color: #D03E63;
    text-transform: uppercase;
    padding: 15px 10px;
    max-width: 216px;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
  }
  &[data-lazy-image] .product-media-modal .product-media-modal__content .main-img-wrap .main-img-wrap-inner .media-wrapper{
    &.loading, &[loading] {
      position: absolute;
    }
  }
}
.shopify-header-stick:not(.shopify-body-section-header-hidden) .product-sticky-cart{
      bottom: 0;
}
.template-product.template_product-gift-card{

  .product__info-wrapper .product__title{
    padding-bottom:14px;
  }
  .product__info-wrapper .product__info-container > div > .price{
    padding-bottom:20px;
  }
  .product__info-wrapper .product-variant-wrapper{
    border-bottom:1px solid #44444466;
    margin-bottom:28px;
  }
  .product__info-wrapper .product-form__buttons{
    padding-top:28px;
  }
  .product__info-wrapper more-payment-options-link {
    display: block;
    margin: 0;
  }
}

.template-product.template_product .sticky-cart.page-width{
    input[type="number"]#Quantity-sticky_cart,
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button{
      -moz-appearance:textfield !important;
      -webkit-appearance: none;
      margin: 0;
    }
}
@media(max-width:1366px){
    .template-product{
       .product-tabs .tab-content-wrapper .tab-content .ingredients-carousel .flickity-prev-next-button.next {
        right: 0px;
      }
      .product-tabs .tab-content-wrapper .tab-content .ingredients-carousel .flickity-prev-next-button.previous {
          left: 0;
      }
    }
  }
@media(max-width:1199px){
  .product__info-wrapper.grid__item .product__title .rating {
    max-width: 113px;
    flex-direction: column;
  }
  .info-icon-outer-wrap .info-icon{
    flex-wrap: wrap;
    justify-content: center;
    .info-list{
      width: calc(50% - 15px);
    }
  }
  .template-product{
      .product-tabs .tab-nav .tab-link {
        font-size: 14px;
        font-weight: 600;
        color: #444;
        padding: 15px 20px;
      }
    .product-media-modal .product-media-modal__content .main-img-wrap .main-img-wrap-inner {
        height: 500px;
      .flickity-viewport {
          height: 500px !important;
      }
    }
  }
  .product__info-wrapper.grid__item {
     .product-form__buttons,  .product-form__buttons-third-orange,.product-form__buttons-third-citrus,.product-form__buttons-third {
        .product-form__submit {
            font-size: 13px;
          height: 48px;
        }
    }
  }
}
@media(max-width:1024px){
  body.template-product{
    .grid__item.product__media-wrapper {
      max-width: 400px;
    }
    .product__info-wrapper.grid__item {
      max-width: calc(100% - 400px);
    }
    .product-tabs .tab-content-wrapper .tab-content .ingredients-carousel .flickity-slider .carousel-cell {
      width: 50%;
    }
  } 
}
@media(max-width:991px){
  body.template-product{
    .grid__item.product__media-wrapper {
      max-width: 300px;
    }
    .product__info-wrapper.grid__item {
      max-width: calc(100% - 300px);
    }
  } 
}
@media(min-width:768px){
  .mobile-info-header{
    display: none;
  }
   .desktop-hide{
    display: none;
  }
}
@media(max-width:767px){
  .mobile-info-header{
    display: block;
    margin-bottom: 19px;
  }
  .desktop-header-wrap{
    display: none;
  }
  .mobile-hide{
    display: none;
  }
  .desktop-hide{
    display: block;
  }
  body.template-product{
    .section--padding{
      padding-bottom: 40px;
    }
    div.product{
        flex-direction: column;
        padding-top: 16px;
    }
    .grid__item.product__media-wrapper {
        max-width: 100%;
        width: 100%;
    }
    .product__info-wrapper.grid__item {
        max-width: 100%;
       width: 100%;
      .guarantee__icon_top:not(.shipping-wrap){
          padding: 14px 14px 18px;
          margin-bottom: 28px;
      }
      .guarantee-content{
         h4 {
          font-size: 15px;
          padding-bottom: 6px; 
        }
        p{
          line-height: 1.4;
        }
      }
      .product__description{
        p{
          font-weight: 600;
          padding-bottom: 14px;
        }
        ul{
          padding-bottom: 28px;
          li{
            font-size: 14px;
            padding-bottom: 14px;
          }
        }
      } 
      .product__title{
        gap: 0;
          >* {
              width: 100%;
          }
        div:has(.price) .price *{
          font-size: 16px !important;
        }
        .rating{
          position: unset;
          order: 4;
          font-size: 11px;
          max-width: 100%;
          flex-direction: row;
          span:before {
              font-size: 13px;
          }
        }
        .product__heading{
          margin-bottom: 12px !important;
          font-size: 20px;
        }
      }
      .card_product_short_content{
        order: 3;
        padding: 0;
        margin-top: 6px;
        margin-bottom: 14px;
      }
      .product-variant-wrapper{
        margin-left: -13px;
        margin-right: -13px;
           border-left: 0;
          border-right: 0;
        variant-radios{
          padding: 0px 13px 29px;
          .form__label{
            font-size: 14px;
          }
          .product-variant-wrapper{
            [type=radio]:checked+label:before, .variantInput [type=radio]:not(:checked)+label:before{
              top: 12px;
            }
            [type=radio]:checked+label:after, .variantInput [type=radio]:not(:checked)+label:after{
              top: 16px;
            }
            .variant-label{
              font-size: 14px;
              padding: 12px 14px;
            }
          }
        }
      }
      .product-form{
        .sealsubs-target-element.sealsubs-full>.sealsubs-target-element .sealsubs-container>div:first-child{
          border-left: 0;
          padding: 0 26px;
          border-right: 0;
        }
        .sealsubs-target-element.sealsubs-full>.sealsubs-target-element .sealsubs-container>.sls-purchase-options-container{
           border-left: 0;
          padding: 0 13px;
          border-right: 0;
        }
        .seal-row{
           padding: 0 13px;
          display: block;
        }
        .sls-purchase-options-label{
          font-size: 14px;
        }
        .sls-option-container{
          padding: 16px 0 18px;
        }
        .sealsubs-target-element{
          margin-left: -6px;
          margin-right: -6px;
          .conversion-bear-money{
            font-size: 13px;
          }
          .sls-selling-plan-group-name {
            font-size: 13px;
            span{
              font-size: 9px;
            }
          }
           .sls-custom-radio, .sls-option[type="radio"] + span.sls-custom-radio{
            width: 14px;
            height: 14px;
          }
          .sls-option[type="radio"]:checked + .sls-custom-radio:after {
              width: 8px;
              height: 8px;
          }
        } 
      }
      .sls-more-info-container {
        padding: 16px 26px 0;
        .sls-more-info-text {
            padding-bottom: 24px;
        }
      }
      div:has(.price) .price *{
        font-size: 16px !important;
      }
      .card_product_short_content{
        margin-bottom: 24px;
      }
      .product-form__buttons,.product-form__buttons-third-orange,.product-form__buttons-third-citrus,.product-form__buttons-third{
        grid-row-gap: 14px;
        .product-form__quantity .quantity .quantity__button {
          height: 44px;
        }
        .swym-atw-btn-wrapper {
            .atw-button {
                padding: 10px 12px;
            }
         }
        .product-form__submit {
          font-size: 14px;
          height: 46px; 
          /* max-width: 100%;
          width: calc(100% - 170px); */
        }
        more-payment-options-link #more-payment-options-link {
          font-size: 12px;
          text-decoration: underline;
        }
        .covered__btn_third_wishlist {
             .swym-btn-container {
                .swym-button {
                  height: 46px;
                }
            }
        }
      } 
      .guarantee__icon_top.shipping-wrap .guarantee-content p {
        font-size: 12px;
      }
      .share-wrap-j .field {
        justify-content: start;
        margin-top: 18px;
        margin-bottom: 29px;
      }
      .product__accordion{
         details[open] summary .accordion-open-icon {
            display: block;
            top: 22px;
        }
        summary {
          padding: 15px 18px;
          svg{
            top: 15px;
            width: 14px;
          }
        }
      } 
    }
    .info-icon-outer-wrap .info-icon{
      display: block;
      padding: 48px 38px 46px;
      .info-list{
          width: 100%;
        .custom-html .h4 {
          font-size: 16px;
          margin: 16px 0 10px;
        }
      }
      .flickity-prev-next-button{
        border-radius: 0;
        width: 28px;
        height: 28px;
        svg{
          width: 9px;
        }
      }
      .flickity-prev-next-button.next {
          right: 0px;
      }
       .flickity-prev-next-button.previous {
          left: 0px;
      }
      .flickity-page-dots{
        position: unset;
        margin-top: 40px;
        background: transparent;
        height: 8px;
        .flickity-page-dot {
          &:after{
            border: 1px solid #444;
            width: 10px;
            height: 10px;
            border-radius: 100px;
            background: #fff;
            transform: none;
          }
          &.is-selected{
            &:after{
              background: #444;
            }
          }
        }
      }
    }
    .product-tabs{
      margin-top: 40px;
      padding: 0 21px;
      .tab-nav .tab-link {
        font-size: 14px;
        font-weight: 600;
        color: #444;
        padding: 15px 12px;
      }
      .tab-content-wrapper{
        padding: 0;
        border: 1px solid #444444;
        margin-bottom: 20px;
          &:last-child{
            margin-bottom: 0
          }
        .tab-content .ingredients-carousel{
          margin-top: 40px;
          .flickity-slider .carousel-cell {
            width: 100%;
            padding: 0;
            .detail-wrap h3 {
              margin: 20px 0 8px;
            }
          }
          .flickity-page-dots{
          margin-top: 22px;
          }
        } 
        .flickity-prev-next-button{
          top: 24%;
          background: #fff;
          border: 1px solid #eee;
          transform: translateY(-24%);
        }
        .accordion-header{
          padding: 15px 18px;
          color: #444;
          font-size: 16px;
          font-weight: 600;
          background: #fff;
          border: 0;
          width: 100%;
          text-align: left;
          text-transform: uppercase;
          position: relative;
          &.active{
            background: #FAEAEE;
            border-bottom: 1px solid #444444;
            svg{
              display: none;
            }
             .accordion-open-icon {
                display: block;
               top: 23px;
            }
          }
          svg {
            position: absolute;
            right: 16px;
            top: 15px;
            width: 14px;
          }
          .accordion-open-icon {
              display: none;
          }
        }
        .accordion-content{
          padding: 20px 20px 22px;
          display: none;
          &.active{
            display: block;
          }
          .tab-inner .tab-text p{
            margin-top: 0;
          }
        }
        #tab-ingredients.active{
          display: flex;
          gap: 20px;
         flex-direction: column-reverse;
          .tab-inner{
              flex-direction: column-reverse;
          }
        }
              #tab-take .take-method{
          gap: 8px;
          justify-content: center;
          margin-top: 24px;
          .method-list{
            width: 105px;
            p {
              font-size: 12px;
            }
          }
        }
        #tab-faq .faq-section .faq-item {
            margin-bottom: 24px;
        }
      }
    } 
    .section--padding.mtc_img{
      margin-top: 60px;
      padding: 0 0 36px;
    }
    .product-recommendations{
      padding: 28px 0 40px;
      .title-wrapper {
          margin-bottom: 17px;
      }
      .page-width{
          padding: 0 13px;
      }
      .title{
        font-size: 24px;
      }
      .product-grid{
        .swym-button.swym-add-to-wishlist-view-product{
            opacity: 1 !important;
        }
      }
    } 
     .apps_tab_section {
        .product-tabs {
             .tab-nav {
                .app_tab-link {
                    padding: 16px 20px;
                }
            }
            .app_tab-content {
              .simp-ask-question-header{
                text-align:center;
                .simpAskQuestion-Qcontent {
                  margin-bottom: 12px;
                }
              }
            }
        }
     }
    .product-media-modal .product-media-modal__content {
        padding: 54px 7px 20px;
       .main-img-wrap {
        .main-img-wrap-inner  .flickity-viewport {
            height: 360px !important;
        }
        .flickity-prev-next-button.previous {
          left: 0;
        }
        .flickity-prev-next-button.next {
          right: 0;
        }
         .slide-counter {
            margin-top: 12px;
         }
         .main-img-wrap-inner {
              height: 360px;
         }
        }
       .thumbnail-slider{
         gap: 8px;
          margin-top: 20px;
          .media-wrapper,.deferred-media {
          width: 60px;
          height: 60px;
         }
       }
       .product-media-modal__toggle {
        right: 20px;
        top: 20px;
       }
    }
    .product-sticky-cart {
      bottom: 54px;
      .sticky-cart{
        padding: 0;
        max-width: 100%;
        .sticky-cart__form{
          width: 100%;
        }
      }
      .sticky-cart__content{
        display: none;
      }
      .sticky__subscription_options{
        display: none;
      }
      .product-form__buttons,.product-form__buttons-third-orange,.product-form__buttons-third-citrus,.product-form__buttons-third{
        width: 100%;
        .product-form__quantity,variant-selects,.sticky__subscription_options{
          display: none !important;
        }
        .product-form__submit{
          display: none;
          &.mb-button{
            display: block;
            width: 100%;
            font-size: 14px;
          }
        }
      } 
    }
    .vtl-pr-main-widget__show-more-button{
      font-size: 13px;
      padding: 13px 10px;
      max-width: 190px;
    }
    .outer-wrap-app {
      .page-width {
        .apps_tab_section {
          .product-tabs {
            .tab-nav {
              .app_tab-link {
                font-size: 12px;
              }
            }
          }
        }
      }
    }
  }
  body.template-product .section--padding{
    padding-left:20px;
    padding-right:20px;
  }
  body.template-product .outer-wrap-app .page-width .apps_tab_section .product-tabs .app_tab-content,
  body.template-product .vtl-pr-main-widget{
    padding-left:0px;
    padding-right:0px;
  }
}

.sls-selling-plan-group-options,
.sls-one-time-description-content {
  display:block !important;
}
body.template-product .info-icon-outer-wrap .info-list img {
    width: 40px;
}
@media(max-width:480px){
    body.template-product {
      .product__info-wrapper.grid__item {
         .product-variant-wrapper   .variantInput {
          max-width: 100%;
          width: 50%;
          .variant-label{
            padding: 15px 14px 15px 40px;
            font-size:13px;
          }
          [type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before {
            left: 18px;
          }
          [type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after{
             left: 22px;
          }
        }
      }
  }
}
@media(max-width:410px){
    body.template-product {
      .product__info-wrapper.grid__item {
          .product-form__buttons, & .product-form__buttons-third-orange,.product-form__buttons-third-citrus,.product-form__buttons-third {
              .product-form__submit {
                  font-size: 10px;
                  min-width: auto;
                svg{
                  width: 10px;
                }
              }
          }
      }
  }
}
.template_product-gift-card .product__info-wrapper .share-button{
  margin-top: 8px;
}
.hide_subs_balance .sealsubs-target-element, .hide_subs_collagen .sealsubs-target-element,.hide_subs_collagen .product-variant-wrapper{
  /* display: none !important; */
}
.hide_subs_balance .sticky__subscription_options,.hide_subs_collagen .sticky__subscription_options{
  /* display: none !important; */
}
.hide_subs_balance variant-radios{
/* pointer-events: all !important; */
}
.hide_subs_balance .product-variant-wrapper{
/* border-bottom: 1px solid #44444466 !important; */
}
.hide_subs_balance .no-js-hidden .price{
/* padding-top: 28px; */
}

/* HS-SH-AUG-129 Pre-orders with Subscription -- Starts*/

.template-product .product-form > .product-form__buttons .swym-atw-btn-wrapper + p,
.template-product .hidden-buy-buttons .product-form__buttons .covered__btn_third_wishlist + p{
  margin-bottom: 10px;
}
.product__info-wrapper.grid__item div:has(.price) .price{
  font: 600 20px / 1 var(--font-body-family);
}
.product__info-wrapper.grid__item .guarantee__icon_top.shipping-wrap{
  margin-top:5px;
}
.product__info-wrapper #esc-oos-form {
  display:none!important;
}

.update_preorder_shipping {
    margin-bottom: 12px;
    line-height: 1.4;
}

.preorder_text_all {
  display:none!important;
}
.update_preorder_shipping {
    margin-bottom: 12px!important;
    line-height: 1.4;
}
.third-option-seal product-form {
  width:100%; 
}
/* HS-SH-AUG-129 Pre-orders with Subscription -- Ends */