@media (max-width: 767px) {
    html {
        font-size: 0.2777777vw;
    }

    .container {
        width: calc(100% - 32rem);
    }

    .header-top .container {
        align-items: flex-start;
    }

    .hero-section__title {
        font-size: 42rem;
    }

    .hero-section__description {
        font-size: 18rem;
        max-width: 250rem;
    }

    .hero-section__actions {
        width: 100%;
        flex-direction: column;
    }

    .hero-section__brand-mark {
        width: 140rem;
        height: 140rem;
        padding: 0rem;
    }

    .hero-section__currency {
        width: 50rem;
        height: 50rem;
        font-size: 28rem;
    }

    .payments-section {
        padding-bottom: 72rem;
    }

    .payments-section__subtitle {
        font-size: 18rem;
    }

    .payments-card {
        padding: 24rem;
        gap: 24rem;
    }

    .payments-card__top, .payments-card__meta {
        flex-direction: column;
        align-items: flex-start;
    }

    .payments-card__title {
        font-size: 28rem;
    }

    .payments-card__meta {
        padding: 20rem 24rem;
        flex-direction: column;
    }

    .payments-card__value {
        text-align: left;
    }

    .transfer-request-section {
        padding-bottom: 72rem;
    }

    .transfer-request-section__layout {
        padding: 75rem 0rem;
    }

    .transfer-request-section__content, .request-form {
        gap: 32rem;
    }

    .request-form__header {
        align-items: flex-start;
    }

    .request-form__heading {
        width: auto;
    }

    .advantages-section {
        padding-bottom: 72rem;
    }

    .advantages-section__container {
        gap: 32rem;
    }

    .advantages-section__list .advantage-card, .advantages-section__list .advantage-card.advantage-card--primary, .advantages-section__list .advantage-card.advantage-card--secondary, .advantages-section__list .advantage-card.advantage-card--wide {
        width: 100% !important;
        min-height: auto;
    }

    .advantages-section__list .advantage-card .advantage-card__title, .advantages-section__list .advantage-card .advantage-card__text {
        max-width: 230rem;
    }

    .workflow-section {
        padding: 56rem 0;
    }

    .workflow-section__tabs {
        width: 100%;
    }

    .workflow-section__tab {
        flex: 1;
        min-width: 0;
    }

    .business-reasons-section {
        padding: 72rem 0;
    }

    .business-reasons-section__container {
        gap: 32rem;
    }

    .business-reasons-section__title {
        gap: 10rem;
        font-size: 28rem;
    }

    .business-reasons-section__accent img {
        height: 22rem;
        bottom: 15rem;
        left: 150rem;
    }

    .business-reasons-section__subtitle{
        font-size: 18rem;
    }

    .testimonials-section {
        padding: 56rem 0;
    }

    .testimonials-section__container {
        gap: 32rem;
    }

    .testimonial-card {
        min-height: auto;
    }

    .partner-banks-section {
        padding: 72rem 0;
    }

    .partner-banks-section__container {
        gap: 32rem;
    }

    .partner-bank-card {
        width: calc(50% - 10rem);
        min-height: 120rem;
    }

    .agent-offer-section {
        padding-bottom: 56rem;
    }

    .agent-offer-section__block {
        padding: 40rem 24rem;
    }

    .agent-offer-section__left, .agent-offer-section__advantage, .agent-offer-section__advantage--half, .agent-offer-section__advantage--line, .agent-offer-section__advantage--primary {
        width: 100%;
        max-width: 100%;
    }

    .agent-offer-section__row {
        flex-direction: column;
    }

    .agent-offer-section__buttons {
        margin-top: 8rem;
        flex-direction: column;
        align-items: flex-start;
        gap: 12rem;
    }

    .agent-offer-section__button, .agent-offer-section__button--secondary {
        width: 100%;
        max-width: 260rem;
    }

    .partner-stories-section {
        padding: 56rem 0;
    }

    .partner-stories-section__container {
        gap: 70rem;
    }

    .partner-story-card {
        min-height: auto;
    }

    .faq-section {
        padding: 72rem 0;
    }

    .faq-section__container {
        gap: 32rem;
    }

    .contact-cta-section {
        padding: 72rem 0;
    }

    .contact-cta-section__container {
        gap: 32rem;
    }

    .about-hero-section__container {
        padding: 64rem 0;
    }

    .about-hero-section__header {
        gap: 20rem;
    }

    .about-hero-section__title {
        font-size: 18rem;
    }

    .about-benefits-section {
        padding: 56rem 0;
    }

    .about-benefits-section__container {
        gap: 32rem;
    }

    .about-benefits-section__title {
        font-size: 38rem;
    }

    .about-benefits-section__list {
        gap: 16rem;
    }

    .about-benefit-card {
        width: 100%;
        padding: 28rem;
    }

    .about-benefit-card__title {
        font-size: 28rem;
    }

    .about-mission-section {
        padding: 56rem 0;
    }

    .about-mission-card {
        gap: 32rem;
    }

    .about-mission-card__text {
        padding-right: 0;
    }

    .about-mission-card__brand {
        position: static;
        width: 160rem;
        height: 160rem;
        order: -1;
    }

    .about-goals-section {
        padding-bottom: 56rem;
    }

    .about-goals-section__container {
        gap: 32rem;
    }

    .about-goal-card {
        width: 100%;
    }

    .about-challenges-section {
        padding-bottom: 72rem;
    }

    .about-challenges-section__container {
        gap: 32rem;
    }

    .about-challenges-section__title {
        font-size: 38rem;
    }

    .about-challenges-section__description {
        font-size: 18rem;
    }

    .about-service-cta-section {
        padding-bottom: 72rem;
    }

    .about-service-cta-section__container {
        padding: 56rem 32rem;
        gap: 32rem;
    }

    .about-service-cta-section__content {
        gap: 40rem;
    }

    .about-service-cta-section__title {
        font-size: 38rem;
    }

    .about-service-cta-section__description {
        font-size: 18rem;
    }

    .about-service-cta-section__actions {
        width: 100%;
    }

    .about-service-cta-section__actions .hero-section__actions {
        width: 100%;
    }

    .about-service-cta-section__visual {
        min-height: 290rem;
    }

    .about-service-cta-section__currency--two {
        right: 84rem;
    }

    .about-service-cta-section__currency--four {
        right: -8rem;
    }

    .about-final-cta-section {
        padding-bottom: 72rem;
    }

    .about-final-cta-section__container {
        padding: 56rem 32rem;
        gap: 32rem;
    }

    .about-final-cta-section__content {
        gap: 40rem;
    }

    .about-final-cta-section__title {
        font-size: 38rem;
    }

    .about-final-cta-section__description {
        font-size: 18rem;
    }

    .about-final-cta-section__actions .hero-section__actions {
        width: 100%;
    }

    .about-final-cta-section__visual {
        min-height: 320rem;
    }

    .about-contacts-section {
        padding-bottom: 72rem;
    }

    .about-contacts-section__container {
        gap: 32rem;
    }

    .about-contacts-section__top + .contact-cta-section__list {
        margin-top: -12rem;
    }

    .invoice-page {
        gap: 72rem;
        padding-bottom: 72rem;
    }

    .invoice-hero-section__container {
        gap: 32rem;
        padding: 48rem 0;
    }

    .invoice-hero-section__title {
        font-size: 36rem;
    }

    .invoice-hero-section__description {
        font-size: 18rem;
    }

    .invoice-stats__item:last-child {
        padding-bottom: 0;
        border-bottom: 0;
    }

    .invoice-request-card {
        padding: 24rem;
        gap: 28rem;
    }

    .invoice-request-card__header {
        align-items: flex-start;
    }

    .invoice-request-card__icon {
        width: 56rem;
        height: 56rem;
    }

    .invoice-request-card__title {
        font-size: 30rem;
    }

    .invoice-request-card__control {
        flex-wrap: wrap;
    }

    .invoice-benefits-section__container {
        gap: 40rem;
    }

    .invoice-benefits-section__title {
        font-size: 28rem;
    }

    .invoice-benefit-card {
        min-height: auto;
        padding: 24rem;
    }

    .invoice-benefit-card__heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 20rem
    ;}

    .invoice-benefit-card__icon {
        width: 80rem;
        height: 80rem;
    }

    .invoice-benefit-card__title {
        font-size: 24rem;
    }

    .invoice-benefit-card__text {
        font-size: 16rem;
    }

    .currency-return-page {
        gap: 72rem;
        padding-bottom: 72rem;
    }

    .currency-return-hero, .currency-return-request-section {
        padding-top: 56rem;
        padding-bottom: 56rem;
    }

    .currency-return-hero__container, .currency-return-benefits__container, .currency-return-algorithm-intro__container, .currency-return-legal-section__container, .currency-return-offer-section__container {
        gap: 40rem;
    }

    .currency-return-hero__title, .currency-return-benefits__title, .currency-return-algorithm-intro__title, .currency-return-legal-section__title, .currency-return-offer-section__title {
        font-size: 28rem;
    }

    .currency-return-hero__description, .currency-return-step-card__text, .currency-return-feature-card__text, .currency-return-algorithm-intro__text, .currency-return-request-section__description, .currency-return-legal-section__subtitle, .currency-return-legal-row__solution, .currency-return-offer-banner__text {
        font-size: 16rem;
    }

    .currency-return-step-card, .currency-return-feature-card, .currency-return-offer-banner__slide {
        min-height: auto;
        padding: 24rem;
        gap: 24rem;
        flex-direction: column;
    }

    .currency-return-step-card__icon, .currency-return-feature-card__icon {
        width: 56rem;
        height: 56rem;
    }

    .currency-return-step-card__title {
        font-size: 28rem;
    }

    .currency-return-offer-banner__eyebrow, .currency-return-offer-banner__title {
        font-size: 30rem;
    }

    .currency-return-offer-banner__head {
        gap: 12rem;
    }

    .currency-return-offer-banner__controls {
        gap: 8rem;
    }

    .currency-return-offer-banner__visual {
        width: 200rem;
        height: 180rem;
        align-self: center;
    }

    .partner-page {
        gap: 72rem;
        padding-bottom: 72rem;
    }

    .partner-hero-section, .partner-application-section {
        padding-top: 56rem;
        padding-bottom: 56rem;
    }

    .partner-hero-section__container, .partner-income-section__container, .partner-benefits-section__container {
        gap: 40rem;
    }

    .partner-hero-section__title, .partner-income-section__title, .partner-benefits-section__title, .partner-join-banner__title, .partner-application-section__title {
        font-size: 36rem;
    }

    .partner-hero-section__description, .partner-hero-card__text, .partner-cta-banner__text, .partner-income-section__notes p, .partner-benefits-section__text, .partner-benefit-card__text, .partner-application-section__text {
        font-size: 16rem;
    }

    .partner-hero-card, .partner-benefit-card, .partner-cta-banner__container, .partner-income-section__card, .partner-join-banner__container, .partner-application-form {
        padding: 24rem;
    }

    .partner-hero-card, .partner-benefit-card {
        min-height: auto;
        gap: 24rem;
        width: 100%;
    }

    .partner-hero-card__icon, .partner-benefit-card__icon {
        width: 64rem;
        height: 64rem;
    }

    .partner-hero-card__title, .partner-benefit-card__title, .partner-application-form__title {
        font-size: 28rem;
    }

    .partner-cta-banner__actions, .partner-cta-banner__links {
        flex-direction: column;
        gap: 16rem;
    }

    .partner-cta-banner__planet {
        width: 140rem;
        height: 140rem;
        right: 50rem;
        top: 30rem;
    }

    .partner-cta-banner__orbit--one {
        width: 200rem;
        height: 200rem;
        right: 20rem;
    }

    .partner-cta-banner__orbit--two {
        width: 120rem;
        height: 120rem;
        right: 70rem;
    }

    .partner-income-result {
        width: 100%;
    }

    .partner-benefit-card {
        width: 100%;
    }

    .partner-application-form__field {
        width: 100%;
    }

    .contacts-page, .error-page {
        padding: 72rem 0;
    }

    .error-page__container {
        min-height: 520rem;
        gap: 32rem;
    }

    .error-page__code {
        font-size: 140rem;
    }

    .error-page__title {
        font-size: 28rem;
    }

    .error-page__button {
        min-width: 100%;
        width: 100%;
    }

    .hero-section__currency-orbit--static {
        width: 280rem;
        height: 280rem;
    }

    .hero-section__currency-orbit--static .hero-section__currency-content {
        width: 64rem;
        height: 64rem;
    }

    .shared-request-form {
        padding: 24rem 20rem;
        border-radius: 28rem;
    }

    .shared-request-form__header {
        flex-direction: column;
        align-items: flex-start;
    }

    .shared-request-form__currency-control {
        flex-direction: column;
        align-items: stretch;
        gap: 12rem;
    }

    .shared-request-form__select-wrap {
        min-width: 0;
        padding-left: 0;
        border-left: 0;
        border-top: 1rem solid rgba(240, 243, 250, 0.12);
    }

    .shared-request-form__select {
        width: 100%;
        min-height: 28rem;
    }

    .partner-bank-card__logo--image {
        max-height: 60rem;
    }

    .about-mission-card__image, .about-mission-card__logo {
        max-width: 150rem;
    }

    .about-final-cta-section__currency img {
        width: 24rem;
        height: 24rem;
    }

    .request-form.shared-request-form {
        padding: 24rem 20rem;
        border-radius: 20rem;
        gap: 28rem;
    }

    .invoice-request-card.shared-request-form {
        padding: 24rem;
        gap: 28rem;
        margin: 0;
        width: 100%;
    }

    .request-form.shared-request-form .shared-request-form__header, .invoice-request-card.shared-request-form .shared-request-form__header {
        flex-direction: column;
        align-items: flex-start;
        gap: 16rem;
    }

    .request-form.shared-request-form .shared-request-form__heading {
        width: auto;
    }

    .request-form.shared-request-form .shared-request-form__fields, .invoice-request-card.shared-request-form .shared-request-form__fields {
        gap: 18rem;
    }

    .request-form.shared-request-form .shared-request-form__field {
        gap: 12rem;
    }

    .request-form.shared-request-form .shared-request-form__select-icon, .request-form.shared-request-form .shared-request-form__select-fallback, .invoice-request-card.shared-request-form .shared-request-form__select-icon, .invoice-request-card.shared-request-form .shared-request-form__select-fallback {
        width: 28rem;
        height: 28rem;
    }

    .request-form.shared-request-form .shared-request-form__currency-control, .invoice-request-card.shared-request-form .shared-request-form__currency-control {
        flex-wrap: nowrap;
        align-items: center;
        column-gap: 12rem;
        row-gap: 0;
    }

    .request-form.shared-request-form .shared-request-form__amount, .invoice-request-card.shared-request-form .shared-request-form__amount {
        flex: 1 1 auto;
        min-width: 0;
    }

    .request-form.shared-request-form .shared-request-form__select-wrap, .invoice-request-card.shared-request-form .shared-request-form__select-wrap {
        width: auto;
        min-width: max-content;
        margin-left: auto;
        justify-content: flex-end;
    }

    .request-form.shared-request-form .shared-request-form__icon, .invoice-request-card.shared-request-form .shared-request-form__icon {
        display: none;
    }

    .invoice-request-card.shared-request-form .shared-request-form__title {
        font-size: 30rem;
    }

    .hero-section__currency-icon {
        width: 50rem;
        height: 50rem;
    }

    .hero-section__button--secondary {
        width: 46rem;
        min-width: 46rem;
        padding: 0;
    }

    .stats-section__list {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .stats-section__item {
        width: 100%;
        padding: 18rem 16rem;
        border-right: 1rem solid rgba(187, 190, 196, 0.8);
        border-bottom: 1rem solid rgba(187, 190, 196, 0.8);
    }

    .stats-section__item:nth-child(2n) {
        border-right: 0;
    }

    .stats-section__value {
        font-size: 36rem;
    }

    .stats-section__text {
        max-width: 100%;
        font-size: 14rem;
    }

    .contact-cta-card {
        padding: 20rem;
        border-radius: 20rem;
        gap: 18rem;
    }

    .about-hero-section__stats {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 16rem;
    }

    .about-stat-card {
        width: calc(50% - 8rem);
        min-height: 190rem;
        gap: 28rem;
        padding: 24rem;
    }

    .about-stat-card__icon {
        width: 60rem;
        height: 60rem;
        border-radius: 16rem;
    }

    .about-stat-card__value {
        font-size: 32rem;
    }

    .about-stat-card__text {
        font-size: 15rem;
    }

    .invoice-stats__value {
        font-size: 30rem;
    }

    .invoice-stats__text {
        font-size: 12rem;
    }

    .currency-return-benefits__title {
        gap: 0 8rem;
    }

    .currency-return-benefits__accent {
        height: 0.82em;
        min-height: 28rem;
        max-width: 220rem;
    }

    .workflow-section__heading {
        gap: 16rem;
    }

    .workflow-section__subtitle {
        font-size: 16rem;
    }

    .testimonials-slider .swiper-pagination, .partner-stories-slider .swiper-pagination {
        margin-top: 24rem;
    }

    .documents-page {
        padding-bottom: 72rem;
        background: linear-gradient(180deg, var(--Pale-blue) 0 180rem, transparent 180rem 100%);
    }

    .documents-hero {
        padding: 40rem 0 28rem;
    }

    .documents-hero__card, .documents-content {
        padding: 32rem 24rem;
        border-radius: 24rem;
    }

    .documents-hero__title {
        font-size: 40rem;
    }

    .documents-content h2, .documents-content__heading--h2 {
        font-size: 28rem;
        margin-top: 40rem;
    }

    .documents-content h3, .documents-content__heading--h3 {
        font-size: 22rem;
    }

    .hero-section__actions, .about-service-cta-section__actions .hero-section__actions, .about-final-cta-section__actions .hero-section__actions {
        width: 100%;
        flex-wrap: nowrap;
        gap: 12rem;
        max-width: 260rem;
    }

    .hero-section__button {
        width: auto;
        min-height: 52rem;
        font-size: 13rem;
        padding: 0 0 0 15rem;
        min-width: 100%;
    }

    .hero-section__button-icon {
        width: 52rem;
        min-width: 52rem;
        height: 52rem;
    }

    .hero-section__button--primary {
        flex: 1 1 auto;
    }

    .hero-section__button--secondary {
        flex: 0 0 auto;
    }

    .contact-cta-section__list {
        gap: 16rem;
    }

    .contact-cta-card {
        width: calc(50% - 8rem);
        min-height: 190rem;
    }

    .contact-cta-card:last-child:nth-child(odd) {
        width: 100%;
        min-height: 160rem;
    }

    .about-contacts-section__top {
        flex-direction: column;
    }

    .about-contacts-section__media {
        width: 100%;
        height: 220rem;
    }

    .about-contacts-section__media--map {
        order: 1;
    }

    .about-contacts-section__media--city {
        order: 2;
    }

    .invoice-stats {
        width: 100%;
        flex-direction:column;
        gap: 24rem;
        margin: 16rem auto;
    }

    .invoice-stats__item {
        width: 100%;
        padding: 0 0 15rem 0;
        border-right: 0;
        border-bottom: 1rem solid rgba(240, 243, 250, 0.45);
    }

    .invoice-stats__item:last-child {
        padding-right: 0;
        border-right: 0;
    }

    .currency-return-hero__steps, .currency-return-benefits__list, .partner-hero-section__cards {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 16rem;
    }

    .currency-return-step-card, .currency-return-feature-card, .partner-hero-card {
        width: calc(50% - 8rem);
        min-height: 184rem;
        padding: 20rem;
        gap: 20rem;
    }

    .currency-return-step-card:last-child:nth-child(odd), .currency-return-feature-card:last-child:nth-child(odd), .partner-hero-card:last-child:nth-child(odd) {
        width: 100%;
        min-height: 150rem;
    }

    .partner-cta-banner__container {
        padding: 24rem;
    }

    .partner-cta-banner__button {
        width: auto;
        min-width: 0;
    }

    .partner-cta-banner__button--primary {
        flex: 1 1 auto;
    }

    .partner-cta-banner__button--secondary {
        flex: 0 0 auto;
    }

    .partner-cta-banner__links {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 8rem 18rem;
    }

    .partner-cta-banner__visual {
        display: none;
    }

    .partner-join-banner__container {
        flex-direction: column;
        align-items: flex-end;
        justify-content: space-between;
        gap: 16rem;
        padding: 24rem;
    }

    .partner-join-banner__title {
        font-size: 24rem;
    }

    .partner-join-banner__logo {
        width: 92rem;
        min-width: 92rem;
        height: 92rem;
        font-size: 28rem;
    }

    .partner-income-section__card {
        gap: 28rem;
        padding: 24rem;
    }

    .partner-income-field {
        gap: 16rem;
    }

    .partner-income-field__input {
        min-height: 58rem;
    }

    .partner-income-field__currency-dropdown {
        margin-left: 12rem;
    }

    .partner-income-field__currency-menu {
        left: 0;
        right: auto;
        min-width: 100%;
        width: max-content;
        max-width: min(100vw - 48rem, 320rem);
    }

    .partner-income-result__value {
        font-size: 34rem;
    }

    .currency-return-benefits__title, .partner-benefits-section__title {
        gap: 8rem;
        max-width: 230rem;
        position: relative;
    }

    .partner-cta-banner__actions {
        width: 100%;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 10rem;
    }

    .partner-cta-banner__button.hero-section__button {
        width: auto;
        min-width: 0;
        min-height: 46rem;
        font-size: 13rem;
    }

    .partner-cta-banner__button .hero-section__button-icon {
        width: 46rem;
        min-width: 46rem;
        height: 46rem;
    }

    .partner-cta-banner__button.hero-section__button--primary {
        flex: 1 1 auto;
    }

    .partner-cta-banner__button.hero-section__button--secondary {
        width: 46rem;
        min-width: 46rem;
        padding: 0;
        flex: 0 0 46rem;
        padding-left: 16rem;
    }

    .partner-cta-banner__button.hero-section__button--secondary > span:first-child {
        display: none;
    }

    .stats-section__item {
        min-height: 110rem;
    }

    .advantage-card__icon--image {
        margin-bottom: 0;
    }

    .site-header {
        position: sticky !important;
    }

    .hero-section__visual {
        min-height: 380rem;
        --hero-orbit-outer-radius: 164rem;
        --hero-orbit-inner-radius: 118rem;
    }

    .hero-section__orbit--outer {
        width: 328rem;
        height: 328rem;
    }

    .hero-section__orbit--inner {
        width: 236rem;
        height: 236rem;
    }

    .shared-request-form__dropdown-menu {
        left: 0;
        right: auto;
        min-width: 100%;
    }

    .contact-cta-card, .testimonial-card, .partner-story-card {
        min-height: auto;
    }

    .request-form.shared-request-form.shared-request-form--home.shared-request-form--compact-labels .shared-request-form__currency-control, .invoice-request-card.shared-request-form.shared-request-form--invoice.shared-request-form--compact-labels .shared-request-form__currency-control, .currency-return-request-card.shared-request-form.shared-request-form--currency-return.shared-request-form--compact-labels .shared-request-form__currency-control {
        flex-wrap: nowrap;
        flex-direction: row;
        align-items: center;
        gap: 10rem;
    }

    .request-form.shared-request-form.shared-request-form--home.shared-request-form--compact-labels .shared-request-form__amount, .invoice-request-card.shared-request-form.shared-request-form--invoice.shared-request-form--compact-labels .shared-request-form__amount, .currency-return-request-card.shared-request-form.shared-request-form--currency-return.shared-request-form--compact-labels .shared-request-form__amount {
        flex: 1 1 auto;
        min-width: 0;
    }

    .request-form.shared-request-form.shared-request-form--home.shared-request-form--compact-labels .shared-request-form__select-wrap, .invoice-request-card.shared-request-form.shared-request-form--invoice.shared-request-form--compact-labels .shared-request-form__select-wrap, .currency-return-request-card.shared-request-form.shared-request-form--currency-return.shared-request-form--compact-labels .shared-request-form__select-wrap {
        width: auto;
        min-width: max-content;
        margin-left: auto;
        padding-top: 0;
        border-top: 0;
    }

    .bb-account-auth-card__footer {
        flex-direction: column;
        align-items: flex-start;
    }

    .bb-account-list-card__head,
    .bb-account-document-card {
        flex-direction: column;
        align-items: flex-start;
    }

    

    .bb-account-thread__message {
        max-width: 100%;
    }

    .bb-account-topbar__actions {
        gap: 8rem;
    }

    .bb-account-topbar__action,
    .bb-account-topbar__menu {
        width: 48rem;
        height: 48rem;
        border-radius: 16rem;
    }

    

    .bb-account-payment-card__header {
        flex-direction: column;
        align-items: flex-start;
    }

    .bb-account-topbar__right {
        flex-wrap: wrap;
    }

    .bb-account-contact-media {
        min-height: 180rem;
    }

    



    .bb-account-document-card--extended {
        align-items: flex-start;
    }

    .bb-account-document-card__meta {
        width: 100%;
        justify-content: space-between;
    }

    

    

    

    .bb-account-filters--expanded {
        padding: 14rem;
    }

    .bb-account-vertical-chart {
        min-height: 200rem;
    }

    .bb-account-vertical-chart__bar-shell {
        min-height: 132rem;
    }

    .bb-account-deal-estimate__row,
    .bb-account-deal-estimate__total,
    .bb-account-attachment-list__item {
        align-items: flex-start;
        flex-direction: column;
    }

    .bb-account-topbar__left,
    .bb-account-topbar__right {
        width: 100%;
        justify-content: space-between;
    }

    .bb-account-topbar__search {
        width: 100%;
    }

    .bb-account-action-card,
    .bb-account-metric,
    .bb-account-stat-tile {
        border-radius: 18rem;
    }

    .bb-account-card__hero {
        border-radius: 20rem;
    }

    

    .bb-account-checkbox-row {
        flex-direction: column;
    }

    .bb-account-task-item {
        flex-direction: column;
        align-items: flex-start;
    }

    .bb-account-table-wrap {
        overflow: visible;
    }

    .bb-account-table thead {
        width: 100%;
    }

.bb-account-table th {
        display: block;
        width: 100%;
    }

    .bb-account-table tbody {
        gap: 12rem;
        padding: 12rem;
    }

    .bb-account-table tr {
        border-radius: 16rem;
        border: 1rem solid #e5eaf4;
        background: #ffffff;
        box-shadow: 0 10rem 22rem rgba(72, 96, 138, 0.08);
    }

    .bb-account-table td + td {
        margin-top: 8rem;
    }

    

    .bb-account-card--side-stack {
        padding: 18rem;
    }

    

    .bb-account-session-item {
        flex-direction: column;
        align-items: flex-start;
    }

    .bb-account-content {
        padding: 12rem 14rem 96rem;
    }

    .bb-account-list-card,
    .bb-account-document-card,
    .bb-account-copy-box,
    .bb-account-info-table,
    .bb-account-documents-box,
    .bb-account-next-step-box,
    .bb-account-inline-summary,
    .bb-account-rate-box,
    .bb-account-contact-card,
    .bb-account-feature-box,
    .bb-account-income-projection,
    .bb-account-form-note {
        padding: 18rem;
    }

    .bb-account-card__hero {
        min-height: auto;
    }

    

    .bb-account-table-wrap {
        overflow-x: auto;
    }

    .bb-account-topbar__right {
        gap: 8rem;
    }

    .bb-account-topbar__profile-pill {
        display: none;
    }

    .bb-account-card,
    .bb-account-card__hero,
    .bb-account-card--deal-overview {
        padding: 20rem;
    }

    .bb-account-card__hero h2 {
        font-size: clamp(28rem, 8vw, 40rem);
    }

    

    .bb-account-copy-box {
        align-items: stretch;
    }

.bb-account-qr-box--inline,
    .bb-account-manager-card,
    .bb-account-toggle-row,
    .bb-account-card__header {
        flex-direction: column;
        align-items: stretch;
    }

    .bb-account-copy-box {
        flex-direction: column;
    }

    

    .bb-account-mobile-nav__link {
        min-height: 58rem;
    }

    body.bb-account-body .bb-account-content {
        padding-left: 18rem;
        padding-right: 18rem;
    }

    body.bb-account-body .bb-account-metrics-grid--compact > .bb-account-metric,
    body.bb-account-body .bb-account-action-strip > .bb-account-action-card,
    body.bb-account-body .bb-account-grid--payments-actions > * {
        flex: 1 1 100%;
        min-width: 0;
    }

    body.bb-account-body .bb-account-sidebar__toggle,
    body.bb-account-body .bb-account-overlay-menu__toggle {
        top: 8rem;
    }
    br.per-1024{
        display: none;
    }
    .header-logo {
        max-width: 170rem;
    }

    .header-mobile-login {
        min-height: 40rem;
        padding: 0 8rem;
        gap: 5rem;
        border-radius: 10rem;
        font-size: 14rem;
    }

    .header-mobile-login svg {
        width: 15rem;
        height: 15rem;
    }

    .header-burger, .mobile-menu__close {
        width: 40rem;
        min-width: 40rem;
        height: 40rem;
        border-radius: 10rem;
    }

    .header-burger::before, .header-burger::after, .header-burger span {
        width: 24rem;
        height: 1rem;
    }
    .hero-section__container {
        padding: 70rem 0 48rem;
    }

    .hero-section__badges {
        margin-bottom: 20rem;
    }

    .hero-section__title {
        font-size: 34rem;
    }

    .hero-section__visual {
        min-height: 310rem;
        --hero-orbit-outer-radius: 150rem;
        --hero-orbit-inner-radius: 110rem;
    }

    .hero-section__orbit--outer {
        width: 300rem;
        height: 300rem;
    }

    .hero-section__orbit--inner {
        width: 220rem;
        height: 220rem;
    }

    .hero-section__info-card {
        min-width: 0;
        width: calc(100% - 24rem);
        bottom: 0;
    }

    .stats-section__list {
        flex-direction: column;
    }

    .stats-section__item {
        border-right: 0;
        border-bottom: 1rem solid rgba(187, 190, 196, 0.8);
    }

    .stats-section__item:nth-child(-n/**/+2) {
        border-bottom: 1rem solid rgba(187, 190, 196, 0.8);
    }

    .stats-section__item:last-child {
        border-bottom: 0;
    }

    .stats-section__text {
        max-width: 100%;
    }

    .payments-section {
        padding-bottom: 56rem;
    }

    .payments-section__header {
        gap: 16rem;
        margin-bottom: 32rem;
    }

    .payments-card {
        padding: 20rem;
        border-radius: 20rem;
    }

    .payments-card__icon {
        width: 68rem;
        min-width: 68rem;
        height: 68rem;
        font-size: 28rem;
    }

    .payments-card__icon::before {
        width: 58rem;
        height: 58rem;
    }

    .payments-card__title {
        font-size: 24rem;
    }

    .payments-card__label, .payments-card__value, .payments-card__description {
        font-size: 16rem;
    }

    .transfer-request-section {
        padding-bottom: 56rem;
    }

    .transfer-request-section__content {
        gap: 28rem;
    }

    .transfer-steps {
        gap: 20rem;
    }

    .transfer-steps__line {
        left: 19rem;
    }

    .transfer-steps__badge {
        width: 40rem;
        min-width: 40rem;
        height: 40rem;
        font-size: 16rem;
    }

    .request-form {
        padding: 24rem 20rem;
        border-radius: 20rem;
        gap: 28rem;
    }

    .request-form__header {
        gap: 16rem;
        flex-direction: column;
    }

    .request-form__icon {
        width: 56rem;
        min-width: 56rem;
        height: 56rem;
    }

    .request-form__field {
        gap: 12rem;
    }

    .request-form__fields {
        gap: 18rem;
    }

    .request-form__currency {
        gap: 10rem;
    }

    .request-form__flag {
        width: 28rem;
        height: 28rem;
    }

    .advantages-section {
        padding-bottom: 56rem;
    }

    .advantage-card {
        padding: 20rem;
        border-radius: 20rem;
        gap: 28rem;
    }

    .advantage-card__title {
        font-size: 18rem;
    }

    .advantage-card__text {
        font-size: 16rem;
    }

    .workflow-section {
        padding: 48rem 0;
    }

    .workflow-section__header {
        gap: 20rem;
    }

    .workflow-section__tabs {
        width: 100%;
        gap: 6rem;
    }

    .workflow-section__tab {
        padding: 13rem 10rem;
        font-size: 16rem;
    }

    .workflow-step-card {
        padding: 20rem;
        border-radius: 24rem;
        gap: 24rem;
    }

    .workflow-step-card__icon {
        width: 60rem;
        min-width: 60rem;
        height: 60rem;
    }

    .workflow-step-card__number {
        font-size: 40rem;
    }

    .workflow-step-card__title {
        font-size: 18rem;
    }

    .workflow-step-card__text {
        font-size: 16rem;
    }

    .business-reasons-section {
        padding: 0;
    }

    .reason-card {
        width: 100%;
        padding: 35rem;
        border-radius: 20rem;
        gap: 70rem;
    }

    .reason-card__icon {
        width: 70rem;
        min-width: 70rem;
        height: 70rem;
    }

    .reason-card__content {
        gap: 14rem;
    }

    .reason-card__title {
        font-size: 20rem;
    }

    .reason-card__text {
        font-size: 16rem;
    }

    .testimonials-section {
        padding: 48rem 0;
    }

    .testimonial-card {
        width: 100%;
        padding: 20rem;
        border-radius: 20rem;
        gap: 20rem;
    }

    .testimonial-card__payment {
        padding: 15rem 15rem 15rem 67rem;
        flex-direction: column;
        align-items: flex-start;
    }

    .testimonial-card__service, .testimonial-card__text {
        font-size: 16rem;
    }

    .partner-banks-section {
        padding: 100rem 0;
    }

    .agent-offer-section {
        padding-bottom: 48rem;
    }

    .agent-offer-section__block {
        padding: 75rem 0 0;
        border-radius: 20rem;
    }

    .agent-offer-section__description {
        font-size: 18rem;
    }

    .agent-offer-section__title, .agent-offer-section__description {
        text-align: left;
    }

    .agent-offer-section__buttons {
        margin-top: 8rem;
        flex-direction: column;
    }

    .agent-offer-section__button, .agent-offer-section__button--secondary {
        width: 100%;
        max-width: 260rem;
    }

    .partner-stories-section {
        padding: 48rem 0;
        margin-top: 100rem;
    }

    .partner-story-card {
        width: 100%;
        min-height: auto;
        padding: 20rem;
        border-radius: 20rem;
        gap: 20rem;
    }

    .partner-story-card__person {
        padding: 18rem 18rem 18rem 58rem;
        flex-direction: column;
        align-items: flex-start;
        min-height: auto;
    }

    .partner-story-card__title, .partner-story-card__text {
        font-size: 16rem;
    }

    .faq-section {
        padding: 56rem 0;
    }

    .faq-item--open .faq-item__toggle{
        border-radius: 16rem 16rem 0 0;
    }
    .faq-item {
        border-radius: 24rem;
    }

    .faq-item__toggle {
        border-radius: 100rem;
    }

    .faq-item__question {
        font-size: 16rem;
        padding: 8rem 0rem 8rem 24rem;
    }

    .faq-item__answer {
        padding: 14rem 16rem;
        border-radius: 0 0 20rem 20rem;
    }

    .faq-item__answer p {
        font-size: 16rem;
    }

    .contact-cta-section {
        padding: 56rem 0;
    }

    .contact-cta-card {
        border-radius: 20rem;
    }

    .about-hero-section__container {
        padding: 48rem 0 56rem;
        align-items: flex-start;
    }

    .about-hero-section__header {
        max-width: 100%;
        align-items: flex-start;
        text-align: left;
    }

    .about-hero-section__eyebrow {
        font-size: 36rem;
        text-align: center;
    }

    .about-hero-section__title {
        max-width: 320rem;
        font-size: 20rem;
        text-align: center;
    }

    .about-hero-section__stats {
        margin-top: 40rem;
    }

    .about-stat-card {
        border-radius: 20rem;
    }

    .about-stat-card__icon {
        width: 70rem;
        height: 70rem;
        border-radius: 18rem;
    }

    .about-stat-card__text {
        font-size: 18rem;
    }

    .about-benefits-section {
        padding: 48rem 0;
    }

    .about-benefit-card {
        padding: 24rem;
        border-radius: 20rem;
        gap: 28rem;
    }

    .about-benefit-card__heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 20rem;
    }

    .about-benefit-card__icon {
        width: 80rem;
        min-width: 80rem;
        height: 80rem;
        border-radius: 16rem;
    }

    .about-benefits-section__title {
        font-size: 34rem;
    }

    .about-benefit-card__title {
        font-size: 24rem;
    }

    .about-benefit-card__text {
        font-size: 16rem;
    }

    .about-mission-section {
        padding: 48rem 0;
    }

    .about-mission-card {
        padding: 24rem;
        gap: 24rem;
        border-radius: 20rem;
    }

    .about-mission-card__title {
        font-size: 28rem;
    }

    .about-mission-card__text {
        gap: 18rem;
    }

    .about-mission-card__text p {
        font-size: 16rem;
    }

    .about-mission-card__brand {
        width: 132rem;
        height: 132rem;
    }

    .about-mission-card__brand-text {
        font-size: 24rem;
    }

    .about-goals-section {
        padding-bottom: 48rem;
    }

    .about-goal-card {
        min-height: auto;
        padding: 20rem;
        border-radius: 20rem;
        gap: 20rem;
    }

    .about-goal-card__header {
        align-items: flex-start;
        flex-direction: column;
        gap: 20rem;
    }

    .about-goal-card__badge {
        width: 70rem;
        min-width: 70rem;
        height: 70rem;
        font-size: 28rem;
    }

    .about-goal-card__title {
        font-size: 20rem;
        max-width: 280rem;
    }

    .about-goal-card__text {
        font-size: 16rem;
    }

    .about-challenges-section {
        padding-bottom: 56rem;
    }

    .about-challenges-section__header {
        gap: 20rem;
    }

    .about-challenges-section__title {
        font-size: 34rem;
    }

    .about-challenges-section__description {
        font-size: 16rem;
    }

    .about-service-cta-section {
        padding-bottom: 56rem;
    }

    .about-service-cta-section__container {
        padding: 75rem 0 0;
        border-radius: 20rem;
    }

    .about-service-cta-section__content {
        gap: 32rem;
    }

    .about-service-cta-section__header {
        gap: 20rem;
    }

    .about-service-cta-section__title {
        font-size: 28rem;
        max-width: 300rem;
    }

    .about-service-cta-section__description, .about-service-cta-section__note {
        font-size: 20rem;
        max-width: 305rem;
    }

    .about-service-cta-section__subline {
        font-size: 14rem;
    }

    .about-service-cta-section__visual {
        display: none;
    }

    .about-service-cta-section__currency--one, .about-service-cta-section__currency--three, .about-service-cta-section__currency--four {
        display: none;
    }

    .about-service-cta-section__currency--two {
        width: 44rem;
        right: 16rem;
        top: 12rem;
    }

    .about-final-cta-section {
        padding-bottom: 56rem;
    }

    .about-final-cta-section__container {
        padding: 40rem 24rem;
        border-radius: 20rem;
    }

    .about-final-cta-section__content {
        gap: 32rem;
    }

    .about-final-cta-section__header {
        gap: 20rem;
    }

    .about-final-cta-section__title {
        font-size: 34rem;
    }

    .about-final-cta-section__description, .about-final-cta-section__note {
        font-size: 16rem;
    }

    .about-final-cta-section__actions {
        width: 100%;
    }

    .about-final-cta-section__subline {
        font-size: 14rem;
    }

    .about-final-cta-section__visual {
        min-height: 270rem;
    }

    .about-final-cta-section__orbit--outer {
        width: 270rem;
        height: 270rem;
    }

    .about-final-cta-section__orbit--inner {
        width: 200rem;
        height: 200rem;
    }

    .about-final-cta-section__planet {
        width: 164rem;
        height: 164rem;
        padding: 26rem;
    }

    .about-final-cta-section__currency {
        width: 60rem;
        height: 60rem;
        font-size: 28rem;
    }

    .about-contacts-section {
        padding-bottom: 56rem;
    }

    .about-contacts-section__title {
        font-size: 34rem;
    }

    .about-contacts-section__media {
        height: 220rem;
        border-radius: 20rem;
    }

    .about-contacts-section__glow {
        width: 160rem;
        height: 160rem;
        right: 24rem;
        top: 16rem;
    }

    .request-form.shared-request-form .shared-request-form__currency-control, .invoice-request-card.shared-request-form .shared-request-form__currency-control {
        padding: 12rem 14rem;
        column-gap: 10rem;
    }

    .request-form.shared-request-form .shared-request-form__select-wrap, .invoice-request-card.shared-request-form .shared-request-form__select-wrap {
        justify-content: flex-end;
    }

    .shared-request-form__dropdown-toggle {
        width: auto;
        justify-content: flex-end;
    }

    .shared-request-form__dropdown-option {
        padding: 10rem;
    }

    .header-top .container, .header-top__left, .header-top__right {
        flex-direction: row;
        gap: 8rem;
    }

    .stats-section {
        padding: 24rem 0 56rem;
    }

    .stats-section__item {
        min-height: 102rem;
        padding: 16rem 14rem;
    }

    .stats-section__text {
        font-size: 15rem;
    }

    .contact-cta-card {
        width: 100%;
        min-height: 300rem;
        padding: 18rem;
    }

    .contact-cta-card:last-child:nth-child(odd) {
        width: 100%;
    }

    .contact-cta-card__heading {
        font-size: 17rem;
    }

    .contact-cta-card__link, .contact-cta-card__eyebrow {
        font-size: 13rem;
    }

    .about-hero-section__stats {
        flex-direction: row;
    }

    .about-stat-card {
        width: 100%;
        min-height: 320rem;
        padding: 35rem 35rem 55rem;
        gap: 24rem;
        justify-content: space-between;
    }

    .about-stat-card__value {
        font-size: 44rem;
    }

    .invoice-stats__value {
        font-size: 44rem;
    }

    .invoice-stats__text {
        font-size: 15rem;
    }

    .currency-return-step-card, .currency-return-feature-card, .partner-hero-card {
        width: calc(50% - 8rem);
        min-height: 160rem;
        padding: 18rem;
    }

    .currency-return-step-card:last-child:nth-child(odd), .currency-return-feature-card:last-child:nth-child(odd), .partner-hero-card:last-child:nth-child(odd) {
        width: 100%;
    }

    .site-footer {
        padding: 40rem 0 24rem;
    }

    .site-footer__top {
        display: flex;
        flex-wrap: wrap;
        gap: 24rem 16rem;
    }

    .site-footer__top > * {
        flex: 1 1 calc(50% - 8rem);
        min-width: 220rem;
    }

    .site-footer__title {
        font-size: 16rem;
    }

    .site-footer__description, .site-footer__copyright, .site-footer__note, .site-footer__item a, .site-footer__contact-item, .site-footer__contact-item a {
        font-size: 12rem;
    }

    .testimonials-slider .swiper-pagination-bullet, .partner-stories-slider .swiper-pagination-bullet {
        width: 10rem;
        height: 10rem;
    }

    .testimonials-slider .swiper-pagination-bullet-active, .partner-stories-slider .swiper-pagination-bullet-active {
        width: 24rem;
    }

    .documents-page {
        padding-bottom: 56rem;
    }

    .documents-hero__card, .documents-content, .documents-nav {
        padding: 24rem 20rem;
        border-radius: 20rem;
    }

    .documents-hero__eyebrow {
        margin-bottom: 12rem;
        font-size: 13rem;
    }

    .documents-hero__title {
        font-size: 30rem;
    }

    .documents-hero__lead, .documents-content p, .documents-content li, .documents-content td, .documents-content th, .documents-content blockquote {
        font-size: 16rem;
    }

    .documents-hero__meta {
        margin-top: 20rem;
        flex-direction: column;
        align-items: flex-start;
        gap: 10rem;
    }

    .documents-hero__meta-item {
        min-height: 38rem;
        padding: 8rem 14rem;
        font-size: 14rem;
    }

    .documents-nav__title {
        font-size: 20rem;
    }

    .documents-nav__link, .documents-nav__link--h3 {
        padding: 10rem 12rem;
        font-size: 14rem;
    }

    .documents-nav__link--h3 {
        padding-left: 22rem;
    }

    .documents-content h2, .documents-content__heading--h2 {
        font-size: 24rem;
        margin: 32rem 0 16rem;
    }

    .documents-content h3, .documents-content__heading--h3 {
        font-size: 20rem;
        margin: 24rem 0 14rem;
    }

    .documents-content h4, .documents-content h5, .documents-content h6 {
        font-size: 18rem;
    }

    .documents-content ul, .documents-content ol {
        padding-left: 22rem;
    }

    .documents-content blockquote, .documents-content pre {
        padding: 18rem 16rem;
        border-radius: 18rem;
    }

    .documents-content table th, .documents-content table td {
        padding: 12rem;
    }

    .header-top .container {
        padding: 8rem 0;
        gap: 12rem;
    }

    .header-top__left {
        gap: 16rem;
    }

    .header-top__item {
        gap: 8rem;
    }

    .header-top__item span {
        font-size: 14rem;
    }

    .header-top__item strong {
        font-size: 22rem;
        line-height: 1;
    }

    .header-bot .container {
        gap: 12rem;
        padding: 12rem 0;
    }

    .header-mobile-controls {
        gap: 10rem;
    }

    .header-burger::before {
        transform: translateY(-9rem);
    }

    .header-burger::after {
        transform: translateY(9rem);
    }

    .mobile-menu {
        width: min(100vw, 360rem);
        padding: 24rem 20rem;
    }

    .mobile-menu__logo {
        max-width: 190rem;
    }

    .mobile-menu__list a {
        font-size: 18rem;
    }

    .mobile-menu__contact-label {
        font-size: 13rem;
    }

    .mobile-menu__contact-value {
        font-size: 16rem;
    }

    .mobile-menu__account {
        min-height: 54rem;
        font-size: 16rem;
    }

    .partner-banks-section__list {
        gap: 16rem;
    }

    .partner-bank-card {
        width: calc(50% - 8rem);
        min-height: 96rem;
        padding: 18rem 16rem;
    }

    .partner-bank-card__logo {
        font-size: 16rem;
    }

    .advantages-section__list {
        flex-direction: column;
    }

    .advantages-section__list > .advantage-card {
        width: 100% !important;
        min-height: auto;
        flex-shrink: 0;
    }

    .payments-card__meta {
        flex-wrap: wrap;
        gap: 6rem 10rem;
        align-items: flex-start;
    }

    .payments-card__value {
        word-break: break-word;
    }

    .partner-story-card__person {
        position: relative;
    }

    .partner-story-card__avatar {
        display: none;
    }

    .partner-story-card__brand {
        width: 40rem;
        height: 40rem;
        position: absolute;
        left: 10rem;
        top: 50%;
        transform: translateY(-50%);
    }

    .workflow-step-card {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .workflow-step-card__number {
        order: 1;
    }

    .workflow-step-card__icon {
        order: 2;
        margin-left: auto;
    }

    .workflow-step-card__content {
        order: 3;
        flex: 0 0 100%;
    }

    .request-form.shared-request-form.shared-request-form--home.shared-request-form--compact-labels .shared-request-form__dropdown-toggle, .invoice-request-card.shared-request-form.shared-request-form--invoice.shared-request-form--compact-labels .shared-request-form__dropdown-toggle, .currency-return-request-card.shared-request-form.shared-request-form--currency-return.shared-request-form--compact-labels .shared-request-form__dropdown-toggle {
        width: auto;
        justify-content: flex-end;
    }

    .bb-account-auth-screen__copy,
    .bb-account-auth-card,
    .bb-account-flow-card,
    .bb-account-card,
    .bb-account-section__hero {
        border-radius: 24rem;
    }

    .bb-account-auth-screen__copy h1,
    .bb-account-flow-card h1 {
        font-size: 40rem;
    }

    .bb-account-list-card__head h3,
    .bb-account-document-card h3,
    .bb-account-card h3 {
        font-size: 22rem;
    }

    .bb-account-mobile-nav {
        left: 10rem;
        right: 10rem;
        bottom: 10rem;
        padding: 8rem;
        border-radius: 20rem;
    }

    .bb-account-table {
        min-width: 0;
    }

    .bb-account-table thead {
        display: none;
    }

    .bb-account-table,
    .bb-account-table tbody,
    .bb-account-table tr,
    .bb-account-table td {
        display: block;
        width: 100%;
    }

    .bb-account-table tr {
        padding: 14rem 16rem;
        border-bottom: 1rem solid rgba(110, 137, 197, 0.12);
    }

    .bb-account-table td {
        padding: 8rem 0;
        border: 0;
    }

    .bb-account-table td::before {
        content: attr(data-label);
        display: block;
        margin-bottom: 4rem;
        color: var(--bb-account-muted);
        font-size: 12rem;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;
    }

    .bb-account-table__action {
        width: 100%;
    }

    .fancybox-slide {
        padding-left: 6rem;
        padding-right: 6rem;
    }

    .fancybox-slide--image {
        padding: 6rem 0;
    }

    .fancybox-close-small {
        right: -6rem;
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36rem;
        opacity: 1;
        padding: 6rem;
        right: 0;
        top: 0;
        width: 36rem;
    }

    .fancybox-caption {
        padding-left: max(12rem,env(safe-area-inset-left));
        padding-right: max(12rem,env(safe-area-inset-right));
    }

    .fancybox-thumbs {
        width: 110rem;
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110rem;
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10rem);
    }
    br.per-1024{
        display: none;
    }
    .payments-section__title{
        font-size: 28rem;
        max-width: 260rem;
    }
    .transfer-request-section__title{
        font-size: 28rem;
    }
    br.per-768{
        display: block;
    }
    .shared-request-form__title{
        font-size: 24rem;
    }
    .shared-request-form__note{
        text-align: left;
    }
    .advantages-section__title{
        font-size: 28rem;
    }
    .advantage-card__pattern{
        right: -165rem;
    }
    .advantages-section__list .advantage-card:nth-child(2) .advantage-card__text{
        max-width: 150rem;
    }
    .advantage-card:nth-child(4) .advantage-card__icon{
        margin-bottom: 100rem;
    }
    .advantage-card:nth-child(3) .advantage-card__icon,
    .advantage-card:nth-child(2) .advantage-card__icon{
        margin-bottom: 40rem;
    }
    .advantages-section__list .advantage-card:nth-child(1) .advantage-card__title{
        max-width: 230rem;
    }
    .advantage-card:last-child .advantage-card__icon--image{
        margin-bottom: 0;
    }
    .advantage-card:nth-child(3) .advantage-card__title{
        max-width: 170rem;
    }
    .workflow-step-card:nth-child(1) .workflow-step-card__title{
        max-width: 180rem;
    }
    .testimonials-section__title{
        max-width: 235rem;
        font-size: 28rem;
    }
    .testimonial-card__payment-meta strong{
        white-space: nowrap;
    }
    .testimonial-card__payment-meta{
        flex-direction: row;
    }
    .partner-banks-section__title,
    .agent-offer-section__title,
    .partner-stories-section__title,
    .faq-section__title,
    .contact-cta-section__title{
        font-size: 28rem;
    }
    .site-footer__brand{
        width: 100%;
    }
    .site-footer__brand, .site-footer__column, .site-footer__column--legal{
        width: 100%;
    }
    .site-footer__column--legal{
        order: 1;
    }
    .site-footer__column:nth-child(1){
        order: 2;
    }
    .site-footer__column:nth-child(3){
        order: 3;
    }
    .business-reasons-section__accent img{
        bottom: 14rem;
        left: 140rem;
    }
    .about-goals-section__title{
        font-size: 28rem;
    }
    .about-service-cta-section__container img{
        display: none;
    }
    .workflow-section__title{
        font-size: 28rem;
        margin-bottom:20rem;
    }
    .currency-return-step-card:nth-child(1), .currency-return-step-card:nth-child(2){
        width: 100%;
    }
    .currency-return-page .business-reasons-section__accent img{
        bottom: 4rem;
        left: 25rem;
        height: 24rem;
    }
    .currency-return-feature-card:nth-child(1), .currency-return-feature-card:nth-child(2){
        width: 100%;
    }
    .partner-hero-card:nth-child(1), .partner-hero-card:nth-child(2){
        width: 100%;
    }
    .partner-cta-banner__title{
        font-size: 28rem;
    }
    .partner-page .partner-cta-banner__actions{
        flex-direction: column;
    }
    .partner-cta-banner__button.hero-section__button--secondary{
        width: 100%;
    }
    .partner-cta-banner__button.hero-section__button--secondary > span:first-child{
        display: block;
    }
    .partner-application-section__content{
        width: 100%;
    }
    .partner-income-section__controls{
        width: 100%;
    }
    .partner-benefits-section__title{
        font-size: 28rem;
        max-width: 280rem;
    }
    .partner-benefits-section__title .business-reasons-section__accent img{
        bottom: 13rem;
        left: 155rem;
    }

    .bb-mobile-bottom-bar {
        gap: 8rem;
        padding: 12rem 16rem calc(12rem + env(safe-area-inset-bottom));
    }

    .bb-mobile-bottom-bar__link {
        gap: 8rem;
        font-size: 12rem;
    }

}

/* BankBooker personal cabinet UX/UI refresh. Integrated into the existing mobile cascade. */

@media (max-width: 767px) {
    body.bb-account-body .bb-account-content {
        padding: 14rem 12rem calc(108rem + env(safe-area-inset-bottom));
    }

    body.bb-account-body .bb-account-section,
    body.bb-account-body .bb-account-stack,
    body.bb-account-body .bb-account-grid,
    body.bb-account-body [class*="bb-account-grid--"] {
        gap: 16rem;
    }

    body.bb-account-body .bb-account-card,
    body.bb-account-body .bb-account-list-card,
    body.bb-account-body .bb-account-document-card,
    body.bb-account-body .bb-account-copy-box,
    body.bb-account-body .bb-account-info-table,
    body.bb-account-body .bb-account-documents-box,
    body.bb-account-body .bb-account-next-step-box,
    body.bb-account-body .bb-account-inline-summary,
    body.bb-account-body .bb-account-rate-box,
    body.bb-account-body .bb-account-contact-card,
    body.bb-account-body .bb-account-feature-box,
    body.bb-account-body .bb-account-income-projection,
    body.bb-account-body .bb-account-form-note,
    body.bb-account-body .bb-account-card--deal-overview {
        padding: 18rem;
        border-radius: 18rem;
    }

    body.bb-account-body .bb-account-card__hero {
        min-height: auto;
        padding: 22rem 18rem;
        border-radius: 20rem;
    }

    body.bb-account-body .bb-account-card__hero--dashboard,
    body.bb-account-body .bb-account-card__hero--page,
    body.bb-account-body .bb-account-card__hero--deal-form,
    body.bb-account-body .bb-account-card__hero--partner,
    body.bb-account-body .bb-account-card__hero--referral,
    body.bb-account-body .bb-account-card__hero--payments,
    body.bb-account-body .bb-account-card__hero--manager,
    body.bb-account-body .bb-account-card__hero--support,
    body.bb-account-body .bb-account-card__hero--faq,
    body.bb-account-body .bb-account-card__hero--documents,
    body.bb-account-body .bb-account-card__hero--security,
    body.bb-account-body .bb-account-card__hero--contacts,
    body.bb-account-body .bb-account-card__hero--payouts,
    body.bb-account-body .bb-account-card__hero--page.has-extra {
        gap: 16rem;
    }

    body.bb-account-body .bb-account-card__hero h2 {
        font-size: clamp(25rem, 8vw, 34rem);
    }

    body.bb-account-body .bb-account-card__hero p {
        font-size: 14rem;
        -webkit-line-clamp: 3;
    }

    

    body.bb-account-body .bb-account-metric {
        min-height: 96rem;
    }

    body.bb-account-body .bb-account-action-card {
        min-height: auto;
        
        gap: 12rem;
        padding: 16rem;
    }

    

    body.bb-account-body .bb-account-progress-line {
        gap: 14rem 10rem;
    }

    body.bb-account-body .bb-account-progress-line__step::before {
        display: none;
    }

    body.bb-account-body .bb-account-list-card__head,
    body.bb-account-body .bb-account-document-card--extended,
    body.bb-account-body .bb-account-history-item__topline,
    body.bb-account-body .bb-account-payment-card__header,
    body.bb-account-body .bb-account-session-item,
    body.bb-account-body .bb-account-task-item,
    body.bb-account-body .bb-account-toggle-row,
    body.bb-account-body .bb-account-manager-card,
    body.bb-account-body .bb-account-card__header,
    body.bb-account-body .bb-account-copy-box,
    body.bb-account-body .bb-account-qr-box--inline {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 12rem;
    }

    body.bb-account-body .bb-account-list-card__meta,
    body.bb-account-body .bb-account-document-card__meta {
        width: 100%;
        justify-content: space-between;
        text-align: left;
    }

    body.bb-account-body .bb-account-thread__message {
        max-width: 100%;
    }

    body.bb-account-body .bb-account-copy-box .bb-account-button,
    body.bb-account-body .bb-account-button--full,
    body.bb-account-body .bb-account-form button[type="submit"] {
        width: 100%;
    }

    body.bb-account-body .bb-account-table-wrap {
        overflow: visible;
        border: 0;
        background: transparent;
        box-shadow: none;
    }

    body.bb-account-body .bb-account-table,
    body.bb-account-body .bb-account-table tr,
    body.bb-account-body .bb-account-table th,
    body.bb-account-body .bb-account-table td {
        display: block;
        width: 100%;
        min-width: 0;
    }

body.bb-account-body .bb-account-table thead,
    body.bb-account-body .bb-account-table tbody {
        width: 100%;
        min-width: 0;
    }

    body.bb-account-body .bb-account-table thead {
        display: none;
    }

    body.bb-account-body .bb-account-table tbody {
        
        padding: 0;
    }

    body.bb-account-body .bb-account-table tr {
        padding: 14rem;
        border: 1rem solid var(--bb-app-border);
        border-radius: 16rem;
        background: #ffffff;
        box-shadow: var(--bb-app-shadow-soft);
    }

    body.bb-account-body .bb-account-table td {
        padding: 0;
        border: 0;
        font-size: 14rem;
    }

    body.bb-account-body .bb-account-table td + td {
        margin-top: 10rem;
    }

    body.bb-account-body .bb-account-table td::before {
        content: attr(data-label);
        display: block;
        margin-bottom: 4rem;
        color: var(--bb-app-muted-2);
        font-size: 10rem;
        font-weight: 900;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    body.bb-account-body .bb-account-mobile-nav {
        left: 8rem;
        right: 8rem;
        bottom: max(8rem, env(safe-area-inset-bottom));
        border-radius: 22rem;
        padding: 7rem;
    }

    body.bb-account-body .bb-account-mobile-nav__link {
        min-height: 58rem;
        gap: 4rem;
        padding: 7rem 3rem;
        border-radius: 16rem;
        font-size: 10.5rem;
    }

    body.bb-account-body .bb-account-mobile-nav__icon,
    body.bb-account-body .bb-account-mobile-nav__icon svg {
        width: 20rem;
        height: 20rem;
    }

    body.bb-account-body .bb-account-auth-screen {
        padding: 18rem 12rem 28rem;
    }

    body.bb-account-body .bb-account-auth-screen__layout {
        gap: 16rem;
    }

    body.bb-account-body .bb-account-auth-screen__copy,
    body.bb-account-body .bb-account-auth-card,
    body.bb-account-body .bb-account-flow-card {
        padding: 22rem;
        border-radius: 20rem;
    }

    body.bb-account-body .bb-account-auth-screen__copy h1 {
        font-size: clamp(32rem, 11vw, 44rem);
    }





    /* Account refinements: mobile cascade layer. */
    body.bb-account-body .bb-account-button.bb-account-button--primary,
    body.bb-account-body .bb-account-report__button,
    body.bb-account-body .bb-account-table__action,
    body.bb-account-body .bb-account-form button[type="submit"],
    body.bb-account-body .bb-account-button.bb-account-button--ghost.bb-account-deal-overview__button,
    body.bb-account-body .bb-account-deal-overview__button {
        color: #ffffff;
    }

    body.bb-account-body .bb-account-grid--payments-bottom-updated > :first-child,
    body.bb-account-body .bb-account-grid--transactions-layout-updated > :first-child,
    body.bb-account-body .bb-account-grid--reports-layout-updated > :first-child,
    body.bb-account-body .bb-account-grid--payouts-main-updated > :first-child,
    body.bb-account-body .bb-account-grid--support-layout > :first-child,
    body.bb-account-body .bb-account-grid--profile-layout > :first-child,
    body.bb-account-body .bb-account-grid--documents-layout-main > :first-child,
    body.bb-account-body .bb-account-grid--manager-layout-main > :first-child,
    body.bb-account-body .bb-account-grid--deal-form-layout > :first-child,
    body.bb-account-body .bb-account-grid--reports-layout > :first-child,
    body.bb-account-body .bb-account-grid--analytics-layout > :first-child,
    body.bb-account-body .bb-account-grid--payments-bottom > :first-child,
    body.bb-account-body .bb-account-grid--security-layout > :first-child,
    body.bb-account-body .bb-account-grid--analytics-layout-updated > :first-child,
    body.bb-account-body .bb-account-grid--income-layout-updated > :first-child,
    body.bb-account-body .bb-account-grid--partner-tools-layout-updated > :first-child,
    body.bb-account-body .bb-account-grid--referral-layout-updated > :first-child,
    body.bb-account-body .bb-account-grid--deals-layout-advanced > :first-child,
    body.bb-account-body .bb-account-grid--partner-tools-layout-advanced > :first-child,
    body.bb-account-body .bb-account-grid--payouts-main > :first-child,
    body.bb-account-body .bb-account-grid--income-layout-advanced > :first-child,
    body.bb-account-body .bb-account-grid--payments-bottom-advanced > :first-child,
    body.bb-account-body .bb-account-grid--reports-layout-advanced > :first-child,
    body.bb-account-body .bb-account-grid--analytics-layout-advanced > :first-child,
    body.bb-account-body .bb-account-grid--referral-layout > :first-child,
    body.bb-account-body .bb-account-grid--partner-tools-layout > :first-child {
        flex: 1;
        width: 100%;
        min-width: 0;
    }

    body.bb-account-body .bb-account-progress-line--deal-form {
        margin: 0 -2rem;
        padding: 14rem 4rem 32rem;
        border-radius: 16rem;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: thin;
    }

    body.bb-account-body .bb-account-progress-line--deal-form .bb-account-progress-line__step {
        flex: 0 0 76rem;
    }

    body.bb-account-body .bb-account-progress-line--deal-form .bb-account-progress-line__step::before {
        top: 17rem;
        left: calc(50% + 19rem);
        right: calc(-50% + 19rem);
    }

    body.bb-account-body .bb-account-progress-line--deal-form .bb-account-progress-line__step span {
        width: 36rem;
        height: 36rem;
        box-shadow: 0 0 0 4rem #fbfdff;
    }

    body.bb-account-body .bb-account-progress-line--deal-form .bb-account-progress-line__step svg {
        width: 16rem;
        height: 16rem;
    }

    body.bb-account-body .bb-account-progress-line--deal-form .bb-account-progress-line__step small {
        top: 46rem;
        width: 72rem;
        font-size: 9.5rem;
        line-height: 1.12;
    }

    body.bb-account-body .bb-account-vertical-chart--compact {
        flex-wrap: nowrap;
        gap: 8rem;
        min-height: 198rem;
        padding: 12rem;
        border-radius: 18rem;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: thin;
    }

    body.bb-account-body .bb-account-vertical-chart--compact .bb-account-vertical-chart__item {
        flex: 0 0 54rem;
        min-width: 54rem;
    }

    body.bb-account-body .bb-account-vertical-chart--compact .bb-account-vertical-chart__bar-shell {
        min-height: 112rem;
        padding: 10rem 4rem 0;
    }

    body.bb-account-body .bb-account-vertical-chart--compact .bb-account-vertical-chart__bar {
        width: 24rem;
    }

    body.bb-account-body .bb-account-vertical-chart--compact .bb-account-vertical-chart__value {
        min-height: 24rem;
        padding: 0 7rem;
        font-size: 10rem;
    }

    body.bb-account-body .bb-account-vertical-chart--compact .bb-account-vertical-chart__label {
        font-size: 9.5rem;
    }



    body.bb-account-body .bb-account-card__hero--analytics.has-extra {
        padding: 22rem 18rem 18rem;
        gap: 16rem;
        border-radius: 22rem;
    }

    body.bb-account-body .bb-account-card__hero--analytics.has-extra h2 {
        font-size: clamp(26rem, 8vw, 34rem);
    }

    body.bb-account-body .bb-account-card__hero--analytics.has-extra p {
        display: block;
        -webkit-line-clamp: unset;
        overflow: visible;
        font-size: 14rem;
    }

    body.bb-account-body .bb-account-card__hero--analytics.has-extra .bb-account-metrics-grid--compact > * {
        flex: 1 1 100%;
        min-width: 100%;
    }

    body.bb-account-body .bb-account-card--analytics-rates .bb-account-rate-chart > * {
        flex: 1 1 100%;
        min-width: 100%;
    }

    body.bb-account-body .bb-account-vertical-chart {
        gap: 10rem;
    }

    body.bb-account-body .bb-account-vertical-chart::before {
        bottom: 40rem;
    }

    body.bb-account-body .bb-account-vertical-chart__item {
        min-width: 30rem;
    }

    body.bb-account-body .bb-account-vertical-chart__bar-shell {
        min-height: 158rem;
        padding-left: 3rem;
        padding-right: 3rem;
    }

    body.bb-account-body .bb-account-vertical-chart__bar {
        max-width: 22rem;
        border-radius: 10rem 10rem 5rem 5rem;
    }

    body.bb-account-body .bb-account-vertical-chart__value {
        font-size: 10rem;
    }

    body.bb-account-body .bb-account-vertical-chart__label {
        font-size: 9rem;
    }

    body.bb-account-body .bb-account-vertical-chart--analytics-primary .bb-account-vertical-chart__bar-shell {
        min-height: 192rem;
    }

    body.bb-account-body .bb-account-vertical-chart--analytics-primary .bb-account-vertical-chart__bar {
        max-width: 24rem;
    }

    body.bb-account-body .bb-account-donut-chart__figure {
        width: 136rem;
        height: 136rem;
    }

    body.bb-account-body .bb-account-donut-chart__figure::before {
        width: 82rem;
        height: 82rem;
    }

    body.bb-account-body .bb-account-donut-chart__center strong {
        font-size: 17rem;
    }

    body.bb-account-body .bb-account-inline-summary--analytics {
        flex-direction: column;
    }

    body.bb-account-body .bb-account-security-point {
        flex-direction: column;
        align-items: flex-start;
    }

    body.bb-account-body .bb-account-security-point span,
    body.bb-account-body .bb-account-security-point .bb-account-badge {
        margin-left: 0;
        text-align: left;
    }

    body.bb-account-body .bb-account-session-item {
        flex-direction: column;
        align-items: flex-start;
    }

    body.bb-account-body .bb-account-copy-box {
        flex-direction: column;
    }

    body.bb-account-body .bb-account-copy-box .bb-account-button {
        width: 100%;
    }

    body.bb-account-body .bb-account-qr-box {
        min-height: 160rem;
    }

}

@media (max-width: 380px) {

    body.bb-account-body .bb-account-topbar__right {
        right: 12rem;
    }

}

/* BankBooker account mobile UX refinement: compact app bar, light drawer, one bottom navigation. */
@media (max-width: 768px) {
    body.bb-account-body {
        overflow-x: hidden;
        background: #f6f8fb;
    }

    body.bb-account-body .bb-mobile-bottom-bar {
        display: none;
    }

    body.bb-account-body .bb-account-app,
    body.bb-account-body .bb-account-main {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        margin: 0;
        padding: 0;
        background: #f6f8fb;
    }

    body.bb-account-body {
        --bb-account-topbar-z-index: 56;
        --bb-account-topbar-wrap: nowrap;
        --bb-account-topbar-gap: 8rem;
        --bb-account-topbar-min-height: 58rem;
        --bb-account-topbar-padding: max(8rem, env(safe-area-inset-top)) 10rem 8rem;
        --bb-account-topbar-border: 0;
        --bb-account-topbar-border-bottom: 1rem solid rgba(22, 40, 95, 0.08);
        --bb-account-topbar-radius: 0;
        --bb-account-topbar-background: rgba(255, 255, 255, 0.97);
        --bb-account-topbar-backdrop: blur(18rem);
        --bb-account-topbar-shadow: 0 8rem 22rem rgba(15, 31, 61, 0.07);
    }

    body.bb-account-body .bb-account-topbar--expanded {
        --bb-account-topbar-direction: row;
        --bb-account-topbar-wrap: nowrap;
    }

    body.bb-account-body .bb-account-topbar__left {
        width: auto;
        min-width: 0;
        align-items: center;
        gap: 9rem;
        flex: 1 1 auto;
        flex-wrap: nowrap;
    }

    body.bb-account-body .bb-account-topbar__right {
        position: static;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex: 0 0 auto;
        flex-wrap: nowrap;
        width: auto;
        gap: 6rem;
        min-width: 0;
    }

    body.bb-account-body .bb-account-topbar__menu {
        display: inline-flex;
        flex: 0 0 40rem;
        width: 40rem;
        min-width: 40rem;
        height: 40rem;
        border-radius: 14rem;
        color: #0f4fe3;
        background: #eef5ff;
        border: 1rem solid rgba(15, 79, 227, 0.12);
        box-shadow: none;
        transform: none;
    }

    body.bb-account-body .bb-account-topbar__menu svg {
        width: 20rem;
        height: 20rem;
    }

    body.bb-account-body .bb-account-topbar__screen-title {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        min-width: 0;
        max-width: 100%;
        gap: 1rem;
    }

    body.bb-account-body .bb-account-topbar__screen-title span {
        max-width: 100%;
        overflow: hidden;
        color: #8792aa;
        font-size: 9.5rem;
        font-weight: 900;
        letter-spacing: 0.10em;
        line-height: 1.05;
        text-overflow: ellipsis;
        text-transform: uppercase;
        white-space: nowrap;
    }

    body.bb-account-body .bb-account-topbar__screen-title h1 {
        max-width: 100%;
        margin: 0;
        overflow: hidden;
        color: #17233d;
        font-size: 17rem;
        font-weight: 900;
        letter-spacing: -0.02em;
        line-height: 1.12;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body.bb-account-body .bb-account-topbar__search,
    body.bb-account-body .bb-account-topbar__profile-pill,
    body.bb-account-body .bb-account-topbar__language,
    body.bb-account-body .bb-account-topbar__action[aria-label="Настройки"] {
        display: none;
    }

    body.bb-account-body .bb-account-topbar__action {
        width: 38rem;
        min-width: 38rem;
        height: 38rem;
        border-radius: 14rem;
        color: #0f4fe3;
        background: #ffffff;
        border: 1rem solid rgba(22, 40, 95, 0.08);
        box-shadow: none;
        transform: none;
    }

    body.bb-account-body .bb-account-topbar__action svg {
        width: 18rem;
        height: 18rem;
    }

    body.bb-account-body .bb-account-topbar__action.has-counter span {
        top: 3rem;
        right: 3rem;
        min-width: 15rem;
        height: 15rem;
        padding: 0 4rem;
        font-size: 8.5rem;
        font-weight: 900;
        box-shadow: 0 4rem 10rem rgba(219, 39, 119, 0.22);
    }

    body.bb-account-body .bb-account-overlay-menu {
        z-index: 80;
        padding: 0;
        background: rgba(15, 31, 61, 0.34);
        -webkit-backdrop-filter: blur(8rem);
        backdrop-filter: blur(8rem);
    }

    body.bb-account-body .bb-account-overlay-menu__header,
    body.bb-account-body .bb-account-overlay-menu__body {
        width: min(92vw, 360rem);
        margin-left: 0;
        margin-right: auto;
        transform: translateX(-26rem);
        box-shadow: 14rem 0 34rem rgba(15, 31, 61, 0.18);
    }

    body.bb-account-body .bb-account-overlay-menu.is-open .bb-account-overlay-menu__header,
    body.bb-account-body .bb-account-overlay-menu.is-open .bb-account-overlay-menu__body {
        transform: translateX(0);
    }

    body.bb-account-body .bb-account-overlay-menu__header {
        min-height: 68rem;
        padding: max(10rem, env(safe-area-inset-top)) 12rem 10rem;
        border-radius: 0 22rem 0 0;
        background: linear-gradient(135deg, #0f4fe3 0%, #083191 100%);
        border-bottom: 0;
    }

    body.bb-account-body .bb-account-overlay-menu__header .bb-account-brand {
        max-width: 190rem;
    }

    body.bb-account-body .bb-account-overlay-menu__header .bb-account-brand img {
        max-width: 176rem;
        max-height: 38rem;
        object-fit: contain;
    }

    body.bb-account-body .bb-account-overlay-menu__close {
        width: 38rem;
        min-width: 38rem;
        height: 38rem;
        border-radius: 14rem;
        color: #ffffff;
        background: rgba(255, 255, 255, 0.14);
        border: 1rem solid rgba(255, 255, 255, 0.18);
        box-shadow: none;
    }

    body.bb-account-body .bb-account-overlay-menu__close svg {
        width: 18rem;
        height: 18rem;
    }

    body.bb-account-body .bb-account-overlay-menu__body {
        height: calc(100dvh - 68rem);
        padding: 12rem 12rem calc(16rem + env(safe-area-inset-bottom));
        gap: 6rem;
        align-content: start;
        overflow-y: auto;
        border-radius: 0 0 22rem 0;
        color: #17233d;
        background: #ffffff;
    }

    body.bb-account-body .bb-account-overlay-menu__body::before {
        content: "Меню кабинета";
        display: block;
        margin: 0 4rem 4rem;
        color: #7d8aa5;
        font-size: 10rem;
        font-weight: 900;
        letter-spacing: 0.11em;
        line-height: 1.2;
        text-transform: uppercase;
    }

    body.bb-account-body .bb-account-overlay-menu__group {
        padding: 0;
        border: 0;
    }

    body.bb-account-body .bb-account-overlay-menu__link,
    body.bb-account-body .bb-account-overlay-menu__link--parent {
        min-height: 43rem;
        padding: 7rem 42rem 7rem 9rem;
        gap: 9rem;
        border-radius: 15rem;
        border: 1rem solid transparent;
        background: #ffffff;
        color: #26324f;
        font-size: 13.2rem;
        font-weight: 800;
        line-height: 1.18;
        box-shadow: none;
        transform: none;
    }

    body.bb-account-body .bb-account-overlay-menu__link:hover,
    body.bb-account-body .bb-account-overlay-menu__link:focus-visible,
    body.bb-account-body .bb-account-overlay-menu__group.is-open > .bb-account-overlay-menu__link--parent:not(.is-active) {
        color: #0f4fe3;
        background: #f3f7ff;
        border-color: rgba(15, 79, 227, 0.10);
        box-shadow: none;
        transform: none;
    }

    body.bb-account-body .bb-account-overlay-menu__link.is-active {
        color: #0f4fe3;
        background: linear-gradient(135deg, rgba(15, 79, 227, 0.12), rgba(24, 183, 239, 0.13));
        border-color: rgba(15, 79, 227, 0.16);
        box-shadow: none;
        transform: none;
    }

    body.bb-account-body .bb-account-overlay-menu__icon {
        width: 30rem;
        height: 30rem;
        flex: 0 0 30rem;
        border-radius: 12rem;
        color: #0f4fe3;
        background: #eef5ff;
    }

    body.bb-account-body .bb-account-overlay-menu__icon svg {
        width: 17rem;
        height: 17rem;
    }

    body.bb-account-body .bb-account-overlay-menu__toggle {
        top: 6rem;
        right: 6rem;
        width: 31rem;
        min-width: 31rem;
        height: 31rem;
        border-radius: 12rem;
        color: #0f4fe3;
        background: #eef5ff;
        border: 1rem solid rgba(15, 79, 227, 0.10);
        box-shadow: none;
    }

    body.bb-account-body .bb-account-overlay-menu__subnav {
        gap: 5rem;
        max-height: 0;
        opacity: 0;
        padding: 0 0 0 42rem;
        overflow: hidden;
        pointer-events: none;
    }

    body.bb-account-body .bb-account-overlay-menu__group.is-open .bb-account-overlay-menu__subnav {
        max-height: 420rem;
        opacity: 1;
        padding: 5rem 0 6rem 42rem;
        pointer-events: auto;
    }

    body.bb-account-body .bb-account-overlay-menu__sublink {
        min-height: 32rem;
        padding: 6rem 10rem;
        border-radius: 12rem;
        background: #f8fbff;
        color: #65738f;
        font-size: 12rem;
        font-weight: 800;
        line-height: 1.2;
        box-shadow: none;
        transform: none;
    }

    body.bb-account-body .bb-account-overlay-menu__sublink:hover,
    body.bb-account-body .bb-account-overlay-menu__sublink:focus-visible,
    body.bb-account-body .bb-account-overlay-menu__sublink.is-active {
        background: #edf5ff;
        color: #0f4fe3;
        transform: none;
    }

    body.bb-account-body .bb-account-overlay-menu__logout {
        min-height: 42rem;
        margin-top: 7rem;
        padding: 0 12rem;
        border-radius: 15rem;
        border: 1rem solid rgba(216, 60, 81, 0.16);
        color: #c92f45;
        background: #fff6f7;
        font-size: 13rem;
        font-weight: 900;
        box-shadow: none;
        transform: none;
    }

    body.bb-account-body .bb-account-content {
        padding: 12rem 10rem calc(90rem + env(safe-area-inset-bottom));
    }

    body.bb-account-body .bb-account-section,
    body.bb-account-body .bb-account-stack,
    body.bb-account-body .bb-account-grid,
    body.bb-account-body [class*="bb-account-grid--"],
    body.bb-account-body .bb-account-dashboard .bb-account-action-grid {
        gap: 12rem;
    }

    body.bb-account-body .bb-account-card,
    body.bb-account-body .bb-account-list-card,
    body.bb-account-body .bb-account-document-card,
    body.bb-account-body .bb-account-copy-box,
    body.bb-account-body .bb-account-info-table,
    body.bb-account-body .bb-account-documents-box,
    body.bb-account-body .bb-account-next-step-box,
    body.bb-account-body .bb-account-inline-summary,
    body.bb-account-body .bb-account-rate-box,
    body.bb-account-body .bb-account-contact-card,
    body.bb-account-body .bb-account-feature-box,
    body.bb-account-body .bb-account-income-projection,
    body.bb-account-body .bb-account-form-note,
    body.bb-account-body .bb-account-card--deal-overview,
    body.bb-account-body .bb-account-card--side-stack {
        padding: 14rem;
        border-radius: 16rem;
    }

    body.bb-account-body .bb-account-card__hero,
    body.bb-account-body .bb-account-section__hero {
        min-height: auto;
        padding: 17rem 15rem;
        border-radius: 18rem;
        gap: 12rem;
    }

    body.bb-account-body .bb-account-card__hero h2,
    body.bb-account-body .bb-account-section__hero h1 {
        font-size: clamp(22rem, 7.2vw, 30rem);
        line-height: 1.06;
        letter-spacing: -0.04em;
    }

    body.bb-account-body .bb-account-card__hero p,
    body.bb-account-body .bb-account-section__hero p,
    body.bb-account-body .bb-account-card p,
    body.bb-account-body .bb-account-list-card p {
        font-size: 13rem;
        line-height: 1.42;
    }

    body.bb-account-body .bb-account-card__hero p {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    body.bb-account-body .bb-account-metrics-grid,
    body.bb-account-body .bb-account-metrics-grid--compact,
    body.bb-account-body .bb-account-stat-tiles,
    body.bb-account-body .bb-account-inline-summary,
    body.bb-account-body .bb-account-top-sources,
    body.bb-account-body .bb-account-dashboard .bb-account-action-grid--two {
        gap: 10rem;
    }

    body.bb-account-body .bb-account-grid--payments-actions,
    body.bb-account-body .bb-account-grid--deal-columns,
    body.bb-account-body .bb-account-grid--2,
    body.bb-account-body .bb-account-grid--3,
    body.bb-account-body .bb-account-form--grid,
    body.bb-account-body .bb-account-filter-bar,
    body.bb-account-body .bb-account-filters--expanded,
    body.bb-account-body .bb-account-report-form,
    body.bb-account-body .bb-account-report__filters {
        gap: 12rem;
    }

    body.bb-account-body .bb-account-metric,
    body.bb-account-body .bb-account-kpi,
    body.bb-account-body .bb-account-stat-tile {
        min-height: 82rem;
        padding: 12rem;
        border-radius: 16rem;
    }

    body.bb-account-body .bb-account-metric span,
    body.bb-account-body .bb-account-kpi span,
    body.bb-account-body .bb-account-stat-tile span {
        font-size: 10.5rem;
        line-height: 1.25;
    }

    body.bb-account-body .bb-account-metric strong,
    body.bb-account-body .bb-account-kpi strong,
    body.bb-account-body .bb-account-stat-tile strong {
        font-size: clamp(18rem, 5vw, 23rem);
        line-height: 1.08;
    }

    body.bb-account-body .bb-account-action-card {
        min-height: auto;
        
        gap: 10rem;
        padding: 13rem;
        border-radius: 16rem;
    }

    body.bb-account-body .bb-account-action-card__icon {
        width: 38rem;
        height: 38rem;
        border-radius: 14rem;
    }

    body.bb-account-body .bb-account-action-card strong {
        font-size: 14rem;
        line-height: 1.2;
    }

    body.bb-account-body .bb-account-action-card small {
        font-size: 12rem;
        line-height: 1.35;
    }

    body.bb-account-body .bb-account-button,
    body.bb-account-body .bb-account-report__button,
    body.bb-account-body .bb-account-field input,
    body.bb-account-body .bb-account-field textarea,
    body.bb-account-body .bb-account-field select,
    body.bb-account-body .bb-account-upload-field input[type="file"],
    body.bb-account-body .bb-account-copy-box input,
    body.bb-account-body .bb-account-filters input,
    body.bb-account-body .bb-account-filters select,
    body.bb-account-body .bb-account-currency-select__preview {
        min-height: 44rem;
        border-radius: 14rem;
        font-size: 13rem;
    }

    body.bb-account-body .bb-account-table-wrap {
        overflow: visible;
        border: 0;
        background: transparent;
        box-shadow: none;
    }

    body.bb-account-body .bb-account-table tbody {
        gap: 10rem;
    }

    body.bb-account-body .bb-account-table tr {
        padding: 12rem;
        border-radius: 15rem;
        box-shadow: 0 8rem 20rem rgba(15, 31, 61, 0.06);
    }

    body.bb-account-body .bb-account-table td {
        font-size: 13rem;
        line-height: 1.35;
    }

    body.bb-account-body .bb-account-table td + td {
        margin-top: 8rem;
    }

    body.bb-account-body .bb-account-table td::before {
        margin-bottom: 3rem;
        font-size: 9rem;
    }

    body.bb-account-body .bb-account-mobile-nav {
        position: fixed;
        left: 10rem;
        right: 10rem;
        bottom: calc(8rem + env(safe-area-inset-bottom));
        z-index: 58;
        gap: 3rem;
        padding: 6rem;
        border: 1rem solid rgba(22, 40, 95, 0.10);
        border-radius: 22rem;
        background: rgba(255, 255, 255, 0.98);
        box-shadow: 0 12rem 28rem rgba(15, 31, 61, 0.14);
        -webkit-backdrop-filter: blur(18rem);
        backdrop-filter: blur(18rem);
    }

    body.bb-account-body .bb-account-mobile-nav__link {
        min-height: 51rem;
        padding: 6rem 2rem 5rem;
        gap: 3rem;
        border-radius: 17rem;
        border: 1rem solid transparent;
        background: transparent;
        color: #6b7891;
        font-size: 10.2rem;
        font-weight: 850;
        line-height: 1.04;
        text-align: center;
        box-shadow: none;
        transform: none;
    }

    body.bb-account-body .bb-account-mobile-nav__link:hover,
    body.bb-account-body .bb-account-mobile-nav__link:focus-visible {
        color: #0f4fe3;
        background: #f3f7ff;
        transform: none;
    }

    body.bb-account-body .bb-account-mobile-nav__link.is-active {
        color: #0f4fe3;
        background: linear-gradient(135deg, rgba(15, 79, 227, 0.11), rgba(24, 183, 239, 0.11));
        border-color: rgba(15, 79, 227, 0.12);
    }

    body.bb-account-body .bb-account-mobile-nav__icon,
    body.bb-account-body .bb-account-mobile-nav__icon svg {
        width: 19rem;
        height: 19rem;
    }

    body.bb-account-body .bb-account-mobile-nav__link span:last-child {
        display: block;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media (max-width: 380px) {
    body.bb-account-body {
        --bb-account-topbar-gap: 6rem;
        --bb-account-topbar-padding: max(8rem, env(safe-area-inset-top)) 8rem 8rem;
    }

    body.bb-account-body .bb-account-topbar__left {
        gap: 7rem;
    }

    body.bb-account-body .bb-account-topbar__menu,
    body.bb-account-body .bb-account-topbar__action {
        width: 37rem;
        min-width: 37rem;
        height: 37rem;
        border-radius: 13rem;
    }


    body.bb-account-body .bb-account-topbar__right {
        gap: 4rem;
    }

    body.bb-account-body .bb-account-topbar__screen-title span {
        font-size: 9rem;
    }

    body.bb-account-body .bb-account-topbar__screen-title h1 {
        font-size: 15.5rem;
    }

    body.bb-account-body .bb-account-content {
        padding-left: 8rem;
        padding-right: 8rem;
        padding-bottom: calc(86rem + env(safe-area-inset-bottom));
    }

    body.bb-account-body .bb-account-card,
    body.bb-account-body .bb-account-list-card,
    body.bb-account-body .bb-account-document-card,
    body.bb-account-body .bb-account-copy-box,
    body.bb-account-body .bb-account-info-table,
    body.bb-account-body .bb-account-documents-box,
    body.bb-account-body .bb-account-next-step-box,
    body.bb-account-body .bb-account-inline-summary,
    body.bb-account-body .bb-account-rate-box,
    body.bb-account-body .bb-account-contact-card,
    body.bb-account-body .bb-account-feature-box,
    body.bb-account-body .bb-account-income-projection,
    body.bb-account-body .bb-account-form-note,
    body.bb-account-body .bb-account-card--deal-overview,
    body.bb-account-body .bb-account-card--side-stack {
        padding: 12rem;
        border-radius: 15rem;
    }

    body.bb-account-body .bb-account-metrics-grid,
    body.bb-account-body .bb-account-metrics-grid--compact,
    body.bb-account-body .bb-account-stat-tiles,
    body.bb-account-body .bb-account-inline-summary,
    body.bb-account-body .bb-account-top-sources,
    body.bb-account-body .bb-account-dashboard .bb-account-action-grid--two {
        gap: 8rem;
    }

    body.bb-account-body .bb-account-mobile-nav {
        left: 8rem;
        right: 8rem;
        bottom: calc(7rem + env(safe-area-inset-bottom));
        padding: 5rem;
        border-radius: 20rem;
    }

    body.bb-account-body .bb-account-mobile-nav__link {
        min-height: 49rem;
        padding: 5rem 1rem;
        border-radius: 15rem;
        font-size: 9.4rem;
    }

    body.bb-account-body .bb-account-mobile-nav__icon,
    body.bb-account-body .bb-account-mobile-nav__icon svg {
        width: 18rem;
        height: 18rem;
    }

    body.bb-account-body .bb-account-overlay-menu__header,
    body.bb-account-body .bb-account-overlay-menu__body {
        width: min(94vw, 344rem);
    }
}

/* BankBooker account flex layout: mobile account overrides without CSS Grid declarations. */
@media (max-width: 767px) {
    body.bb-account-body .bb-account-card__hero--dashboard,
    body.bb-account-body .bb-account-card__hero--page,
    body.bb-account-body .bb-account-card__hero--deal-form,
    body.bb-account-body .bb-account-card__hero--partner,
    body.bb-account-body .bb-account-card__hero--referral,
    body.bb-account-body .bb-account-card__hero--payments,
    body.bb-account-body .bb-account-card__hero--manager,
    body.bb-account-body .bb-account-card__hero--support,
    body.bb-account-body .bb-account-card__hero--faq,
    body.bb-account-body .bb-account-card__hero--documents,
    body.bb-account-body .bb-account-card__hero--security,
    body.bb-account-body .bb-account-card__hero--contacts,
    body.bb-account-body .bb-account-card__hero--payouts,
    body.bb-account-body .bb-account-card__hero--page.has-extra,
    body.bb-account-body .bb-account-auth-screen__layout,
    body.bb-account-body .bb-account-manager-card--panel,
    body.bb-account-body .bb-account-qr-box--inline,
    body.bb-account-body .bb-account-copy-box {
        flex-direction: column;
        flex-wrap: nowrap;
    }

    body.bb-account-body .bb-account-card__hero--dashboard > *,
    body.bb-account-body .bb-account-card__hero--page > *,
    body.bb-account-body .bb-account-card__hero--deal-form > *,
    body.bb-account-body .bb-account-card__hero--partner > *,
    body.bb-account-body .bb-account-card__hero--referral > *,
    body.bb-account-body .bb-account-card__hero--payments > *,
    body.bb-account-body .bb-account-card__hero--manager > *,
    body.bb-account-body .bb-account-card__hero--support > *,
    body.bb-account-body .bb-account-card__hero--faq > *,
    body.bb-account-body .bb-account-card__hero--documents > *,
    body.bb-account-body .bb-account-card__hero--security > *,
    body.bb-account-body .bb-account-card__hero--contacts > *,
    body.bb-account-body .bb-account-card__hero--payouts > *,
    body.bb-account-body .bb-account-card__hero-extra,
    body.bb-account-body .bb-account-auth-screen__layout > *,
    body.bb-account-body .bb-account-copy-box > *,
    body.bb-account-body .bb-account-qr-box--inline > * {
        flex: 1 1 auto;
        width: 100%;
        min-width: 0;
    }

    body.bb-account-body .bb-account-action-strip > *,
    body.bb-account-body .bb-account-grid--payments-actions > *,
    body.bb-account-body .bb-account-grid--deal-columns > *,
    body.bb-account-body .bb-account-grid--2 > *,
    body.bb-account-body .bb-account-grid--3 > *,
    body.bb-account-body .bb-account-form--grid > *,
    body.bb-account-body .bb-account-filter-bar > *,
    body.bb-account-body .bb-account-filters--expanded > *,
    body.bb-account-body .bb-account-report-form > *,
    body.bb-account-body .bb-account-report__filters > *,
    body.bb-account-body .bb-account-kpi-grid > *,
    body.bb-account-body .bb-account-kpi-grid--four > *,
    body.bb-account-body .bb-account-export-actions--full > *,
    body.bb-account-body .bb-account-contact-links--grid > *,
    body.bb-account-body .bb-account-dashboard .bb-account-action-grid--two > * {
        flex: 1 1 100%;
    }

    body.bb-account-body .bb-account-progress-line > * {
        flex-basis: calc((100% - 10rem) / 2);
        min-width: 0;
    }

    body.bb-account-body .bb-account-mini-chart__bar span {
        flex-basis: 56rem;
    }

    body.bb-account-body .bb-account-mini-chart__bar strong {
        flex: 1 1 calc(100% - 68rem);
        margin-left: 56rem;
        text-align: left;
    }

    body.bb-account-body .bb-account-action-card {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }

    body.bb-account-body .bb-account-action-card__icon {
        flex: 0 0 42rem;
    }

    body.bb-account-body .bb-account-action-card strong {
        flex: 1 1 calc(100% - 54rem);
        min-width: 0;
    }

    body.bb-account-body .bb-account-action-card small {
        flex: 1 1 calc(100% - 54rem);
        margin-left: 54rem;
    }

    body.bb-account-body .bb-account-table tbody {
        display: flex;
        flex-direction: column;
        gap: 12rem;
    }
}

@media (max-width: 768px) {
    body.bb-account-body .bb-account-metrics-grid > *,
    body.bb-account-body .bb-account-metrics-grid--compact > *,
    body.bb-account-body .bb-account-stat-tiles > *,
    body.bb-account-body .bb-account-inline-summary > *,
    body.bb-account-body .bb-account-top-sources > *,
    body.bb-account-body .bb-account-dashboard .bb-account-action-grid--two > * {
        flex: 1 1 calc(50% - 8rem);
    }

    body.bb-account-body .bb-account-grid--payments-actions > *,
    body.bb-account-body .bb-account-grid--deal-columns > *,
    body.bb-account-body .bb-account-grid--2 > *,
    body.bb-account-body .bb-account-grid--3 > *,
    body.bb-account-body .bb-account-form--grid > *,
    body.bb-account-body .bb-account-filter-bar > *,
    body.bb-account-body .bb-account-filters--expanded > *,
    body.bb-account-body .bb-account-report-form > *,
    body.bb-account-body .bb-account-report__filters > * {
        flex: 1 1 100%;
    }

    body.bb-account-body .bb-account-action-card {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }

    body.bb-account-body .bb-account-action-card__icon {
        flex: 0 0 38rem;
    }

    body.bb-account-body .bb-account-action-card strong {
        flex: 1 1 calc(100% - 48rem);
        min-width: 0;
    }

    body.bb-account-body .bb-account-action-card small {
        flex: 1 1 calc(100% - 48rem);
        margin-left: 48rem;
    }

    body.bb-account-body .bb-account-mobile-nav {
        display: flex;
        flex-wrap: nowrap;
    }

    body.bb-account-body .bb-account-mobile-nav__link {
        flex: 1 1 0;
        min-width: 0;
    }
    /* Dashboard hero: мобильный размер без новых брейкпоинтов. */
    body.bb-account-body .bb-account-card--hero-panel {
        border-radius: 22rem;
    }

    body.bb-account-body .bb-account-card--hero-panel .bb-account-card__hero--dashboard {
        gap: 0;
        padding: 0 12rem 14rem;
        border-radius: 22rem;
        box-shadow: 0 14rem 32rem rgba(22, 45, 91, 0.09);
    }

    body.bb-account-body .bb-account-card--hero-panel .bb-account-card__hero--dashboard::before {
        height: 164rem;
        background-position: center right;
    }

    body.bb-account-body .bb-account-card--hero-panel .bb-account-card__hero--dashboard > :first-child {
        min-height: 138rem;
        padding: 24rem 10rem 52rem;
    }

    body.bb-account-body .bb-account-card--hero-panel .bb-account-card__hero--dashboard h2 {
        max-width: 295rem;
        font-size: 22rem;
        line-height: 1.12;
        letter-spacing: -0.032em;
    }

    body.bb-account-body .bb-account-card--hero-panel .bb-account-card__hero--dashboard p {
        max-width: 290rem;
        margin-top: 8rem;
        font-size: 12rem;
        line-height: 1.42;
        -webkit-line-clamp: 2;
    }

    body.bb-account-body .bb-account-card--hero-panel .bb-account-card__hero--dashboard .bb-account-metrics-grid--compact {
        gap: 8rem;
        width: 100%;
        margin: -38rem 0 0;
    }

    body.bb-account-body .bb-account-card--hero-panel .bb-account-card__hero--dashboard .bb-account-metrics-grid--compact > .bb-account-metric {
        flex: 1 1 calc(50% - 4rem);
        min-width: 0;
        min-height: 76rem;
        padding: 11rem 9rem 10rem 46rem;
        border-radius: 15rem;
    }

    body.bb-account-body .bb-account-card--hero-panel .bb-account-card__hero--dashboard .bb-account-metric::before {
        left: 10rem;
        width: 28rem;
        height: 28rem;
        border-radius: 10rem;
        background-size: 15rem 15rem;
    }

    body.bb-account-body .bb-account-card--hero-panel .bb-account-card__hero--dashboard .bb-account-metric strong {
        font-size: 20rem;
    }

    body.bb-account-body .bb-account-card--hero-panel .bb-account-card__hero--dashboard .bb-account-metric span {
        font-size: 10.5rem;
        line-height: 1.22;
    }

    body.bb-account-body .bb-account-card--hero-panel .bb-account-card__hero--dashboard .bb-account-action-strip {
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 6rem;
        width: 100%;
        margin: 12rem 0 0;
        padding: 6rem;
        border-radius: 17rem;
    }

    body.bb-account-body .bb-account-card--hero-panel .bb-account-card__hero--dashboard .bb-account-action-strip > .bb-account-action-card {
        flex: 1 1 auto;
        width: 100%;
        min-height: 48rem;
        padding: 8rem 10rem;
        border-radius: 13rem;
        background: #f8fbff;
    }

    body.bb-account-body .bb-account-card--hero-panel .bb-account-card__hero--dashboard .bb-account-action-strip > .bb-account-action-card:not(:last-child) {
        border-right: 0;
        border-radius: 13rem;
    }

    body.bb-account-body .bb-account-card--hero-panel .bb-account-card__hero--dashboard .bb-account-action-card__icon {
        flex: 0 0 32rem;
        width: 32rem;
        height: 32rem;
    }

    body.bb-account-body .bb-account-card--hero-panel .bb-account-card__hero--dashboard .bb-account-action-card__icon svg {
        width: 14rem;
        height: 14rem;
    }

    body.bb-account-body .bb-account-card--hero-panel .bb-account-card__hero--dashboard .bb-account-action-card strong {
        flex: 1 1 auto;
        font-size: 12rem;
        line-height: 1.22;
    }

    body.bb-account-body .bb-account-card--hero-panel .bb-account-card__hero--dashboard .bb-account-action-card small {
        display: none;
    }
    /* Dashboard hero + deal overview: мобильная версия без дополнительных брейкпоинтов. */
    body.bb-account-body .bb-account-grid--dashboard-top > .bb-account-card--hero-panel {
        flex: 1 1 auto;
        width: 100%;
        min-height: 100%;
        gap: 14rem;
    }

    body.bb-account-body .bb-account-card--hero-panel .bb-account-card__hero--dashboard::before {
        height: 248rem;
    }

    body.bb-account-body .bb-account-card--hero-panel .bb-account-card__hero--dashboard > :first-child {
        min-height: auto;
        padding: 24rem 10rem 76rem;
    }

    body.bb-account-body .bb-account-card--hero-panel .bb-account-card__hero--dashboard p {
        display: block;
        max-width: 315rem;
        margin: 10rem 0 18rem;
        color: rgba(255, 255, 255, 0.88);
        font-size: 12rem;
        line-height: 1.45;
        overflow: visible;
        -webkit-line-clamp: initial;
        -webkit-box-orient: initial;
    }

    body.bb-account-body .bb-account-card--hero-panel .bb-account-card__hero--dashboard .bb-account-metrics-grid--compact {
        margin-top: -42rem;
    }

    body.bb-account-body .bb-account-card--hero-panel .bb-account-card--deal-overview-inline {
        gap: 14rem;
        padding: 14rem;
        border-radius: 20rem;
    }

    body.bb-account-body .bb-account-deal-overview__header {
        flex-direction: column;
        align-items: stretch;
        gap: 12rem;
    }

    body.bb-account-body .bb-account-deal-overview__header h3 {
        font-size: 20rem;
        line-height: 1.18;
    }

    body.bb-account-body .bb-account-deal-overview__meta {
        gap: 6rem;
    }

    body.bb-account-body .bb-account-deal-overview__meta strong {
        font-size: 16rem;
    }

    body.bb-account-body .bb-account-deal-overview__button {
        width: 100%;
        min-height: 40rem;
    }

    body.bb-account-body .bb-account-progress-line--deal-overview {
        margin: 0 -2rem;
        padding: 14rem 4rem 32rem;
        border-radius: 16rem;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: thin;
    }

    body.bb-account-body .bb-account-progress-line--deal-overview .bb-account-progress-line__step {
        flex: 0 0 76rem;
    }

    body.bb-account-body .bb-account-progress-line--deal-overview .bb-account-progress-line__step::before {
        top: 17rem;
        left: calc(50% + 19rem);
        right: calc(-50% + 19rem);
    }

    body.bb-account-body .bb-account-progress-line--deal-overview .bb-account-progress-line__step span {
        width: 36rem;
        height: 36rem;
        box-shadow: 0 0 0 4rem #fbfdff;
    }

    body.bb-account-body .bb-account-progress-line--deal-overview .bb-account-progress-line__step svg {
        width: 16rem;
        height: 16rem;
    }

    body.bb-account-body .bb-account-progress-line--deal-overview .bb-account-progress-line__step small {
        top: 46rem;
        width: 72rem;
        font-size: 9.5rem;
        line-height: 1.12;
    }

    body.bb-account-body .bb-account-deal-overview__columns {
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 12rem;
    }

    body.bb-account-body .bb-account-deal-overview__columns > .bb-account-deal-box {
        flex: 1 1 auto;
        width: 100%;
        min-width: 0;
        padding: 14rem;
        border-radius: 16rem;
    }

    body.bb-account-body .bb-account-deal-box h4 {
        font-size: 10rem;
    }

    body.bb-account-body .bb-account-documents-box__empty {
        min-height: 118rem;
        padding: 14rem;
    }

    body.bb-account-body .bb-account-manager-card {
        align-items: flex-start;
    }

    body.bb-account-body .bb-account-manager-card__avatar {
        flex-basis: 44rem;
        width: 44rem;
        height: 44rem;
        font-size: 14rem;
    }

    body.bb-account-body .bb-account-manager-card__contacts a,
    body.bb-account-body .bb-account-manager-card__chat,
    body.bb-account-body .bb-account-card--deal-overview-inline .bb-account-documents-box a {
        min-height: 38rem;
        font-size: 11.5rem;
    }


    body.bb-account-body .bb-account-analytics-layout {
        gap: 16rem;
    }

    body.bb-account-body .bb-account-analytics-layout__row,
    body.bb-account-body .bb-account-analytics-layout__side {
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 16rem;
        width: 100%;
        min-width: 0;
    }

    body.bb-account-body .bb-account-analytics-layout__side > *,
    body.bb-account-body .bb-account-card--analytics-monthly,
    body.bb-account-body .bb-account-card--analytics-rates {
        flex: 1 1 auto;
        width: 100%;
        min-width: 0;
    }

    body.bb-account-body .bb-account-card--analytics-monthly,
    body.bb-account-body .bb-account-card--analytics-status,
    body.bb-account-body .bb-account-card--analytics-activity,
    body.bb-account-body .bb-account-card--analytics-rates {
        padding: 18rem;
        border-radius: 20rem;
    }

    body.bb-account-body .bb-account-card--analytics-monthly .bb-account-vertical-chart--analytics-primary {
        min-height: 226rem;
        overflow-x: auto;
        overflow-y: hidden;
        flex-wrap: nowrap;
    }

    body.bb-account-body .bb-account-card--analytics-monthly .bb-account-vertical-chart--analytics-primary .bb-account-vertical-chart__item {
        flex: 0 0 44rem;
    }

    body.bb-account-body .bb-account-card--analytics-monthly .bb-account-vertical-chart--analytics-primary .bb-account-vertical-chart__bar-shell {
        min-height: 164rem;
    }

    body.bb-account-body .bb-account-card--analytics-status .bb-account-donut-chart__figure {
        width: 128rem;
        height: 128rem;
    }

    body.bb-account-body .bb-account-card--analytics-status .bb-account-donut-chart__figure::before {
        width: 78rem;
        height: 78rem;
    }

    body.bb-account-body .bb-account-card--analytics-activity .bb-account-vertical-chart--analytics-activity {
        min-height: 166rem;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
    }

    body.bb-account-body .bb-account-card--analytics-activity .bb-account-vertical-chart--analytics-activity .bb-account-vertical-chart__item {
        flex: 0 0 38rem;
    }

    body.bb-account-body .bb-account-card--analytics-activity .bb-account-vertical-chart--analytics-activity .bb-account-vertical-chart__bar-shell {
        min-height: 104rem;
    }

    body.bb-account-body .bb-account-card--analytics-activity .bb-account-inline-summary--analytics > * {
        flex: 1 1 100%;
        min-height: 68rem;
    }

    body.bb-account-body .bb-account-card--analytics-rates .bb-account-rate-chart > * {
        flex: 1 1 100%;
        min-width: 100%;
    }

}

@media (max-width: 380px) {
    body.bb-account-body .bb-account-topbar__menu {
        flex-basis: 37rem;
    }
}