/* ============================================================
   RESPONSIVE LAYOUT FIXES (original UI preserved)
   Layout/structure only — no colour or theme overrides, so the
   original landing design is kept intact but works on phones.
   ============================================================ */
@media (max-width: 991px) {
    html, body { overflow-x: hidden !important; }
    body img, body picture img { max-width: 100%; height: auto; }
    .container { max-width: 100% !important; padding-left: 16px !important; padding-right: 16px !important; }
    .section { padding-left: 0 !important; padding-right: 0 !important; }
    .hero { overflow: hidden; margin-top: 56px !important; padding-bottom: 56px !important; }
    .hero__container { flex-direction: column; align-items: stretch; }
    .hero__content { margin-right: 0 !important; }
    .title, h1 { font-size: clamp(28px, 8vw, 40px) !important; line-height: 1.15 !important; }
    h2 { font-size: clamp(22px, 6vw, 32px) !important; line-height: 1.2 !important; }
    h3 { font-size: clamp(18px, 5vw, 26px) !important; }
    .hero__form-container, .sign-registration-form { width: 100% !important; max-width: 100% !important; }
    .ptable-single { margin-bottom: 18px; }
    .numbers__list { flex-wrap: wrap !important; gap: 16px !important; }
    .numbers__item { min-width: 45% !important; }
    .numbers__title { font-size: clamp(32px, 9vw, 44px) !important; }
    .footer__wrapper { flex-direction: column !important; align-items: flex-start !important; gap: 18px !important; }
    .footer-social { flex-direction: column !important; gap: 12px !important; padding: 20px !important; }
    .footer-newsletter { flex: 1 1 100% !important; top: 0 !important; }
    .footer__logo { max-width: 220px; }
    table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .inner-main__inner { padding: 22px 16px !important; }
    .inner-promo__inner { padding: 40px 16px !important; }
    .inner-promo__title { font-size: clamp(24px, 7vw, 34px) !important; }
    .inner-promo__caption { font-size: 15px !important; line-height: 1.6 !important; }
    .inner-main_trading .container { max-width: 100% !important; }
    .block.block_content { padding: 20px !important; }
    .conditions__text { font-size: 15px !important; line-height: 1.75 !important; }
    .block__title { font-size: 22px !important; }
    .mx-5 { margin-left: 0 !important; margin-right: 0 !important; }
    .mt-40 { margin-top: 24px !important; }
    .mb-27 { margin-bottom: 24px !important; }
    .mt-5 { margin-top: 24px !important; }
    .row.no-gutters { margin-left: 0 !important; margin-right: 0 !important; }
    .featured-icon-box {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 16px;
        border-right: 0 !important;
        border-bottom: 1px solid rgba(0, 0, 0, .08);
        padding-bottom: 18px;
        margin-bottom: 18px;
    }
    .featured-icon-box img { max-width: 140px; height: auto; }
    .featured-title h5 { font-size: 18px !important; }
    .featured-desc p { font-size: 15px !important; line-height: 1.7 !important; }
    .trading { overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .trading__table { min-width: 640px; width: 100%; }
    .trading__padding-50px { padding: 14px !important; }
    .trading__header-title .subtitle { font-size: 16px !important; }
    .row { margin-left: 0 !important; margin-right: 0 !important; }
    .section .row > [class*="col-"] { padding-left: 10px; padding-right: 10px; }
    .btn { min-height: 44px; }
    .hero__decorations { display: none !important; }
    .app-smart-banner { max-width: 100% !important; }
    .section { padding-top: 40px !important; padding-bottom: 40px !important; }
    .numbers__container { padding: 0 !important; }
    body p { line-height: 1.7; }
    a, button { -webkit-tap-highlight-color: transparent; }
}

@media (max-width: 575px) {
    .hero__btn, .btn { width: 100%; justify-content: center; }
    .numbers__item { min-width: 100% !important; }
    .section { padding-top: 32px !important; padding-bottom: 32px !important; }
    .sign-registration-form { padding: 16px !important; }
    #google_translate_element { max-width: 84px; }
}