/* ============================================================
   Заглушка постера (нет постера / устарел / удалён)
   Высота задаётся по контексту:
     - самостоятельно (страница релиза) → aspect-ratio 2/3
     - внутри контейнера с готовой высотой (каталог, главная) → height:100%
   ============================================================ */

.poster-placeholder {
    width: 100%;
    aspect-ratio: 2 / 3;                 /* пропорции постера, если высота не задана снаружи */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px;
    text-align: center;
    line-height: 1.3;
    font-size: .72rem;
    color: var(--t-text-muted, #9aa0a6);
    background: linear-gradient(135deg, var(--t-bg-elevated, #23262b), var(--t-bg-hover, #2c2f34));
    border-radius: inherit;
    overflow: hidden;
}

.poster-placeholder svg {
    width: 32px;
    height: 32px;
    opacity: .45;
    flex-shrink: 0;
}

/* ── Контейнеры, которые сами задают размер постера ──
   там aspect-ratio у заглушки отключаем, тянем на всю высоту */
.cat-poster > .poster-placeholder,
.cat-list-poster > .poster-placeholder,
.home-poster > .poster-placeholder {
    aspect-ratio: auto;
    height: 100%;
    border-radius: 0;
}

/* список в каталоге: постер 110×165 — текст мельче */
.cat-list-poster > .poster-placeholder {
    border-radius: 8px;
    font-size: .6rem;
    gap: 4px;
}
.cat-list-poster > .poster-placeholder svg { width: 20px; height: 20px; }

/* ── Тёмный hero страницы релиза ──
   Там подложка тёмная ВСЕГДА, независимо от темы сайта, поэтому светлые
   токены темы давали ярко-белый прямоугольник поверх чёрного фона. */
.unified-release-wrapper .poster-placeholder {
    background: linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
    color: rgba(255,255,255,.5);
    border: 1px solid rgba(255,255,255,.10);
    /* заглушка — блочный div: без auto-полей он прижимался к левому краю,
       тогда как настоящий постер (img) центровался родителем */
    margin-left: auto;
    margin-right: auto;
}
.unified-release-wrapper .poster-placeholder svg { opacity: .35; }

/* ── Мобильные ── */
@media (max-width: 576px) {
    .poster-placeholder { font-size: .66rem; gap: 6px; }
    .poster-placeholder svg { width: 26px; height: 26px; }
    .cat-list-poster > .poster-placeholder { font-size: .55rem; }
    .cat-list-poster > .poster-placeholder svg { width: 16px; height: 16px; }
}