main.business-page {
    --business-card-shadow-1: 0 2px 8px rgba(0, 0, 0, 0.08);
    --business-card-shadow-2: 0 8px 12px rgba(0, 0, 0, 0.06);
    --business-panel-shadow: 0 8px 12px rgba(0, 0, 0, 0.06);
    --business-blue-from: #45b6fc;
    --business-blue-to: #0070e5;
}

main.business-page .BusinessTariffCard {
    box-sizing: border-box;
    padding: 16px 12px 12px;
    border-radius: 20px;
    box-shadow: var(--business-card-shadow-1);
    justify-content: space-between;
    gap: 16px;
}

main.business-page .BusinessTariffCard__content,
main.business-page .BusinessTariffCard__details,
main.business-page .BusinessTariffCard__footer {
    display: flex;
    flex-direction: column;
    width: 100%;
}

main.business-page .BusinessTariffCard__content {
    gap: 16px;
}

main.business-page .BusinessTariffCard__details {
    gap: 8px;
}

main.business-page .BusinessTariffCard__title {
    font-weight: var(--fw-medium);
}

main.business-page .BusinessTariffCard__desc {
    color: var(--text-secondary);
}

main.business-page .BusinessTariffCard__badge,
main.business-page .BusinessTariffCard__price-badge {
    display: block;
    width: fit-content;
    max-width: 100%;
    overflow: hidden;
    padding: 2px 8px;
    border-radius: 8px;
    font-size: 12px;
    line-height: 16px;
    font-weight: var(--fw-medium);
    text-overflow: ellipsis;
    white-space: nowrap;
}

main.business-page .BusinessTariffCard__badge {
    background: rgba(0, 151, 253, 0.1);
    color: var(--status-info, #2563eb);
    pointer-events: none;
}

main.business-page .BusinessTariffCard__footer {
    gap: 12px;
    margin-top: auto;
}

main.business-page .BusinessTariffCard__price {
    gap: 8px;
}

main.business-page .BusinessTariffCard__price-badge {
    background: var(--button-gray, #e2e5eb);
    color: var(--text-primary, #1d2023);
}

main.business-page .BusinessTariffCard__price-value {
    white-space: nowrap;
}

main.business-page .BusinessTariffCard__price-note {
    white-space: normal;
}

main.business-page .BusinessCtaBanner {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding: 12px 20px 24px;
    overflow: hidden;
    border-radius: 24px;
    background: linear-gradient(162deg, #3781c7 0%, #5394cc 45%, #91c6f0 100%);
}

main.business-page .BusinessCtaBanner__media {
    position: relative;
    flex: 0 0 134px;
    align-self: flex-end;
    width: 308px;
    height: 134px;
    margin-right: -20px;
    overflow: hidden;
}

main.business-page .BusinessCtaBanner__image {
    position: absolute;
    top: -6.22%;
    left: -15.07%;
    display: block;
    width: 115.07%;
    max-width: none;
    height: 117.2%;
    object-fit: fill;
}

main.business-page .BusinessCtaBanner__text {
    width: 100%;
    color: var(--text-inverse, #fff);
    font-size: 16px;
    line-height: 24px;
    font-weight: var(--fw-medium);
}

main.business-page .BusinessCtaBanner__button {
    width: 100%;
    height: 44px;
    border-radius: 14px;
}

main.business-page .BusinessProductCard {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
    padding: 16px 12px;
    border-radius: 20px;
    background: var(--surface-page, #fff);
    box-shadow: var(--business-card-shadow-2);
}

main.business-page .BusinessProductCard__icon {
    display: flex;
    flex: 0 0 40px;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: rgba(0, 151, 253, 0.1);
}

main.business-page .BusinessProductCard__glyph {
    display: block;
    width: 24px;
    height: 24px;
}

main.business-page .BusinessProductCard__content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

main.business-page .BusinessProductCard__title {
    margin: 0;
    color: var(--text-primary, #1d2023);
    font-size: 16px;
    line-height: 24px;
    font-weight: var(--fw-medium);
    overflow-wrap: anywhere;
}

main.business-page .BusinessProductCard__description {
    color: var(--text-primary, #1d2023);
    font-size: 14px;
    line-height: 20px;
    overflow-wrap: anywhere;
}

main.business-page .BusinessInternetCard {
    box-sizing: border-box;
    display: flex;
    flex: 0 0 320px;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    width: 320px;
    min-width: 320px;
    padding: 20px 16px;
    border-radius: 24px;
    background: var(--surface-muted, #f2f3f7);
}

main.business-page .BusinessInternetCard__head {
    display: flex;
    align-items: center;
    gap: 12px;
}

main.business-page .BusinessInternetCard__icon {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    object-fit: contain;
}

main.business-page .BusinessInternetCard__speed {
    color: var(--text-primary, #1d2023);
    font-size: 20px;
    line-height: 28px;
    font-weight: var(--fw-medium);
    white-space: nowrap;
}

main.business-page .BusinessInternetCard__subtitle {
    color: var(--text-primary, #1d2023);
    font-size: 14px;
    line-height: 20px;
    font-weight: var(--fw-medium);
}

main.business-page .BusinessInternetCard__list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

main.business-page .BusinessInternetCard__item {
    display: flex;
    gap: 8px;
    color: var(--text-primary, #1d2023);
    font-size: 14px;
    line-height: 20px;
}

main.business-page .BusinessInternetCard__item::before {
    content: "";
    flex: 0 0 8px;
    width: 8px;
    height: 8px;
    margin-top: 6px;
    border-radius: 50%;
    background: var(--brand-red, #ff0032);
}

main.business-page .BusinessInternetCard__button {
    width: 100%;
    height: 52px;
    margin-top: auto;
    border-radius: 16px;
}

.landingi-822-components-page {
    padding: 32px 0 64px;
    background: var(--surface-page, #fff);
}

.landingi-822-components-page__section {
    width: min(976px, calc(100% - 32px));
    margin: 0 auto 48px;
}

.landingi-822-components-page__section--wide-1040 {
    width: min(1040px, calc(100% - 32px));
}

.landingi-822-components-page__section--wide-1208 {
    width: min(1208px, calc(100% - 32px));
}

.landingi-822-components-page__title {
    margin: 0 0 20px;
    color: var(--text-primary, #1d2023);
    font-size: 28px;
    line-height: 36px;
    font-weight: var(--fw-medium);
}

.landingi-822-components-page__subtitle {
    margin: 28px 0 16px;
    color: var(--text-primary, #1d2023);
    font-size: 20px;
    line-height: 28px;
    font-weight: var(--fw-medium);
}

.landingi-822-components-page__grid,
.landingi-822-components-page__isolated-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 8px;
}

.landingi-822-components-page__grid>*,
.landingi-822-components-page__isolated-grid>* {
    min-width: 0;
}

.landingi-822-components-page__internet-row {
    display: flex;
    align-items: stretch;
    gap: 8px;
    padding: 0 0 12px;
    overflow-x: auto;
}

@media (min-width: 720px) {
    main.business-page .BusinessCtaBanner {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 0;
        min-height: 112px;
        padding: 20px 40px;
    }

    main.business-page .BusinessCtaBanner__media {
        position: absolute;
        top: 0;
        left: 324px;
        margin-right: 0;
        width: 257px;
        height: 112px;
    }

    main.business-page .BusinessCtaBanner__text {
        flex: 0 0 284px;
        width: 284px;
    }

    main.business-page .BusinessCtaBanner__button {
        position: relative;
        z-index: 1;
        flex: 0 0 auto;
        width: auto;
        min-width: 184px;
    }
}

@media (min-width: 1200px) {
    main.business-page .BusinessCtaBanner {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 292px auto;
        align-items: center;
        gap: 20px;
        min-height: 126px;
        padding: 0 48px;
    }

    main.business-page .BusinessCtaBanner__media {
        position: relative;
        top: auto;
        left: auto;
        grid-column: 2;
        grid-row: 1;
        align-self: center;
        width: 292px;
        height: 126px;
    }

    main.business-page .BusinessCtaBanner__text {
        grid-column: 1;
        grid-row: 1;
        width: auto;
        font-size: 20px;
        line-height: 28px;
    }

    main.business-page .BusinessCtaBanner__button {
        grid-column: 3;
        grid-row: 1;
        min-width: 188px;
        height: 52px;
        border-radius: 16px;
    }

    main.business-page .BusinessProductCard__icon {
        flex-basis: 48px;
        width: 48px;
        height: 48px;
        border-radius: 12px;
    }

    main.business-page .BusinessProductCard__title {
        font-size: 20px;
        line-height: 28px;
    }

    main.business-page .BusinessInternetCard {
        flex: 1 1 0;
        width: auto;
    }
}

@media (max-width: 959px) {

    .landingi-822-components-page__grid,
    .landingi-822-components-page__isolated-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 639px) {

    .landingi-822-components-page__grid,
    .landingi-822-components-page__isolated-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* LANDINGI-824 page composition. */
main.business-page {
    overflow: hidden;
    background: #fff;
}

main.business-page .mts-container {
    width: min(1208px, calc(100% - 32px));
    max-width: none;
    padding-inline: 0;
    margin-inline: auto;
}

main.business-page .section-bg--hero {
    gap: 12px;
    padding-bottom: 40px;
    background: linear-gradient(174.128deg, #c8dcf2 23.423%, #fff 46.817%, #4c8dca 97.526%);
}

main.business-page .section-bg--hero::before {
    display: none;
}

main.business-page .section-bg--hero > .header {
    z-index: 2;
}

.BusinessHero__inner {
    position: relative;
}

.BusinessHero__ad {
    right: 12px;
    left: auto;
    z-index: 2;
}

.BusinessHero__picture,
.BusinessHero__image {
    display: block;
    width: 100%;
}

.BusinessHero__image {
    height: 337px;
    border-radius: 24px;
    object-fit: cover;
}

.BusinessHero__card {
    position: absolute;
    top: 44px;
    left: 32px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 524px;
    height: calc(100% - 88px);
    padding: 24px 20px 16px;
    overflow: hidden;
    border-radius: 20px;
    background: #fff;
}

.BusinessHero__card h1 {
    margin: 0;
    font-size: 24px;
    line-height: 32px;
    font-weight: var(--fw-medium, 500);
}

.BusinessHero__card p {
    margin: 20px 0 auto;
    color: var(--text-secondary, #626c77);
    font-size: 20px;
    line-height: 28px;
}

main.business-page .BusinessHero__button {
    min-height: 52px;
    padding: 16px 24px;
    border-radius: 16px;
}

main.business-page .BusinessHero__button:hover {
    background: var(--secondary-hover);
}

main.business-page .BusinessHero__button:active {
    background: var(--secondary-pressed);
}

main.business-page .BusinessHero__button:focus-visible {
    outline: 2px solid var(--focus-border);
    outline-offset: 2px;
}

.BusinessSection__title {
    margin: 0 0 16px;
    color: var(--text-primary, #1d2023);
    font-size: 24px;
    line-height: 32px;
    font-weight: var(--fw-medium, 500);
}

.BusinessSection__subtitle {
    margin: -12px 0 20px;
    color: var(--text-secondary, #626c77);
    font-size: 16px;
    line-height: 24px;
}

.BusinessSection__title--city {
    white-space: normal;
}

.BusinessTariffs .SectionSwitcher {
    margin-bottom: 16px;
}

/* Figma 3899:84708: 104px до md/800 включительно, 144px с lg; отступ до карточек 16/20/24. */
@media (min-width: 800px) {
    .BusinessTariffs .SectionSwitcher {
        margin-bottom: 20px;
    }
}

@media (min-width: 801px) {
    .BusinessTariffs .SectionSwitcher .Tab,
    .BusinessTariffs .SectionSwitcher .Tab__icon {
        width: 144px;
    }
}

@media (min-width: 1200px) {
    .BusinessTariffs .SectionSwitcher {
        margin-bottom: 24px;
    }
}

.BusinessSection__city {
    display: inline;
    height: auto;
    padding: 0;
    border: 0;
    font: inherit;
    white-space: normal;
    text-align: inherit;
    vertical-align: baseline;
}

main.business-page .BusinessCarousel {
    position: relative;
}

main.business-page .BusinessCarousel__track {
    display: flex;
    gap: 16px;
    padding: 8px 10px 12px;
    margin: -8px -10px 0;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 10px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

main.business-page .BusinessCarousel__track::-webkit-scrollbar {
    display: none;
}

main.business-page .BusinessCarousel__slide {
    display: flex;
    flex: 0 0 calc((100% - 32px) / 3);
    min-width: 320px;
    scroll-snap-align: start;
}

main.business-page .BusinessCarousel__slide>* {
    height: 100%;
}

main.business-page .BusinessCarousel__slide>.TariffCard {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
}

main.business-page .BusinessCarousel__slide>.BusinessInternetCard {
    flex: 1 1 auto;
    width: 100%;
}

main.business-page .BusinessCarousel .carousel__arrow {
    position: absolute;
    top: calc(50% - 18px);
    z-index: 2;
}

main.business-page .BusinessCarousel .carousel__arrow--prev {
    left: -52px;
}

main.business-page .BusinessCarousel .carousel__arrow--next {
    right: -52px;
}

main.business-page .BusinessCarousel .CarouselIndicator {
    display: flex;
    justify-content: center;
    gap: 8px;
}

@media (min-width: 1000px) and (max-width: 1279px) {
    main.business-page .mts-container {
        width: min(1040px, calc(100% - 64px));
    }
}

.BusinessCost__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.BusinessCost .BusinessProductCard {
    min-height: 128px;
}

.BusinessSteps__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.BusinessSteps__item {
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 76px;
    padding: 16px;
    border-radius: 20px;
    box-shadow: var(--business-card-shadow-2);
    font-size: 16px;
    line-height: 24px;
}

.BusinessSteps__item span {
    display: grid;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    place-items: center;
    border-radius: 12px;
    background: var(--surface-muted, #f2f3f7);
    font-size: 20px;
    font-weight: var(--fw-medium, 500);
}

.BusinessInternet .BusinessSection__title {
    margin-bottom: 20px;
}

.BusinessCost .BusinessSection__title {
    margin-bottom: 36px;
}

.BusinessSteps .BusinessSection__title {
    margin-bottom: 20px;
}

main.business-page .BusinessBenefits__panel,
main.business-page .BusinessFaq__panel {
    box-sizing: border-box;
    padding: 32px 102px;
    border-radius: 20px;
    background: var(--surface-page, #fff);
    box-shadow: var(--business-panel-shadow);
}

.BusinessBenefits__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

main.business-page .BusinessBenefits .BusinessProductCard {
    width: 490px;
    max-width: 100%;
    padding: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

main.business-page .BusinessBenefits .BusinessProductCard__title {
    font-size: 16px;
    line-height: 24px;
}

@media (min-width: 481px) {
    main.business-page .BusinessBenefits__panel > .BusinessSection__title {
        margin-bottom: 24px;
        font-size: 24px;
        line-height: 32px;
    }
}

main.business-page .BusinessFaq__panel {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.BusinessFaq__panel .BusinessSection__title {
    margin-bottom: 0;
}

.BusinessFaq__panel [data-faq] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.BusinessFaq__panel .Accordion {
    border-bottom: 1px solid #bcc3d0;
}

.BusinessFaq__panel .Accordion:not(:last-child) {
    margin-bottom: 0;
}

.BusinessFaq__panel .Accordion:last-child {
    border-bottom: 0;
}

.BusinessFaq__panel .Accordion__header {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 4px 0 12px;
    border: 0;
    background: transparent;
    color: var(--text-primary, #1d2023);
    font-size: 16px;
    line-height: 24px;
    font-weight: var(--fw-medium, 500);
    text-align: left;
    cursor: pointer;
}

.BusinessFaq__panel .Accordion__chevron {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    color: #969fa8;
    transition: transform .2s ease;
}

.BusinessFaq__panel .Accordion.is-open .Accordion__chevron {
    transform: rotate(90deg);
}

.BusinessFaq__panel .Accordion__body {
    display: none;
    padding: 0 0 16px;
    color: var(--text-primary, #1d2023);
    font-size: 14px;
    line-height: 20px;
}

.BusinessFaq__panel .Accordion.is-open .Accordion__body {
    display: block;
}

@media (max-width: 1279px) {
    main.business-page .mts-container {
        width: min(1040px, calc(100% - 64px));
    }

    main.business-page .BusinessCarousel__slide {
        flex-basis: calc((100% - 32px) / 3);
    }

    .BusinessCost .BusinessSection__title {
        margin-bottom: 16px;
    }

    .BusinessHero__card {
        top: 44px;
        left: 28px;
        width: 524px;
        height: calc(100% - 88px);
    }

    main.business-page .BusinessBenefits__panel,
    main.business-page .BusinessFaq__panel {
        padding: 32px 132px;
    }

    main.business-page .BusinessBenefits .BusinessProductCard {
        width: 376px;
    }
}

@media (min-width: 1200px) {
    main.business-page .DealerHeader--business {
        padding: 16px 40px;
    }
}

@media (min-width: 1000px) {
    main.business-page .DealerHeaderWrap--dropdown-end {
        width: 100%;
        max-width: none;
        align-items: stretch;
    }
}

@media (min-width: 1280px) and (max-width: 1311px) {
    main.business-page .BusinessCarousel .carousel__arrow--prev {
        left: -24px;
    }

    main.business-page .BusinessCarousel .carousel__arrow--next {
        right: -24px;
    }
}

@media (min-width: 800px) and (max-width: 1279px) {
    main.business-page .BusinessCarousel__track {
        margin-right: 0;
        margin-left: 0;
        padding-right: 0;
        padding-left: 0;
        scroll-padding-inline: 0;
    }

    main.business-page .BusinessCarousel .carousel__arrow--prev {
        left: -40px;
    }

    main.business-page .BusinessCarousel .carousel__arrow--next {
        right: -40px;
    }
}

@media (max-width: 999px) {
    main.business-page .mts-container {
        width: min(720px, calc(100% - 80px));
    }

    .BusinessHero__image {
        height: 234px;
        object-fit: cover;
    }

    .BusinessHero__card {
        top: 20px;
        left: 20px;
        width: clamp(264px, 51.111%, 368px);
        height: auto;
        justify-content: flex-start;
        padding: 24px 20px 12px;
        gap: 8px;
    }

    .BusinessHero__card h1 {
        font-size: clamp(20px, calc(3.333vw - 2.667px), 24px);
        line-height: clamp(28px, calc(4.444vw - 3.555px), 32px);
    }

    .BusinessHero__card p {
        margin: 0;
        font-size: 14px;
        line-height: 20px;
    }

    main.business-page .BusinessHero__button {
        margin-top: 12px;
        min-height: 44px;
        padding: 12px 20px;
        border-radius: 14px;
    }

    .BusinessCost__grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .BusinessCost .BusinessProductCard {
        min-height: 0;
    }

    .BusinessSteps__grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .BusinessSteps__item {
        min-height: 72px;
    }

    .BusinessBenefits__grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    main.business-page .BusinessBenefits__panel,
    main.business-page .BusinessFaq__panel {
        padding: 32px 40px;
    }

    main.business-page .BusinessBenefits .BusinessProductCard {
        width: auto;
    }
}

@media (min-width: 600px) and (max-width: 999px) {
    .BusinessCost .BusinessSection__title {
        margin-bottom: 28px;
    }
}

@media (min-width: 1000px) and (max-width: 1279px) {
    .BusinessSteps__item:nth-child(3) {
        min-height: 104px;
    }
}

@media (min-width: 600px) and (max-width: 719px) {
    .BusinessHero__card {
        padding: 16px 12px 12px;
    }
}

@media (max-width: 799px) {
    main.business-page .BusinessCarousel .carousel__arrow {
        display: none;
    }
}

@media (max-width: 800px) {
    main.business-page .BusinessCarousel__track {
        gap: 8px;
    }

    main.business-page .BusinessCarousel__slide {
        flex-basis: calc((100% - 8px) / 2.2);
    }
}

@media (max-width: 480px) {
    main.business-page .BusinessCarousel__slide {
        flex-basis: 320px;
    }
}

@media (max-width: 599px) {
    main.business-page .mts-container {
        width: calc(100% - 32px);
    }

    main.business-page .section-bg--hero {
        padding-bottom: 40px;
    }

    .BusinessHero__inner {
        display: flex;
        flex-direction: column;
    }

    .BusinessHero__image {
        height: 196px;
        border-radius: 20px 20px 0 0;
    }

    .BusinessHero__card {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        height: auto;
        min-height: 204px;
        margin: -20px 0 0;
        padding: 20px 12px 12px;
        gap: 0;
        border-radius: 20px;
    }

    .BusinessHero__card h1 {
        font-size: 20px;
        line-height: 28px;
    }

    .BusinessHero__card p {
        margin: 8px 0 20px;
        font-size: 14px;
        line-height: 20px;
    }

    main.business-page .BusinessHero__button {
        margin-top: 0;
    }

    .BusinessSection__title {
        margin-bottom: 16px;
        font-size: 20px;
        line-height: 28px;
    }

    .BusinessSection__title--city {
        font-size: 24px;
        line-height: 32px;
    }

    .BusinessCost .BusinessSection__title {
        margin-bottom: 12px;
    }

    .BusinessSection__subtitle {
        margin-top: -8px;
        font-size: 14px;
        line-height: 20px;
    }

    .BusinessInternet .BusinessSection__title {
        margin-bottom: 20px;
    }

    main.business-page .BusinessCarousel--internet .BusinessCarousel__track {
        padding-bottom: 16px;
    }

    .BusinessSteps__item {
        min-height: 68px;
    }

    main.business-page .BusinessBenefits__panel,
    main.business-page .BusinessFaq__panel {
        padding: 20px 12px 16px;
    }

    .BusinessBenefits__panel .BusinessSection__title,
    .BusinessFaq__panel .BusinessSection__title {
        font-size: 20px;
        line-height: 28px;
    }
}

@media (max-width: 1279px) {
    body.page-template-business .footer__inner {
        padding: 32px 80px 24px;
    }
}

body.page-template-business .footer__inner {
    padding-bottom: 24px;
}

@media (max-width: 800px) {
    body.page-template-business .footer__inner {
        padding: 32px 40px 16px;
    }

    body.page-template-business .footer__meta {
        margin: 16px 0 8px;
    }
}

@media (min-width: 600px) and (max-width: 1080px) {
    body.page-template-business .footer__top {
        flex-wrap: nowrap;
    }

    body.page-template-business .footer__actions {
        flex: 0 0 auto;
        flex-direction: column;
        gap: 16px;
        margin-left: auto;
    }
}

@media (max-width: 599px) {
    body.page-template-business .footer__inner {
        gap: 14px;
        padding: 32px 16px 24px;
    }

    body.page-template-business .footer__top,
    body.page-template-business .footer__brand {
        gap: 8px;
    }

    body.page-template-business .footer__actions {
        width: 100%;
        flex: 1 1 100%;
        flex-direction: row;
        justify-content: space-between;
        gap: 16px;
    }

    body.page-template-business .footer__actions .Button--big {
        width: 100%;
    }
}

@media (min-width: 400px) and (max-width: 599px) {
    body.page-template-business .footer__inner {
        gap: 8px;
    }
}

@media (min-width: 600px) {
    main.business-page .BusinessFaq__panel {
        padding-top: 16px;
        padding-bottom: 16px;
    }
}