/* ==========================================================================
   Shared hover effects — shine sweep used on every .tilt element
   (hero cards, about media, product cards)
   ========================================================================== */
.shine{
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle 220px at var(--mx,50%) var(--my,50%), rgba(255,255,255,.16), transparent 60%);
  opacity: 0;
  transition: opacity var(--dur-fast) var(--ease-out);
  z-index: 5;
}
.tilt:hover .shine{ opacity: 1; }