/* TJ-225 scoped repair
   Keep product copy above decoration, remove the legacy selected-card orbit,
   and reuse authority-layout.js pointer coordinates for a restrained scan beam. */
body.tj-os-page #products .product-card {
  --tj225-scan-x: var(--pointer-x, 50%);
  --tj225-scan-y: var(--pointer-y, 50%);
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

body.tj-os-page #products .product-card.selected::after {
  content: none !important;
  display: none !important;
  animation: none !important;
}

body.tj-os-page #products .product-card::before {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  left: var(--tj225-scan-x) !important;
  top: var(--tj225-scan-y) !important;
  width: 148px !important;
  height: 104px !important;
  border: 0 !important;
  border-radius: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 9px 52px,
      rgba(38, 174, 186, 0.72) 0 2px,
      rgba(38, 174, 186, 0.24) 3px 8px,
      transparent 9px),
    linear-gradient(96deg,
      rgba(38, 174, 186, 0.16) 0,
      rgba(69, 151, 220, 0.09) 42%,
      transparent 76%) !important;
  clip-path: polygon(0 50%, 100% 0, 82% 50%, 100% 100%) !important;
  box-shadow: none !important;
  filter: drop-shadow(0 0 10px rgba(38, 174, 186, 0.14)) !important;
  opacity: 0 !important;
  transform: translate(-9px, -52px) rotate(-7deg) !important;
  transform-origin: 9px 52px !important;
  transition:
    left 70ms linear,
    top 70ms linear,
    opacity 160ms ease,
    filter 160ms ease !important;
}

body.tj-os-page #products .product-card:hover::before,
body.tj-os-page #products .product-card:focus-within::before,
body.tj-os-page #products .product-card.tj225-scan-active::before {
  opacity: 0.62 !important;
}

body.tj-os-page #products .product-card > * {
  position: relative !important;
  z-index: 1 !important;
}

body.tj-os-page #products .product-card .product-card-head,
body.tj-os-page #products .product-card .product-price,
body.tj-os-page #products .product-card .product-description,
body.tj-os-page #products .product-card .product-includes,
body.tj-os-page #products .product-card .product-cta {
  overflow: visible !important;
}

@media (prefers-reduced-motion: reduce) {
  body.tj-os-page #products .product-card::before {
    display: none !important;
    transition: none !important;
  }
}