/* Homepage: hover only. No entrance or scroll animation. */
body[data-home-motion] .compare-panel .product {
  transition: transform 550ms cubic-bezier(.22,.61,.36,1), box-shadow 550ms ease, border-color 550ms ease;
}
body[data-home-motion] .product-cta > span {
  display: inline-block;
  transition: transform 550ms cubic-bezier(.22,.61,.36,1);
}
body[data-home-motion] .tile-image img {
  transition: transform 650ms cubic-bezier(.22,.61,.36,1);
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  body[data-home-motion] .compare-panel .product:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 24px #221c0b16;
  }
  body[data-home-motion] .compare-panel .product:hover img { transform: scale(1.025); }
  body[data-home-motion] .product:hover .product-cta > span { transform: translateX(4px); }
}
@media (prefers-reduced-motion: reduce) {
  html:has(body[data-home-motion]) { scroll-behavior: auto !important; }
  body[data-home-motion] *,
  body[data-home-motion] *::before,
  body[data-home-motion] *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
    transform: none !important;
  }
}