.site-header.credit24-header--inner {
    padding: 10px 0;
}

.site-footer.credit24-footer--inner {
    margin-top: calc(96 * var(--desktop-unit));
}

.navigation-dialog .responsive-view--mobile :is(.menu-01, .menu-02),
.navigation-dialog .responsive-view--mobile :is(.menu-01, .menu-02) > div {
    width: 100%;
}

.navigation-dialog .responsive-view--mobile :is(.menu-01, .menu-02) > div > a {
    width: auto;
    flex: 1;
    white-space: nowrap;
}

/* Keep the longer Kazakh labels on one line on narrow phones. */
html[lang="kk"] .navigation-dialog .responsive-view--mobile :is(.menu-01, .menu-02) > div > a {
    font-size: clamp(17px, calc(8vw - 8px), 24px);
}

.responsive-view--desktop .site-footer,
.responsive-view--desktop .site-footer .content-stack,
.responsive-view--desktop .site-footer .content-row,
.responsive-view--desktop .site-footer .text {
    min-height: 0;
}

.responsive-view--desktop .site-footer .footer-contacts {
    justify-content: flex-start;
}

.responsive-view--desktop .site-footer .footer-documents,
.responsive-view--desktop .site-footer .footer-documents .content-row {
    height: auto;
}

.responsive-view--desktop .site-footer .footer-documents .content-row {
    min-height: calc(36 * var(--desktop-unit));
}

.responsive-view--mobile .mobile-footer-wrapper,
.responsive-view--mobile .site-footer,
.responsive-view--mobile .site-footer .content-stack,
.responsive-view--mobile .site-footer .content-row,
.responsive-view--mobile .site-footer .text {
    height: auto;
    min-height: 0;
}

.responsive-view--mobile .site-footer .page-home-mobile-content-row-508 {
    min-height: 42px;
}

.page-contacts-desktop-section-heading-1016,
.page-contacts-desktop-content-stack-1018,
.page-contacts-desktop-content-stack-1028,
.page-contacts-mobile-section-heading-1154,
.page-contacts-mobile-content-stack-1156,
.page-contacts-mobile-content-stack-1166 {
    min-height: 0;
}

.page-contacts-desktop-content-stack-1018 > :first-child,
.page-contacts-mobile-content-stack-1156 > :first-child {
    margin-top: 0;
}

.social.credit24-social-links {
    display: flex;
    flex: 0 0 auto;
    gap: var(--social-icon-gap, 21.8182px);
    width: max-content;
    height: var(--social-icon-size, 32px);
}

.responsive-view--desktop .credit24-social-links {
    --social-icon-size: calc(32 * var(--desktop-unit));
    --social-icon-gap: calc(21.8182 * var(--desktop-unit));
}

.responsive-view--desktop .site-footer .credit24-social-links {
    --social-icon-gap: calc(16 * var(--desktop-unit));
}

.credit24-social-link {
    flex: 0 0 var(--social-icon-size, 32px);
    width: var(--social-icon-size, 32px);
    height: 100%;
    border-radius: 6px;
    /* Display one icon from the existing three-icon SVG. */
    background-image: url("../images/social-11.svg");
    background-size: 400% 100%;
    background-repeat: no-repeat;
}

.credit24-social-link--telegram {
    background-position: left center;
}

.credit24-social-link--instagram {
    background-position: center;
}

.credit24-social-link--facebook {
    background-position: right center;
}

.credit24-social-link:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}

.page--contacts .responsive-view--mobile .site-footer {
    margin-top: 60px;
}

.page--partners .responsive-view--mobile .site-footer,
.page--promotions .responsive-view--mobile .site-footer,
.page--promotion .responsive-view--mobile .site-footer {
    margin-top: 30px;
}

.page--promotions .site-footer.credit24-footer--inner {
    margin-top: calc(60 * var(--desktop-unit));
}

.page--404 .responsive-view--desktop .site-header {
    width: 93.75%;
}

.page--404 .responsive-view--mobile .site-header {
    position: absolute;
    left: 0;
    top: 44px;
    transform-origin: 0 0;
}

.credit24-posts-grid,
.credit24-pagination,
.credit24-post-page {
    font-family: "Roboto", sans-serif;
}

.credit24-posts-grid {
    width: 100%;
    margin-top: 24px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

.credit24-post-card {
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #fff;
    border-radius: 24px;
}

.credit24-post-card__image {
    display: block;
    aspect-ratio: 435 / 250;
}

.credit24-post-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.credit24-post-card__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 16px;
    padding: 24px;
}

.credit24-post-card h2 {
    margin: 0;
    font-size: 20px;
    line-height: 1.2;
}

.credit24-post-card h2 a {
    color: inherit;
}

.credit24-post-card p {
    margin: 0;
    line-height: 1.5;
}

.credit24-post-card__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    font-size: 14px;
}

.credit24-post-card__badge {
    padding: 6px 12px;
    border-radius: 20px;
    background: #f0e5ff;
    color: #7922e6;
}

.credit24-post-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: auto;
    padding: 16px 24px;
    border-radius: 30px;
    background: #7922ff;
    color: #fff;
    font-weight: 700;
    text-align: center;
}

.credit24-posts-empty {
    grid-column: 1 / -1;
    padding: 32px 0;
}

.credit24-pagination {
    width: 100%;
    margin-top: 40px;
}

.credit24-pagination__list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0;
    list-style: none;
}

.credit24-pagination__list a,
.credit24-pagination__list span {
    display: grid;
    place-items: center;
    min-width: 44px;
    min-height: 44px;
    border-radius: 50%;
    color: #7922ff;
    background: #fff;
}

.credit24-pagination__list .active a {
    background: #7922ff;
    color: #fff;
}

.credit24-pagination__list .disabled {
    opacity: .4;
}

.credit24-post-page {
    padding-top: calc(20 * var(--desktop-unit));
    background: #f9f9f9;
}

.credit24-post-page__content {
    width: 93.75%;
    margin: 0 auto;
}

.credit24-breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 24px 0 48px;
    font-size: 14px;
    color: #898989;
}

.credit24-breadcrumbs a {
    color: inherit;
}

.credit24-post-detail {
    max-width: 1100px;
    margin: 0 auto;
    overflow-wrap: anywhere;
}

.credit24-post-detail h1 {
    margin: 0 0 24px;
    font-size: clamp(28px, 4vw, 56px);
    line-height: 1.15;
}

.credit24-post-detail__image,
.credit24-post-detail__text img {
    max-width: 100%;
    height: auto;
    border-radius: 24px;
}

.credit24-post-detail__text {
    margin: 32px 0;
    line-height: 1.6;
    overflow-x: auto;
}

.credit24-post-detail__text p {
    margin-bottom: 16px;
}

.credit24-related-posts {
    margin-top: 60px;
}

.credit24-related-posts > h2 {
    margin-bottom: 24px;
    font-size: 32px;
}

@media (max-width: 1100px) {
    .credit24-posts-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .credit24-post-page {
        padding-top: 0;
    }

    .credit24-post-page__content {
        width: auto;
        margin: 0 20px;
    }

    .credit24-breadcrumbs {
        margin: 16px 0 32px;
    }
}

@media (max-width: 600px) {
    .credit24-posts-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

.page--faq [data-faq-item] + [data-faq-item] {
    margin-top: 20px;
}

.page--faq .responsive-view--desktop [data-faq-item] + [data-faq-item] {
    margin-top: calc(20 * var(--desktop-unit));
}

.page--faq [data-faq-item],
.page--faq [data-faq-item] > .card,
.page--faq [data-faq-item] .content-row {
    height: auto;
}

.page--faq [data-faq-question] {
    width: auto;
    flex: 1;
    min-width: 0;
    white-space: normal;
    margin-right: 16px;
}

.page--faq .page-faq-desktop-content-stack-634,
.page--faq .page-faq-desktop-content-stack-631,
.page--faq .page-faq-mobile-content-stack-781,
.page--faq .page-faq-mobile-content-stack-780,
.page--faq .page-faq-mobile-content-stack-777,
.page--faq .page-faq-mobile-content-stack-762 {
    min-height: 0;
}
.lead-form-status {
    width: 100%;
    margin: 12px 0 0;
    color: #b42318;
    font: inherit;
}

.lead-form-status--success {
    color: #166534;
}

[data-lead-form] [data-submit]:disabled {
    opacity: 0.65;
    cursor: wait;
}