/* Placeholders always use the user site's bundled logo, independent of backend
   settings, scripts and remote image loading. Avatars keep their own fallback. */
.pc-long-video-card__cover,
.pc-short-video-card__cover,
.pc-short-drama-card__cover,
.mobile-long-video-card__cover,
.mobile-short-drama-card__cover,
.mobile-search-card__cover,
.video-player__poster-layer,
.video-player__mobile-preroll-placeholder,
.recommend-apps__icon-wrap {
  --media-placeholder-size: 160px;
  background-image: none !important;
  isolation: isolate;
}

.mobile-long-video-card__cover,
.mobile-short-drama-card__cover,
.mobile-search-card__cover,
.video-player__mobile-preroll-placeholder {
  --media-placeholder-size: 80px;
}

@media (max-width: 768px), (max-height: 768px) and (orientation: landscape) and (hover: none) and (pointer: coarse) {
  .video-player__poster-layer,
  .recommend-apps__icon-wrap {
    --media-placeholder-size: 80px;
  }
}

/* Keep the logo within its slot, below real covers and metadata. */
:is(.pc-long-video-card__cover,
  .pc-short-video-card__cover,
  .pc-short-drama-card__cover,
  .mobile-long-video-card__cover,
  .mobile-short-drama-card__cover,
  .mobile-search-card__cover,
  .video-player__poster-layer,
  .video-player__mobile-preroll-placeholder,
  .recommend-apps__icon-wrap)::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  width: min(100%, var(--media-placeholder-size));
  height: min(100%, var(--media-placeholder-size));
  transform: translate(-50%, -50%);
  background: url("/static/images/xv-logo-mark.png?v=20261015-lulu-2") center / contain no-repeat;
  pointer-events: none;
}

.pc-long-video-card__cover img[src*="/static/images/placeholder.png?v=20261015-lulu-2"],
.pc-short-video-card__cover img[src*="/static/images/placeholder.png?v=20261015-lulu-2"],
.pc-short-drama-card__cover img[src*="/static/images/placeholder.png?v=20261015-lulu-2"],
.mobile-long-video-card__cover img[src*="/static/images/placeholder.png?v=20261015-lulu-2"],
.mobile-short-drama-card__cover img[src*="/static/images/placeholder.png?v=20261015-lulu-2"],
.mobile-search-card__cover img[src*="/static/images/placeholder.png?v=20261015-lulu-2"],
.video-player__poster-layer img[src*="/static/images/placeholder.png?v=20261015-lulu-2"],
.video-player__mobile-preroll-placeholder img[src*="/static/images/placeholder.png?v=20261015-lulu-2"],
.recommend-apps__icon-wrap img[src*="/static/images/placeholder.png?v=20261015-lulu-2"] {
  opacity: 0 !important;
}