/* === Support Info (правый боковой блок страницы Техподдержка) === */

.support-page-body {
    display: flex;
    gap: var(--spacing-3xl, 48px);
    align-items: flex-start;
    margin-top: 0;
    padding: 0;
    background: var(--color-white, #FFFFFF);
}

.support-page-body__main {
    flex: 1;
    min-width: 0;
}

@media (max-width: 900px) {
    .support-page-body {
        flex-direction: column;
    }
}

.support-info .visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.support-info {
    flex-shrink: 0;
    display: flex;
    width: 384px;
    max-width: 100%;
    padding: var(--vertical-v-XL, 48px) var(--horizontal-h-XL, 48px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--vertical-v-XL, 48px);
}

.support-info__section {
    margin-bottom: 0;
}

.support-info__section:last-child {
    margin-bottom: 0;
}

.support-info__heading {
    margin: 0 0 24px;
    color: var(--grey-1000, #292929);
    font-family: var(--font-golos-text, "Golos Text");
    font-size: var(--font-size-h4, 18px);
    font-style: normal;
    font-weight: 700;
    line-height: var(--line-height-h4, 1.22);
}

.support-info__section:not(:first-child) .support-info__heading {
    margin-top: 0;
}

.support-info__list {
    margin: 0;
    padding-left: 1.25em;
    color: var(--grey-1000, #292929);
    font-family: var(--Font-name-font-text-M, "Golos Text");
    font-size: var(--Sizes-size-text-M, 15px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Interlineage-int-text-M, 22px);
}

.support-info__item {
    margin-bottom: var(--spacing-sm, 8px);
}

.support-info__item:last-child {
    margin-bottom: 0;
}

/* === Mobile (≤768px) === */
@media (max-width: 768px) {
    .support-page-body {
        flex-direction: column;
        gap: var(--spacing-xl, 32px);
    }

    .support-info {
        width: 100%;
        max-width: 100%;
        padding: 24px 16px;
        box-sizing: border-box;
    }
}
