/* IGET V29 — smooth motion with a reduced rendering and observer budget */
[data-iget-post-products] {
  display: none;
}

[data-iget-post-products].iget-post-ready {
  display: block;
  width: 100%;
  margin-top: 28px;
  margin-bottom: 28px;
  content-visibility: auto;
  contain-intrinsic-size: auto 1500px;
}

[data-iget-post-products] .iget-post-product-loading {
  padding: 24px;
  color: rgba(255,255,255,.68);
  text-align: center;
}

[data-iget-post-products] > .bp10-section:first-of-type {
  border-top: 0 !important;
}

[data-iget-post-products] .bp10-section {
  width: 100%;
  content-visibility: auto;
  contain-intrinsic-size: auto 540px;
}

/* Keep ALIBARBAR-only blocks off the IGET collection without an expensive :has() selector. */
[data-iget-post-products] ~ [data-alibarbar-post-products],
[data-iget-post-products] ~ #ali-collection-post-product-slot {
  display: none !important;
}

/* Lightweight scroll reveal restored after the sections are moved. */
[data-iget-post-products] .iget-motion-item {
  opacity: 0;
  transform: translate3d(0, 22px, 0);
  transition:
    opacity .58s cubic-bezier(.22,1,.36,1),
    transform .58s cubic-bezier(.22,1,.36,1);
  transition-delay: var(--iget-motion-delay, 0ms);
  will-change: transform, opacity;
}

[data-iget-post-products] .iget-motion-item.iget-motion-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* Restraint: no perpetual button animation; retain clear hover/focus feedback. */
[data-iget-post-products] .bp10-btn,
[data-iget-post-products] a[class*="btn"] {
  position: relative;
  overflow: hidden;
  transform: translateZ(0);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}

[data-iget-post-products] .bp10-btn-primary,
[data-iget-post-products] .bp10-btn::before {
  animation: none !important;
}

@media (hover:hover) and (pointer:fine) {
  [data-iget-post-products] .bp10-btn:hover,
  [data-iget-post-products] .bp10-btn:focus-visible,
  [data-iget-post-products] a[class*="btn"]:hover,
  [data-iget-post-products] a[class*="btn"]:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(255,255,255,.48) !important;
    box-shadow: 0 12px 26px rgba(0,0,0,.28), 0 0 22px rgba(111,220,255,.12) !important;
  }
}

/* Pause the original continuous hero effects when the hero is off-screen or the tab is hidden. */
body.iget-performance-mode:not(.iget-hero-active) [data-bp10-page] .bp10-hero-media img,
body.iget-performance-mode:not(.iget-hero-active) [data-bp10-page] .bp10-restock-badge,
body.iget-performance-mode:not(.iget-hero-active) [data-bp10-page] .bp10-btn-primary,
body.iget-performance-mode:not(.iget-hero-active) [data-bp10-page] .bp10-btn::before {
  animation-play-state: paused !important;
}

body.iget-performance-mode.iget-hero-active [data-bp10-page] .bp10-hero-media img,
body.iget-performance-mode.iget-hero-active [data-bp10-page] .bp10-restock-badge,
body.iget-performance-mode.iget-hero-active [data-bp10-page] .bp10-btn-primary,
body.iget-performance-mode.iget-hero-active [data-bp10-page] .bp10-btn::before {
  animation-play-state: running !important;
}

/* Skip painting product cards that are far outside the viewport. */
body.iget-performance-mode .main-collection__list > li {
  content-visibility: auto;
  contain-intrinsic-size: auto 430px;
}

@media (max-width: 700px) {
  [data-iget-post-products].iget-post-ready {
    width: calc(100% - 16px) !important;
    margin: 16px auto 20px !important;
    border-radius: 24px !important;
    contain-intrinsic-size: auto 2200px;
  }

  [data-iget-post-products] .bp10-section {
    contain-intrinsic-size: auto 680px;
  }

  body.iget-performance-mode .main-collection__list > li {
    contain-intrinsic-size: auto 360px;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-iget-post-products] .iget-motion-item,
  [data-iget-post-products] .iget-motion-item.iget-motion-visible {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    will-change: auto !important;
  }

  body.iget-performance-mode [data-bp10-page] *,
  body.iget-performance-mode [data-bp10-page] *::before,
  body.iget-performance-mode [data-bp10-page] *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}
