.poster,
.catalog-card .poster,
.explore-poster,
.search-result-poster {
    position: relative;
    aspect-ratio: 2 / 3 !important;
    background-color: #0d1016;
}
.poster-art,
.explore-art,
.search-poster-art,
.drama-cover-art,
.watch-mini-art,
.continue-card .continue-thumbnail > .continue-art {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: auto !important;
    transform: none !important;
}
.poster img,
.drama-cover img,
.watch-mini-cover img,
.continue-thumbnail img {
    object-fit: contain !important;
    transform: none !important;
}
.poster::after,
.drama-cover::after,
.watch-mini-cover::after {
    background: none !important;
    pointer-events: none;
}
.drama-views-badge {
    position: absolute;
    z-index: 3;
    right: 6px;
    bottom: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    max-width: calc(100% - 12px);
    padding: 4px 6px;
    border-radius: 4px;
    background: #000d;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
    pointer-events: none;
}
.drama-views-badge svg { width: 13px; height: 13px; flex: 0 0 13px; }
.clip-cover { position: relative; }
.popular-card .drama-views-badge,
.watch-mini-cover .drama-views-badge { right: 3px; bottom: 3px; padding: 3px; gap: 2px; font-size: 9px; }
.search-result-poster::after,
.explore-poster::after,
.hero-poster::after { background: none !important; pointer-events: none; }
