/* This overlay never enters the native service-row layout. */
#krayr-service-preview {
  position:fixed;
  top:0;
  left:0;
  width:360px;
  aspect-ratio:8 / 5;
  z-index:25;
  pointer-events:none;
  overflow:hidden;
  border:0;
  border-radius:0;
  box-shadow:none;
  opacity:0;
  visibility:hidden;
  transition:opacity 180ms ease,visibility 180ms;
}
#krayr-service-preview[data-visible] {opacity:1;visibility:visible;}
#krayr-service-preview img {display:block;width:100%;height:100%;object-fit:contain;}
#krayr-service-preview img[hidden] {display:none;}
@media (max-width:809px), (hover:none), (pointer:coarse) {
  #krayr-service-preview {display:none;}
}
@media (prefers-reduced-motion:reduce) {
  #krayr-service-preview {transition:none;}
}