/* SoraKai — вертикальные мини-постеры правой панели.
   Подключать ПОСЛЕ sidebar.css и responsive.css, не перезаписывая их. */

/* Онгоинги и Новинки */
.sidebar .panel-rows .mini-card {
    min-height: 87px;
    height: auto;
    padding: 7px 0;
    gap: 9px;
    align-items: center;
}

.sidebar .panel-rows .mini-card > img {
    display: block;
    width: 50px;
    height: 75px;
    aspect-ratio: 2 / 3;
    flex: 0 0 50px;
    object-fit: cover;
    object-position: center 25%;
    border: 1px solid #323d5b;
    border-radius: 8px;
    box-sizing: border-box;
}

.sidebar .panel-rows .mini-info {
    flex: 1 1 0;
    min-width: 0;
}

.sidebar .panel-rows .mini-chapter {
    flex-shrink: 0;
    align-self: center;
    padding-top: 0;
    margin-left: auto;
}

.sidebar .panel-rows .mini-chapter small {
    padding-top: 4px;
}

/* Топ за месяц: вертикальные постеры чуть меньше,
   чтобы оставить место для номера, названия и рейтинга. */
.sidebar .top-list .top-item {
    min-height: 65px;
    height: auto;
    padding: 5px 0;
    gap: 9px;
}

.sidebar .top-list .top-item > img {
    display: block;
    width: 36px;
    height: 54px;
    aspect-ratio: 2 / 3;
    flex: 0 0 36px;
    object-fit: cover;
    object-position: center 25%;
    border: 1px solid #303a58;
    border-radius: 6px;
    box-sizing: border-box;
}

.sidebar .top-list .top-name {
    min-width: 0;
}

.sidebar .top-list .top-rating {
    flex-shrink: 0;
}