/*
 * Общий каркас сервисов rassrochka.kz: шапка, подвал и плитки хаба.
 *
 * Стили намеренно живут отдельным файлом и начинаются с rk- — у каждого
 * сервиса своя вёрстка со своими классами, и смешивать их нельзя: иначе
 * правка в одном месте ломает другое.
 */

:root {
    --rk-blue: #0b8dcb;
    --rk-blue-dark: #0a6f9f;
    --rk-red: #ef3b3b;
    --rk-ink: #11223a;
    --rk-muted: #6b7f95;
    --rk-line: #e3ebf3;
    --rk-bg: #f4f8fc;
}

.rk-ico {
    flex: none;
}

/* ── Шапка ───────────────────────────────────────────────────────────── */

.rk-top {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
    padding: 12px 24px;
    background: #fff;
    border-bottom: 1px solid var(--rk-line);
    font: 400 15px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    color: var(--rk-ink);
}

.rk-top__logo {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    text-decoration: none;
    color: inherit;
}

.rk-top__mark {
    width: 26px;
    height: 26px;
    flex: none;
    border-radius: 8px;
    background: var(--rk-blue);
    position: relative;
}

.rk-top__mark::after {
    content: "";
    position: absolute;
    left: 7px;
    top: 8px;
    width: 11px;
    height: 6px;
    border-left: 2.4px solid #fff;
    border-bottom: 2.4px solid #fff;
    transform: rotate(-45deg);
}

.rk-top__name {
    font-weight: 700;
    font-size: 17px;
    letter-spacing: -.2px;
}

.rk-top__name span {
    color: var(--rk-red);
}

.rk-top__nav {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
    margin-left: 8px;
}

.rk-top__nav a {
    color: var(--rk-muted);
    text-decoration: none;
    font-size: 14px;
    white-space: nowrap;
}

.rk-top__nav a:hover {
    color: var(--rk-blue);
}

.rk-top__actions {
    display: flex;
    gap: 8px;
    margin-left: auto;
}

.rk-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 14px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    transition: background .15s ease, color .15s ease, border-color .15s ease;
}

.rk-btn--ghost {
    color: var(--rk-ink);
    border: 1px solid var(--rk-line);
    background: #fff;
}

.rk-btn--ghost:hover {
    border-color: var(--rk-blue);
    color: var(--rk-blue);
}

.rk-btn--shop {
    background: var(--rk-blue);
    color: #fff;
}

.rk-btn--shop:hover {
    background: var(--rk-blue-dark);
}

/* ── Хаб: крупные плитки ─────────────────────────────────────────────── */

.rk-hub {
    max-width: 1120px;
    margin: 0 auto;
    padding: 46px 24px 64px;
    font: 400 16px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    color: var(--rk-ink);
}

.rk-hub__head {
    margin-bottom: 34px;
}

.rk-hub__head h1 {
    margin: 0 0 8px;
    font-size: 38px;
    line-height: 1.15;
    letter-spacing: -.6px;
}

.rk-hub__head p {
    margin: 0;
    color: var(--rk-muted);
    font-size: 17px;
    max-width: 640px;
}

.rk-hub__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
    gap: 20px;
}

.rk-card {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 26px;
    background: #fff;
    border: 1px solid var(--rk-line);
    border-radius: 20px;
    text-decoration: none;
    color: inherit;
    box-shadow: 0 1px 2px rgba(17, 34, 58, .04);
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.rk-card:hover {
    transform: translateY(-3px);
    border-color: #bfdcf0;
    box-shadow: 0 14px 34px rgba(11, 141, 203, .14);
}

.rk-card__top {
    display: flex;
    align-items: center;
    gap: 14px;
}

.rk-card__icon {
    width: 52px;
    height: 52px;
    flex: none;
    display: grid;
    place-items: center;
    border-radius: 15px;
    background: linear-gradient(140deg, #0b8dcb, #39b3e8);
    color: #fff;
}

.rk-card__title {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -.2px;
}

.rk-card__subtitle {
    display: block;
    margin-top: 3px;
    color: var(--rk-muted);
    font-size: 14px;
}

.rk-card__hint {
    margin: 0;
    color: var(--rk-muted);
    font-size: 15px;
}

.rk-card__go {
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--rk-blue);
    font-weight: 600;
    font-size: 15px;
}

.rk-card__go svg {
    transition: transform .16s ease;
}

.rk-card:hover .rk-card__go svg {
    transform: translateX(4px);
}

/* Отдельная плитка выхода в магазин — она не сервис, поэтому выглядит иначе. */
.rk-card--shop {
    background: linear-gradient(140deg, #11223a, #1d3f63);
    border-color: transparent;
    color: #fff;
}

.rk-card--shop .rk-card__subtitle,
.rk-card--shop .rk-card__hint {
    color: rgba(255, 255, 255, .72);
}

.rk-card--shop .rk-card__icon {
    background: rgba(255, 255, 255, .16);
}

.rk-card--shop .rk-card__go {
    color: #7fd2ff;
}

/* ── Подвал ──────────────────────────────────────────────────────────── */

.rk-foot {
    margin-top: 56px;
    background: #fff;
    border-top: 1px solid var(--rk-line);
    font: 400 15px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    color: var(--rk-ink);
}

.rk-foot__inner {
    max-width: 1120px;
    margin: 0 auto;
    padding: 34px 24px 26px;
    display: grid;
    grid-template-columns: 1.3fr 1fr 1fr 1.2fr;
    gap: 28px;
}

.rk-foot__brand {
    display: flex;
    align-items: center;
    gap: 11px;
}

.rk-foot__brand strong {
    display: block;
    font-size: 16px;
}

.rk-foot__brand span {
    color: var(--rk-muted);
    font-size: 14px;
}

.rk-foot__links,
.rk-foot__contact {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.rk-foot__title {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .6px;
    color: var(--rk-muted);
    margin-bottom: 3px;
}

.rk-foot a {
    color: var(--rk-ink);
    text-decoration: none;
    font-size: 14px;
}

.rk-foot a:hover {
    color: var(--rk-blue);
}

.rk-foot a.is-current {
    color: var(--rk-blue);
    font-weight: 600;
}

.rk-foot__bottom {
    border-top: 1px solid var(--rk-line);
    padding: 14px 24px;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    max-width: 1120px;
    margin: 0 auto;
    color: var(--rk-muted);
    font-size: 13px;
}

/* ── Телефон ─────────────────────────────────────────────────────────── */

@media (max-width: 820px) {
    .rk-top {
        padding: 10px 16px;
        gap: 12px;
    }

    .rk-top__nav {
        order: 3;
        width: 100%;
        margin-left: 0;
        overflow-x: auto;
        padding-bottom: 2px;
    }

    .rk-top__actions {
        gap: 6px;
    }

    .rk-btn {
        padding: 7px 12px;
        font-size: 13px;
    }

    .rk-hub {
        padding: 30px 16px 44px;
    }

    .rk-hub__head h1 {
        font-size: 28px;
    }

    .rk-hub__grid {
        grid-template-columns: 1fr;
    }

    .rk-foot__inner {
        grid-template-columns: 1fr 1fr;
        padding: 26px 16px 20px;
        gap: 22px;
    }

    .rk-foot__brand {
        grid-column: 1 / -1;
    }

    .rk-foot__bottom {
        padding: 14px 16px;
        flex-direction: column;
        gap: 6px;
    }
}

/* ===== Единая шапка сервисов: два ряда ===== */
/* Раньше разделы сервиса жили в одном ряду с кнопками, и девять ссылок
   аналитики рынка выдавливали «Сервисы» и «В магазин» за край. Теперь
   верхний ряд всегда один и тот же, а разделы — своей строкой под ним. */
.rk-top {
    display: block;
    padding: 0;
}

.rk-top__bar {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    padding: 11px 24px;
}

.rk-top__service {
    padding-left: 14px;
    border-left: 1px solid var(--rk-line);
    color: var(--rk-ink);
    font-size: 15px;
    font-weight: 700;
    white-space: nowrap;
}

.rk-top__nav {
    display: flex;
    gap: 2px;
    flex-wrap: nowrap;
    margin: 0;
    padding: 0 16px;
    overflow-x: auto;
    border-top: 1px solid var(--rk-line);
    background: #fbfdff;
    scrollbar-width: thin;
}

.rk-top__nav a {
    padding: 10px 12px;
    border-bottom: 2px solid transparent;
    color: var(--rk-muted);
    font-size: 14px;
    text-decoration: none;
    white-space: nowrap;
}

.rk-top__nav a:hover {
    color: var(--rk-blue);
    background: #f2f8fd;
}

.rk-top__nav a.is-current {
    color: var(--rk-blue);
    border-bottom-color: var(--rk-blue);
    font-weight: 700;
}

/* Соседние сервисы, которые раньше дописывались ссылками в конец меню,
   переехали в переключатель — отдельная группа в меню больше не нужна. */
.rk-top__nav .mk-external-nav {
    display: none;
}

.rk-btn--help {
    border: 1px solid #bfe0f2;
    background: #eff8fd;
    color: var(--rk-blue-deep, #0b5f87);
    cursor: pointer;
    font: inherit;
    font-size: 14px;
}

.rk-btn--help:hover {
    background: #e2f2fb;
}

/* ===== Переключатель сервисов ===== */
.rk-switch {
    position: relative;
}

.rk-switch__menu {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 60;
    display: flex;
    flex-direction: column;
    gap: 2px;
    width: 320px;
    max-width: calc(100vw - 32px);
    padding: 8px;
    border: 1px solid var(--rk-line);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 18px 40px rgba(16, 48, 72, .16);
}

.rk-switch__item {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 9px 10px;
    border-radius: 9px;
    color: var(--rk-ink);
    text-decoration: none;
}

.rk-switch__item strong {
    display: block;
    font-size: 14px;
    font-weight: 700;
}

.rk-switch__item small {
    display: block;
    margin-top: 1px;
    color: var(--rk-muted);
    font-size: 12px;
    line-height: 1.35;
}

.rk-switch__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 9px;
    background: #eaf4fb;
    color: var(--rk-blue-deep, #0b5f87);
}

a.rk-switch__item:hover {
    background: #f3f9fd;
}

a.rk-switch__item.is-current {
    background: #eaf4fb;
}

.rk-switch__item.is-soon {
    cursor: default;
    opacity: .55;
}

.rk-switch__item--shop {
    margin-top: 4px;
    border-top: 1px solid var(--rk-line);
    border-radius: 0 0 9px 9px;
    padding-top: 12px;
}

/* ===== Плашка «Скоро» ===== */
.rk-soon {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 999px;
    background: #eef1f5;
    color: #6b7889;
    font-size: 11px;
    font-style: normal;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.rk-card--soon {
    cursor: default;
    opacity: .62;
    filter: grayscale(1);
}

.rk-card--soon:hover {
    transform: none;
    box-shadow: none;
}

.rk-card__badge {
    margin-left: auto;
    align-self: flex-start;
}

.rk-card__go--soon {
    color: var(--rk-muted);
}

.rk-foot__links .is-soon {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--rk-muted);
    opacity: .7;
}

@media (max-width: 700px) {
    .rk-top__bar {
        gap: 10px;
        padding: 10px 14px;
    }

    .rk-top__service {
        order: 3;
        width: 100%;
        padding-left: 0;
        border-left: 0;
        font-size: 14px;
    }

    .rk-top__actions {
        gap: 6px;
    }

    .rk-btn--help span,
    .rk-btn--help {
        font-size: 13px;
    }

    .rk-top__nav {
        padding: 0 10px;
    }
}

/* Атрибут hidden слабее класса: без этого правила меню всегда раскрыто. */
.rk-switch__menu[hidden] {
    display: none;
}

/* Кто вошёл — одинаковый блок в шапке всех сервисов. */
.rk-whoami {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-left: 12px;
    border-left: 1px solid var(--rk-line);
}

.rk-whoami > span {
    display: flex;
    flex-direction: column;
    max-width: 190px;
    color: var(--rk-ink);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rk-whoami small {
    color: var(--rk-muted);
    font-size: 11px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rk-whoami form {
    margin: 0;
}

.rk-whoami button {
    padding: 7px 12px;
    border: 1px solid var(--rk-line);
    border-radius: 999px;
    background: #fff;
    color: var(--rk-muted);
    cursor: pointer;
    font: inherit;
    font-size: 13px;
}

.rk-whoami button:hover {
    border-color: #f0b4b4;
    color: #b3302f;
}

@media (max-width: 860px) {
    .rk-whoami {
        padding-left: 0;
        border-left: 0;
    }

    .rk-whoami > span {
        display: none;
    }
}

/* ===== Телефон: шапка и плитки ===== */
@media (max-width: 700px) {
    /* Кнопки в шапке переносим на свою строку — иначе «Выйти» уезжает за край. */
    .rk-top__actions {
        order: 4;
        flex-wrap: wrap;
        width: 100%;
        margin-left: 0;
    }

    .rk-top__logo {
        margin-right: auto;
    }

    .rk-top__service {
        order: 2;
        width: auto;
    }

    .rk-btn {
        padding: 7px 11px;
        font-size: 13px;
    }
}

/* =====================================================================
   Обновлённое оформление шапки и подвала сервисов (13.10.2026).

   Блок дописан в конец файла намеренно: правила ниже переопределяют
   прежние, и прежние остаются на виду — так понятнее, что именно
   поменялось, и легче откатить.

   Задачи блока: шапка липкая и не распирает узкий экран, разделы
   листаются вбок, активный раздел виден сразу, цвета совпадают с
   оформлением кабинета аналитики.
   ===================================================================== */

:root {
    --rk-blue: #0b74bd;
    --rk-blue-dark: #065a95;
    --rk-ink: #0f1f38;
    --rk-muted: #7b899b;
    --rk-line: #e3e9f2;
    --rk-bg: #f3f6fb;
}

.rk-top {
    position: sticky;
    top: 0;
    z-index: 40;
    display: block;
    padding: 0;
    background: rgba(255, 255, 255, .92);
    backdrop-filter: saturate(1.4) blur(8px);
    box-shadow: 0 1px 0 var(--rk-line), 0 6px 18px rgba(16, 36, 64, .04);
}

.rk-top__bar {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    max-width: 1360px;
    margin: 0 auto;
    padding: 11px 24px;
}

.rk-top__name { font-size: 16px; letter-spacing: -.01em; }

.rk-top__service {
    padding-left: 14px;
    border-left: 1px solid var(--rk-line);
    color: var(--rk-ink);
    font-size: 15px;
    font-weight: 700;
}

.rk-top__actions { display: flex; align-items: center; gap: 8px; margin-left: auto; }

.rk-top__nav {
    display: flex;
    gap: 4px;
    flex-wrap: nowrap;
    overflow-x: auto;
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 18px 2px;
    border-top: 1px solid var(--rk-line);
    scrollbar-width: none;
}

.rk-top__nav::-webkit-scrollbar { display: none; }

.rk-top__nav a {
    position: relative;
    padding: 11px 12px;
    color: var(--rk-muted);
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    border-radius: 8px 8px 0 0;
}

.rk-top__nav a:hover { background: #f3f7fb; color: var(--rk-ink); }

.rk-top__nav a.is-current {
    color: var(--rk-blue);
    font-weight: 800;
    box-shadow: inset 0 -2px 0 var(--rk-blue);
}

.rk-btn {
    min-height: 38px;
    border-radius: 10px;
    font-weight: 700;
}

.rk-btn--help {
    border: 1px solid #bcdcf2;
    background: #eaf4fc;
    color: var(--rk-blue-dark);
}

.rk-btn--help:hover { background: #ddeefa; }

.rk-btn--ghost {
    border: 1px solid var(--rk-line);
    background: #fff;
    color: var(--rk-ink);
}

.rk-btn--ghost:hover { border-color: #b9cde0; }

.rk-whoami { padding-left: 12px; border-left: 1px solid var(--rk-line); }
.rk-whoami > span { font-size: 13px; }
.rk-whoami button { min-height: 34px; border-radius: 10px; font-size: 13px; }

.rk-switch__menu {
    border-radius: 14px;
    box-shadow: 0 18px 40px rgba(16, 36, 64, .16);
}

.rk-switch__item { border-radius: 10px; }
.rk-switch__item:hover { background: #f3f7fb; }
.rk-switch__item.is-current { background: #eaf4fc; }

.rk-foot { background: #fff; border-top: 1px solid var(--rk-line); }
.rk-foot__inner { max-width: 1360px; margin: 0 auto; padding: 34px 24px; }
.rk-foot__bottom { max-width: 1360px; margin: 0 auto; padding: 14px 24px; }
.rk-foot__title { color: var(--rk-ink); font-size: 13px; font-weight: 800; }
.rk-foot__links a { font-size: 14px; }

@media (max-width: 900px) {
    .rk-top__bar { gap: 10px; padding: 10px 14px; }
    .rk-top__service { display: none; }
    .rk-top__nav { padding: 0 8px 2px; }
    .rk-foot__inner { padding: 26px 14px; }
    .rk-foot__bottom { padding: 12px 14px; }
}

/* --- Загрузка страницы ------------------------------------------------- */
/* Полоса сверху говорит, что нажатие принято, окно по центру — что идёт
   работа, и заодно не даёт тыкать по старой странице. */

.rk-progress {
    position: fixed;
    inset: 0 0 auto 0;
    z-index: 2147483000;
    height: 3px;
    pointer-events: none;
    opacity: 0;
    transition: opacity .25s ease;
}

.rk-progress.is-on { opacity: 1; }

.rk-progress i {
    display: block;
    height: 100%;
    width: 0;
    border-radius: 0 3px 3px 0;
    background: linear-gradient(90deg, var(--rk-blue, #087fc2), #43b3ec);
    box-shadow: 0 0 10px rgba(8, 127, 194, .5);
    transition: width .12s linear;
}

.rk-loading {
    position: fixed;
    inset: 0;
    z-index: 2147482000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: rgba(16, 32, 52, .34);
    backdrop-filter: blur(2px);
    opacity: 0;
    visibility: hidden;
    transition: opacity .18s ease, visibility .18s ease;
}

.rk-loading.is-on { opacity: 1; visibility: visible; }

.rk-loading__card {
    display: flex;
    align-items: center;
    gap: 14px;
    max-width: calc(100vw - 32px);
    padding: 18px 26px;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 24px 60px rgba(10, 25, 50, .28);
}

.rk-loading__spinner {
    flex: 0 0 auto;
    width: 22px;
    height: 22px;
    border: 3px solid #d8e5f0;
    border-top-color: var(--rk-blue, #087fc2);
    border-radius: 50%;
    animation: rk-loading-spin .7s linear infinite;
}

@keyframes rk-loading-spin {
    to { transform: rotate(360deg); }
}

.rk-loading__text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    color: var(--rk-ink, #10243f);
    font-size: 15px;
    font-weight: 700;
    white-space: nowrap;
}

.rk-loading__text small { color: var(--rk-muted, #6a7f96); font-size: 13px; font-weight: 500; }

/* Пока заслонка на экране, страница под ней не должна прокручиваться. */
.rk-loading-on, .rk-loading-on body { overflow: hidden; }

@media (prefers-reduced-motion: reduce) {
    .rk-loading__spinner { animation-duration: 2s; }
    .rk-progress i { transition: none; }
}

/* --- Служебные разделы под винтиком ------------------------------------ */

/* Винтик не притворяется группой: у него нет подписи сверху, и подогнанная
   пустая подпись всё равно читалась как сбитая строка. Поэтому он уходит в
   правый угол ряда и стоит там по центру высоты — как кнопка на панели. */
.rk-nav-group--gear {
    margin-left: auto;
    padding-left: 18px;
    border-left: 0;
    justify-content: center;
    align-self: stretch;
}

.rk-nav-group--gear > small { display: none; }
.rk-nav-group--gear .rk-nav-group__row { align-items: center; height: 100%; }

.rk-nav-gear {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 11px 12px;
    border: 0;
    border-radius: 10px;
    background: none;
    color: var(--rk-muted);
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

.rk-nav-gear:hover { background: #f3f7fb; color: var(--rk-ink); }

.rk-nav-gear.is-current {
    background: #eaf4fc;
    color: var(--rk-blue);
    font-weight: 700;
}

.rk-nav-gear svg { flex: 0 0 auto; opacity: .85; }

.rk-drawer {
    position: fixed;
    inset: 0;
    z-index: 2147481000;
    background: rgba(16, 32, 52, .3);
    opacity: 0;
    transition: opacity .18s ease;
}

.rk-drawer.is-on { opacity: 1; }

.rk-drawer__panel {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: min(320px, 86vw);
    height: 100%;
    padding: 18px;
    overflow-y: auto;
    background: #fff;
    box-shadow: -18px 0 50px rgba(10, 25, 50, .22);
    transform: translateX(100%);
    transition: transform .22s ease;
}

.rk-drawer.is-on .rk-drawer__panel { transform: translateX(0); }

.rk-drawer__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--rk-line);
}

.rk-drawer__head strong {
    color: #9aaabc;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.rk-drawer__close {
    border: 0;
    background: none;
    color: var(--rk-muted);
    font-size: 26px;
    line-height: 1;
    cursor: pointer;
}

.rk-drawer__close:hover { color: var(--rk-ink); }

.rk-drawer__links { display: flex; flex-direction: column; gap: 2px; }

.rk-drawer__links a {
    padding: 11px 12px;
    border-radius: 10px;
    color: var(--rk-ink);
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
}

.rk-drawer__links a:hover { background: #f3f7fb; }
.rk-drawer__links a.is-current { background: #eaf4fc; color: var(--rk-blue); }

@media (max-width: 760px) {
    .rk-nav-gear__label { display: none; }
    .rk-nav-gear { margin-left: 6px; padding: 9px 10px; }
}