html[dir="rtl"] body {
    text-align: right;
}

html[dir="rtl"] .top-bar,
html[dir="rtl"] .product-block,
html[dir="rtl"] .summary-row,
html[dir="rtl"] .activation-code-box,
html[dir="rtl"] .activation-card-header,
html[dir="rtl"] .platform-steps li,
html[dir="rtl"] .platform-heading,
html[dir="rtl"] .phone-input {
    direction: rtl;
}

html[dir="rtl"] .lang-switcher {
    direction: ltr;
}


html[dir="rtl"] .phone-input {
    direction: ltr;
    text-align: right;
}
html[dir="rtl"] .platform-steps li::before {
    order: 2;
}

html[dir="rtl"] .platform-steps li > * {
    order: 1;
}

html[dir="rtl"] .terms ul {
    padding-left: 0;
    padding-right: 16px;
}

html[dir="rtl"] .activation-code {
    direction: ltr;
    text-align: left;
}

html[dir="rtl"] .summary-card,
html[dir="rtl"] .summary-row {
    direction: rtl;
}

html[dir="rtl"] #continueCode {
    direction: ltr;
    text-align: left;
}

.activation-layout {
    gap: 12px;
}

.activation-card {
    padding: 12px;
}

.platform-switcher {
    gap: 6px;
    margin-bottom: 10px;
}

.platform-tab {
    padding: 8px 5px 7px;
}

.platform-tab-icon {
    width: 28px;
    height: 28px;
    margin-bottom: 4px;
}

.platform-tab-icon svg {
    width: 14px;
    height: 14px;
}

.activation-card-header {
    margin-bottom: 10px;
}

.success-title {
    font-size: 20px;
}

.success-subtitle {
    margin-bottom: 14px;
}

@media (max-height: 700px) {
    .activation-card {
        padding: 9px;
    }

    .platform-tab {
        padding: 7px 4px 6px;
    }

    .platform-tab-icon {
        width: 24px;
        height: 24px;
    }

    .platform-tab-icon svg {
        width: 12px;
        height: 12px;
    }

    .success-title {
        font-size: 18px;
    }

    .success-subtitle {
        font-size: 12px;
        margin-bottom: 10px;
    }
}