/* Start:/local/frontend/styles/pages/smi.css?17914546062571*/
.smi {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    width: 100%;
    background-color: var(--background-ter);
}

.smi-island {
    flex: 2;
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: var(--radius-8xl);
    background-color: var(--background-pr);
    padding-top: var(--header-height, 0px);
}

.smi-island-header {
    width: 100%;
    padding: var(--spacing-content-padding-xxl) var(--spacing-content-padding-grid-4) var(--spacing-content-padding-xs);
}

.smi-island-list {
    display: grid;
    grid-template-columns: 100%;
    width: 100%;
    gap: var(--spacing-content-gap-min-grid);
    padding: var(--spacing-content-padding-sm) var(--spacing-content-padding-grid-3) var(--spacing-content-padding-xxl);
}

.smi-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 308px;
    background-color: var(--background-sec);
    border-radius: var(--radius-4xl);
    padding: var(--spacing-component-padding-y-add) var(--spacing-component-padding-x-add);
}

.smi-card.smi-card--mini {
    min-height: 140px;
}

.smi-card-content {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-content-gap-sm);
}

.smi-card-title {
    display: flex;
    align-items: center;
    gap: var(--spacing-component-gap-sm);
}

.smi-card-title .icon {
    flex: 0 0 var(--size-icons-xl-width);
    width: var(--size-icons-xl-width);
    height: var(--size-icons-xl-height);
    color: var(--icon-pr);
}

.smi-card-content .body-1-acc-link {
    color: var(--text-acc);
    text-underline-offset: 16%;
}

@media (min-width: 768px) {
    .smi-card {
        min-height: 208px;
    }

    .smi-card.smi-card--mini {
        min-height: 126px;
    }
}

@media (min-width: 1024px) {
    .smi-island-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .smi-card {
        min-height: 256px;
    }
}

@media (min-width: 1200px) {
    .smi-card.smi-card--mini {
        min-height: 132px;
    }
}

@media (min-width: 1536px) {
    .smi-card.smi-card--mini {
        min-height: 140px;
    }
}

@media (min-width: 1920px) {
    .smi-island-header {
        max-width: calc(1504px + var(--spacing-content-padding-grid-4) * 2);
        margin: 0 auto;
    }

    .smi-island-list {
        max-width: calc(1552px + var(--spacing-content-padding-grid-3) * 2);
        margin: 0 auto;
    }

    .smi-card {
        min-height: 288px;
    }

    .smi-card.smi-card--mini {
        min-height: 172px;
    }
}

/* End */


/* Start:/local/templates/main/components/rzd/template.block/page.preview.block/style.css?17921496062724*/
.slide-preview {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    width: 100%;
    padding-top: var(--header-height, 0px);

    background-color: var(--background-inver);
    overflow: hidden;
}

/* Изображение — именно фон, поэтому вне потока и под содержимым */
.slide-preview-image {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}

.slide-preview::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%),
        rgba(0, 0, 0, 0.15);
    pointer-events: none;
}

.slide-preview-content {
    position: relative;
    z-index: 1;
    flex: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-content-gap-md);

    width: 100%;
    text-align: center;
    color: var(--text-inver);
    padding: var(--spacing-content-padding-grid-2);
}

.slide-preview-next--all-resolutions {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    padding: var(--spacing-content-padding-grid-1);
}

.slide-preview-description {
    width: 100%;
    max-width: 100%;
}

.slide-preview-action {
    display: flex;
    justify-content: center;
    max-width: 100%;
}

.slide-preview-action__button {
    height: var(--size-component-btn-l-height);
    max-width: 100%;
}

.slide-preview-contacts {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-content-gap-min);
    padding: var(--spacing-content-padding-sm);
}

@media (min-width: 768px) {
    .slide-preview-description {
        max-width: 464px;
    }

    .slide-preview-contacts {
        flex-direction: row;
    }
}

@media (min-width: 1024px) {
    .slide-preview-description {
        max-width: 464px;
    }
}

@media (min-width: 1200px) {
    .slide-preview-description {
        max-width: 354px;
    }
}

@media (min-width: 1536px) {
    .slide-preview-description {
        max-width: 432px;
    }

    .slide-preview-contacts {
        position: absolute;
        right: 0;
        bottom: 0;
        flex-direction: column;
    }

    .slide-preview-next {
        position: relative;
        z-index: 1;
        display: flex;
        justify-content: center;
        padding: var(--spacing-content-padding-grid-1);
    }
}

@media (min-width: 1920px) {
    .slide-preview-description {
        max-width: 540px;
    }
}

/* End */


/* Start:/local/templates/main/components/rzd/template.block/page.preview.block.card/style.css?17912031155025*/
/* ----- contact ----- */
.contact-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: var(--spacing-component-gap-lg);

    width: 100%;
    min-height: 148px;
    max-width: 408px;
    padding: var(--spacing-component-padding-y-xl) var(--spacing-component-padding-x-xl);
    border-radius: var(--radius-4xl);
    background-color: var(--background-pr);
    color: var(--text-pr);
}

.contact-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
}

.contact-card-body {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-component-gap-xs);
}

.contact-card-description {
    color: var(--text-sec);
}

@media (min-width: 768px) {
    .contact-card {
        min-height: 206px;
        width: 292px;
        max-width: 292px;
    }
}

@media (min-width: 1536px) {
    .contact-card {
        min-height: 164px;
        width: 308px;
        max-width: 308px;
    }
}

@media (min-width: 1920px) {
    .contact-card {
        min-height: 176px;
    }
}

/* ----- support ----- */
.support-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: none;
    overflow: hidden;
    border-radius: var(--radius-4xl);
    background-color: var(--background-pr);
    color: var(--text-pr);
}

.support-card-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.support-card-title-wrapper {
    padding: var(--spacing-component-padding-y-xl) var(--spacing-component-padding-x-xl) var(--spacing-component-padding-y-add);
}

.support-card-list {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-component-gap-md);
    padding: 0 var(--spacing-component-padding-x-xl) var(--spacing-component-padding-y-xl);
}

.support-card-item {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-component-gap-xs);
}

.support-card-label {
    color: var(--text-sec);
}

.support-card-value a {
    color: var(--text-pr);
}

.support-card-email {
    text-decoration: underline;
}

@media (min-width: 768px) {
    .support-card {
        width: 292px;
        max-width: 292px;
    }
}

@media (min-width: 1536px) {
    .support-card {
        width: 308px;
        max-width: 308px;
    }

    .support-card-content {
        min-height: 232px;
    }
}

/* ----- cta ----- */
.cta-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: none;
    overflow: hidden;
    border-radius: var(--radius-4xl);
    background-color: var(--background-pr);
}

.cta-card-content {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-component-gap-lg);
    padding: var(--spacing-component-padding-y-xl) var(--spacing-component-padding-x-xl);
}

.cta-card-header {
    display: flex;
    align-items: center;
    gap: var(--spacing-component-gap-sm);
    padding-bottom: var(--spacing-component-padding-y-add);
}

.cta-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--size-icons-xl-width);
    height: var(--size-icons-xl-height);
}

.cta-card-title {
    min-width: 0;
}

.cta-card-description {
    color: var(--text-sec);
}

.cta-card-button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    border-top: var(--stroke-width-s) solid var(--stroke-sec);
    border-bottom: 0;
    text-align: center;
}

.cta-card-button.link-button {
    border-bottom: 0;
}

@media (min-width: 768px) {
    .cta-card {
        width: 292px;
        max-width: 292px;
    }
}

@media (min-width: 1536px) {
    .cta-card {
        width: 308px;
        max-width: 308px;
    }
}

/* ----- file ----- */
.download-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: none;
    overflow: hidden;
    border-radius: var(--radius-4xl);
    background-color: var(--background-pr);
}

.download-card-header {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-component-gap-sm);
    padding: var(--spacing-component-padding-y-xl) var(--spacing-component-padding-x-xl);
    padding-bottom: calc(var(--spacing-component-padding-y-add) + var(--spacing-component-padding-y-xl));
}

.download-card-icon {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: var(--size-icons-xl-width);
    height: var(--size-icons-xl-height);
}

.download-card-title {
    min-width: 0;
}

.download-card-button {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 53px;
    border-top: var(--stroke-width-s) solid var(--stroke-sec);
    border-bottom: 0;
    text-align: center;
}

.download-card-button.link-button {
    padding: 0;
    border-bottom: 0;
}

@media (min-width: 768px) {
    .download-card {
        width: 292px;
        max-width: 292px;
    }
}

@media (min-width: 1536px) {
    .download-card {
        width: 308px;
        max-width: 308px;
    }
}

/* End */


/* Start:/local/templates/main/components/rzd/template.block/page.continue.cards/style.css?17918867272145*/
.continue-cards {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-content-gap-md);
    width: 100%;
    padding: var(--spacing-content-gap-xxxl-2) var(--spacing-content-padding-grid-3);
    background-color: var(--background-light-grey-200);
}

.continue-cards-header {
    text-align: center;
}

.continue-cards-list {
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(2, minmax(0, 206px));
    gap: var(--spacing-content-gap-min);
    width: 100%;
    max-width: calc(206px * 2 + var(--spacing-content-gap-min));
    margin: 0 auto;
}

.continue-card {
    display: flex;
    flex-direction: column;
    height: 186px;
    max-width: 206px;
    padding: var(--spacing-component-padding-y-min) var(--spacing-component-padding-x-min);
    border-radius: var(--radius-2xl);
    background-color: var(--background-pr);
    color: var(--text-pr);
    text-align: center;
}

.continue-card:hover .continue-card-image img {
    transform: scale(1.478);
}

.continue-card-image {
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: var(--radius-xl);
    background-color: var(--background-inver);
    overflow: hidden;
}

.continue-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--default-duration) ease;
}

.continue-card-text {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    padding: var(--spacing-component-padding-x-sm);
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .continue-cards-list {
        grid-template-columns: repeat(auto-fit, minmax(0, 260px));
        max-width: calc(260px * 2 + var(--spacing-content-gap-min));
    }

    .continue-card {
        max-width: 260px;
        width: 260px;
        height: 220px;
    }
}

@media (min-width: 1200px) {
    .continue-cards-list {
        grid-template-columns: repeat(auto-fit, minmax(0, 280px));
        max-width: calc(280px * 4 + var(--spacing-content-gap-min) * 3);
    }

    .continue-card {
        max-width: 280px;
        width: 280px;
        height: 240px;
    }
}

/* End */
/* /local/frontend/styles/pages/smi.css?17914546062571 */
/* /local/templates/main/components/rzd/template.block/page.preview.block/style.css?17921496062724 */
/* /local/templates/main/components/rzd/template.block/page.preview.block.card/style.css?17912031155025 */
/* /local/templates/main/components/rzd/template.block/page.continue.cards/style.css?17918867272145 */