/* Products grid — deck-style reveal (scroll once, GPU-friendly) */

#products-grid-section [data-product-card] {
  opacity: 0;
  transform: translate3d(0, 44px, 0) scale(0.96);
  transition:
    opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.7s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.35s ease;
}

#products-grid-section [data-product-card="0"] {
  transform: translate3d(-12px, 44px, 0) rotate(-2deg) scale(0.96);
}

#products-grid-section [data-product-card="2"] {
  transform: translate3d(0, 48px, 0) scale(0.94);
}

#products-grid-section [data-product-card="3"] {
  transform: translate3d(12px, 44px, 0) rotate(2deg) scale(0.96);
}

#products-grid-section.is-products-active [data-product-card] {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1) rotate(0);
}

#products-grid-section.is-products-active [data-product-card="0"] {
  transition-delay: 0ms;
}

#products-grid-section.is-products-active [data-product-card="1"] {
  transition-delay: 90ms;
}

#products-grid-section.is-products-active [data-product-card="2"] {
  transition-delay: 180ms;
}

#products-grid-section.is-products-active [data-product-card="3"] {
  transition-delay: 270ms;
}

/* Inner content — icon → tag → title → body → CTA */
#products-grid-section .product-card__icon,
#products-grid-section .product-card__tag,
#products-grid-section .product-card__title,
#products-grid-section .product-card__desc,
#products-grid-section .product-card__cta {
  opacity: 0;
  transition:
    opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

#products-grid-section .product-card__icon {
  transform: scale(0.7) rotate(-8deg);
}

#products-grid-section .product-card__tag {
  transform: translate3d(12px, 0, 0);
}

#products-grid-section .product-card__title,
#products-grid-section .product-card__desc {
  transform: translate3d(0, 12px, 0);
}

#products-grid-section .product-card__cta {
  transform: translate3d(0, 10px, 0);
}

#products-grid-section.is-products-active .product-card__icon,
#products-grid-section.is-products-active .product-card__tag,
#products-grid-section.is-products-active .product-card__title,
#products-grid-section.is-products-active .product-card__desc,
#products-grid-section.is-products-active .product-card__cta {
  opacity: 1;
  transform: none;
}

#products-grid-section.is-products-active [data-product-card="0"] .product-card__icon {
  transition-delay: 280ms;
}
#products-grid-section.is-products-active [data-product-card="0"] .product-card__tag {
  transition-delay: 340ms;
}
#products-grid-section.is-products-active [data-product-card="0"] .product-card__title {
  transition-delay: 400ms;
}
#products-grid-section.is-products-active [data-product-card="0"] .product-card__desc {
  transition-delay: 460ms;
}
#products-grid-section.is-products-active [data-product-card="0"] .product-card__cta {
  transition-delay: 520ms;
}

#products-grid-section.is-products-active [data-product-card="1"] .product-card__icon {
  transition-delay: 370ms;
}
#products-grid-section.is-products-active [data-product-card="1"] .product-card__tag {
  transition-delay: 430ms;
}
#products-grid-section.is-products-active [data-product-card="1"] .product-card__title {
  transition-delay: 490ms;
}
#products-grid-section.is-products-active [data-product-card="1"] .product-card__desc {
  transition-delay: 550ms;
}
#products-grid-section.is-products-active [data-product-card="1"] .product-card__cta {
  transition-delay: 610ms;
}

#products-grid-section.is-products-active [data-product-card="2"] .product-card__icon {
  transition-delay: 460ms;
}
#products-grid-section.is-products-active [data-product-card="2"] .product-card__tag {
  transition-delay: 520ms;
}
#products-grid-section.is-products-active [data-product-card="2"] .product-card__title {
  transition-delay: 580ms;
}
#products-grid-section.is-products-active [data-product-card="2"] .product-card__desc {
  transition-delay: 640ms;
}
#products-grid-section.is-products-active [data-product-card="2"] .product-card__cta {
  transition-delay: 700ms;
}

#products-grid-section.is-products-active [data-product-card="3"] .product-card__icon {
  transition-delay: 550ms;
}
#products-grid-section.is-products-active [data-product-card="3"] .product-card__tag {
  transition-delay: 610ms;
}
#products-grid-section.is-products-active [data-product-card="3"] .product-card__title {
  transition-delay: 670ms;
}
#products-grid-section.is-products-active [data-product-card="3"] .product-card__desc {
  transition-delay: 730ms;
}
#products-grid-section.is-products-active [data-product-card="3"] .product-card__cta {
  transition-delay: 790ms;
}

/* Extra lift on hover (works with existing gradient hover) */
@media (hover: hover) and (pointer: fine) {
  #products-grid-section.is-products-active [data-product-card]:hover {
    transform: translate3d(0, -6px, 0);
    box-shadow:
      0 16px 36px rgba(95, 21, 238, 0.12),
      0 4px 14px rgba(15, 17, 23, 0.06);
  }
}

@media (prefers-reduced-motion: reduce) {
  #products-grid-section [data-product-card],
  #products-grid-section .product-card__icon,
  #products-grid-section .product-card__tag,
  #products-grid-section .product-card__title,
  #products-grid-section .product-card__desc,
  #products-grid-section .product-card__cta {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* Mobile — per-card reveal, shorter durations, inner content as one beat */
@media (max-width: 639px) {
  #products-grid-section [data-product-card] {
    transition:
      opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1),
      transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
      box-shadow 0.25s ease;
  }

  #products-grid-section .product-card__icon,
  #products-grid-section .product-card__tag,
  #products-grid-section .product-card__title,
  #products-grid-section .product-card__desc,
  #products-grid-section .product-card__cta {
    transition:
      opacity 0.28s cubic-bezier(0.22, 1, 0.36, 1),
      transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
  }

  #products-grid-section [data-product-card].is-product-card-active,
  #products-grid-section.is-products-active [data-product-card] {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1) rotate(0);
    transition-delay: 0ms;
  }

  #products-grid-section [data-product-card].is-product-card-active .product-card__icon,
  #products-grid-section [data-product-card].is-product-card-active .product-card__tag,
  #products-grid-section [data-product-card].is-product-card-active .product-card__title,
  #products-grid-section [data-product-card].is-product-card-active .product-card__desc,
  #products-grid-section [data-product-card].is-product-card-active .product-card__cta,
  #products-grid-section.is-products-active .product-card__icon,
  #products-grid-section.is-products-active .product-card__tag,
  #products-grid-section.is-products-active .product-card__title,
  #products-grid-section.is-products-active .product-card__desc,
  #products-grid-section.is-products-active .product-card__cta {
    opacity: 1;
    transform: none;
    transition-delay: 50ms;
  }
}