/* SoraKai — Вертикальные постеры 2:3 на главной (исправление этапа 1.1) */

.homepage .popular-grid .manga-cover-wrap,
.homepage .update-grid .update-image-wrap {
    height: auto;
    aspect-ratio: 2 / 3;
    border-radius: 13px;
}

.homepage .popular-grid .manga-cover,
.homepage .update-grid .update-image-wrap > a {
    display: block;
    width: 100%;
    height: 100%;
}

.homepage .popular-grid .manga-cover img,
.homepage .update-grid .update-image-wrap img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 30%;
}

/* Убираем иконки закладок только с постеров на главной странице. */
.homepage .popular-grid .bookmark-toggle,
.homepage .update-grid .bookmark-toggle {
    display: none;
}

/* Тип + год выпуска: две компактные плашки в верхнем левом углу */
.poster-tags {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    pointer-events: none;
}

.poster-tags .type-badge,
.poster-tags .year-badge {
    position: static; /* перекрывает старое позиционирование type-badge */
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 23px;
    padding: 3px 9px;
    border-radius: 7px;
    border: 1px solid rgba(255,255,255,.2);
    color: #fff;
    font: 800 10px/1.2 Manrope, system-ui, sans-serif;
    letter-spacing: .1px;
    box-shadow: 0 3px 12px rgba(0,0,0,.3);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.poster-tags .type-badge--manhwa {
    background: linear-gradient(120deg, rgba(118,61,255,.94), rgba(76,94,224,.94));
}
.poster-tags .type-badge--manga {
    background: linear-gradient(120deg, rgba(247,81,124,.94), rgba(212,80,85,.94));
}
.poster-tags .type-badge--manhua {
    background: linear-gradient(120deg, rgba(0,157,160,.94), rgba(0,114,199,.94));
}
.poster-tags .type-badge--other {
    background: rgba(24,29,50,.93);
}
.poster-tags .year-badge {
    background: rgba(7,11,22,.82);
    border-color: rgba(172,157,230,.24);
    color: #e3ddfa;
}

/* Убираем жанры под постерами на главной */
.homepage .popular-grid .manga-genres {
    display: none;
}

/* Ограничиваем название двумя строками */
.homepage .popular-grid .manga-title,
.homepage .update-grid .update-name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    overflow-wrap: anywhere;
    max-width: calc(100% - 12px);
    line-height: 1.4;
}

@media (max-width: 540px) {
    .poster-tags { top: 6px; left: 6px; gap: 4px; }
    .poster-tags .type-badge,
    .poster-tags .year-badge { min-height: 21px; padding: 3px 7px; font-size: 9px; }
}