product-info {
  display: block;

  .price {
    margin-top: -0.5rem;
  }

  .product-form__quantity {
    display: none;
  }

  .price__badge-sold-out {
    background: none;
    padding: 0;
    margin: 0 !important;
    letter-spacing: normal;
    color: var(--bs-danger);
    font-size: var(--fluid-14-16);
    line-height: 1.3;
    border: 0;
  }

  .price--on-sale .price__badge-sale {
    display: none;
  }

  .accordion-button {
    color: var(--neutral-900);
    svg {
      width: 1.5rem;
      height: 1.5rem;
      rotate: 45deg;
      transition: rotate 0.3s ease-in;
    }

    &:after {
      display: none;
    }

    &:not(.collapsed) svg {
      rotate: 0deg;
    }
  }

  .accordion-header {
    padding: 0;

    h2 {
      margin-top: 0.5rem;
    }

    .accordion-button {
      padding: 0.9375rem 0;
    }
  }
}

.mac,
.iOS {
  .m-main-product {
    .accordion-item {
      transition: none;
      svg {
        transition: none;
      }

      .collapsing {
        transition: none;
      }
    }
  }
}

.m-main-product {
  .accordion-item {
    border: 0 !important;
    margin: 0;
    position: relative;
    color: var(--neutral-900);
  }

  .accordion-body ul li {
    list-style-type: disc;
  }
  .accordion-body p {
    margin-bottom: 1rem;
  }

  .accordion-item:last-of-type {
    &::after {
      content: '';
      mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 326 9" fill="none"  preserveAspectRatio="none">><path  d="M326 3.53534C286.322 5.3113 248.483 2.21487 209.922 3.93496C189.848 4.83039 169.737 3.67354 149.667 4.51221C127.576 5.43533 105.249 6.39124 83.1582 5.31147C68.6524 4.60245 54.1101 5.4884 39.5971 4.73423C30.0162 4.23636 20.3382 3.53533 10.7471 3.53533C7.74634 3.53533 2.56383 3.84153 0 5.13386" stroke="%23F5EDDC" stroke-width="2" stroke-linecap="round"/></svg>');
      mask-size: 100% 100%;
      mask-repeat: no-repeat;
      position: absolute;
      left: 0;
      bottom: -0.25rem;
      width: 100%;
      height: 0.5rem;
      background-color: var(--neutral-900);
    }
  }

  .accordion-item.odd-item {
    &::before {
      content: '';
      mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 362 8" fill="none"  preserveAspectRatio="none"><path d="M1.00001 6.59484C38.4009 6.59484 75.8963 7.71203 113.176 4.8187C143.208 2.48791 173.869 2.70243 204.032 3.5754C246.148 4.79432 288.562 0.0360161 330.584 2.42091C337.117 2.79167 343.521 1.79926 350.095 1.79926C353.605 1.79926 357.837 2.43609 361 1" stroke="%23F5EDDC" stroke-width="2" stroke-linecap="round"/></svg>');
      mask-size: 100% 100%;
      mask-repeat: no-repeat;
      position: absolute;
      left: 0;
      top: -0.5rem;
      width: 100%;
      height: 8px;
      background-color: var(--neutral-900);
    }
  }
  .accordion-item.even-item {
    &::before {
      content: '';
      mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 326 9" fill="none"  preserveAspectRatio="none">><path  d="M326 3.53534C286.322 5.3113 248.483 2.21487 209.922 3.93496C189.848 4.83039 169.737 3.67354 149.667 4.51221C127.576 5.43533 105.249 6.39124 83.1582 5.31147C68.6524 4.60245 54.1101 5.4884 39.5971 4.73423C30.0162 4.23636 20.3382 3.53533 10.7471 3.53533C7.74634 3.53533 2.56383 3.84153 0 5.13386" stroke="%23F5EDDC" stroke-width="2" stroke-linecap="round"/></svg>');
      mask-size: 100% 100%;
      mask-repeat: no-repeat;
      position: absolute;
      left: 0;
      top: -0.25rem;
      width: 100%;
      height: 8px;
      background-color: var(--neutral-900);
    }
  }
}

.product {
  margin: 0;
}

.product.grid {
  gap: 0;
}

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

.product__media-wrapper {
  padding-left: 0;
  .product-media-swiper {
    padding-block-end: 4.5rem;
    width: 100%;
    /* aspect-ratio: 1; */
    z-index: 0;

    .swiper-slide {
      justify-content: center;
      display: flex;
      overflow: visible;
    }
  }
  > div {
    width: 100%;
  }
}

.product--large:not(.product--no-media) .product__info-wrapper {
  padding: 2rem 2rem 2.75rem 1.5rem;
  position: relative;
  filter: drop-shadow(12px 8px 0px var(--neutral-900-a25));
  color: var(--neutral-900);
  height: fit-content;
  margin: 0 -0.5rem;
  max-width: calc(100% + 1rem);
  position: relative;
  z-index: 1;

  &::before {
    content: '';
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    position: absolute;
    inset: 0;
    background: var(--_card-bg-color, var(--neutral-200));
    transition: 0.3s ease-in-out all;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 516 710' fill='none'%3E%3Cpath d='M4.96142 123.776V22.1382V7.1273C4.96142 2.44361 15.9578 5.43907 17.7209 5.43907C30.3582 5.43907 44.4644 6.41277 56.7871 3.48053C66.9138 1.07081 76.1633 3.58361 86.4805 3.58361H122.317C169.476 3.58361 216.548 1.72816 263.696 1.72816C296.77 1.72816 329.864 3.58361 362.858 3.58361C387.326 3.58361 411.796 3.71222 436.264 3.58361C443.255 3.54687 497.568 -3.28994 498.408 2.75897C502.736 33.9099 504 64.4019 504 96.2532C504 129.348 502.582 162.404 502.582 195.417C502.582 246.63 504.002 298.165 500.456 349.213C497.398 393.226 496.911 437.186 496.911 481.363C496.911 529.882 498.68 576.02 493.44 624.027C491.248 644.111 495.943 675.41 489.114 693.812C486.909 699.754 475.434 693.812 470.29 693.812C456.749 693.812 443.186 693.502 429.648 693.812C411.233 694.235 392.694 695.265 374.2 695.668C353.055 696.129 331.996 700.966 310.875 701.234C276.175 701.675 241.742 696.674 207.066 695.256C141.436 692.572 31.5 701.234 3.5437 696.074C-2.00031 694.068 0.70825 667.208 0.70825 661.342V651.137C0.70825 644.372 -1.07818 633.204 1.0233 627.016C3.17139 620.691 3.5437 608.496 3.5437 601.452C3.5437 592.244 4.79701 583.697 4.96142 574.445C5.43356 547.874 6.37914 520.74 6.37914 493.836C6.37914 438.536 9.21459 383.557 9.21459 328.288C9.21459 288.633 8.02981 249.172 7.79687 209.539C7.62868 180.925 4.96142 152.469 4.96142 123.776Z' fill='%23A7917B' /%3E%3C/svg%3E");
    opacity: var(--_card-hover-opacity, 1);
    height: var(--bottom-height, 100%);
    pointer-events: none;
  }
}

@media screen and (min-width: 768px) {
  .product__media-wrapper {
    z-index: 0;
    .product-media-swiper {
      padding-block-end: 0;
      width: 100%;
      aspect-ratio: 1;

      .swiper-slide {
        justify-content: center;
        display: flex;
        align-items: center;
        padding-bottom: 3rem;
      }
    }
  }

  .product__column-sticky {
    display: block;
    position: sticky;
    top: 3rem;
    z-index: 2;
  }

  .product--thumbnail .thumbnail-list {
    padding-right: var(--media-shadow-horizontal-offset);
  }

  .product__info-wrapper {
    padding: 0 0 0 5rem;
  }

  .product__info-wrapper--extra-padding {
    padding: 0 0 0 8rem;
  }

  .product--right .product__info-wrapper {
    padding: 0 5rem 0 0;
  }

  .product--right .product__info-wrapper--extra-padding {
    padding: 0 8rem 0 0;
  }

  .product--right .product__media-list {
    margin-bottom: 2rem;
  }

  .product__media-container .slider-buttons {
    display: none;
  }

  .product--right .product__media-wrapper {
    order: 2;
  }
}

@media screen and (min-width: 990px) {
  .product--large:not(.product--no-media) .product__media-wrapper {
    max-width: 59%;
    width: calc(59% - var(--grid-desktop-horizontal-spacing) / 2);
  }

  .product--large:not(.product--no-media) .product__info-wrapper {
    padding: 2rem 3rem 2.75rem 2rem;
    max-width: 41%;
    width: calc(41% - var(--grid-desktop-horizontal-spacing) / 2);
  }

  .product--large:not(.product--no-media).product--right .product__info-wrapper {
    padding: 0 4rem 0 0;
  }

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

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

/* Dynamic checkout */

.shopify-payment-button__button {
  font-family: inherit;
  min-height: 4.6rem;
}

.shopify-payment-button__button [role='button'].focused {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5) !important;
  outline-offset: 0.3rem;
  box-shadow: 0 0 0 0.1rem rgba(var(--color-button), var(--alpha-button-border)),
    0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3) !important;
}

.shopify-payment-button__button [role='button']:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none !important;
}

.shopify-payment-button__button [role='button']:focus-visible {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5) !important;
  box-shadow: 0 0 0 0.1rem rgba(var(--color-button), var(--alpha-button-border)),
    0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3) !important;
}

.shopify-payment-button__button--unbranded {
  background-color: rgba(var(--color-button), var(--alpha-button-background));
  color: rgb(var(--color-button-text));
  font-size: 1.4rem;
  line-height: calc(1 + 0.2 / var(--font-body-scale));
  letter-spacing: 0.07rem;
}

.shopify-payment-button__button--unbranded::selection {
  background-color: rgba(var(--color-button-text), 0.3);
}

.shopify-payment-button__button--unbranded:hover,
.shopify-payment-button__button--unbranded:hover:not([disabled]) {
  background-color: rgba(var(--color-button), var(--alpha-button-background));
}

.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;
}

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

/* Product form */

.product-form {
  display: block;
}

.product-form__error-message-wrapper:not([hidden]) {
  display: flex;
  align-items: flex-start;
  font-size: 1.3rem;
  line-height: 1.4;
  letter-spacing: 0.04rem;
  margin-bottom: 1.5rem;
}

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

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

.product-form__input .form__label {
  padding-left: 0;
}

.product-form__input .select {
  max-width: 100%;
}

.product-form__input .svg-wrapper {
  right: 1.5rem;
}

.product-form__submit {
  margin-bottom: 1rem;
}

.product-form__submit[aria-disabled='true'] + .shopify-payment-button .shopify-payment-button__button[disabled],
.product-form__submit[disabled] + .shopify-payment-button .shopify-payment-button__button[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}

@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 {
  font-size: 1.5rem;
  letter-spacing: 0.1rem;
}

/* Product info */

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

.product__info-container iframe {
  max-width: 100%;
}

.product__info-container .product-form,
.product__info-container .product__description,
.product__info-container .icon-with-text {
  margin: 1.5rem 0 0.5rem;
}

.product__text {
  margin-bottom: 0;
}

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__title {
  word-break: break-word;
  margin-bottom: 1rem;
  padding-top: 0.5rem;
  padding-top: 3px;
  line-height: 1.4lh;
}

.product__title > * {
  margin: 0;
}

.product__title > a {
  display: none;
}

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

.product__text.caption-with-letter-spacing + .product__title {
  margin-top: 0;
}

.product__accordion .accordion__content {
  padding: 0 1rem;
}

.product .price .badge {
  margin-bottom: 0.5rem;
}

.product .price__container {
  margin-bottom: 0.5rem;
}

.product .price dl {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

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

@media screen and (min-width: 768px) {
  .product__info-container {
    max-width: 60rem;
  }

  .product__info-container > *:first-child {
    margin-top: 0;
  }
}

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

.product--no-media .product__title,
.product--no-media .product__text,
.product--no-media .product__tax,
.product--no-media .product__sku,
.product--no-media shopify-payment-terms {
  text-align: center;
}

.product--no-media .product__media-wrapper,
.product--no-media .product__info-wrapper {
  padding: 0;
}

.product__tax {
  margin-top: -1.4rem;
}

.product--no-media .share-button {
  max-width: 100%;
}

.product--no-media .product-form__quantity,
.product--no-media .share-button,
.product--no-media .product__view-details,
.product--no-media .product__pickup-availabilities,
.product--no-media .product-form {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.product--no-media .product-form {
  flex-direction: column;
}

.product--no-media .product-form > .form {
  max-width: 30rem;
  width: 100%;
}

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

.product-form__quantity .form__label {
  margin-bottom: 0.6rem;
}

.price-per-item__label.form__label {
  margin-bottom: 0rem;
}

.product-form__quantity-top .form__label {
  margin-bottom: 1.2rem;
}

.product-form__buttons {
  max-width: 44rem;
}

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

.product--no-media .product-popup-modal__button {
  padding-right: 0;
}

.product--no-media .price {
  text-align: center;
}

/* Product media */
.product__media-list video {
  border-radius: calc(var(--media-radius) - var(--media-border-width));
}

@media screen and (max-width: 749px) {
  .product__media-list {
    margin-left: -2.5rem;
    margin-bottom: 3rem;
    width: calc(100% + 4rem);
  }

  .product__media-wrapper slider-component:not(.thumbnail-slider--no-slide) {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .slider.product__media-list::-webkit-scrollbar {
    height: 0.2rem;
    width: 0.2rem;
  }

  .product__media-list::-webkit-scrollbar-thumb {
    background-color: rgb(var(--color-foreground));
  }

  .product__media-list::-webkit-scrollbar-track {
    background-color: rgba(var(--color-foreground), 0.2);
  }

  .product__media-list .product__media-item {
    width: calc(100% - 3rem - var(--grid-mobile-horizontal-spacing));
  }

  .product--mobile-columns .product__media-item {
    width: calc(50% - 1.5rem - var(--grid-mobile-horizontal-spacing));
  }
}

@media screen and (min-width: 768px) {
  .product--thumbnail .product__media-list,
  .product--thumbnail_slider .product__media-list {
    padding-bottom: calc(var(--media-shadow-vertical-offset) * var(--media-shadow-visible));
  }

  .product__media-list {
    padding-right: calc(var(--media-shadow-horizontal-offset) * var(--media-shadow-visible));
  }

  .product--thumbnail .product__media-item:not(.is-active),
  .product--thumbnail_slider .product__media-item:not(.is-active) {
    display: none;
  }

  .product-media-modal__content > .product__media-item--variant.product__media-item--variant {
    display: none;
  }

  .product-media-modal__content > .product__media-item--variant:first-child {
    display: block;
  }
}

@media screen and (min-width: 768px) and (max-width: 989px) {
  .product__media-list .product__media-item:first-child {
    padding-left: 0;
  }

  .product--thumbnail_slider .product__media-list {
    margin-left: 0;
  }

  .product__media-list .product__media-item {
    width: 100%;
  }
}

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

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

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

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

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

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

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

  .product--large.product--columns .product__media-item--full .deferred-media__poster-button {
    height: 5rem;
    width: 5rem;
  }

  .product--medium.product--columns .product__media-item--full .deferred-media__poster-button {
    height: 4.2rem;
    width: 4.2rem;
  }

  .product--medium.product--columns .product__media-item--full .deferred-media__poster-button .icon {
    width: 1.8rem;
    height: 1.8rem;
  }

  .product--small.product--columns .product__media-item--full .deferred-media__poster-button {
    height: 3.6rem;
    width: 3.6rem;
  }

  .product--small.product--columns .product__media-item--full .deferred-media__poster-button .icon {
    width: 1.6rem;
    height: 1.6rem;
  }
}

@media screen and (min-width: 990px) {
  .product--stacked .product__media-item {
    max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }

  .product:not(.product--columns) .product__media-list .product__media-item:first-child,
  .product:not(.product--columns) .product__media-list .product__media-item--full {
    width: 100%;
    max-width: 100%;
  }

  .product__modal-opener .product__media-icon {
    opacity: 0;
  }

  .product__modal-opener:hover .product__media-icon,
  .product__modal-opener:focus .product__media-icon {
    opacity: 1;
  }
}

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

.product__media-toggle {
  display: flex;
  border: none;
  background-color: transparent;
  color: currentColor;
  padding: 0;
}

.product__media-toggle::after {
  content: '';
  cursor: pointer;
  display: block;
  margin: 0;
  padding: 0;
  position: absolute;
  top: calc(var(--border-width) * -1);
  right: calc(var(--border-width) * -1);
  bottom: calc(var(--border-width) * -1);
  left: calc(var(--border-width) * -1);
  z-index: 2;
}

.product__media-toggle:focus-visible {
  outline: 0;
  box-shadow: none;
}

/* outline styling for Windows High Contrast Mode */
@media (forced-colors: active) {
  .product__media-toggle:focus-visible,
  .product__media-toggle:focus-visible:after {
    outline: transparent solid 1px;
    outline-offset: 2px;
  }
}
.product__media-toggle.focused {
  outline: 0;
  box-shadow: none;
}

.product__media-toggle:focus-visible:after {
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0rem 0.5rem rgba(var(--color-foreground), 0.5);
  border-radius: var(--media-radius);
}

.product__media-toggle.focused:after {
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0rem 0.5rem rgba(var(--color-foreground), 0.5);
  border-radius: var(--media-radius);
}

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

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

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

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

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

@media screen and (min-width: 768px) {
  .product-media-modal__content {
    padding-bottom: 2rem;
  }

  .product-media-modal__content > *:not(.active) {
    display: block;
  }

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

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

@media screen and (max-width: 749px) {
  .product--thumbnail .is-active .product__modal-opener:not(.product__modal-opener--image),
  .product--thumbnail_slider .is-active .product__modal-opener:not(.product__modal-opener--image) {
    display: none;
  }

  .product--thumbnail .is-active .deferred-media,
  .product--thumbnail_slider .is-active .deferred-media {
    display: block;
    width: 100%;
  }
}

.product-media-modal__content > * {
  display: block;
  height: auto;
  margin: auto;
}

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

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

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

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

@media screen and (min-width: 768px) {
  .product-media-modal__content {
    padding: 2rem 11rem;
  }

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

  .product-media-modal__content > * + * {
    margin-top: 2rem;
  }

  .product-media-modal__toggle {
    right: 5rem;
    top: 2.2rem;
  }
}

@media screen and (min-width: 990px) {
  .product-media-modal__content {
    padding: 2rem 11rem;
  }

  .product-media-modal__content > * + * {
    margin-top: 1.5rem;
  }

  .product-media-modal__content {
    padding-bottom: 1.5rem;
  }

  .product-media-modal__toggle {
    right: 5rem;
  }
}

.product-media-modal__toggle:hover {
  color: rgba(var(--color-foreground), 0.75);
}

.product-media-modal__toggle .icon {
  height: auto;
  margin: 0;
  width: 2.2rem;
}

/* 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;
  overflow: auto;
  width: 100%;
  background: rgba(var(--color-foreground), 0.2);
  height: 100%;
}

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

.product-popup-modal__content {
  border-radius: var(--popup-corner-radius);
  background-color: rgb(var(--color-background));
  overflow: auto;
  height: 80%;
  margin: 0 auto;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 5rem;
  width: 92%;
  position: absolute;
  top: 0;
  padding: 0 1.5rem 0 3rem;
  border-color: rgba(var(--color-foreground), var(--popup-border-opacity));
  border-style: solid;
  border-width: var(--popup-border-width);
  box-shadow: var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius)
    rgba(var(--color-shadow), var(--popup-shadow-opacity));
}

.product-popup-modal__content.focused {
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3),
    var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius)
      rgba(var(--color-shadow), var(--popup-shadow-opacity));
}

.product-popup-modal__content:focus-visible {
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3),
    var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius)
      rgba(var(--color-shadow), var(--popup-shadow-opacity));
}

@media screen and (min-width: 768px) {
  .product-popup-modal__content {
    padding-right: 1.5rem;
    margin-top: 10rem;
    width: 70%;
    padding: 0 3rem;
  }

  .product-media-modal__dialog .global-media-settings--no-shadow {
    overflow: visible !important;
  }
}

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

@media screen and (max-width: 749px) {
  .product-popup-modal__content table {
    display: block;
    max-width: fit-content;
    overflow-x: auto;
    white-space: nowrap;
    margin: 0;
  }

  .product-media-modal__dialog .global-media-settings,
  .product-media-modal__dialog .global-media-settings video,
  .product-media-modal__dialog .global-media-settings model-viewer,
  .product-media-modal__dialog .global-media-settings iframe,
  .product-media-modal__dialog .global-media-settings img {
    border: none;
    border-radius: 0;
  }
}

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

.product-popup-modal__button {
  font-size: 1.6rem;
  padding-right: 1.3rem;
  padding-left: 0;
  min-height: 4.4rem;
  text-underline-offset: 0.3rem;
  text-decoration-thickness: 0.1rem;
  transition: text-decoration-thickness var(--duration-short) ease;
}

.product-popup-modal__button:hover {
  text-decoration-thickness: 0.2rem;
}

.product-popup-modal__content-info {
  padding-right: 4.4rem;
}

.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__toggle {
  background-color: rgb(var(--color-background));
  border: 0.1rem solid rgba(var(--color-foreground), 0.1);
  border-radius: 50%;
  color: rgba(var(--color-foreground), 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: sticky;
  padding: 1.2rem;
  z-index: 2;
  top: 1.5rem;
  width: 4rem;
  margin: 0 0 0 auto;
}

.product-popup-modal__toggle:hover {
  color: rgba(var(--color-foreground), 0.75);
}

.product-popup-modal__toggle .icon {
  height: auto;
  margin: 0;
  width: 2.2rem;
}

.product__media-list .media > * {
  overflow: hidden;
}

.thumbnail-list {
  flex-wrap: wrap;
  grid-gap: 1rem;
}

/* Fix to show some space at the end of our sliders in all browsers to be applied on thumbnails */
.slider--mobile.thumbnail-list:after {
  content: none;
}

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

  .thumbnail-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
}

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

@media screen and (min-width: 990px) {
  .thumbnail-list {
    grid-template-columns: repeat(4, 1fr);
  }

  .product--medium .thumbnail-list {
    grid-template-columns: repeat(5, 1fr);
  }

  .product--large .thumbnail-list {
    grid-template-columns: repeat(6, 1fr);
  }
}

@media screen and (max-width: 749px) {
  .product__media-item {
    display: flex;
    align-items: center;
  }

  .product__modal-opener {
    width: 100%;
  }

  .thumbnail-slider {
    display: flex;
    align-items: center;
  }

  .thumbnail-slider .thumbnail-list.slider {
    display: flex;
    padding: 0.5rem;
    flex: 1;
    scroll-padding-left: 0.5rem;
  }

  .thumbnail-list__item.slider__slide {
    width: calc(33% - 0.6rem);
  }
}

@media screen and (min-width: 768px) {
  .product--thumbnail_slider .thumbnail-slider {
    display: flex;
    align-items: center;
  }

  .thumbnail-slider .thumbnail-list.slider--tablet-up {
    display: flex;
    padding: 0.5rem;
    flex: 1;
    scroll-padding-left: 0.5rem;
  }

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

  .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide {
    width: calc(25% - 0.8rem);
  }

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

@media screen and (min-width: 900px) {
  .product--small .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide {
    width: calc(25% - 0.8rem);
  }

  .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide {
    width: calc(20% - 0.8rem);
  }
}

.thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 100%;
  padding: 0;
  color: rgb(var(--color-foreground));
  cursor: pointer;
  background-color: transparent;
}

.thumbnail:hover {
  opacity: 0.7;
}

.thumbnail.global-media-settings img {
  border-radius: 0;
}

.thumbnail[aria-current] {
  box-shadow: 0 0 0rem 0.1rem rgb(var(--color-foreground));
  border-color: rgb(var(--color-foreground));
}

.image-magnify-full-size {
  cursor: zoom-out;
  z-index: 1;
  margin: 0;
  border-radius: calc(var(--media-radius) - var(--media-border-width));
}

.image-magnify-hover {
  cursor: zoom-in;
}

.product__modal-opener--image .product__media-zoom-none,
.product__media-icon--none {
  display: none;
}

.product__modal-opener > .loading__spinner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  display: flex;
  align-items: center;
  height: 48px;
  width: 48px;
}

.product__modal-opener .path {
  stroke: rgb(var(--color-button));
  opacity: 0.75;
}

@media (hover: hover) {
  .product__media-zoom-hover,
  .product__media-icon--hover {
    display: none;
  }
}

@media screen and (max-width: 749px) {
  .product__media-zoom-hover,
  .product__media-icon--hover {
    display: flex;
  }
}

.js .product__media {
  /* overflow: hidden !important; */
}

.thumbnail[aria-current]:focus-visible {
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0rem 0.5rem rgba(var(--color-foreground), 0.5);
}

.thumbnail[aria-current]:focus,
.thumbnail.focused {
  outline: 0;
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0rem 0.5rem rgba(var(--color-foreground), 0.5);
}

/* outline styling for Windows High Contrast Mode */
@media (forced-colors: active) {
  .thumbnail[aria-current]:focus,
  .thumbnail.focused {
    outline: transparent solid 1px;
  }
}
.thumbnail[aria-current]:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: 0 0 0 0.1rem rgb(var(--color-foreground));
}

.thumbnail img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.thumbnail__badge .icon {
  width: 1rem;
  height: 1rem;
}

.thumbnail__badge .icon-3d-model {
  width: 1.2rem;
  height: 1.2rem;
}

.thumbnail__badge {
  color: rgb(var(--color-foreground), 0.6);
  height: 2rem;
  width: 2rem;
  left: auto;
  right: calc(0.4rem + var(--media-border-width));
  top: calc(0.4rem + var(--media-border-width));
}

@media screen and (min-width: 768px) {
  .product:not(.product--small) .thumbnail__badge {
    height: 3rem;
    width: 3rem;
  }

  .product:not(.product--small) .thumbnail__badge .icon {
    width: 1.2rem;
    height: 1.2rem;
  }

  .product:not(.product--small) .thumbnail__badge .icon-3d-model {
    width: 1.4rem;
    height: 1.4rem;
  }
}

.thumbnail-list__item {
  position: relative;
}

.thumbnail-list__item::before {
  content: '';
  display: block;
  padding-bottom: 100%;
}

.product:not(.featured-product) .product__view-details {
  display: none;
}

.product__view-details {
  display: block;
  text-decoration: none;
}

.product__view-details:hover {
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

.product__view-details .icon {
  width: 1.2rem;
  margin-left: 1.2rem;
  flex-shrink: 0;
}

/* Inventory status */

.product__inventory {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.product__inventory .svg-wrapper,
.product__inventory svg {
  width: 15px;
  height: 15px;
}

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

/* This keeps the container from getting display: none; applied to it and to make sure we're not introducing some layout shift when switching to an unavailable variant */
.product__inventory.visibility-hidden:empty {
  display: block;
}

.product__inventory.visibility-hidden:empty::after {
  content: '#';
}

.product__inventory .icon-inventory-status circle:first-of-type {
  opacity: 0.3;
}

/* Icon with text */
.icon-with-text {
  --icon-size: calc(var(--font-heading-scale) * 3rem);
  --icon-spacing: calc(var(--font-heading-scale) * 1rem);
}

.icon-with-text--horizontal {
  display: flex;
  justify-content: center;
  column-gap: 3rem;
  flex-direction: row;
}

.icon-with-text--vertical {
  --icon-size: calc(var(--font-heading-scale) * 2rem);
}

.icon-with-text .svg-wrapper {
  fill: rgb(var(--color-foreground));
  height: var(--icon-size);
  width: var(--icon-size);
}

.icon-with-text--horizontal .svg-wrapper,
.icon-with-text--horizontal img {
  margin-bottom: var(--icon-spacing);
}

.icon-with-text--vertical .svg-wrapper {
  min-height: var(--icon-size);
  min-width: var(--icon-size);
  margin-right: var(--icon-spacing);
}

.icon-with-text img {
  height: var(--icon-size);
  width: var(--icon-size);
  object-fit: contain;
}

.icon-with-text--vertical img {
  margin-right: var(--icon-spacing);
}

.icon-with-text--horizontal .h4 {
  padding-top: calc(var(--icon-size) + var(--icon-spacing));
  text-align: center;
}

.icon-with-text--horizontal .svg-wrapper + .h4,
.icon-with-text--horizontal img + .h4,
.icon-with-text--horizontal.icon-with-text--text-only .h4 {
  padding-top: 0;
}

.icon-with-text__item {
  display: flex;
  align-items: center;
}

.icon-with-text--horizontal .icon-with-text__item {
  flex-direction: column;
  width: 33%;
}

.icon-with-text--vertical .icon-with-text__item {
  margin-bottom: var(--icon-size);
}

/* SKU block */

.product__sku.visibility-hidden::after {
  content: '#';
}

/* Product-thumbnail snippet */

.product-media-container {
  --aspect-ratio: var(--preview-ratio);
  --ratio-percent: calc(1 / var(--aspect-ratio) * 100%);
  position: relative;
  width: 100%;
  max-width: calc(100% - calc(var(--media-border-width) * 2));
  background-color: transparent;
  border: 0;
}

.product-media-container.constrain-height {
  /* arbitrary offset value based on average theme spacing and header height */
  --viewport-offset: 400px;
  --constrained-min-height: 300px;
  --constrained-height: max(var(--constrained-min-height), calc(100vh - var(--viewport-offset)));
  margin-right: auto;
  margin-left: auto;
}

.product-media-container.constrain-height.media-fit-contain {
  --contained-width: calc(var(--constrained-height) * var(--aspect-ratio));
  width: min(var(--contained-width), 100%);
}

.product-media-container .media {
  padding-top: var(--ratio-percent);
}

.product-media-container .media img {
  filter: drop-shadow(12px 8px 0 var(--neutral-900-a25));
}

.product-media-container.constrain-height .media {
  padding-top: min(var(--constrained-height), var(--ratio-percent));
}

@media screen and (max-width: 749px) {
  .product-media-container.media-fit-cover {
    display: flex;
    align-self: stretch;
  }

  .product-media-container.media-fit-cover .media {
    /* allow media img element to scale relative to modal-opener/product-media-container */
    position: initial;
  }
}

@media screen and (min-width: 768px) {
  .product-media-container {
    max-width: 100%;
    max-width: 76%;
  }

  .product-media-container:not(.media-type-image) {
    /* override to use actual media ratio (not poster ratio) for video/models on desktop */
    --aspect-ratio: var(--ratio);
  }

  .product-media-container.constrain-height {
    --viewport-offset: 170px;
    --constrained-min-height: 500px;
  }

  .product-media-container.media-fit-cover,
  .product-media-container.media-fit-cover .product__modal-opener,
  .product-media-container.media-fit-cover .media {
    height: 100%;
  }

  .product-media-container.media-fit-cover .deferred-media__poster img {
    object-fit: cover;
    width: 100%;
  }
}

.product-media-container .product__modal-opener {
  display: block;
  position: relative;
}

@media screen and (min-width: 768px) {
  .product-media-container .product__modal-opener:not(.product__modal-opener--image) {
    display: none;
  }
}

@media screen and (min-width: 992px) {
  .product-media-container {
    max-width: 500px;
  }
}

/* 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;
}

.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;
  width: 10px;
  height: 9px;
}

.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:has(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 {
  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;
  }
}

/* // swiper creative */
.swiper-creative {
  overflow: visible !important;
}

.swiper-creative .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.product-media-swiper__controls {
  width: fit-content;
  padding: 0;
  top: calc(100% - 2.2rem);
  height: fit-content;
  left: 50%;
  translate: -50% 0;
  /* rotate: 180deg; */

  .product-swiper-button {
    svg {
      color: var(--neutral-100);
      width: 1.5rem;
    }

    &.product-swiper-button-prev {
      rotate: -90deg;
    }
    &.product-swiper-button-next {
      rotate: -90deg;
    }
  }

  .product-swiper-button[aria-disabled='true'] {
    opacity: 0.2;
  }

  .swiper-pagination {
    position: relative;
    inset: auto;
    transform: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    flex-direction: row-reverse;

    span {
      --swatch--size: 0.75rem;
      --swatch--background: var(--neutral-100);
      position: relative;
      &:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        max-width: 100%;
        aspect-ratio: 1 / 1;
        background: var(--swatch--background);
        background-position: var(--swatch-focal-point, initial);
        background-size: cover;
        background-origin: border-box;
        border: 0;
        border-radius: 0;
        mask-size: 100% 100%;
        mask-repeat: no-repeat;
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M17.9456 3.49651C22.2424 5.17986 24.0055 8.81914 23.9522 12.6001C24.7277 20.7698 15.9476 28.6242 6.61286 22.6419C6.54541 22.4755 6.52585 22.3423 6.54175 22.2387C-3.58899 17.2384 -1.00666 3.91096 7.83123 1.47679C10.9673 0.183037 14.6324 0.461691 17.9456 3.49651Z' fill='%23A7917B'/%3E%3C/svg%3E");
        position: absolute;
        inset: 0;
      }
      width: var(--swatch--size);
      height: var(--swatch--size);
      margin: 0 !important;
      background-color: transparent;

      &.swiper-pagination-bullet-active {
        &:after {
          opacity: 1;
        }
      }

      &:after {
        content: '';
        background-color: var(--neutral-100);
        mask-size: 100% 100%;
        mask-repeat: no-repeat;
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 36 37' fill='none'%3E%3Cpath d='M27.2162 4.57838C47.2904 17.8518 29.3116 45.4141 9.71616 32.9531C9.133 31.5261 10.9175 31.7231 11.5596 32.5652C12.1368 32.1498 12.9563 32.0659 13.6469 32.4766C15.4784 33.7715 18.0795 34.3212 20.4889 33.6982C37.364 32.4774 35.7256 11.0009 22.7187 3.89734C9.42905 -2.17706 -5.07461 17.2632 7.40962 27.3039C9.86829 27.6681 11.4395 33.0561 8.17847 30.6648C-12.4782 19.5697 10.535 -11.3497 27.2162 4.57838Z' fill='%23A7917B' /%3E%3C/svg%3E");
        position: absolute;
        left: 50%;
        top: calc(50% - 11px);
        translate: -50%;
        width: 22px;
        height: 22px;
        opacity: 0;
      }
    }
  }
}

@media (min-width: 768px) {
  .product-media-swiper__controls {
    width: 1.5rem;
    padding: 0;
    top: 50%;
    translate: 0 -50%;
    height: fit-content;
    left: auto;
    rotate: 180deg;

    .product-swiper-button {
      svg {
        color: var(--neutral-100);
      }

      &.product-swiper-button-prev {
        rotate: 180deg;
      }
      &.product-swiper-button-next {
        rotate: 180deg;
      }
    }

    .swiper-pagination {
      position: relative;
      inset: auto;
      transform: none;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 0.75rem;

      span {
        --swatch--size: 0.75rem;
        --swatch--background: var(--neutral-100);
        position: relative;

        &:before {
          content: '';
          display: block;
          width: 100%;
          height: 100%;
          max-width: 100%;
          aspect-ratio: 1 / 1;
          background: var(--swatch--background);
          background-position: var(--swatch-focal-point, initial);
          background-size: cover;
          background-origin: border-box;
          border: 0;
          border-radius: 0;
          mask-size: 100% 100%;
          mask-repeat: no-repeat;
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M17.9456 3.49651C22.2424 5.17986 24.0055 8.81914 23.9522 12.6001C24.7277 20.7698 15.9476 28.6242 6.61286 22.6419C6.54541 22.4755 6.52585 22.3423 6.54175 22.2387C-3.58899 17.2384 -1.00666 3.91096 7.83123 1.47679C10.9673 0.183037 14.6324 0.461691 17.9456 3.49651Z' fill='%23A7917B'/%3E%3C/svg%3E");
          position: absolute;
          inset: 0;
        }
        width: var(--swatch--size);
        height: var(--swatch--size);
        margin: 0 !important;
        background-color: transparent;

        &.swiper-pagination-bullet-active {
          &:after {
            opacity: 1;
          }
        }

        &:after {
          content: '';
          background-color: var(--neutral-100);
          mask-size: 100% 100%;
          mask-repeat: no-repeat;
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 36 37' fill='none'%3E%3Cpath d='M27.2162 4.57838C47.2904 17.8518 29.3116 45.4141 9.71616 32.9531C9.133 31.5261 10.9175 31.7231 11.5596 32.5652C12.1368 32.1498 12.9563 32.0659 13.6469 32.4766C15.4784 33.7715 18.0795 34.3212 20.4889 33.6982C37.364 32.4774 35.7256 11.0009 22.7187 3.89734C9.42905 -2.17706 -5.07461 17.2632 7.40962 27.3039C9.86829 27.6681 11.4395 33.0561 8.17847 30.6648C-12.4782 19.5697 10.535 -11.3497 27.2162 4.57838Z' fill='%23A7917B' /%3E%3C/svg%3E");
          position: absolute;
          left: 50%;
          top: calc(50% - 11px);
          translate: -50%;
          width: 22px;
          height: 22px;
          opacity: 0;
        }
      }
    }
  }
}

.klaviyo-bis-trigger.btn {
  padding-inline: 2px;

  .small-notify {
    display: none;
  }
}

shopify-payment-terms #shopify-installments-content .text-purple-primary {
  color: #166;
}


.giftreggie-pdp-wishlist-cta {
  display: none !important;
}

.giftreggie-pdp-registry-cta--button {
  font: 400 24px 'TAY Kula' !important;
  vertical-align: bottom;
  color: #231f20 !important;
  border: 0 !important;
  background: none !important;
  position: relative;
  padding-top: 11px;
  padding-bottom: 11px;
}

.giftreggie-pdp-registry-cta--button::before {
  content: '';
  background: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6369 7.34083C13.587 5.27602 14.5336 2.77667 17.3991 2.10244C19.6071 1.58292 19.2745 5.8283 18.8724 7.01343C17.0353 12.428 13.2907 15.9098 10.1636 20.6005M11.3424 7.63548C10.7365 6.42359 9.50568 1.38192 7.28266 2.92093C5.6799 4.03054 5.89856 6.84754 6.34957 8.3885C7.14111 11.0929 8.50818 13.5519 9.85274 16.0169C10.5513 17.2976 11.017 18.7711 11.6371 20.0112' stroke='%23231F20' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A") center / 24px 24px no-repeat;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.giftreggie-pdp-registry-cta--button::after {
  content: '';
  mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 444 52" fill="none" preserveAspectRatio="none"><path d="M5.5429 10.5969C6.93498 8.67641 4.02907 5.22333 7.34227 3.40777C8.23166 3.01294 10.395 3.03975 12.2263 2.95845C17.3814 2.7296 23.0636 2.55292 28.2921 2.50913C52.4889 2.30646 76.9077 2.53435 101.134 2.63037C120.344 2.70651 139.609 2.87836 158.81 2.89426C180.671 2.91237 202.652 3.14935 224.487 2.89426C255.346 2.53377 286.147 2.59967 317.026 2.40928C331.042 2.32286 345.07 2.43345 359.087 2.37362C378.148 2.29225 396.891 2.10223 415.927 2.53766C423.222 2.70451 430.329 2.95462 437.391 3.39351C438.693 3.47442 439.613 3.47385 440.251 3.72872C441.962 4.41223 441.077 5.54801 441.408 6.29627C442.426 8.60086 442.001 11.0494 441.119 13.3499C439.94 16.4237 440.57 19.5122 439.512 22.5931C437.959 27.1159 435.913 31.5853 435.913 36.1298C435.913 39.5822 434.32 43.0652 430.997 46.4428C430.127 47.3275 430.396 47.9548 426.338 47.9548C421.509 47.9548 417.218 48.0347 412.457 48.2757C398.159 48.9996 382.756 48.8342 368.18 49.0531C354.168 49.2636 340.346 49.7664 326.345 49.909C316.64 50.0078 306.989 50.2285 297.265 50.2584C286.616 50.2913 276.021 50.0695 265.391 49.9589C248.154 49.7795 230.88 50.0262 213.627 50.0088C177.86 49.9727 141.516 48.795 106.147 47.698C95.309 47.3619 84.505 46.8729 73.5333 46.8279C59.0769 46.7686 44.8073 47.0628 30.4127 47.2844C22.5414 47.4055 14.6986 47.5854 7.05309 47.0633C6.58165 47.0311 4.12615 46.9005 3.90419 46.7281C3.22061 46.197 3.90419 44.3505 3.90419 43.8002C3.90419 42.6074 3.69897 41.3006 3.61501 40.1079C3.52749 38.8646 4.1489 38.8633 3.61501 37.6275C2.82007 35.7874 2.88308 33.9242 2.39401 32.0788C1.63403 29.211 2.12778 26.3844 2.5868 23.5203C2.94854 21.2631 2.57219 19.0026 2.84385 16.7448C3.09246 14.6785 4.06426 12.6368 5.5429 10.5969Z" stroke="%23413D39" stroke-width="3" stroke-linecap="round"/></svg>');
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #413d39;
  inset: 0;
  z-index: 0;
  left: 0;
  top: 0;
  transition: 0.35s background-color;
}