/**
 * Lazy load visual estilo Airbnb para imagens de cards:
 * shimmer no placeholder + fade-in suave ao carregar.
 * Ativa só com html.tb-lazy-ready (progressive enhancement).
 */

@keyframes tb-media-shimmer {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: -100% 0;
  }
}

html.tb-lazy-ready .transfer-card-img,
html.tb-lazy-ready .home-tours-card__media,
html.tb-lazy-ready .lp-pb-card__media,
html.tb-lazy-ready .pk-card-img,
html.tb-lazy-ready .favorite-card-image-wrap,
html.tb-lazy-ready .destiny-container .destiny-box-item {
  background-color: #e8edf5;
  background-image: linear-gradient(
    90deg,
    #e8edf5 0%,
    #f5f8fc 45%,
    #e8edf5 90%
  );
  background-size: 200% 100%;
}

html.tb-lazy-ready .transfer-card-img:not(.is-media-loaded),
html.tb-lazy-ready .home-tours-card__media:not(.is-media-loaded),
html.tb-lazy-ready .lp-pb-card__media:not(.is-media-loaded),
html.tb-lazy-ready .pk-card-img:not(.is-media-loaded),
html.tb-lazy-ready .favorite-card-image-wrap:not(.is-media-loaded),
html.tb-lazy-ready .destiny-container .destiny-box-item:not(.is-media-loaded) {
  animation: tb-media-shimmer 1.35s ease-in-out infinite;
}

html.tb-lazy-ready .transfer-card-img.is-media-loaded,
html.tb-lazy-ready .home-tours-card__media.is-media-loaded,
html.tb-lazy-ready .lp-pb-card__media.is-media-loaded,
html.tb-lazy-ready .pk-card-img.is-media-loaded,
html.tb-lazy-ready .favorite-card-image-wrap.is-media-loaded,
html.tb-lazy-ready .destiny-container .destiny-box-item.is-media-loaded {
  animation: none;
  background-image: none;
}

html.tb-lazy-ready .transfer-card-img > img,
html.tb-lazy-ready .home-tours-card__media > img,
html.tb-lazy-ready .lp-pb-card__media > img,
html.tb-lazy-ready .pk-card-img > img,
html.tb-lazy-ready .favorite-card-image-wrap > img,
html.tb-lazy-ready img.favorite-card-image,
html.tb-lazy-ready .destiny-container .destiny-box-item > img {
  opacity: 0;
  transition:
    opacity 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  will-change: opacity, transform;
}

html.tb-lazy-ready .transfer-card-img > img.is-loaded,
html.tb-lazy-ready .home-tours-card__media > img.is-loaded,
html.tb-lazy-ready .lp-pb-card__media > img.is-loaded,
html.tb-lazy-ready .pk-card-img > img.is-loaded,
html.tb-lazy-ready .favorite-card-image-wrap > img.is-loaded,
html.tb-lazy-ready img.favorite-card-image.is-loaded,
html.tb-lazy-ready .destiny-container .destiny-box-item > img.is-loaded {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  html.tb-lazy-ready .transfer-card-img:not(.is-media-loaded),
  html.tb-lazy-ready .home-tours-card__media:not(.is-media-loaded),
  html.tb-lazy-ready .lp-pb-card__media:not(.is-media-loaded),
  html.tb-lazy-ready .pk-card-img:not(.is-media-loaded),
  html.tb-lazy-ready .favorite-card-image-wrap:not(.is-media-loaded),
  html.tb-lazy-ready .destiny-container .destiny-box-item:not(.is-media-loaded) {
    animation: none;
  }

  html.tb-lazy-ready .transfer-card-img > img,
  html.tb-lazy-ready .home-tours-card__media > img,
  html.tb-lazy-ready .lp-pb-card__media > img,
  html.tb-lazy-ready .pk-card-img > img,
  html.tb-lazy-ready .favorite-card-image-wrap > img,
  html.tb-lazy-ready img.favorite-card-image,
  html.tb-lazy-ready .destiny-container .destiny-box-item > img {
    transition: none;
    opacity: 1;
  }
}