/** Shopify CDN: Minification failed

Line 2179:10 Unexpected "{"
Line 2179:19 Expected ":"
Line 2180:10 Unexpected "{"
Line 2180:19 Expected ":"
Line 2181:10 Unexpected "{"
Line 2181:19 Expected ":"
Line 2182:10 Unexpected "{"
Line 2182:19 Expected ":"
Line 2188:10 Unexpected "{"
Line 2188:19 Expected ":"
... and 194 more hidden warnings

**/
/* START_SECTION:wi-product-origin (INDEX:68) */
/* ============================================================
   Caarabi origin PDP — compact reference buy card, brand palette
   .wi-pdp scope.  card #F4EEE1 · panel #FBF9F3 · ink #1A1714 · vermilion #E5341E
   ============================================================ */

.wi-pdp {
  --wi-paper: #FDF8EC;
  --wi-card: #F4EEE1;
  --wi-panel: #FBF9F3;
  --wi-ink: #1A1714;
  --wi-ink-60: rgba(26, 23, 20, 0.60);
  --wi-ink-45: rgba(26, 23, 20, 0.45);
  --wi-accent: #E5341E;
  --wi-accent-dark: #C42C18;
  --wi-line: rgba(26, 23, 20, 0.14);
  display: block;
  color: var(--wi-ink);
  background: var(--wi-paper) !important;
}

/* ---------------- Desktop: image left, sticky right rail ----------------
   Fixed gallery + sticky rail:
   - Do not touch the internal product-slider layers. Changing their height,
     overflow, or display breaks the carousel and exposes adjacent slides.
   - Reduce the media block only from the outer product-gallery wrapper.
   - Use the JS-driven transform rail so it remains in the right column and
     smoothly stops at the end of the left product content/description area. */
.mount-product-page,
.mount-product-page.main-product,
.product.wi-pdp {
  overflow: visible !important;
  background: var(--wi-paper, #FDF8EC) !important;
}

@supports selector(:has(*)) {
  .shopify-section:has(.wi-pdp) {
    overflow: visible !important;
  }
}

@media (min-width: 990px) {
  .wi-pdp {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) var(--wi-rail-width, 40%) !important;
    column-gap: 32px !important;
    align-items: start !important;
    overflow: visible !important;
    position: relative !important;
  }

  .wi-pdp > .product__gallery,
  .wi-pdp > .product__offers,
  .wi-pdp > .product__content {
    width: auto !important;
    max-width: none !important;
    float: none !important;
    margin: 0 !important;
  }

  .wi-pdp > .product__gallery {
    grid-column: 1 !important;
    grid-row: 1 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .wi-pdp > .product__content {
    grid-column: 1 !important;
    grid-row: 2 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .wi-pdp > .product__offers {
    grid-column: 2 !important;
    grid-row: 1 / 3 !important;
    align-self: stretch !important;
    position: relative !important;
    top: auto !important;
    height: auto !important;
    min-height: 100% !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    filter: none !important;
  }

  .wi-pdp .wi-sticky-rail {
    position: sticky !important;
    top: var(--wi-sticky-top, 24px) !important;
    z-index: 5 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
    will-change: auto !important;
  }

  .wi-pdp .wi-sticky-rail::before,
  .wi-pdp .wi-sticky-rail::after {
    content: none !important;
    display: none !important;
    box-shadow: none !important;
  }

  .wi-pdp .wi-sticky-rail.wi-js-fixed {
    position: fixed !important;
    top: var(--wi-sticky-top, 20px) !important;
    left: var(--wi-sticky-left, auto) !important;
    right: auto !important;
    bottom: auto !important;
    width: var(--wi-sticky-width, 100%) !important;
    max-width: var(--wi-sticky-width, 100%) !important;
    z-index: 20 !important;
    transform: none !important;
  }

  .wi-pdp .wi-sticky-rail.wi-js-bottom {
    position: absolute !important;
    top: var(--wi-sticky-stop-top, 0px) !important;
    left: 0 !important;
    right: auto !important;
    bottom: auto !important;
    width: var(--wi-sticky-width, 100%) !important;
    max-width: var(--wi-sticky-width, 100%) !important;
    z-index: 5 !important;
    transform: none !important;
  }

  .wi-pdp .wi-sticky-rail.wi-is-fixed,
  .wi-pdp .wi-sticky-rail.wi-is-bottom {
    position: static !important;
    transform: none !important;
  }

  /* Hard remove the false shadow/halo created around the sticky rail. */
  .wi-pdp .wi-sticky-rail,
  .wi-pdp .wi-sticky-rail *,
  .wi-pdp .wi-sticky-rail::before,
  .wi-pdp .wi-sticky-rail::after {
    filter: none !important;
  }

  .wi-pdp .wi-sticky-rail .wi-buycard,
  .wi-pdp .wi-sticky-rail .wi-specs {
    box-shadow: none !important;
  }

  /* Safe gallery reduction: only reduce the OUTER slider width. Do not change
     product-gallery__viewport/container/items/item display, overflow or height. */
  .wi-pdp > .product__gallery .product-gallery {
    width: min(100%, var(--wi-media-stack-width, 620px)) !important;
    max-width: var(--wi-media-stack-width, 620px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .wi-pdp > .product__gallery .product-gallery__container {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
}

/* ---------------- Mobile ---------------- */
@media (max-width: 989px) {
  .wi-pdp {
    display: flex;
    flex-direction: column;
  }

  .wi-pdp > .product__gallery { order: 1; }

  .wi-pdp > .product__offers {
    order: 2;
    position: static !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    min-height: 0 !important;
  }

  .wi-pdp .wi-sticky-rail,
  .wi-pdp .wi-sticky-rail.wi-is-fixed,
  .wi-pdp .wi-sticky-rail.wi-is-bottom,
  .wi-pdp .wi-sticky-rail.wi-js-fixed,
  .wi-pdp .wi-sticky-rail.wi-js-bottom {
    position: static !important;
    top: auto !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: 100% !important;
    max-height: none !important;
    overflow: visible !important;
    box-shadow: none !important;
    filter: none !important;
  }

  .wi-pdp > .product__content { order: 3; }
}

/* Product image seam fix: keep the radius on the clipping frame, not on the image.
   Border-radius directly on the rendered image can create a 1px anti-aliased
   hairline at the top edge on desktop browsers. */
.wi-pdp .product-gallery,
.wi-pdp .product-gallery__viewport,
.wi-pdp .product-gallery__container,
.wi-pdp .product-gallery__items,
.wi-pdp .product-gallery__item,
.wi-pdp .product-gallery__media,
.wi-pdp .product__media,
.wi-pdp .product-media {
  background: var(--wi-paper, #FDF8EC) !important;
  border: 0 !important;
  border-top: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

.wi-pdp .product-gallery__viewport,
.wi-pdp .product-gallery__item {
  border-radius: 10px !important;
  overflow: hidden !important;
}

.wi-pdp .product-gallery__item img,
.wi-pdp .product-gallery__items img {
  border-radius: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  vertical-align: top !important;
  background: var(--wi-paper, #FDF8EC) !important;
}

/* ---------------- Buy card (tightened) ---------------- */
.wi-pdp .wi-buycard {
  background: var(--wi-card) !important;
  border: 1px solid var(--wi-line) !important;
  border-radius: 18px !important;
  padding: 28px 28px !important;
  box-shadow: none !important;
}
@media (max-width: 989px) { .wi-pdp .wi-buycard { padding: 22px 18px !important; border-radius: 14px !important; } }
@media (max-width: 600px) {
  .wi-pdp .wi-buycard { padding: 22px 18px 20px !important; }
  .wi-pdp .wi-buycard > * { margin-top: 15px !important; }
  .wi-pdp .wi-buycard .product__title { font-size: 24px !important; line-height: 1.08 !important; }
  .wi-pdp .wi-buycard .product__price { font-size: 22px !important; margin-top: 5px !important; }
  .wi-pdp .product__cart-actions.buttons-holder { gap: 10px !important; row-gap: 10px !important; }
  .wi-pdp .product__cart-actions-holder { gap: 10px !important; grid-template-columns: 1fr !important; }
}
.wi-pdp .wi-buycard > * { margin-top: 14px; }
.wi-pdp .wi-buycard > *:first-child { margin-top: 0; }

/* ---------------- Header ---------------- */
.wi-pdp .product__header { display: flex; flex-direction: column; margin: 0; }
.wi-pdp .product__title-reviews { order: -2; margin: 0 0 5px; }
.wi-pdp .product__vendor {
  order: -1; margin: 0 0 7px !important;
  font-size: 10.5px !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; color: var(--wi-ink-45) !important;
}
.wi-pdp .wi-buycard .product__title {
  order: 0; margin: 0 !important;
  font-family: inherit !important; font-weight: 800 !important;
  font-size: clamp(18px, 1.6vw, 22px) !important;
  line-height: 1.12 !important; letter-spacing: 0.005em !important;
  text-transform: uppercase !important; color: var(--wi-ink) !important;
}
.wi-pdp .product__title-wrapper { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.wi-pdp .wishlist-icon-button { flex: 0 0 auto; margin-top: 2px; }
.wi-pdp .wishlist-icon-button svg { width: 22px; height: 22px; }
.wi-pdp .wi-buycard .product__price {
  order: 1; display: block; margin-top: 6px !important;
  font-size: 21px !important; font-weight: 700 !important; color: var(--wi-ink) !important;
}
.wi-pdp .product__price--compare { margin-left: 10px; font-weight: 500; color: var(--wi-ink-45); text-decoration: line-through; }
.wi-pdp .product__extras { order: 2; }

/* Reviews removed from the buy-card header + refined vertical rhythm. */
.wi-pdp .wi-buycard .product__title-reviews,
.wi-pdp .wi-buycard [data-js-product-reviews],
.wi-pdp .wi-buycard .rating,
.wi-pdp .wi-buycard .spr-badge,
.wi-pdp .wi-buycard .jdgm-widget,
.wi-pdp .wi-buycard .jdgm-preview-badge,
.wi-pdp .wi-buycard .stamped-product-reviews-badge,
.wi-pdp .wi-buycard .loox-rating,
.wi-pdp .wi-buycard .okeReviews {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
.wi-pdp .wi-buycard > * { margin-top: 16px !important; }
.wi-pdp .wi-buycard > *:first-child { margin-top: 0 !important; }
.wi-pdp .wi-buycard .product__header { width: 100% !important; gap: 0 !important; }
.wi-pdp .wi-buycard .product__title-wrapper {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  column-gap: 14px !important;
}
.wi-pdp .wi-buycard .wishlist-icon-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  margin: -4px -2px 0 0 !important;
  padding: 0 !important;
}
.wi-pdp .wi-buycard .product__price {
  margin-top: 6px !important;
  margin-bottom: 0 !important;
}
.wi-pdp .wi-buycard product-variants,
.wi-pdp .wi-buycard product-form {
  width: 100% !important;
}

/* ---------------- Variant labels + controls ---------------- */
.wi-pdp .product-variants {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: start !important;
  column-gap: 16px !important;
  row-gap: 14px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}
.wi-pdp .product-variants > .product-variant {
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
}
@media (max-width: 360px) {
  .wi-pdp .product-variants { grid-template-columns: 1fr !important; }
}
.wi-pdp .product-variant__name,
.wi-pdp .product-variants--select .product-variant > label,
.wi-pdp .wi-field-heading {
  display: block !important;
  min-height: 14px !important;
  margin: 0 0 7px !important;
  font-size: 11px !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  font-weight: 800 !important;
  color: var(--wi-ink) !important;
  line-height: 1.2 !important;
}

/* Grind: native <select class="product-variant-container"> */
.wi-pdp .product-variant-container {
  -webkit-appearance: none !important; appearance: none !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 54px !important;
  min-height: 54px !important;
  padding: 0 42px 0 16px !important;
  border: 1px solid var(--wi-line) !important; border-radius: 12px !important; background-color: #fff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231A1714' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important; background-position: right 15px center !important; background-size: 15px !important;
  font-size: var(--wi-pill-text-size, 14px) !important; font-weight: var(--wi-pill-text-weight, 700) !important; font-style: var(--wi-pill-text-style, normal) !important; text-transform: var(--wi-pill-text-transform, none) !important; color: var(--wi-ink) !important; line-height: 54px !important; cursor: pointer !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.wi-pdp .product-variant-container:focus { outline: none !important; border-color: var(--wi-ink) !important; }

/* Weight: radio button selector -> snug boxes */
.wi-pdp .product-variant--button-selector .product-variant__container--buttons { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; }
.wi-pdp .product-variant__item { margin: 0 !important; width: 100%; }
.wi-pdp .product-variant__item .product-variant__input { position: absolute !important; opacity: 0 !important; width: 1px; height: 1px; pointer-events: none; }
.wi-pdp .product-variant__item .product-variant__label {
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  min-width: 0 !important;
  width: 100% !important;
  min-height: 54px !important;
  padding: 0 16px !important;
  margin: 0 !important;
  cursor: pointer;
  border: 1px solid var(--wi-line) !important; border-radius: 12px !important; background: #fff !important;
  font-size: var(--wi-pill-text-size, 14px) !important; font-weight: var(--wi-pill-text-weight, 700) !important; font-style: var(--wi-pill-text-style, normal) !important; text-transform: var(--wi-pill-text-transform, none) !important; color: var(--wi-ink) !important;
  -webkit-text-fill-color: var(--wi-ink); transition: border-color .15s ease, color .15s ease, box-shadow .15s ease;
  white-space: nowrap !important;
  text-align: center !important;
}
.wi-pdp .product-variant__item .product-variant__input:checked + .product-variant__label {
  border-color: var(--wi-accent) !important; color: var(--wi-accent) !important;
  -webkit-text-fill-color: var(--wi-accent); box-shadow: inset 0 0 0 1px var(--wi-accent);
}

/* ---------------- Quantity + CTAs (quantity width matched to CTA + tighter spacing) ---------------- */
.wi-pdp .product__form {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.wi-pdp .product__cart-actions.buttons-holder {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  row-gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.wi-pdp .wi-quantity-field {
  width: calc((100% - 12px) / 2) !important;
  max-width: calc((100% - 12px) / 2) !important;
  min-width: 0 !important;
  flex: 0 0 calc((100% - 12px) / 2) !important;
  margin: 0 !important;
}
.wi-pdp .wi-quantity-field.wi-quantity-field--single {
  width: 100% !important;
  max-width: 100% !important;
  flex-basis: 100% !important;
}
.wi-pdp .product__cart-actions-holder {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.wi-pdp .product__cart-actions-holder.wi-cta-row--single { grid-template-columns: 1fr !important; }
/* Quantity stepper: use 3 equal grid cells so the + icon reaches the right side instead of leaving dead space. */
.wi-pdp .qty-stepper {
  width: 100% !important;
  max-width: 100% !important;
  align-self: stretch !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  justify-items: stretch !important;
  height: 56px !important;
  min-height: 56px !important;
  border: 1px solid var(--wi-line) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #fff !important;
  box-shadow: none !important;
}
.wi-pdp .qty-stepper__btn {
  flex: none !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 56px !important;
  min-height: 56px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  cursor: pointer !important;
  color: var(--wi-ink) !important;
  box-shadow: none !important;
}
.wi-pdp .qty-stepper__btn--minus { border-right: 1px solid rgba(26,23,20,0.08) !important; }
.wi-pdp .qty-stepper__btn--plus { border-left: 1px solid rgba(26,23,20,0.08) !important; }
.wi-pdp .qty-stepper__btn:hover { background: rgba(26,23,20,0.045) !important; }
.wi-pdp .qty-stepper__btn:disabled { opacity: 0.38 !important; cursor: not-allowed !important; }
.wi-pdp .qty-stepper__input {
  flex: none !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: none !important;
  height: 56px !important;
  min-height: 56px !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 16px !important;
  font-weight: var(--wi-pill-text-weight, 700) !important;
  font-style: var(--wi-pill-text-style, normal) !important;
  text-transform: var(--wi-pill-text-transform, none) !important;
  color: var(--wi-ink) !important;
  -webkit-text-fill-color: var(--wi-ink) !important;
  appearance: textfield !important;
  -moz-appearance: textfield !important;
}
.wi-pdp .qty-stepper__input::-webkit-outer-spin-button,
.wi-pdp .qty-stepper__input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}
.wi-pdp .qty-stepper__icon {
  width: 20px !important;
  height: 20px !important;
  display: block !important;
  pointer-events: none !important;
}
@media (max-width: 600px) {
  .wi-pdp .product__cart-actions.buttons-holder {
    gap: 10px !important;
    row-gap: 10px !important;
  }
  .wi-pdp .product__cart-actions-holder {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  .wi-pdp .wi-quantity-field {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 0 1 auto !important;
  }
}
.wi-pdp .product__add-to-cart {
  width: 100% !important; min-height: 56px !important; height: 56px !important; border-radius: 12px !important;
  border: 1px solid var(--wi-accent) !important; background: var(--wi-accent) !important;
  color: #fff !important; -webkit-text-fill-color: #fff !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  font-size: 13px !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; font-weight: 800 !important;
}
.wi-pdp .product__add-to-cart:hover { background: var(--wi-accent-dark) !important; border-color: var(--wi-accent-dark) !important; }
.wi-pdp .product__add-to-cart.disabled,
.wi-pdp .product__add-to-cart[disabled] { background: var(--wi-ink-45) !important; border-color: var(--wi-ink-45) !important; cursor: not-allowed; }
/* Buy It Now — rounded via wrapper clip; height/colour pushed over the app */
.wi-pdp .wi-buynow-wrap { width: 100% !important; border-radius: 12px !important; overflow: hidden !important; }
.wi-pdp .wi-buynow-wrap .shopify-payment-button,
.wi-pdp .shopify-payment-button { width: 100% !important; margin: 0 !important; }
.wi-pdp .wi-buynow-wrap .shopify-payment-button__button,
.wi-pdp .shopify-payment-button__button {
  width: 100% !important; min-height: 56px !important; height: 56px !important; border-radius: 12px !important;
  font-size: 13px !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; font-weight: 800 !important;
}
.wi-pdp .shopify-payment-button__button--unbranded { background: var(--wi-ink) !important; color: #fff !important; -webkit-text-fill-color: #fff !important; }
.wi-pdp .shopify-payment-button__button--unbranded:hover { background: #000 !important; }
.wi-pdp .shopify-payment-button__more-options { display: block; margin-top: 4px; text-align: center; font-size: 13px; text-decoration: underline; color: var(--wi-ink); }

/* ---------------- Toggles ---------------- */
.wi-pdp .toggle { border-top: 1px solid var(--wi-line); padding-top: 14px; }
.wi-pdp .toggle__title { display: flex; align-items: center; justify-content: space-between; cursor: pointer; font-size: 11.5px; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 800; color: var(--wi-ink); }
.wi-pdp .toggle__title::after { content: '+'; font-size: 18px; font-weight: 400; line-height: 1; color: var(--wi-ink-45); }
.wi-pdp .toggle__title[aria-expanded="true"]::after { content: '\2013'; }
.wi-pdp .toggle__content { padding-top: 12px; font-size: 13.5px; line-height: 1.55; color: var(--wi-ink-60); }

/* ---------------- Spec-band card: solid colour treatment ---------------- */
.wi-specs {
  margin-top: 14px;
  padding: 24px 26px;
  background: var(--wi-specs-background, #C7332A) !important;
  border: 1px solid rgba(255, 246, 236, 0.22) !important;
  border-radius: 18px !important;
  box-shadow: none !important;
  color: #FFFFFF !important;
  overflow: hidden !important;
}
.wi-specs__heading {
  margin: 0 0 14px;
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 900;
  color: rgba(255, 255, 255, 0.98) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.98) !important;
}
.wi-specs__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px 28px;
}
.wi-specs__cell {
  display: flex;
  gap: 14px;
  align-items: flex-start;
}
.wi-specs__icon {
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
  color: rgba(255, 244, 235, 0.96) !important;
  -webkit-text-fill-color: rgba(255, 244, 235, 0.96) !important;
  transform: translateY(1px);
}
.wi-specs__icon svg {
  width: 26px;
  height: 26px;
  display: block;
}
.wi-specs__body {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.wi-specs__label {
  font-size: 13px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 900;
  line-height: 1.08;
  color: rgba(255, 255, 255, 0.98) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.98) !important;
}
.wi-specs__value {
  margin-top: 6px;
  font-size: 13px !important;
  line-height: 1.36 !important;
  font-weight: 400 !important;
  color: rgba(255, 244, 235, 0.78) !important;
  -webkit-text-fill-color: rgba(255, 244, 235, 0.78) !important;
  letter-spacing: 0 !important;
  word-break: break-word;
}

.wi-specs__value--rich,
.wi-specs__value--rich *,
.wi-specs__value--rich .metafield-rich_text_field,
.wi-specs__value--rich .metafield-rich_text_field * {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  color: rgba(255, 244, 235, 0.78) !important;
  -webkit-text-fill-color: rgba(255, 244, 235, 0.78) !important;
  letter-spacing: 0 !important;
}
.wi-specs__value--rich .metafield-rich_text_field,
.wi-specs__value--rich p {
  margin: 0 !important;
}
.wi-specs__value--rich p + p {
  margin-top: 4px !important;
}
@media (max-width: 420px) {
  .wi-specs { padding: 24px 22px; }
  .wi-specs__grid { grid-template-columns: 1fr; gap: 20px; }
  .wi-specs__icon,
  .wi-specs__icon svg { width: 28px; height: 28px; }
  .wi-specs__icon { flex-basis: 28px; }
  .wi-specs__label { font-size: 14px; }
  .wi-specs__value { font-size: 14px !important; font-weight: 400 !important; line-height: 1.36 !important; color: rgba(255, 244, 235, 0.78) !important; -webkit-text-fill-color: rgba(255, 244, 235, 0.78) !important; }
}


/* Force the sticky rail and cards to stay shadow-free after all card styles load. */
.wi-pdp .wi-sticky-rail,
.wi-pdp .wi-sticky-rail::before,
.wi-pdp .wi-sticky-rail::after,
.wi-pdp .wi-sticky-rail .wi-buycard,
.wi-pdp .wi-sticky-rail .wi-specs {
  box-shadow: none !important;
  filter: none !important;
}

/* ---------------- About ---------------- */
.wi-pdp > .product__content { margin-top: 40px !important; }
.wi-pdp .product__description .rte {
  background: var(--wi-panel) !important; border: 1px solid var(--wi-line) !important; border-radius: 14px !important;
  padding: 30px 30px !important; box-shadow: none !important;
  font-size: 15px; line-height: 1.7; color: rgba(26,23,20,0.82);
}
.wi-pdp .product__description .rte strong { color: var(--wi-ink); }

/* Match the product description card width to the left product image box. */
@media (min-width: 990px) {
  .wi-pdp > .product__content {
    width: 100% !important;
    max-width: none !important;
  }

  .wi-pdp > .product__content > .product__description {
    width: min(100%, var(--wi-media-stack-width, 620px)) !important;
    max-width: var(--wi-media-stack-width, 620px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
  }

  .wi-pdp > .product__content > .product__description .rte {
    width: 100% !important;
    max-width: var(--wi-media-stack-width, 620px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 989px) {
  .wi-pdp > .product__content > .product__description,
  .wi-pdp > .product__content > .product__description .rte {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
}



/* ---------------- Product media thumbnails ----------------
   Replaces the default image counter under the gallery with clickable image thumbnails. */
.wi-pdp .product-gallery > :not(.product-gallery__viewport),
.wi-pdp .product-gallery__navigation,
.wi-pdp .product-gallery__counter,
.wi-pdp .product-gallery__pagination,
.wi-pdp .product-gallery__controls,
.wi-pdp .product-gallery__nav,
.wi-pdp .product-gallery__dots,
.wi-pdp .product-gallery [class*="counter"],
.wi-pdp .product-gallery [class*="pagination"],
.wi-pdp .product-gallery [class*="navigation"],
.wi-pdp .product-gallery [class*="controls"] {
  display: none !important;
  visibility: hidden !important;
}

.wi-pdp .wi-product-thumbnails {
  width: min(100%, 620px) !important;
  max-width: 620px !important;
  margin: 18px auto 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}

@media (min-width: 990px) {
  .wi-pdp .wi-product-thumbnails {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

.wi-pdp .wi-product-thumbnail {
  position: relative !important;
  width: 72px !important;
  height: 72px !important;
  min-width: 72px !important;
  min-height: 72px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(26, 23, 20, 0.16) !important;
  border-radius: 10px !important;
  background: var(--wi-card) !important;
  overflow: hidden !important;
  cursor: pointer !important;
  opacity: 0.72 !important;
  transition: border-color 160ms ease, opacity 160ms ease, transform 160ms ease, box-shadow 160ms ease !important;
  box-shadow: none !important;
}

.wi-pdp .wi-product-thumbnail:hover,
.wi-pdp .wi-product-thumbnail:focus-visible,
.wi-pdp .wi-product-thumbnail.is-active {
  opacity: 1 !important;
  border-color: var(--wi-accent) !important;
}

.wi-pdp .wi-product-thumbnail.is-active {
  box-shadow: inset 0 0 0 1px var(--wi-accent) !important;
}

.wi-pdp .wi-product-thumbnail:focus-visible {
  outline: 2px solid var(--wi-accent) !important;
  outline-offset: 3px !important;
}

.wi-pdp .wi-product-thumbnail img,
.wi-pdp .wi-product-thumbnail svg {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
}

.wi-pdp .wi-product-thumbnail__badge {
  position: absolute !important;
  right: 6px !important;
  bottom: 6px !important;
  width: 22px !important;
  height: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: rgba(26, 23, 20, 0.84) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  pointer-events: none !important;
}

.wi-pdp .wi-product-thumbnail__badge svg {
  width: 11px !important;
  height: 11px !important;
}

.wi-pdp .wi-product-thumbnail__badge--text {
  width: auto !important;
  min-width: 26px !important;
  padding: 0 6px !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
}

@media (max-width: 989px) {
  .wi-pdp .wi-product-thumbnails {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 14px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  .wi-pdp .wi-product-thumbnails::-webkit-scrollbar { display: none !important; }
  .wi-pdp .wi-product-thumbnail { width: 64px !important; height: 64px !important; min-width: 64px !important; min-height: 64px !important; }
}

/* ---------------- Mobile sticky add-to-cart bar ---------------- */
.wi-mobilebar { display: none; }
@media (max-width: 989px) {
  .wi-mobilebar { display: flex; align-items: center; gap: 14px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; padding: 10px 14px; padding-bottom: calc(10px + env(safe-area-inset-bottom)); background: var(--wi-card); border-top: 1px solid var(--wi-line); box-shadow: 0 -6px 20px rgba(26,23,20,0.10); }
  .wi-mobilebar__price { font-weight: 700; font-size: 16px; white-space: nowrap; color: var(--wi-ink); }
  .wi-mobilebar__btn { flex: 1 1 auto; margin: 0; min-height: 48px; border: none; border-radius: 999px; background: var(--wi-accent); color: #fff; -webkit-text-fill-color: #fff; font-size: 13px; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 800; }
  .wi-pdp.wi-pdp--has-mobilebar { padding-bottom: 78px; }
}


/* ---------------- Expert sticky rail fix v3 ----------------
   JS uses transform inside the existing right column instead of fixed/absolute.
   This keeps the rail width locked to the right column and prevents it from
   jumping/full-width when the product description boundary is reached. */
@media (min-width: 990px) {
  .wi-pdp > .product__offers {
    position: relative !important;
    overflow: visible !important;
    contain: none !important;
    isolation: auto !important;
  }

  .wi-pdp .wi-sticky-rail,
  .wi-pdp .wi-sticky-rail.wi-js-fixed,
  .wi-pdp .wi-sticky-rail.wi-js-bottom,
  .wi-pdp .wi-sticky-rail.wi-is-fixed,
  .wi-pdp .wi-sticky-rail.wi-is-bottom {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    z-index: 5 !important;
    transform: translate3d(0, var(--wi-sticky-y, 0px), 0) !important;
    transition: none !important;
    will-change: transform !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    filter: none !important;
  }

  .wi-pdp .wi-sticky-rail *,
  .wi-pdp .wi-sticky-rail::before,
  .wi-pdp .wi-sticky-rail::after {
    filter: none !important;
  }

  .wi-pdp .wi-sticky-rail::before,
  .wi-pdp .wi-sticky-rail::after {
    content: none !important;
    display: none !important;
    box-shadow: none !important;
  }
}



/* ---------------- Final sticky shadow cleanup ----------------
   Theme CSS can inject shadows via pseudo-elements on the offers column/card.
   These overrides remove only the unwanted sticky rail halo while keeping the
   actual PDP design, borders, spacing, gallery and sticky behaviour intact. */
@media (min-width: 990px) {
  .wi-pdp > .product__offers,
  .wi-pdp > .product__offers::before,
  .wi-pdp > .product__offers::after,
  .wi-pdp .wi-sticky-rail,
  .wi-pdp .wi-sticky-rail::before,
  .wi-pdp .wi-sticky-rail::after,
  .wi-pdp .wi-buycard,
  .wi-pdp .wi-buycard::before,
  .wi-pdp .wi-buycard::after,
  .wi-pdp .wi-specs,
  .wi-pdp .wi-specs::before,
  .wi-pdp .wi-specs::after {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    text-shadow: none !important;
  }

  .wi-pdp > .product__offers::before,
  .wi-pdp > .product__offers::after,
  .wi-pdp .wi-sticky-rail::before,
  .wi-pdp .wi-sticky-rail::after,
  .wi-pdp .wi-buycard::before,
  .wi-pdp .wi-buycard::after,
  .wi-pdp .wi-specs::before,
  .wi-pdp .wi-specs::after {
    content: none !important;
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  .wi-pdp .wi-sticky-rail {
    isolation: auto !important;
    background: transparent !important;
  }
}



/* ---------------- Sticky rail final paint/shadow fix ----------------
   Use relative top movement instead of translate3d. The previous transform-based
   sticky movement created a composited layer; when the rail hit the description
   stop point, the browser/theme rendered a horizontal shadow/halo across the
   sticky area. This override keeps the rail inside the same right-column width
   and removes all transform/compositing shadows. */
@media (min-width: 990px) {
  .wi-pdp > .product__offers {
    position: relative !important;
    overflow: visible !important;
    background: transparent !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
  }

  .wi-pdp .wi-sticky-rail,
  .wi-pdp .wi-sticky-rail.wi-js-fixed,
  .wi-pdp .wi-sticky-rail.wi-js-bottom,
  .wi-pdp .wi-sticky-rail.wi-is-fixed,
  .wi-pdp .wi-sticky-rail.wi-is-bottom,
  .wi-pdp .wi-sticky-rail.wi-at-stop {
    position: relative !important;
    top: var(--wi-sticky-y, 0px) !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
    translate: none !important;
    will-change: auto !important;
    isolation: auto !important;
    contain: none !important;
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
  }

  .wi-pdp .wi-sticky-rail::before,
  .wi-pdp .wi-sticky-rail::after,
  .wi-pdp > .product__offers::before,
  .wi-pdp > .product__offers::after,
  .wi-pdp .wi-buycard::before,
  .wi-pdp .wi-buycard::after,
  .wi-pdp .wi-specs::before,
  .wi-pdp .wi-specs::after {
    content: none !important;
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
  }

  .wi-pdp .wi-sticky-rail,
  .wi-pdp .wi-sticky-rail *,
  .wi-pdp .wi-buycard,
  .wi-pdp .wi-specs,
  .wi-pdp .product__offers,
  .wi-pdp .product__offers * {
    text-shadow: none !important;
    -webkit-tap-highlight-color: transparent;
  }

  .wi-pdp .wi-sticky-rail .wi-buycard,
  .wi-pdp .wi-sticky-rail .wi-specs {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
  }

  /* Remove the theme header/drop shadow only on this origin PDP. The visible band
     in the screenshot is a horizontal header/section shadow crossing the sticky
     rail when the rail reaches its stop point. */
  html.wi-origin-pdp-active .shopify-section-header,
  html.wi-origin-pdp-active .shopify-section-group-header-group,
  html.wi-origin-pdp-active #shopify-section-header,
  html.wi-origin-pdp-active sticky-header,
  html.wi-origin-pdp-active .header-wrapper,
  html.wi-origin-pdp-active .site-header,
  html.wi-origin-pdp-active .main-header,
  html.wi-origin-pdp-active .header,
  html.wi-origin-pdp-active .header-2-0,
  html.wi-origin-pdp-active .header__wrapper {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
  }

  html.wi-origin-pdp-active .shopify-section-header::before,
  html.wi-origin-pdp-active .shopify-section-header::after,
  html.wi-origin-pdp-active .shopify-section-group-header-group::before,
  html.wi-origin-pdp-active .shopify-section-group-header-group::after,
  html.wi-origin-pdp-active #shopify-section-header::before,
  html.wi-origin-pdp-active #shopify-section-header::after,
  html.wi-origin-pdp-active sticky-header::before,
  html.wi-origin-pdp-active sticky-header::after,
  html.wi-origin-pdp-active .header-wrapper::before,
  html.wi-origin-pdp-active .header-wrapper::after,
  html.wi-origin-pdp-active .site-header::before,
  html.wi-origin-pdp-active .site-header::after,
  html.wi-origin-pdp-active .main-header::before,
  html.wi-origin-pdp-active .main-header::after,
  html.wi-origin-pdp-active .header::before,
  html.wi-origin-pdp-active .header::after,
  html.wi-origin-pdp-active .header-2-0::before,
  html.wi-origin-pdp-active .header-2-0::after,
  html.wi-origin-pdp-active .header__wrapper::before,
  html.wi-origin-pdp-active .header__wrapper::after {
    content: none !important;
    display: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
  }
}



/* ============================================================
   FINAL DEBUG PATCH — remove the horizontal shadow band
   ============================================================
   The visible band at the top of the viewport is not generated by
   the buy card itself. It is created by the surrounding gallery/header
   paint layer when the sticky rail reaches its stop position. These
   rules are intentionally scoped to this PDP only.
*/
@media (min-width: 990px) {
  html.wi-origin-pdp-active,
  html.wi-origin-pdp-active body {
    overflow-x: hidden !important;
  }

  /* Kill gallery / slider / media shadows that appear as a horizontal
     band when the media block scrolls behind the sticky rail. */
  html.wi-origin-pdp-active .wi-pdp > .product__gallery,
  html.wi-origin-pdp-active .wi-pdp > .product__gallery::before,
  html.wi-origin-pdp-active .wi-pdp > .product__gallery::after,
  html.wi-origin-pdp-active .wi-pdp .product-gallery,
  html.wi-origin-pdp-active .wi-pdp .product-gallery::before,
  html.wi-origin-pdp-active .wi-pdp .product-gallery::after,
  html.wi-origin-pdp-active .wi-pdp product-gallery,
  html.wi-origin-pdp-active .wi-pdp product-gallery::before,
  html.wi-origin-pdp-active .wi-pdp product-gallery::after,
  html.wi-origin-pdp-active .wi-pdp .product-gallery__item,
  html.wi-origin-pdp-active .wi-pdp .product-gallery__item::before,
  html.wi-origin-pdp-active .wi-pdp .product-gallery__item::after,
  html.wi-origin-pdp-active .wi-pdp .product-gallery__media,
  html.wi-origin-pdp-active .wi-pdp .product-gallery__media::before,
  html.wi-origin-pdp-active .wi-pdp .product-gallery__media::after,
  html.wi-origin-pdp-active .wi-pdp .product__media,
  html.wi-origin-pdp-active .wi-pdp .product__media::before,
  html.wi-origin-pdp-active .wi-pdp .product__media::after,
  html.wi-origin-pdp-active .wi-pdp .css-slider,
  html.wi-origin-pdp-active .wi-pdp .css-slider::before,
  html.wi-origin-pdp-active .wi-pdp .css-slider::after,
  html.wi-origin-pdp-active .wi-pdp .css-slide,
  html.wi-origin-pdp-active .wi-pdp .css-slide::before,
  html.wi-origin-pdp-active .wi-pdp .css-slide::after {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    text-shadow: none !important;
  }

  /* The sticky rail must never paint a shadow or create a composited halo
     at the stop point. */
  html.wi-origin-pdp-active .wi-pdp .wi-sticky-rail,
  html.wi-origin-pdp-active .wi-pdp .wi-sticky-rail::before,
  html.wi-origin-pdp-active .wi-pdp .wi-sticky-rail::after,
  html.wi-origin-pdp-active .wi-pdp .wi-sticky-rail .wi-buycard,
  html.wi-origin-pdp-active .wi-pdp .wi-sticky-rail .wi-buycard::before,
  html.wi-origin-pdp-active .wi-pdp .wi-sticky-rail .wi-buycard::after,
  html.wi-origin-pdp-active .wi-pdp .wi-sticky-rail .wi-specs,
  html.wi-origin-pdp-active .wi-pdp .wi-sticky-rail .wi-specs::before,
  html.wi-origin-pdp-active .wi-pdp .wi-sticky-rail .wi-specs::after {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    text-shadow: none !important;
  }

  /* Hard-disable any sticky-stop class shadow generated by earlier CSS. */
  html.wi-origin-pdp-active .wi-pdp .wi-sticky-rail.wi-at-stop,
  html.wi-origin-pdp-active .wi-pdp .wi-sticky-rail.wi-at-stop *,
  html.wi-origin-pdp-active .wi-pdp .wi-sticky-rail.wi-at-stop::before,
  html.wi-origin-pdp-active .wi-pdp .wi-sticky-rail.wi-at-stop::after {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
  }

}


/* ============================================================
   FINAL SMOOTH STICKY MOTION PATCH
   ============================================================
   The previous stop logic moved the rail using the `top` property. `top` causes
   layout recalculation on every scroll frame, which creates visible jitter.
   This final override keeps the rail in its right-column layout slot and moves
   it on the compositor using transform. JS below eases the value with
   requestAnimationFrame for smooth motion.
*/
@media (min-width: 990px) {
  html.wi-origin-pdp-active .wi-pdp > .product__offers {
    position: relative !important;
    overflow: visible !important;
    contain: none !important;
    isolation: auto !important;
    background: transparent !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
  }

  html.wi-origin-pdp-active .wi-pdp .wi-sticky-rail,
  html.wi-origin-pdp-active .wi-pdp .wi-sticky-rail.wi-js-fixed,
  html.wi-origin-pdp-active .wi-pdp .wi-sticky-rail.wi-js-bottom,
  html.wi-origin-pdp-active .wi-pdp .wi-sticky-rail.wi-is-fixed,
  html.wi-origin-pdp-active .wi-pdp .wi-sticky-rail.wi-is-bottom,
  html.wi-origin-pdp-active .wi-pdp .wi-sticky-rail.wi-at-stop {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    transform: translate3d(0, var(--wi-sticky-y, 0px), 0) !important;
    transition: none !important;
    will-change: transform !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    contain: layout style !important;
    isolation: auto !important;
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
  }

  html.wi-origin-pdp-active .wi-pdp .wi-sticky-rail::before,
  html.wi-origin-pdp-active .wi-pdp .wi-sticky-rail::after {
    content: none !important;
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
  }
}



/* ============================================================
   LIVE HEADER SHADOW OVERRIDE — Caarabi Tasting Notes PDP only
   ============================================================
   The horizontal band visible on the live site is generated by the live
   sticky/header layer, not by the product buy card. This scoped override
   removes header shadows, filters and pseudo-element shadow layers only while
   this origin PDP section is active. It does not change the product layout,
   sticky logic, gallery, buttons or cards.
*/
@media (min-width: 990px) {
  html.wi-origin-pdp-active #shopify-section-header,
  html.wi-origin-pdp-active .shopify-section-header,
  html.wi-origin-pdp-active .shopify-section-header-sticky,
  html.wi-origin-pdp-active .shopify-section-group-header-group,
  html.wi-origin-pdp-active .section-header,
  html.wi-origin-pdp-active sticky-header,
  html.wi-origin-pdp-active .header-wrapper,
  html.wi-origin-pdp-active .header,
  html.wi-origin-pdp-active .site-header,
  html.wi-origin-pdp-active .main-header,
  html.wi-origin-pdp-active .header-2-0,
  html.wi-origin-pdp-active .header__wrapper,
  html.wi-origin-pdp-active [class*="sticky-header"],
  html.wi-origin-pdp-active [class*="header-sticky"] {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
  }

  html.wi-origin-pdp-active #shopify-section-header::before,
  html.wi-origin-pdp-active #shopify-section-header::after,
  html.wi-origin-pdp-active .shopify-section-header::before,
  html.wi-origin-pdp-active .shopify-section-header::after,
  html.wi-origin-pdp-active .shopify-section-header-sticky::before,
  html.wi-origin-pdp-active .shopify-section-header-sticky::after,
  html.wi-origin-pdp-active .shopify-section-group-header-group::before,
  html.wi-origin-pdp-active .shopify-section-group-header-group::after,
  html.wi-origin-pdp-active .section-header::before,
  html.wi-origin-pdp-active .section-header::after,
  html.wi-origin-pdp-active sticky-header::before,
  html.wi-origin-pdp-active sticky-header::after,
  html.wi-origin-pdp-active .header-wrapper::before,
  html.wi-origin-pdp-active .header-wrapper::after,
  html.wi-origin-pdp-active .header::before,
  html.wi-origin-pdp-active .header::after,
  html.wi-origin-pdp-active .site-header::before,
  html.wi-origin-pdp-active .site-header::after,
  html.wi-origin-pdp-active .main-header::before,
  html.wi-origin-pdp-active .main-header::after,
  html.wi-origin-pdp-active .header-2-0::before,
  html.wi-origin-pdp-active .header-2-0::after,
  html.wi-origin-pdp-active .header__wrapper::before,
  html.wi-origin-pdp-active .header__wrapper::after,
  html.wi-origin-pdp-active [class*="sticky-header"]::before,
  html.wi-origin-pdp-active [class*="sticky-header"]::after,
  html.wi-origin-pdp-active [class*="header-sticky"]::before,
  html.wi-origin-pdp-active [class*="header-sticky"]::after {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    background-image: none !important;
  }
}



/* Final alignment guard: keep every control edge aligned inside the buy card. */
.wi-pdp .wi-buycard .product__form,
.wi-pdp .wi-buycard .product__cart-actions,
.wi-pdp .wi-buycard .product__cart-actions-holder,
.wi-pdp .wi-buycard .wi-quantity-field,
.wi-pdp .wi-buycard .qty-stepper {
  box-sizing: border-box !important;
}
.wi-pdp .wi-buycard .product__cart-actions {
  height: auto !important;
  min-height: 0 !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  row-gap: 8px !important;
}
.wi-pdp .wi-buycard .product__cart-actions-holder {
  gap: 12px !important;
}
.wi-pdp .wi-buycard .wi-quantity-field {
  width: calc((100% - 12px) / 2) !important;
  max-width: calc((100% - 12px) / 2) !important;
  min-width: 0 !important;
  flex: 0 0 calc((100% - 12px) / 2) !important;
}
.wi-pdp .wi-buycard .wi-quantity-field.wi-quantity-field--single {
  width: 100% !important;
  max-width: 100% !important;
  flex-basis: 100% !important;
}
@media (max-width: 600px) {
  .wi-pdp .wi-buycard .product__cart-actions {
    gap: 10px !important;
    row-gap: 10px !important;
  }
  .wi-pdp .wi-buycard .product__cart-actions-holder {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  .wi-pdp .wi-buycard .wi-quantity-field {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 0 1 auto !important;
  }
}
.wi-pdp .wi-buycard .button,
.wi-pdp .wi-buycard .shopify-payment-button__button {
  white-space: nowrap !important;
}


/* Right rail pill typography controls from section settings. */
.wi-pdp .wi-buycard .product-variant-container,
.wi-pdp .wi-buycard .product-variant-container option,
.wi-pdp .wi-buycard .product-variant__item .product-variant__label,
.wi-pdp .wi-buycard .qty-stepper__input {
  font-weight: var(--wi-pill-text-weight, 700) !important;
  font-style: var(--wi-pill-text-style, normal) !important;
  text-transform: var(--wi-pill-text-transform, none) !important;
}


/* Wishlist state: keep the heart aligned and turn it Caarabi red once selected. */
.wi-pdp .wishlist-icon-button,
.wi-pdp [class*="wishlist-icon-button"] {
  color: var(--wi-ink) !important;
  transition: color 160ms ease, transform 160ms ease !important;
}
.wi-pdp .wishlist-icon-button:hover,
.wi-pdp .wishlist-icon-button:focus-visible,
.wi-pdp [class*="wishlist-icon-button"]:hover,
.wi-pdp [class*="wishlist-icon-button"]:focus-visible {
  color: var(--wi-accent) !important;
}
.wi-pdp .wishlist-icon-button svg,
.wi-pdp [class*="wishlist-icon-button"] svg {
  display: block !important;
  width: 22px !important;
  height: 22px !important;
  overflow: visible !important;
}
.wi-pdp .wishlist-icon-button svg *,
.wi-pdp [class*="wishlist-icon-button"] svg * {
  stroke: currentColor !important;
}
.wi-pdp .wishlist-icon-button.wi-wishlist-added,
.wi-pdp .wishlist-icon-button.is-active,
.wi-pdp .wishlist-icon-button.active,
.wi-pdp .wishlist-icon-button.added,
.wi-pdp .wishlist-icon-button.selected,
.wi-pdp .wishlist-icon-button.swym-added,
.wi-pdp .wishlist-icon-button[aria-pressed="true"],
.wi-pdp .wishlist-icon-button[data-added="true"],
.wi-pdp .wishlist-icon-button[data-wishlist-added="true"],
.wi-pdp [class*="wishlist-icon-button"].wi-wishlist-added,
.wi-pdp [class*="wishlist-icon-button"].is-active,
.wi-pdp [class*="wishlist-icon-button"].active,
.wi-pdp [class*="wishlist-icon-button"].added,
.wi-pdp [class*="wishlist-icon-button"].selected,
.wi-pdp [class*="wishlist-icon-button"].swym-added,
.wi-pdp [class*="wishlist-icon-button"][aria-pressed="true"],
.wi-pdp [class*="wishlist-icon-button"][data-added="true"],
.wi-pdp [class*="wishlist-icon-button"][data-wishlist-added="true"] {
  color: var(--wi-accent) !important;
}
.wi-pdp .wishlist-icon-button.wi-wishlist-added svg *,
.wi-pdp .wishlist-icon-button.is-active svg *,
.wi-pdp .wishlist-icon-button.active svg *,
.wi-pdp .wishlist-icon-button.added svg *,
.wi-pdp .wishlist-icon-button.selected svg *,
.wi-pdp .wishlist-icon-button.swym-added svg *,
.wi-pdp .wishlist-icon-button[aria-pressed="true"] svg *,
.wi-pdp .wishlist-icon-button[data-added="true"] svg *,
.wi-pdp .wishlist-icon-button[data-wishlist-added="true"] svg *,
.wi-pdp [class*="wishlist-icon-button"].wi-wishlist-added svg *,
.wi-pdp [class*="wishlist-icon-button"].is-active svg *,
.wi-pdp [class*="wishlist-icon-button"].active svg *,
.wi-pdp [class*="wishlist-icon-button"].added svg *,
.wi-pdp [class*="wishlist-icon-button"].selected svg *,
.wi-pdp [class*="wishlist-icon-button"].swym-added svg *,
.wi-pdp [class*="wishlist-icon-button"][aria-pressed="true"] svg *,
.wi-pdp [class*="wishlist-icon-button"][data-added="true"] svg *,
.wi-pdp [class*="wishlist-icon-button"][data-wishlist-added="true"] svg * {
  stroke: var(--wi-accent) !important;
  fill: var(--wi-accent) !important;
}



/* ---------------- Final specs value typography lock ----------------
   The live theme font was visually rendering these value lines too heavy even
   when font-weight was changed. Use the system UI font only for the specs body
   values, while keeping the headings in the brand display font. */
html.wi-origin-pdp-active body .wi-pdp .wi-sticky-rail .wi-specs .wi-specs__value,
html.wi-origin-pdp-active body .wi-pdp .wi-sticky-rail .wi-specs .wi-specs__value *,
html.wi-origin-pdp-active body .wi-pdp .wi-specs .wi-specs__value,
html.wi-origin-pdp-active body .wi-pdp .wi-specs .wi-specs__value *,
body .wi-pdp .wi-sticky-rail .wi-specs .wi-specs__value,
body .wi-pdp .wi-sticky-rail .wi-specs .wi-specs__value *,
body .wi-pdp .wi-specs .wi-specs__value,
body .wi-pdp .wi-specs .wi-specs__value * {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  font-variation-settings: "wght" 400 !important;
  line-height: 1.38 !important;
  letter-spacing: 0 !important;
  color: rgba(255, 244, 235, 0.78) !important;
  -webkit-text-fill-color: rgba(255, 244, 235, 0.78) !important;
  text-shadow: none !important;
  -webkit-font-smoothing: antialiased !important;
  text-rendering: geometricPrecision !important;
}

@media (max-width: 420px) {
  html.wi-origin-pdp-active body .wi-pdp .wi-sticky-rail .wi-specs .wi-specs__value,
  html.wi-origin-pdp-active body .wi-pdp .wi-sticky-rail .wi-specs .wi-specs__value *,
  html.wi-origin-pdp-active body .wi-pdp .wi-specs .wi-specs__value,
  html.wi-origin-pdp-active body .wi-pdp .wi-specs .wi-specs__value *,
  body .wi-pdp .wi-sticky-rail .wi-specs .wi-specs__value,
  body .wi-pdp .wi-sticky-rail .wi-specs .wi-specs__value *,
  body .wi-pdp .wi-specs .wi-specs__value,
  body .wi-pdp .wi-specs .wi-specs__value * {
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.38 !important;
  }
}


/* ---------------- Final solid specs tile lock ---------------- */
html.wi-origin-pdp-active body .wi-pdp .wi-specs,
body .wi-pdp .wi-specs {
  background: var(--wi-specs-background, #C7332A) !important;
  border-color: rgba(255, 246, 236, 0.22) !important;
  color: #FFFFFF !important;
}
html.wi-origin-pdp-active body .wi-pdp .wi-specs .wi-specs__icon,
html.wi-origin-pdp-active body .wi-pdp .wi-specs .wi-specs__icon svg,
html.wi-origin-pdp-active body .wi-pdp .wi-specs .wi-specs__icon svg *,
body .wi-pdp .wi-specs .wi-specs__icon,
body .wi-pdp .wi-specs .wi-specs__icon svg,
body .wi-pdp .wi-specs .wi-specs__icon svg * {
  color: rgba(255, 244, 235, 0.96) !important;
  stroke: rgba(255, 244, 235, 0.96) !important;
  fill: none !important;
}
html.wi-origin-pdp-active body .wi-pdp .wi-specs .wi-specs__label,
body .wi-pdp .wi-specs .wi-specs__label {
  color: rgba(255, 255, 255, 0.98) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.98) !important;
}
html.wi-origin-pdp-active body .wi-pdp .wi-specs .wi-specs__value,
html.wi-origin-pdp-active body .wi-pdp .wi-specs .wi-specs__value *,
body .wi-pdp .wi-specs .wi-specs__value,
body .wi-pdp .wi-specs .wi-specs__value * {
  color: rgba(255, 244, 235, 0.78) !important;
  -webkit-text-fill-color: rgba(255, 244, 235, 0.78) !important;
}



/* ---------------- Final subtle card shadow treatment ----------------
   Adds a premium, low-opacity shadow only to the visible product cards.
   Sticky rail and pseudo-elements remain shadow-free to avoid the earlier scroll band issue. */
html.wi-origin-pdp-active body .wi-pdp .wi-sticky-rail > .wi-buycard,
body .wi-pdp .wi-sticky-rail > .wi-buycard,
html.wi-origin-pdp-active body .wi-pdp .wi-buycard,
body .wi-pdp .wi-buycard {
  box-shadow:
    0 10px 28px rgba(26, 23, 20, 0.055),
    0 2px 8px rgba(26, 23, 20, 0.035) !important;
  -webkit-box-shadow:
    0 10px 28px rgba(26, 23, 20, 0.055),
    0 2px 8px rgba(26, 23, 20, 0.035) !important;
}

html.wi-origin-pdp-active body .wi-pdp .wi-sticky-rail > .wi-specs,
body .wi-pdp .wi-sticky-rail > .wi-specs,
html.wi-origin-pdp-active body .wi-pdp .wi-specs,
body .wi-pdp .wi-specs {
  box-shadow:
    0 12px 30px rgba(145, 28, 18, 0.16),
    0 3px 10px rgba(26, 23, 20, 0.055) !important;
  -webkit-box-shadow:
    0 12px 30px rgba(145, 28, 18, 0.16),
    0 3px 10px rgba(26, 23, 20, 0.055) !important;
}

html.wi-origin-pdp-active body .wi-pdp .wi-sticky-rail,
html.wi-origin-pdp-active body .wi-pdp .wi-sticky-rail::before,
html.wi-origin-pdp-active body .wi-pdp .wi-sticky-rail::after,
body .wi-pdp .wi-sticky-rail,
body .wi-pdp .wi-sticky-rail::before,
body .wi-pdp .wi-sticky-rail::after {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  filter: none !important;
  -webkit-filter: none !important;
}


/* ---------------- Final top alignment lock ----------------
   Visually lifts the right sticky rail so the buy-card starts at the same
   vertical point as the left product gallery, while the JS below compensates
   during sticky movement so the rail still respects the header offset. */
@media (min-width: 990px) {
  html.wi-origin-pdp-active body .wi-pdp .wi-sticky-rail,
  body .wi-pdp .wi-sticky-rail {
    transform: translate3d(0, calc(var(--wi-sticky-y, 0px) - var(--wi-rail-align-lift, 34px)), 0) !important;
    -webkit-transform: translate3d(0, calc(var(--wi-sticky-y, 0px) - var(--wi-rail-align-lift, 34px)), 0) !important;
  }
}


/* ---------------- Final premium product-header rhythm ----------------
   Keeps the product title and price visually connected by removing the
   invisible review-badge gap and locking a tighter title-to-price spacing. */
.wi-pdp .wi-buycard product-header {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

.wi-pdp .wi-buycard .wi-product-header-premium,
.wi-pdp .wi-buycard .product__header.wi-product-header-premium {
  display: block !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.wi-pdp .wi-buycard .wi-product-header-premium .wi-product-header__top {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  line-height: 1 !important;
}

.wi-pdp .wi-buycard .wi-product-header-premium .product__title,
.wi-pdp .wi-buycard .wi-product-header-premium .product__title-text {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.04 !important;
}

.wi-pdp .wi-buycard .wi-product-header-premium .product__title-reviews,
.wi-pdp .wi-buycard .wi-product-header-premium [data-product-title-reviews],
.wi-pdp .wi-buycard .wi-product-header-premium .jdgm-preview-badge,
.wi-pdp .wi-buycard .wi-product-header-premium .jdgm-widget {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.wi-pdp .wi-buycard .wi-product-header-premium .product__price,
.wi-pdp .wi-buycard product-header .product__price {
  margin-top: 6px !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  line-height: 1.02 !important;
}

@media (max-width: 600px) {
  .wi-pdp .wi-buycard .wi-product-header-premium .product__price,
  .wi-pdp .wi-buycard product-header .product__price {
    margin-top: 5px !important;
  }
}


/* ---------------- Final title-price gap override ----------------
   Keeps title and price closer without compressing the rest of the buy card. */
.wi-pdp .wi-buycard .wi-product-header-premium .wi-product-header__top,
.wi-pdp .wi-buycard .wi-product-header-premium .wi-product-header__content,
.wi-pdp .wi-buycard .wi-product-header-premium .product__title,
.wi-pdp .wi-buycard .wi-product-header-premium .product__title-text {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.wi-pdp .wi-buycard .wi-product-header-premium .product__price,
.wi-pdp .wi-buycard product-header .product__price,
.wi-pdp .wi-buycard .product__header .product__price {
  margin-top: 6px !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  line-height: 1.02 !important;
}

@media (max-width: 600px) {
  .wi-pdp .wi-buycard .wi-product-header-premium .product__price,
  .wi-pdp .wi-buycard product-header .product__price,
  .wi-pdp .wi-buycard .product__header .product__price {
    margin-top: 5px !important;
  }
}


/* ---------------- Final debug fix: compact header structure + aligned heart ----------------
   The title-to-price gap was not caused by the price margin; the live layout was
   allowing the top title row / wishlist row to reserve height before the price.
   These rules lock the price under the title column and absolutely align the
   wishlist heart with the heading. */
.wi-pdp .wi-buycard .wi-product-header-premium,
html.wi-origin-pdp-active body .wi-pdp .wi-buycard .wi-product-header-premium,
body .wi-pdp .wi-buycard .wi-product-header-premium {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  padding-right: 48px !important;
  margin: 0 !important;
  gap: 0 !important;
}

.wi-pdp .wi-buycard .wi-product-header-premium .wi-product-header__top,
html.wi-origin-pdp-active body .wi-pdp .wi-buycard .wi-product-header-premium .wi-product-header__top,
body .wi-pdp .wi-buycard .wi-product-header-premium .wi-product-header__top {
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  line-height: 1 !important;
}

.wi-pdp .wi-buycard .wi-product-header-premium .wi-product-header__content,
html.wi-origin-pdp-active body .wi-pdp .wi-buycard .wi-product-header-premium .wi-product-header__content,
body .wi-pdp .wi-buycard .wi-product-header-premium .wi-product-header__content {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.wi-pdp .wi-buycard .wi-product-header-premium .product__title,
.wi-pdp .wi-buycard .wi-product-header-premium .product__title-text,
html.wi-origin-pdp-active body .wi-pdp .wi-buycard .wi-product-header-premium .product__title,
html.wi-origin-pdp-active body .wi-pdp .wi-buycard .wi-product-header-premium .product__title-text,
body .wi-pdp .wi-buycard .wi-product-header-premium .product__title,
body .wi-pdp .wi-buycard .wi-product-header-premium .product__title-text {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.04 !important;
}

.wi-pdp .wi-buycard .wi-product-header-premium .product__title-reviews,
.wi-pdp .wi-buycard .wi-product-header-premium [data-product-title-reviews],
.wi-pdp .wi-buycard .wi-product-header-premium .jdgm-widget,
.wi-pdp .wi-buycard .wi-product-header-premium .jdgm-preview-badge,
.wi-pdp .wi-buycard .wi-product-header-premium .jdgm-prev-badge,
.wi-pdp .wi-buycard .wi-product-header-premium .spr-badge,
.wi-pdp .wi-buycard .wi-product-header-premium .loox-rating,
.wi-pdp .wi-buycard .wi-product-header-premium .stamped-product-reviews-badge,
html.wi-origin-pdp-active body .wi-pdp .wi-buycard .wi-product-header-premium .product__title-reviews,
html.wi-origin-pdp-active body .wi-pdp .wi-buycard .wi-product-header-premium [data-product-title-reviews],
html.wi-origin-pdp-active body .wi-pdp .wi-buycard .wi-product-header-premium .jdgm-widget,
html.wi-origin-pdp-active body .wi-pdp .wi-buycard .wi-product-header-premium .jdgm-preview-badge,
html.wi-origin-pdp-active body .wi-pdp .wi-buycard .wi-product-header-premium .jdgm-prev-badge,
html.wi-origin-pdp-active body .wi-pdp .wi-buycard .wi-product-header-premium .spr-badge,
html.wi-origin-pdp-active body .wi-pdp .wi-buycard .wi-product-header-premium .loox-rating,
html.wi-origin-pdp-active body .wi-pdp .wi-buycard .wi-product-header-premium .stamped-product-reviews-badge {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.wi-pdp .wi-buycard .wi-product-header-premium .product__price,
.wi-pdp .wi-buycard product-header .wi-product-header-premium .product__price,
html.wi-origin-pdp-active body .wi-pdp .wi-buycard .wi-product-header-premium .product__price,
body .wi-pdp .wi-buycard .wi-product-header-premium .product__price {
  display: block !important;
  margin: 12px 0 0 0 !important;
  padding: 0 !important;
  transform: none !important;
  line-height: 1.02 !important;
}

.wi-pdp .wi-buycard .wi-product-header-premium .product__price-container,
html.wi-origin-pdp-active body .wi-pdp .wi-buycard .wi-product-header-premium .product__price-container,
body .wi-pdp .wi-buycard .wi-product-header-premium .product__price-container {
  display: inline-flex !important;
  align-items: baseline !important;
  line-height: 1.02 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.wi-pdp .wi-buycard .wi-product-header-premium .product__extras:empty,
html.wi-origin-pdp-active body .wi-pdp .wi-buycard .wi-product-header-premium .product__extras:empty,
body .wi-pdp .wi-buycard .wi-product-header-premium .product__extras:empty {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.wi-pdp .wi-buycard .wi-product-header-premium .wishlist-icon-button,
.wi-pdp .wi-buycard product-header .wi-product-header-premium .wishlist-icon-button,
html.wi-origin-pdp-active body .wi-pdp .wi-buycard .wi-product-header-premium .wishlist-icon-button,
body .wi-pdp .wi-buycard .wi-product-header-premium .wishlist-icon-button {
  position: absolute !important;
  top: calc((var(--product-title-size-desktop, 25px) * 1.04 - 36px) / 2) !important;
  right: 0 !important;
  width: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transform: none !important;
  z-index: 4 !important;
}

@media (max-width: 767px) {
  .wi-pdp .wi-buycard .wi-product-header-premium,
  html.wi-origin-pdp-active body .wi-pdp .wi-buycard .wi-product-header-premium,
  body .wi-pdp .wi-buycard .wi-product-header-premium {
    padding-right: 40px !important;
  }

  .wi-pdp .wi-buycard .wi-product-header-premium .product__price,
  html.wi-origin-pdp-active body .wi-pdp .wi-buycard .wi-product-header-premium .product__price,
  body .wi-pdp .wi-buycard .wi-product-header-premium .product__price {
    margin-top: 10px !important;
  }

  .wi-pdp .wi-buycard .wi-product-header-premium .wishlist-icon-button,
  html.wi-origin-pdp-active body .wi-pdp .wi-buycard .wi-product-header-premium .wishlist-icon-button,
  body .wi-pdp .wi-buycard .wi-product-header-premium .wishlist-icon-button {
    top: calc((var(--product-title-size-mobile, 25px) * 1.05 - 32px) / 2) !important;
    right: 0 !important;
  }
}


/* Final heart vertical alignment lock: centres the wishlist icon against the product title line. */
.wi-pdp .wi-buycard .wi-product-header-premium .wishlist-icon-button,
.wi-pdp .wi-buycard product-header .wi-product-header-premium .wishlist-icon-button,
html.wi-origin-pdp-active body .wi-pdp .wi-buycard .wi-product-header-premium .wishlist-icon-button,
body .wi-pdp .wi-buycard .wi-product-header-premium .wishlist-icon-button {
  top: calc((var(--product-title-size-desktop, 25px) * 1.04 - 36px) / 2) !important;
  transform: none !important;
}

.wi-pdp .wi-buycard .wi-product-header-premium .wishlist-icon-button::after,
html.wi-origin-pdp-active body .wi-pdp .wi-buycard .wi-product-header-premium .wishlist-icon-button::after,
body .wi-pdp .wi-buycard .wi-product-header-premium .wishlist-icon-button::after {
  transform: translate(-50%, -50%) !important;
}

@media (max-width: 767px) {
  .wi-pdp .wi-buycard .wi-product-header-premium .wishlist-icon-button,
  html.wi-origin-pdp-active body .wi-pdp .wi-buycard .wi-product-header-premium .wishlist-icon-button,
  body .wi-pdp .wi-buycard .wi-product-header-premium .wishlist-icon-button {
    top: calc((var(--product-title-size-mobile, 25px) * 1.05 - 32px) / 2) !important;
  }
}



/* ---------------- Final media/description alignment lock ----------------
   The theme utility classes on the slider container and description block add
   push-left spacing. This override makes the image, thumbnails and product
   description use the exact same centred width, so their left and right edges
   line up cleanly on desktop and mobile. */
@media (min-width: 990px) {
  html.wi-origin-pdp-active body .wi-pdp,
  body .wi-pdp {
    grid-template-columns: minmax(0, 1fr) var(--wi-rail-width, 42%) !important;
    column-gap: 28px !important;
  }

  html.wi-origin-pdp-active body .wi-pdp > .product__gallery,
  body .wi-pdp > .product__gallery,
  html.wi-origin-pdp-active body .wi-pdp > .product__content,
  body .wi-pdp > .product__content {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    box-sizing: border-box !important;
  }

  html.wi-origin-pdp-active body .wi-pdp > .product__gallery .product-gallery,
  body .wi-pdp > .product__gallery .product-gallery,
  html.wi-origin-pdp-active body .wi-pdp > .product__content > .product__description,
  body .wi-pdp > .product__content > .product__description,
  html.wi-origin-pdp-active body .wi-pdp .wi-product-thumbnails,
  body .wi-pdp .wi-product-thumbnails {
    width: min(100%, var(--wi-media-stack-width, 620px)) !important;
    max-width: var(--wi-media-stack-width, 620px) !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    left: auto !important;
    right: auto !important;
    float: none !important;
    transform: none !important;
    box-sizing: border-box !important;
    align-self: center !important;
  }

  html.wi-origin-pdp-active body .wi-pdp > .product__gallery .product-gallery__container,
  body .wi-pdp > .product__gallery .product-gallery__container {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    transform: none !important;
  }

  html.wi-origin-pdp-active body .wi-pdp > .product__content > .product__description .rte,
  body .wi-pdp > .product__content > .product__description .rte {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  html.wi-origin-pdp-active body .wi-pdp .wi-product-thumbnails,
  body .wi-pdp .wi-product-thumbnails {
    justify-content: center !important;
  }
}

@media (max-width: 989px) {
  html.wi-origin-pdp-active body .wi-pdp > .product__gallery,
  body .wi-pdp > .product__gallery,
  html.wi-origin-pdp-active body .wi-pdp > .product__content,
  body .wi-pdp > .product__content {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    box-sizing: border-box !important;
  }

  html.wi-origin-pdp-active body .wi-pdp > .product__gallery .product-gallery,
  body .wi-pdp > .product__gallery .product-gallery,
  html.wi-origin-pdp-active body .wi-pdp > .product__content > .product__description,
  body .wi-pdp > .product__content > .product__description,
  html.wi-origin-pdp-active body .wi-pdp .wi-product-thumbnails,
  body .wi-pdp .wi-product-thumbnails {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
    box-sizing: border-box !important;
    align-self: center !important;
  }

  html.wi-origin-pdp-active body .wi-pdp > .product__gallery .product-gallery__container,
  body .wi-pdp > .product__gallery .product-gallery__container {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    transform: none !important;
  }

  html.wi-origin-pdp-active body .wi-pdp > .product__content > .product__description .rte,
  body .wi-pdp > .product__content > .product__description .rte {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  html.wi-origin-pdp-active body .wi-pdp .wi-product-thumbnails,
  body .wi-pdp .wi-product-thumbnails {
    justify-content: center !important;
    flex-wrap: nowrap !important;
  }
}


/* ---------------- Verified hard alignment patch ----------------
   Keeps the media placeholder, thumbnail row, and product description card on
   the same measured left/right edges. This is intentionally placed at the end
   of the section stylesheet so it wins over the theme's push-left utility
   classes. */
@media (min-width: 990px) {
  html.wi-origin-pdp-active body .wi-pdp > .product__gallery,
  body .wi-pdp > .product__gallery,
  html.wi-origin-pdp-active body .wi-pdp > .product__content,
  body .wi-pdp > .product__content {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  html.wi-origin-pdp-active body .wi-pdp > .product__gallery .product-gallery,
  body .wi-pdp > .product__gallery .product-gallery,
  html.wi-origin-pdp-active body .wi-pdp > .product__content > .product__description,
  body .wi-pdp > .product__content > .product__description,
  html.wi-origin-pdp-active body .wi-pdp .wi-product-thumbnails,
  body .wi-pdp .wi-product-thumbnails {
    width: min(100%, var(--wi-media-stack-width, 620px)) !important;
    max-width: var(--wi-media-stack-width, 620px) !important;
    min-width: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  html.wi-origin-pdp-active body .wi-pdp > .product__gallery .product-gallery,
  body .wi-pdp > .product__gallery .product-gallery {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html.wi-origin-pdp-active body .wi-pdp > .product__gallery .product-gallery__container,
  body .wi-pdp > .product__gallery .product-gallery__container {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }

  html.wi-origin-pdp-active body .wi-pdp > .product__content > .product__description .rte,
  body .wi-pdp > .product__content > .product__description .rte {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 989px) {
  html.wi-origin-pdp-active body .wi-pdp > .product__gallery,
  body .wi-pdp > .product__gallery,
  html.wi-origin-pdp-active body .wi-pdp > .product__content,
  body .wi-pdp > .product__content {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    box-sizing: border-box !important;
  }

  html.wi-origin-pdp-active body .wi-pdp > .product__gallery .product-gallery,
  body .wi-pdp > .product__gallery .product-gallery,
  html.wi-origin-pdp-active body .wi-pdp > .product__content > .product__description,
  body .wi-pdp > .product__content > .product__description,
  html.wi-origin-pdp-active body .wi-pdp .wi-product-thumbnails,
  body .wi-pdp .wi-product-thumbnails {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  html.wi-origin-pdp-active body .wi-pdp .wi-product-thumbnails,
  body .wi-pdp .wi-product-thumbnails {
    justify-content: center !important;
  }
}



/* ============================================================
   WI RESTORED SMOOTH STICKY RAIL — safe final override
   ============================================================
   This restores the compositor-based sticky motion for the right rail.
   The rail stays inside its desktop column, follows the scroll smoothly,
   and the theme header is not changed or repositioned.
*/
@media (min-width: 990px) {
  html.wi-origin-pdp-active body .wi-pdp,
  body .wi-pdp {
    overflow: visible !important;
  }

  html.wi-origin-pdp-active body .wi-pdp > .product__offers,
  body .wi-pdp > .product__offers {
    grid-column: 2 !important;
    grid-row: 1 / 3 !important;
    align-self: stretch !important;
    position: relative !important;
    height: auto !important;
    min-height: 100% !important;
    overflow: visible !important;
    contain: none !important;
    isolation: auto !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
  }

  html.wi-origin-pdp-active body .wi-pdp .wi-sticky-rail,
  html.wi-origin-pdp-active body .wi-pdp .wi-sticky-rail.wi-js-fixed,
  html.wi-origin-pdp-active body .wi-pdp .wi-sticky-rail.wi-js-bottom,
  html.wi-origin-pdp-active body .wi-pdp .wi-sticky-rail.wi-is-fixed,
  html.wi-origin-pdp-active body .wi-pdp .wi-sticky-rail.wi-is-bottom,
  html.wi-origin-pdp-active body .wi-pdp .wi-sticky-rail.wi-at-stop,
  body .wi-pdp .wi-sticky-rail,
  body .wi-pdp .wi-sticky-rail.wi-js-fixed,
  body .wi-pdp .wi-sticky-rail.wi-js-bottom,
  body .wi-pdp .wi-sticky-rail.wi-is-fixed,
  body .wi-pdp .wi-sticky-rail.wi-is-bottom,
  body .wi-pdp .wi-sticky-rail.wi-at-stop {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 5 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    transform: translate3d(0, calc(var(--wi-sticky-y, 0px) - var(--wi-rail-align-lift, 34px)), 0) !important;
    -webkit-transform: translate3d(0, calc(var(--wi-sticky-y, 0px) - var(--wi-rail-align-lift, 34px)), 0) !important;
    transition: none !important;
    will-change: transform !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    contain: layout style !important;
    isolation: auto !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
  }
}

@media (max-width: 989px) {
  html.wi-origin-pdp-active body .wi-pdp .wi-sticky-rail,
  body .wi-pdp .wi-sticky-rail {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    transform: none !important;
    -webkit-transform: none !important;
    transition: none !important;
    will-change: auto !important;
  }
}



/* ============================================================
   WI Customizer Typography Controls — final cascade layer
   These rules expose font size + weight controls for all visible PDP text groups.
   ============================================================ */
#product-{{ section.id }}.wi-pdp .wi-buycard .wi-product-header-premium .product__title,
#product-{{ section.id }}.wi-pdp .wi-buycard .wi-product-header-premium .product__title-text,
#product-{{ section.id }}.wi-pdp .wi-buycard product-header .product__title,
#product-{{ section.id }}.wi-pdp .wi-buycard product-header .product__title-text {
  font-size: var(--wi-title-font-size-desktop, 24px) !important;
  font-weight: var(--wi-title-font-weight, 800) !important;
  line-height: 1.04 !important;
}

#product-{{ section.id }}.wi-pdp .wi-buycard .wi-product-header-premium .product__price,
#product-{{ section.id }}.wi-pdp .wi-buycard .product__price,
#product-{{ section.id }}.wi-pdp .wi-buycard product-header .product__price,
#product-{{ section.id }}.wi-pdp .wi-buycard .product__price * {
  font-size: var(--wi-price-font-size-desktop, 20px) !important;
  font-weight: var(--wi-price-font-weight, 800) !important;
  line-height: 1.04 !important;
}

@media (max-width: 767px) {
  #product-{{ section.id }}.wi-pdp .wi-buycard .wi-product-header-premium .product__title,
  #product-{{ section.id }}.wi-pdp .wi-buycard .wi-product-header-premium .product__title-text,
  #product-{{ section.id }}.wi-pdp .wi-buycard product-header .product__title,
  #product-{{ section.id }}.wi-pdp .wi-buycard product-header .product__title-text {
    font-size: var(--wi-title-font-size-mobile, 24px) !important;
  }

  #product-{{ section.id }}.wi-pdp .wi-buycard .wi-product-header-premium .product__price,
  #product-{{ section.id }}.wi-pdp .wi-buycard .product__price,
  #product-{{ section.id }}.wi-pdp .wi-buycard product-header .product__price,
  #product-{{ section.id }}.wi-pdp .wi-buycard .product__price * {
    font-size: var(--wi-price-font-size-mobile, 19px) !important;
  }
}

#product-{{ section.id }}.wi-pdp .product-variant__name,
#product-{{ section.id }}.wi-pdp .product-variants--select .product-variant > label,
#product-{{ section.id }}.wi-pdp .wi-field-heading {
  font-size: var(--wi-option-label-font-size, 11px) !important;
  font-weight: var(--wi-option-label-font-weight, 800) !important;
}

#product-{{ section.id }}.wi-pdp .wi-quantity-field .wi-field-heading {
  font-size: var(--wi-qty-label-font-size, 11px) !important;
  font-weight: var(--wi-qty-label-font-weight, 800) !important;
}

#product-{{ section.id }}.wi-pdp .product-variant-container,
#product-{{ section.id }}.wi-pdp .product-variant-container option,
#product-{{ section.id }}.wi-pdp .product-variant__item .product-variant__label {
  font-size: var(--wi-pill-text-size, 14px) !important;
  font-weight: var(--wi-pill-text-weight, 700) !important;
  font-style: var(--wi-pill-text-style, normal) !important;
  text-transform: var(--wi-pill-text-transform, none) !important;
}

#product-{{ section.id }}.wi-pdp .qty-stepper__input {
  font-size: var(--wi-qty-text-size, 16px) !important;
  font-weight: var(--wi-qty-text-weight, 700) !important;
  font-style: var(--wi-pill-text-style, normal) !important;
  text-transform: var(--wi-pill-text-transform, none) !important;
}

#product-{{ section.id }}.wi-pdp .product__add-to-cart,
#product-{{ section.id }}.wi-pdp .product__add-to-cart .add-to-cart__text,
#product-{{ section.id }}.wi-pdp .shopify-payment-button__button,
#product-{{ section.id }}.wi-pdp .shopify-payment-button__button * {
  font-size: var(--wi-cta-font-size, 13px) !important;
  font-weight: var(--wi-cta-font-weight, 800) !important;
}

#product-{{ section.id }}.wi-pdp .wi-specs__label {
  font-size: var(--wi-spec-label-font-size, 11px) !important;
  font-weight: var(--wi-spec-label-font-weight, 800) !important;
}

#product-{{ section.id }}.wi-pdp .wi-specs__value,
#product-{{ section.id }}.wi-pdp .wi-specs__value * {
  font-size: var(--wi-spec-value-font-size, 13px) !important;
  font-weight: var(--wi-spec-value-font-weight, 400) !important;
}

#product-{{ section.id }}.wi-pdp .product__description .rte,
#product-{{ section.id }}.wi-pdp .product__description .rte p,
#product-{{ section.id }}.wi-pdp .product__description .rte li,
#product-{{ section.id }}.wi-pdp .product__description .rte a,
#product-{{ section.id }}.wi-pdp .product__description .rte span {
  font-size: var(--wi-description-body-font-size, 15px) !important;
  font-weight: var(--wi-description-body-font-weight, 400) !important;
}

#product-{{ section.id }}.wi-pdp .product__description .rte h1,
#product-{{ section.id }}.wi-pdp .product__description .rte h2,
#product-{{ section.id }}.wi-pdp .product__description .rte h3,
#product-{{ section.id }}.wi-pdp .product__description .rte h4,
#product-{{ section.id }}.wi-pdp .product__description .rte h5,
#product-{{ section.id }}.wi-pdp .product__description .rte h6,
#product-{{ section.id }}.wi-pdp .product__description .rte strong {
  font-size: var(--wi-description-heading-font-size, 22px) !important;
  font-weight: var(--wi-description-heading-font-weight, 800) !important;
}

#product-{{ section.id }}.wi-pdp .product-related__title {
  font-size: var(--wi-related-title-font-size, 14px) !important;
  font-weight: var(--wi-related-title-font-weight, 800) !important;
}

#product-{{ section.id }}.wi-pdp .product-related__item-title,
#product-{{ section.id }}.wi-pdp .product-related__item-title *,
#product-{{ section.id }}.wi-pdp .product-related__item-price,
#product-{{ section.id }}.wi-pdp .product-related__item-price * {
  font-size: var(--wi-related-item-font-size, 13px) !important;
  font-weight: var(--wi-related-item-font-weight, 700) !important;
}

#product-{{ section.id }}.wi-pdp toggle-tab .toggle__title,
#product-{{ section.id }}.wi-pdp .toggles .toggle__title {
  font-size: var(--wi-toggle-title-font-size, 14px) !important;
  font-weight: var(--wi-toggle-title-font-weight, 800) !important;
}

#product-{{ section.id }}.wi-pdp toggle-tab .toggle__content,
#product-{{ section.id }}.wi-pdp toggle-tab .toggle__content *,
#product-{{ section.id }}.wi-pdp .toggles .toggle__content,
#product-{{ section.id }}.wi-pdp .toggles .toggle__content * {
  font-size: var(--wi-toggle-body-font-size, 14px) !important;
  font-weight: var(--wi-toggle-body-font-weight, 400) !important;
}

#product-{{ section.id }}.wi-pdp .mount-toggles .section-header__title,
#product-{{ section.id }}.wi-pdp .mount-images-with-text-slider .section-header__title {
  font-size: var(--wi-slider-title-font-size, 22px) !important;
  font-weight: var(--wi-slider-title-font-weight, 800) !important;
}

#product-{{ section.id }}.wi-pdp .images-with-text-slider__titles,
#product-{{ section.id }}.wi-pdp .images-with-text-slider__titles *,
#product-{{ section.id }}.wi-pdp .images-with-text-slider__content .rte,
#product-{{ section.id }}.wi-pdp .images-with-text-slider__content .rte * {
  font-size: var(--wi-slider-item-font-size, 14px) !important;
  font-weight: var(--wi-slider-item-font-weight, 700) !important;
}


/* ============================================================
   WI PERMANENT PRODUCT IMAGE TOP-SEAM FIX
   ============================================================
   Removes the desktop 1px line seen above the product image by resetting the
   actual gallery frame and media chain. This is intentionally scoped to the
   current product section ID and does not depend on the JS-added html class.
*/
#product-{{ section.id }}.wi-pdp > .product__gallery,
#product-{{ section.id }}.wi-pdp > .product__gallery .product-gallery,
#product-{{ section.id }}.wi-pdp > .product__gallery .product-gallery__viewport,
#product-{{ section.id }}.wi-pdp > .product__gallery .product-gallery__container,
#product-{{ section.id }}.wi-pdp > .product__gallery .product-gallery__items,
#product-{{ section.id }}.wi-pdp > .product__gallery .product-gallery__item,
#product-{{ section.id }}.wi-pdp > .product__gallery .product-gallery__media,
#product-{{ section.id }}.wi-pdp > .product__gallery .product__media,
#product-{{ section.id }}.wi-pdp > .product__gallery .product-media,
#product-{{ section.id }}.wi-pdp > .product__gallery .onboarding-svg,
#product-{{ section.id }}.wi-pdp > .product__gallery .with-background {
  background: var(--wi-paper, #FDF8EC) !important;
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  filter: none !important;
  -webkit-filter: none !important;
}

#product-{{ section.id }}.wi-pdp > .product__gallery::before,
#product-{{ section.id }}.wi-pdp > .product__gallery::after,
#product-{{ section.id }}.wi-pdp > .product__gallery .product-gallery::before,
#product-{{ section.id }}.wi-pdp > .product__gallery .product-gallery::after,
#product-{{ section.id }}.wi-pdp > .product__gallery .product-gallery__viewport::before,
#product-{{ section.id }}.wi-pdp > .product__gallery .product-gallery__viewport::after,
#product-{{ section.id }}.wi-pdp > .product__gallery .product-gallery__container::before,
#product-{{ section.id }}.wi-pdp > .product__gallery .product-gallery__container::after,
#product-{{ section.id }}.wi-pdp > .product__gallery .product-gallery__items::before,
#product-{{ section.id }}.wi-pdp > .product__gallery .product-gallery__items::after,
#product-{{ section.id }}.wi-pdp > .product__gallery .product-gallery__item::before,
#product-{{ section.id }}.wi-pdp > .product__gallery .product-gallery__item::after,
#product-{{ section.id }}.wi-pdp > .product__gallery .product-gallery__media::before,
#product-{{ section.id }}.wi-pdp > .product__gallery .product-gallery__media::after,
#product-{{ section.id }}.wi-pdp > .product__gallery .product__media::before,
#product-{{ section.id }}.wi-pdp > .product__gallery .product__media::after,
#product-{{ section.id }}.wi-pdp > .product__gallery .product-media::before,
#product-{{ section.id }}.wi-pdp > .product__gallery .product-media::after {
  content: none !important;
  display: none !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

#product-{{ section.id }}.wi-pdp > .product__gallery .product-gallery__viewport,
#product-{{ section.id }}.wi-pdp > .product__gallery .product-gallery__item {
  overflow: hidden !important;
  border-radius: 10px !important;
  background-clip: padding-box !important;
}

#product-{{ section.id }}.wi-pdp > .product__gallery img,
#product-{{ section.id }}.wi-pdp > .product__gallery picture,
#product-{{ section.id }}.wi-pdp > .product__gallery video,
#product-{{ section.id }}.wi-pdp > .product__gallery iframe,
#product-{{ section.id }}.wi-pdp > .product__gallery model-viewer {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  filter: none !important;
  -webkit-filter: none !important;
  background: var(--wi-paper, #FDF8EC) !important;
}

#product-{{ section.id }}.wi-pdp > .product__gallery video,
#product-{{ section.id }}.wi-pdp > .product__gallery iframe {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: var(--wi-video-frame-bg, #000000) !important;
}

#product-{{ section.id }}.wi-pdp > .product__gallery .product-gallery__item--video,
#product-{{ section.id }}.wi-pdp > .product__gallery .wi-product-autoplay-media,
#product-{{ section.id }}.wi-pdp > .product__gallery .product-media--video {
  background: var(--wi-video-frame-bg, #000000) !important;
}

#product-{{ section.id }}.wi-pdp > .product__gallery img {
  display: block !important;
  border-radius: 0 !important;
  vertical-align: top !important;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
/* END_SECTION:wi-product-origin */