/* Shop Pro product-card video icon and lazy hover preview. */
@keyframes shoppro-gv-card-fade { from { opacity: 0; } to { opacity: 1; } }
.rivrun-gv-card-host { position: relative; overflow: hidden; isolation: isolate; }
.rivrun-gv-card-host > a,
a.rivrun-gv-card-host { position: relative; z-index: 1; }
.rivrun-gv-card-icon {
  position: absolute;
  z-index: 6;
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  pointer-events: none;
  transition: opacity .2s ease;
}
.rivrun-gv-card-icon svg { width: 48px; height: 48px; }
.rivrun-gv-card-icon--center { top: 50%; left: 50%; transform: translate(-50%, -50%); }
.rivrun-gv-card-icon--top-left { top: 10px; left: 10px; }
.rivrun-gv-card-icon--top-right { top: 10px; right: 10px; }
.rivrun-gv-card-icon--bottom-left { bottom: 10px; left: 10px; }
.rivrun-gv-card-icon--bottom-right { right: 10px; bottom: 10px; }
.rivrun-gv-card-icon--hidden { display: none !important; }
.rivrun-gv-card-icon--top-left,
.rivrun-gv-card-icon--top-right,
.rivrun-gv-card-icon--bottom-left,
.rivrun-gv-card-icon--bottom-right,
.rivrun-gv-card-icon--top-left svg,
.rivrun-gv-card-icon--top-right svg,
.rivrun-gv-card-icon--bottom-left svg,
.rivrun-gv-card-icon--bottom-right svg { width: 34px; height: 34px; }
/* Product-card links elsewhere in the theme use z-index:4. Keep the
   preview above the image link while preserving link clicks via pointer-events:none. */
.rivrun-gv-card-preview {
  position: absolute;
  inset: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  border: 0;
  object-fit: cover;
  background: #000;
  pointer-events: none !important;
  animation: shoppro-gv-card-fade .24s ease;
}
.rivrun-gv-card-playing .rivrun-gv-card-icon { opacity: 0; }
@media (max-width: 782px) {
  .rivrun-gv-card-icon,
  .rivrun-gv-card-icon svg { width: 44px; height: 44px; }
  .rivrun-gv-card-icon--top-left,
  .rivrun-gv-card-icon--top-right,
  .rivrun-gv-card-icon--bottom-left,
  .rivrun-gv-card-icon--bottom-right,
  .rivrun-gv-card-icon--top-left svg,
  .rivrun-gv-card-icon--top-right svg,
  .rivrun-gv-card-icon--bottom-left svg,
  .rivrun-gv-card-icon--bottom-right svg { width: 32px; height: 32px; }
}
@media (prefers-reduced-motion: reduce) {
  .rivrun-gv-card-icon { transition: none; }
  .rivrun-gv-card-preview { animation: none; }
}