/* Пер-брендовые правки secretdiscounter. Грузится после custom.css — перебивает его. */

/* Логотип шире на десктопе (мобильные брейкпоинты не трогаем) */
@media (min-width: 1200px) {
    .u-header__navbar-brand, .u-header__navbar-brand > img {
        width: 182px;
    }
}

/* Табы попапа «Как это работает»: пилюли, активный — цветом бренда */
.hiw-tabs {
    border-bottom: 0;
    justify-content: center;
    margin-top: -.75rem;
    margin-bottom: 1.25rem;
}
.hiw-tabs .nav-item {
    margin: 0 .25rem;
    flex: 0 0 auto;
}
.hiw-tabs .nav-link {
    border: 0;
    border-radius: 50rem;
    color: #6c757d;
    background: #f3f3f3;
    padding: .45rem 1.6rem;
    font-weight: 700;
    font-size: 15px;
    transition: background .15s, color .15s;
}
.hiw-tabs .nav-link:hover {
    color: #212529;
    background: #ececec;
}
.hiw-tabs .nav-link.active {
    color: #212529;
    background: var(--brand-color);
}
.hiw-tabs .nav-link:focus,
.hiw-tabs .nav-link:active,
.hiw-tabs .nav-link.active:focus {
    outline: 0;
    box-shadow: none;
}

/* Линии по бокам подзаголовка внутри табов (родная u-divider слишком бледная) */
.hiw-tabs ~ .tab-content .u-divider::before,
.hiw-tabs ~ .tab-content .u-divider::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 3.5rem;
    height: 1px;
    transform: translateY(-50%);
}
.hiw-tabs ~ .tab-content .u-divider::before {
    right: 100%;
    margin-right: .625rem;
    background: linear-gradient(90deg, transparent, #bdc5d1);
}
.hiw-tabs ~ .tab-content .u-divider::after {
    left: 100%;
    margin-left: .625rem;
    background: linear-gradient(90deg, #bdc5d1, transparent);
}