@import url("articles-public.css?v=40.1");

/* Article-only responsive photo rules. They override the global hero collage sizing. */
@media (max-width: 800px) {
  .article-hero .hero-media.article-poster {
    width: 100%;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    align-self: start;
    overflow: hidden;
    border-radius: 22px;
    transform: none;
  }

  .article-hero .article-poster > img {
    display: block;
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
    object-fit: contain;
    object-position: center;
  }

  /* На главной статье используем вертикальную обложку: она показывает праздник целиком. */
  .article-hero .article-poster > img[src*="kak-organizovat-den-rozhdeniya-rebenka-poster"] {
    content: url("assets/articles/den-rozhdeniya-rebenka-poster.png");
    aspect-ratio: 1122 / 1402;
  }

  .article-rail .article-preview {
    min-height: 176px;
  }

  .article-rail .article-preview img {
    min-height: 0;
    height: 100%;
    object-fit: cover;
  }
}