/* VAF AI marker: anchored to visible element, not to the cropped source image. */
.vaf-ai-host { position: relative !important; }
.vaf-ai-label {
  position: absolute !important;
  right: 12px !important;
  bottom: 12px !important;
  top: auto !important;
  left: auto !important;
  z-index: 9999 !important;
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  padding: 5px 8px !important;
  border-radius: 4px !important;
  background: rgba(60,60,59,.88) !important;
  color: #fff !important;
  font: 500 11px/1.2 Arial, sans-serif !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  white-space: nowrap !important;
  pointer-events: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}
/* Large top banners can have overlapping cards at the bottom. */
.vaf-ai-hero > .vaf-ai-label {
  top: 112px !important;
  bottom: auto !important;
}
@media (max-width: 767px) {
  .vaf-ai-label { right: 8px !important; bottom: 8px !important; font-size: 10px !important; padding: 4px 6px !important; }
  .vaf-ai-hero > .vaf-ai-label { top: 88px !important; bottom: auto !important; }
}