/*
 * Карточка серии как единый бокс: рамка/фон/паддинг оборачивают таблицу
 * ВМЕСТЕ с кнопкой «Показать ещё», поэтому кнопка визуально лежит ВНУТРИ
 * карточки серии (как в теме stratec), а не висит в белом промежутке под
 * таблицей. <turbo-frame> по умолчанию inline — делаем его блочным боксом.
 */
.series-frame {
    display: block;
    margin-bottom: 28px;
    padding: 12px;
    border: 1px solid #d5d5d5;
    border-radius: 8px;
    background: #f5f5f5;
    overflow: hidden;
}

/*
 * Кнопка «Показать ещё» серии на странице категории/поиска tactic.
 * До этого класс `.series-load-more__btn` был описан только в теме stratec,
 * поэтому в tactic кнопка рендерилась неоформленной и прижатой к левому краю.
 * Цвет — фирменный синий tactic (те же --bs-primary / --bb-primary-dark, что
 * и у кнопки «В корзину», см. bundle-product.css), геометрия по центру серии.
 */
.series-load-more__btn {
    display: block;
    width: fit-content;
    margin: 12px auto 8px;
    padding: 10px 24px;
    border: 0;
    border-radius: 5px;
    background: var(--bs-primary, #0d6efd);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: background .2s ease;
}

/*
 * Собственный `display: block` перебивает UA-правило `[hidden]{display:none}`,
 * поэтому кнопку нужно явно прятать по [hidden] — иначе на последней странице
 * серии series_load_more_controller.js выставит hidden, но кнопка останется
 * видимой (в :disabled-виде). Тот же приём, что в теме stratec.
 */
.series-load-more__btn[hidden] {
    display: none;
}

.series-load-more__btn:hover {
    background: var(--bb-primary-dark, #0c63e3);
}

.series-load-more__btn:disabled {
    background: rgba(13, 110, 253, 0.45);
    cursor: not-allowed;
}