.main .section-breadcrumbs {
    background: none;
    position: relative;
    padding: var(--space-9) 0 0;
}

.main .breadcrumbs__link {
    color: #ffffff;
}

.main .breadcrumbs__link:hover {
    color: var(--bc-color-current);
}

@media (max-width: 767px) {
    .breadcrumbs__link {
        font-size: 13px;
        line-height: 120%;
    }

    .breadcrumbs__item,
    .breadcrumbs__link {
        white-space: normal;
        word-break: break-word;
    }
}

.pos-relarelative, .section-breadcrumbs{
    position: relative;
    z-index: 1;
}
.section-m {
    padding-top: 56px;
    padding-bottom: 56px;
}

.hero-photo .hero-landing__image {
    border-radius: var(--radius-xl);
    aspect-ratio: 4 / 3;
    box-shadow: var(--elevation-lg);
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.hero-landing__inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 44%);
    gap: var(--space-10);
    align-items: center;
    margin-top: 40px;
}

.hero-landing__body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.hero-pills {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
    margin-bottom: var(--space-3);
}

.hero-pills .section-course-hero__label {
    margin-bottom: 0;
    padding: var(--space-1) var(--space-4);
    border-radius: var(--radius-full);
    background: color-mix(in srgb, var(--color-text-inverse) 16%, transparent);
}

.section-course-hero__label {
    font-size: 16px;
    font-weight: var(--font-weight-medium);
    display: flex;
    align-items: center;
    gap: var(--space-3);
    color: var(--btn-text-color);
    margin-bottom: var(--space-3);
}

.hero-landing .section-title__title{
    color: white;
}

.section-course-hero__desc {
    font-size: 18px;
    font-weight: var(--font-weight-medium);
    color: var(--btn-text-color);
    line-height: 120%;
    margin-top: var(--space-7);
}

.hero-landing__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
    margin-top: var(--space-8);
}

.section-title__head{
    margin-left: 0px;
}

.section-title--pc .section-title__sub {
    font-size: 21px;
    line-height: 27px;
}

.section-title__sub {
    font-family: var(--font-family);
    font-weight: var(--font-weight-medium);
    color: #0e0e0e;
    margin: 0;
}

.advantages-section__cards--grid3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-6);
}

.advantages-section__cards--grid3 > .advantages-section__row {
    display: contents;
}


.advantages-section__row > .advantages-card, .advantages-section__row > .review-card_catalog {
    height: auto;
    align-self: stretch;
}

.advantages-card--start {
    justify-content: flex-start;
    align-items: flex-start;
}

.pairs__cell--lead .advantages-card__num {
    flex-shrink: 0;
}

.advantages-card--start .advantages-card__body {
    align-items: flex-start;
}

.advantages-card__num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    border-radius: var(--radius-full);
    background: var(--color-bg-accent);
    color: var(--color-primary);
    font-weight: var(--font-weight-bold);
    font-size: var(--type-h6-size);
    line-height: var(--type-h6-lh);
}

.advantages-card--start .advantages-card__title, .advantages-card--start .advantages-card__text{
    text-align: left;
}

.summary-panel {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
    margin-top: var(--space-6);
    border-radius: var(--radius-l);
    min-height: 224px;
    background: linear-gradient(100deg, var(--color-primary-hover) 0%, var(--color-primary) 100%);
    color: var(--color-text-inverse);
}

.summary-panel__body {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--space-4);
    padding: var(--space-8);

}
.summary-panel__label {
    font-size: var(--type-body-s13-size, 13px);
    line-height: 18px;
    font-weight: var(--font-weight-bold);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    opacity: 0.75;
}

.summary-panel__text {
    margin: 0;
    font-size: 21px;
    line-height: 29px;
    font-weight: var(--font-weight-medium);
}

.summary-panel__facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-5);
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

.summary-panel__facts li {
    padding-left: var(--space-4);
    border-left: 2px solid color-mix(in srgb, var(--color-text-inverse) 35%, transparent);
    font-size: var(--type-body-m-size);
    line-height: var(--type-body-m-lh);
}

.summary-panel__facts strong {
    display: block;
    margin-bottom: var(--space-1, 4px);
    font-size: 18px; line-height: 24px;
    font-weight: var(--font-weight-bold);
}

.summary-panel__media {
    position: relative;
    min-height: 100%;
}

.summary-panel__media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right center;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 55%);
    mask-image: linear-gradient(90deg, transparent 0, #000 55%);
}

.advantages-card__icon-circle .icon {
    width: 35px;
    height: 35px;
    color: #1c5bc4;
}

.advantages-section__cards , .advantages-card{
    max-height: 100%;
}

.advantages-section__row, .ratings--grid, .review-card-section--grid, .catalog-course-card-section {
    gap: var(--space-6);
}
.course-info-section > * {
    width: 100%;
    min-width: 0;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 72px;
    padding-right: 72px;
    box-sizing: border-box;
}

.section-container_m .course-info-section {
    padding: 56px 0 0;
}
.course-info-section_bt{
    margin-bottom: 56px;
}
.section-title--pc .section-title__sub {
    max-width: 100%;
}

.section-m > .section-title, .section-m > .section-title-row {
    margin-bottom: var(--space-10);
}

.media-panel {
    display: grid;
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    border-radius: var(--radius-xl);
    background: var(--color-bg-secondary);
    overflow: hidden;
}

.media-panel__list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--space-6);
    margin: 0;
    padding: var(--space-8) var(--space-10);
    list-style: none;
}

.media-panel__list li {
    position: relative;
    padding-left: var(--space-6);
    font-size: var(--type-body-m-size);
    line-height: var(--type-body-m-lh);
    font-weight: var(--font-weight-medium);
    color: var(--color-text-primary);
}

.media-panel__list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 8px;
    height: 8px;
    border-radius: var(--radius-full);
    background: var(--color-primary);
}

.media-panel__list strong {
    display: block;
    margin-bottom: var(--space-1, 4px);
    font-size: 21px;
    line-height: 27px;
    font-weight: var(--font-weight-bold);
}

.media-panel__media {
    position: relative;
    min-height: 360px;
}

.media-panel__media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-2);
}

.task-cases {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-6);
}

.task-case {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    padding: var(--space-6);
    border-radius: var(--radius-l);
    background: var(--color-bg-secondary);
}

.task-case__head {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

.task-case__num {
    font-size: 28px;
    line-height: 1;
    font-weight: var(--font-weight-bold);
    color: var(--color-secondary);
}

.task-case__label {
    font-size: 13px;
    line-height: 18px;
    font-weight: var(--font-weight-bold);
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--color-text-muted);
}

.task-case__title {
    margin: 0;
    font-size: 20px;
    line-height: 26px;
    font-weight: var(--font-weight-bold);
    color: var(--color-text-primary);
}

.task-case__list {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    margin: 0;
}

.task-case__formats {
    margin-top: auto;
    padding-top: var(--space-4);
    border-top: 1px solid
    color-mix(in srgb, var(--color-primary) 12%, transparent);
}

.task-case__list dt {
    margin-bottom: var(--space-1, 4px);
    font-size: 14px;
    line-height: 20px;
    font-weight: var(--font-weight-bold);
    color: var(--color-primary);
}

.task-case__list dd {
    margin: 0;
    font-size: 15px;
    line-height: 22px;
    color: var(--color-text-primary);
    font-weight: var(--font-weight-semibold);
}

.task-cases__foot {
    display: flex;
    justify-content: flex-end;
    margin-top: var(--space-6);
}

.format-groups {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
}

.format-group {
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    gap: var(--space-6);
    padding: var(--space-6);
    background: var(--color-bg-secondary);
    border-radius: var(--radius-l);
}

.format-group__head {
    display: flex;
    gap: var(--space-4);
    align-items: flex-start;
}

.format-group__rows {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.md__badge {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    min-width: 36px;
    height: 28px;
    margin-top: 2px;
    border-radius: var(--radius-full);
    background:
    color-mix(in srgb, var(--color-secondary) 14%, var(--color-bg-primary));
    color: var(--color-secondary);
    font-size: 14px;
    line-height: 14px;
    font-weight: var(--font-weight-semibold);
}

.format-group__title {
    margin: 0 0 var(--space-2);
    font-size: 21px;
    line-height: 27px;
    font-weight: var(--font-weight-bold);
    color: var(--color-text-primary);
}

.format-group__lead {
    margin: 0;
    font-size: var(--type-body-m-size);
    line-height: var(--type-body-m-lh);
    color: var(--color-text-muted);
    font-weight: var(--font-weight-medium);
}

.format-group__lead--hint {
    color: var(--color-text-primary);
    font-weight: var(--font-weight-medium);
    margin-bottom: var(--space-2);
}

.format-groups + .note-panel {
    margin-top: var(--space-6);
}

.note-panel {
    background: var(--color-bg-accent);
    border-radius: var(--radius-l);
    padding: var(--space-6);
    font-size: var(--type-body-m-size);
    line-height: var(--type-body-m-lh);
    color: var(--color-text-primary);
}

.note-panel__label {
    display: block;
    margin-bottom: var(--space-2);
    font-weight: var(--font-weight-bold);
    color: var(--color-primary);
}

.format-row {
    display: grid;
    grid-template-columns: 190px 112px minmax(0, 1fr);
    gap: var(--space-4);
    align-items: center;
    padding: var(--space-3) var(--space-5);
    background: var(--color-bg-primary);
    border-radius: var(--radius-m, 16px);
}

.md__foot {
    display: flex;
    justify-content: flex-end;
    margin-top: auto;
    padding-top: var(--space-5);
    border-top: 1px solid var(--color-border);
}

.formats-foot {
    margin-top: var(--space-5);
    border-top: 0;
    padding-top: 0;
}

.format-row__name {
    margin: 0;
    font-size: 16px;
    line-height: 22px;
    font-weight: var(--font-weight-bold);
    color: var(--color-text-primary);
}

.format-row__time {
    display: inline-flex;
    width: fit-content;
    padding: 4px var(--space-3);
    border-radius: var(--radius-full);
    background: var(--color-bg-accent);
    color: var(--color-primary);
    font-size: var(--type-body-s13-size, 13px);
    line-height: 18px;
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
}

.cta-form--brand {
    --cta-form-bg-card: var(--color-primary);
    color: var(--color-text-inverse);
}

.cta-form__body {
    background: var(--cta-form-bg-card);
    border-radius: var(--cta-form-card-radius);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-7);
    padding: 28px 24px 32px;
}

.cta-form--brand .form__title,
.cta-form--brand .form__subtitle,
.cta-form--brand .checkbox__label,
.cta-form--brand .checkbox__label a {
    color: var(--color-text-inverse);
}

.cta-form--brand .form__title, .cta-form--brand .form__subtitle,
.cta-form--brand .checkbox__label, .cta-form--brand .checkbox__label a {
    color: var(--color-text-inverse);
}
.cta-form--brand .form__subtitle {
    opacity: .85;
}
.cta-form--brand .lead-thanks {
    color: var(--color-text-inverse);
}

.cta-form__media {
    border-radius: var(--radius-l);
}

.cta-form__media {
    margin-top: var(--space-6);
    max-width: 460px;
    aspect-ratio: 16 / 9;
    border-radius: var(--radius-l);
    overflow: hidden;
}

.cta-form__media img, .hero-landing__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.cta-form .input-field.input-field--area {
    height: auto;
    min-height: 88px;
    align-items: flex-start;
}

.cta-form--brand .form__subtitle--note {
    opacity: .75;
    margin-top: var(--space-3);
}
.cta-form--brand .input-field__hint {
    color: var(--color-text-inverse);
    opacity: .75;
}

.steps-media {
    display: grid;
    grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
    gap: var(--space-6);
}

.steps-media__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-6);
}

.steps-media__media {
    position: relative;
    border-radius: var(--radius-l);
    overflow: hidden;
    min-height: 320px;
}

.steps-media__media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pairs {
    display: grid;
    gap: var(--space-3);
}

.pairs__row {
    padding: var(--space-6) var(--space-8);
    border-radius: var(--radius-xl);
    background: var(--color-bg-secondary);
    align-items: center;
}
.pairs__head, .pairs__row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-8);
}

.pairs__cell {
    display: flex;
    align-items: flex-start;
    gap: var(--space-4);
    margin: 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: var(--font-weight-medium);
    color: var(--color-text-primary);
}

.pairs__cell {
    display: flex;
    align-items: flex-start;
    gap: var(--space-4);
    margin: 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: var(--font-weight-medium);
    color: var(--color-text-primary);
}

.pairs__cell--lead {
    align-items: center;
    font-weight: var(--font-weight-bold);
}

.route-card__icon {
    color: var(--color-secondary);
}

.icon--lg {
    width: 32px;
    height: 32px;
}

.form__subtitle--note {
    margin-top: var(--space-3);
}

.section-m--flush-top {
    padding-top: 0;
}

.ratings--grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-4);
}

.ratings--grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ratings--strip.ratings--big .rating-card__place {
    white-space: nowrap;
    font-size: clamp(24px, 2.3vw, 33px);
    line-height: 1.1;
    letter-spacing: -0.02em;
}

.rating-card__place {
    display: inline-flex;
    width: fit-content;
    padding: var(--space-1) var(--space-3);
    background: var(--color-primary);
    color: var(--color-text-inverse);
    border-radius: var(--radius-full);
    font-weight: var(--font-weight-bold);
    font-size: var(--type-h6-size);
    line-height: var(--type-h6-lh);
    white-space: nowrap;
}

.ratings--strip.ratings--big .rating-card {
    padding: 0 0 0 var(--space-6, 24px);
    background: none;
    box-shadow: none;
    border-radius: 0;
    border-left: 1px solid
    color-mix(in srgb, var(--color-primary) 14%, transparent);
}

.rating-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-3);
    background: var(--color-bg-primary);
    border-radius: var(--radius-l);
    padding: var(--space-5);
    min-height: 100%;
}

#team .media-panel__media {
    order: -1;
}
.course-info-section .advantages-section__cards {
    padding: 0;
}
.format-row__text {
    margin: 0;
    font-size: var(--type-body-m-size);
    line-height: var(--type-body-m-lh);
    color: var(--color-text-muted);
}
.cta-form--media .cta-form__media {
    display: none;
}
.route-map {
    position: relative;
    padding: var(--space-10);
    background: var(--color-bg-secondary);
    border-radius: var(--radius-2xl);
    overflow: hidden;
}
.route-map__road {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.route-map__road path {
    fill: none;
    stroke: var(--color-secondary);
    stroke-width: 2;
    stroke-dasharray: 10 8;
    stroke-linecap: round;
    vector-effect: non-scaling-stroke;
    opacity: .6;
}
.route-map__list {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-6);
    list-style: none;
    margin: 0;
    padding: 0;
}
.route-card {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    min-height: 164px;
    padding: var(--space-6);
    background: var(--color-bg-primary);
    border-radius: var(--radius-l);
    box-shadow: var(--shadow-soft);
}
.route-card__icon {
    color: var(--color-secondary);
}
.route-card__text {
    position: relative;
    margin: 0;
    padding-right: var(--space-8);
    font-size: 16px;
    line-height: 22px;
    font-weight: var(--font-weight-bold);
    color: var(--color-text-primary);
}
.route-card__num {
    position: absolute;
    right: 10px;
    bottom: -14px;
    font-size: 96px;
    line-height: 1;
    font-weight: var(--font-weight-bold);
    letter-spacing: -0.04em;
    color: color-mix(in srgb, var(--color-primary) 9%, transparent);
    pointer-events: none;
    user-select: none;
}
.ratings--big .rating-card__place {
    padding: 0;
    background: none;
    color: var(--color-primary);
    white-space: normal;
    font-size: var(--type-h3-size);
    line-height: var(--type-h3-lh);
}
.ratings--big .rating-card {
    gap: var(--space-2);
    padding: var(--space-8);
}
.rating-card__source--lead {
    color: var(--color-text-primary);
    font-weight: var(--font-weight-bold);
}
.rating-card__source--small {
    font-size: var(--type-body-s14-size);
    line-height: var(--type-body-s14-lh);
}
.ratings--big .rating-card__place {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-lh);
    letter-spacing: -0.02em;
}
.ratings--big .rating-card::before {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 32px;
    height: 4px;
    margin-bottom: var(--space-2);
    border-radius: var(--radius-full);
    background: var(--color-secondary);
}
.format-row__time--empty {
    padding: 0;
    background: none;
}
.btn--brand-light{
    font-size: 18px;
}
@media (min-width: 1250px) {
    .cta-form--media .cta-form__media img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .cta-form--media .cta-form__media {
        display: block;
        position: relative;
        align-self: stretch;
        margin: -40px 0 -48px;
        max-width: none;
        aspect-ratio: auto;
        border-radius: 0;
        mix-blend-mode: multiply;
        -webkit-mask-image: radial-gradient(ellipse 50% 50% at 50% 50%, #000 45%, transparent 100%);
        mask-image: radial-gradient(ellipse 50% 50% at 50% 50%, #000 45%, transparent 100%);
    }
    .cta-form--media .cta-form__body {
        grid-template-columns: minmax(0, 5fr) minmax(0, 4fr) minmax(0, 6fr);
        gap: var(--space-6);
        overflow: hidden;
    }
    .cta-form__submit.btn {
        border-radius: var(--radius-l);
        font-size: var(--type-h7-size);
        font-weight: var(--font-weight-bold);
        line-height: var(--type-h7-lh);
        padding: 22px;
        min-height: 64px;
    }
    .cta-form .form__title {
        font-size: var(--type-h2-size);
        line-height: var(--type-h2-lh);
    }
    .cta-form .form__subtitle {
        font-size: var(--type-body-xl-size);
        line-height: var(--type-body-xl-lh);
    }
    .cta-form__body {
        padding: 40px 40px 48px;
        gap: 112px;
        max-width: 1296px;
        margin: 0 auto;
    }
    .cta-form {
        padding: var(--space-14) var(--space-18);
    }
    .cta-form__form {
        flex: 1 1 0;
        min-width: 0;
        max-width: 616px;
    }

    .advantages-section__row--bottom .advantages-card__title {
        display: flex;
        align-items: flex-end;
        justify-content: center;
        min-height: 2lh;
    }
}

@media (max-width: 1583px) {
    .section-container_m {
        max-width: 100%;
        padding: 0;
    }
}
@media (max-width: 1200px) {
    .course-info-section > * {
        padding-left: 50px;
        padding-right: 50px;
    }
}
@media (max-width: 1199px) {
    .section-course-hero__desc {
        font-size: 15px;
    }
}
@media (max-width: 1180px) {
    .format-group {
        grid-template-columns: 1fr;
        gap: var(--space-4);
    }
}
@media (max-width: 1024px) {
    .hero-landing__inner {
        grid-template-columns: minmax(0, 1fr) minmax(0, 40%);
        gap: var(--space-6);
    }

    .advantages-section__cards--grid3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: var(--space-4);
    }

    .summary-panel {
        grid-template-columns: 1fr;
    }
    .summary-panel__media {
        display: none;
    }

    .media-panel {
        grid-template-columns: 1fr;
        border-radius: var(--radius-2l);
    }
    .media-panel__media {
        min-height: 0;
        aspect-ratio: 16 / 9;
        order: -1;
    }
    .media-panel__list {
        padding: var(--space-5);
        gap: var(--space-4);
    }
    .media-panel__list strong {
        font-size: 18px;
        line-height: 24px;
    }

    #team .media-panel__media {
        order: -1;
    }
    .task-cases {
        grid-template-columns: 1fr;
        gap: var(--space-4);
    }
    .md__foot {
        display: none;
    }
    .steps-media__media {
        display: none;
    }
    .steps-media {
        grid-template-columns: 1fr;
    }
    .pairs__row {
        grid-template-columns: 1fr;
        gap: var(--space-3);
        padding: var(--space-5);
        border-radius: var(--radius-2l);
    }
    .ratings--grid--3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 980px) {
    .course-info-section > * {
        padding-left: 25px;
        padding-right: 25px;
    }
    .section-m {
        padding-top: 28px !important;
        padding-bottom: 28px !important;
    }
    .section-container {
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media (max-width: 840px) {
    .section-course-hero__label {
        font-size: 12px;
    }
}
@media (max-width: 767px) {
    .advantages-section .section-title__title {
        font-size: 24px;
        line-height: 32px;
    }
    .cta-form__body {
        display: flex !important;
        flex-direction: column !important;
    }
}
@media (max-width: 670px) {
    .section-course-hero__desc {
        margin-top: var(--space-4);
    }
    .course-info-section > * {
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media (max-width: 669px) {
    .steps-media__grid {
        grid-template-columns: 1fr;
        gap: var(--space-4);
    }
    .hero-landing__inner {
        grid-template-columns: 1fr;
        margin-top: var(--space-6);
    }
    .hero-landing__media {
        display: none;
    }
    .hero-landing__actions {
        width: 100%;
    }
    .hero-landing__actions .btn {
        width: 100%;
    }
    .hero-landing__inner.section-bt {
        padding-bottom: var(--space-6);
    }
    .hero-landing--no-actions .hero-landing__inner.section-bt {
        padding-bottom: var(--space-4);
    }
    .hero-landing__media {
        display: block;
        margin-top: var(--space-5);
    }
    .hero-landing__image {
        aspect-ratio: 16 / 9;
        object-position: 50% 25%;
    }

    .pairs__cell {
        font-size: var(--type-body-m-size);
        line-height: var(--type-body-m-lh);
    }
    .pairs__cell--lead {
        font-size: 18px;
        line-height: 24px;
    }

    .summary-panel__body {
        padding: var(--space-5);
    }
    .summary-panel__text {
        font-size: 18px;
        line-height: 25px;
    }
    .summary-panel__facts {
        grid-template-columns: 1fr;
        gap: var(--space-4);
    }
    .summary-panel .btn {
        width: 100%;
    }

    .hero-landing__actions .btn {
        width: 100%;
    }

    .advantages-section__cards--grid3 {
        grid-template-columns: 1fr;
        gap: var(--space-3);
    }

    .format-row {
        grid-template-columns: 1fr;
        gap: var(--space-2);
        padding: var(--space-3) var(--space-4);
    }
    .ratings--strip.ratings--big .rating-card__place {
        font-size: 24px;
        white-space: normal;
    }
    .ratings--strip.ratings--big .rating-card {
        padding: 0;
        border-left: 0;
    }
    .route-map {
        padding: var(--space-4);
        border-radius: var(--radius-xl);
    }
    .route-map__road {
        display: none;
    }
    .route-map__list {
        grid-template-columns: 1fr;
        gap: var(--space-3);
    }
    .route-card {
        min-height: 0;
        flex-direction: row;
        align-items: center;
        gap: var(--space-3);
        padding: var(--space-4);
    }
    .route-card__text {
        padding-right: var(--space-10);
        font-size: 15px;
        line-height: 20px;
    }
    .route-card__num {
        font-size: 56px;
        right: 8px;
        bottom: -8px;
    }
    .ratings--big .rating-card__place {
        font-size: var(--type-h5-size);
        line-height: var(--type-h5-lh);
    }
    .ratings--big .rating-card {
        padding: var(--space-5);
    }

    .ratings--big .rating-card__place {
        font-size: var(--type-h4-size);
        line-height: var(--type-h4-lh);
    }
    .task-cases__foot .btn {
        width: 100%;
    }
}

@media (max-width: 476px) {
    .section-title__head {
        padding: 0 !important;
    }
}