/* HD STORE 4.1 — flash neon circulando apenas no contorno dos cards. */
@property --hd-borda-angulo {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}
#produtos .products > .product {
  position: relative !important;
  isolation: isolate;
  border-color: rgba(40, 174, 255, .42) !important;
}
#produtos .products > .product::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 5;
  pointer-events: none;
  border-radius: inherit;
  padding: 2px;
  background: conic-gradient(from var(--hd-borda-angulo),
    transparent 0deg, transparent 278deg,
    rgba(17, 133, 255, .12) 295deg,
    #13c8ff 314deg,
    #d5faff 324deg,
    #13c8ff 334deg,
    transparent 355deg);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  animation: hd-borda-girar 5.5s linear infinite;
  opacity: .8;
}
#produtos .products > .product:hover::after {
  opacity: 1;
  animation-duration: 3.3s;
  filter: drop-shadow(0 0 4px rgba(33, 204, 255, .75));
}
@keyframes hd-borda-girar {
  to { --hd-borda-angulo: 360deg; }
}
@media (prefers-reduced-motion: reduce) {
  #produtos .products > .product::after { animation: none !important; }
}