/* Прогрессивные изображения и скелет (дополнение к critical CSS) */

.qq-pimg--block {
  display: block;
  width: 100%;
}

.qq-pimg--card {
  aspect-ratio: 4 / 3;
  border-radius: .65rem .65rem 0 0;
}

.qq-pimg--card .qq-pimg__img {
  object-fit: cover;
}

.qq-pimg--media {
  border-radius: 1rem;
  aspect-ratio: 16 / 10;
}

.qq-pimg--media .qq-pimg__img {
  object-fit: cover;
}

.qq-landing-hero__bg.qq-pimg--hero {
  position: absolute;
  inset: 0;
}

.qq-yandex-card__photo .qq-pimg {
  width: 100%;
  height: 100%;
}

.qq-yandex-card__photo .qq-pimg,
.qq-landing-media .qq-pimg {
  min-height: 100%;
}

@media (max-width: 1023px) {
  .qq-page-skel__grid {
    display: none;
  }
}