/* FAKA customer experience: high-contrast P2P fintech language.
 * This file is loaded after the existing customer styles so the current
 * business templates and data contracts remain unchanged while the visual
 * system can evolve independently.
 */
:root {
    --faka-ink: #111312;
    --faka-ink-soft: #1b1e1c;
    --faka-paper: #f7f7f3;
    --faka-panel: #ffffff;
    --faka-lime: #c9f36a;
    --faka-lime-soft: #eff8d6;
    --faka-muted: #6d746d;
    --faka-line: #dfe2da;
    --faka-line-dark: #343934;
    --faka-danger: #b42318;
    --faka-success: #2f7d4f;
    --faka-radius: 18px;
    --faka-shadow: 0 14px 34px rgba(17, 19, 18, .07);
}

html {
    color: var(--faka-ink);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body {
    background: var(--faka-paper);
    color: var(--faka-ink);
}

button,
input,
select,
textarea {
    font: inherit;
}

/* Shared authenticated workspace */
.customer-app-page {
    background: var(--faka-paper);
    color: var(--faka-ink);
}

.customer-sidebar {
    width: 248px;
    padding: 24px 16px;
    border-right: 1px solid var(--faka-line-dark);
    background: var(--faka-ink);
}

.customer-brand {
    gap: 11px;
}

.customer-brand__mark {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: var(--faka-lime);
    color: var(--faka-ink);
}

.customer-brand strong {
    color: #ffffff;
    font-size: 16px;
    letter-spacing: -.02em;
}

.customer-brand small {
    color: #aeb6a8;
}

.customer-nav {
    gap: 6px;
    margin-top: 48px;
}

.customer-nav a,
.customer-sidebar__logout button {
    min-height: 46px;
    padding-inline: 13px;
    border-radius: 12px;
    color: #b8c0b5;
    transition: background-color .16s ease, color .16s ease, transform .16s ease;
}

.customer-nav a:hover,
.customer-sidebar__logout button:hover {
    background: #252a26;
    color: #ffffff;
    transform: translateX(2px);
}

.customer-nav a.is-active {
    box-shadow: none;
    background: var(--faka-lime);
    color: var(--faka-ink);
}

.customer-nav a.is-active i,
.customer-nav a.is-active span {
    color: var(--faka-ink);
}

.customer-nav i,
.customer-sidebar__logout i {
    font-size: 19px;
}

.customer-app-shell {
    margin-left: 248px;
}

.customer-topbar {
    min-height: 84px;
    padding: 18px 36px;
    border-bottom-color: var(--faka-line);
    background: var(--faka-paper);
}

.customer-breadcrumb,
.customer-topbar h1 {
    color: var(--faka-ink);
}

.customer-breadcrumb {
    opacity: .58;
}

.customer-topbar h1 {
    font-size: 24px;
    letter-spacing: -.035em;
}

.customer-topbar__actions {
    gap: 12px;
}

.customer-user-chip > span {
    width: 38px;
    height: 38px;
    background: var(--faka-ink);
    color: var(--faka-lime);
}

.customer-user-chip strong {
    color: var(--faka-ink);
}

.customer-language-switcher {
    border-color: var(--faka-line);
    border-radius: 10px;
    background: var(--faka-panel);
}

.customer-language-switcher button {
    border-radius: 8px;
    color: var(--faka-muted);
}

.customer-language-switcher button.is-active {
    background: var(--faka-ink);
    color: var(--faka-lime);
}

.customer-workspace,
.customer-page-content {
    padding: 34px 36px 48px;
}

.customer-page-alert {
    border-radius: 12px;
    box-shadow: none;
}

.customer-panel,
.customer-trade-card,
.customer-list-panel,
.customer-empty-card,
.customer-guide-card,
.customer-guide__intro,
.customer-guide__next,
.customer-dashboard-guide-link,
.customer-crypto-onboarding {
    border-color: var(--faka-line);
    border-radius: var(--faka-radius);
    background: var(--faka-panel);
    box-shadow: var(--faka-shadow);
}

.customer-panel {
    padding: 30px;
}

.customer-panel__header,
.customer-trade-card__header,
.customer-list-panel__header {
    border-bottom-color: var(--faka-line);
}

.customer-panel__header h2,
.customer-trade-card__header h2,
.customer-list-panel__header h2,
.customer-guide__intro h2,
.customer-guide-card__header h3 {
    color: var(--faka-ink);
    letter-spacing: -.03em;
}

.customer-panel__eyebrow,
.customer-section-kicker,
.customer-step-title small,
.customer-guide-before-title {
    color: #5d7626;
}

.customer-panel__copy,
.customer-trade-card__header p,
.customer-guide__intro p,
.customer-guide__next p {
    color: var(--faka-muted);
}

.customer-status,
.customer-live-badge,
.customer-order-status {
    min-height: 28px;
    padding: 4px 10px;
    border-radius: 999px;
    border-color: var(--faka-line);
    background: #f2f4ef;
    color: var(--faka-muted);
    letter-spacing: .04em;
}

.customer-status--active,
.customer-live-badge {
    border-color: #c5dd8a;
    background: var(--faka-lime-soft);
    color: #3d5a0e;
}

.customer-button {
    min-height: 48px;
    padding: 11px 20px;
    border-radius: 12px;
    transition: background-color .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
}

.customer-button:hover {
    transform: translateY(-1px);
}

.customer-button--primary {
    border-color: var(--faka-lime);
    background: var(--faka-lime);
    color: var(--faka-ink);
}

.customer-button--primary:hover {
    border-color: #b4dc53;
    background: #b4dc53;
}

.customer-button--secondary {
    border-color: var(--faka-line-dark);
    background: var(--faka-panel);
    color: var(--faka-ink);
}

.customer-button--secondary:hover {
    border-color: var(--faka-ink);
    background: #f0f2eb;
}

.customer-button--danger {
    border-color: #e6b9b5;
    background: #fff8f7;
    color: var(--faka-danger);
}

.customer-action-row {
    gap: 12px;
}

.customer-definition-list div {
    border-bottom-color: #edf0e9;
}

.customer-definition-list dt,
.customer-field-help,
.customer-crypto-help {
    color: var(--faka-muted);
}

/* Gift-card and crypto workspaces */
.customer-trade-card__header {
    padding: 26px 30px;
}

.customer-trade-column {
    padding: 30px;
}

.customer-trade-column--catalogue {
    border-right-color: var(--faka-line);
}

.customer-choice-card,
.customer-region-card,
.customer-asset-choice,
.customer-upload-control,
.customer-submit-gate,
.customer-quote-summary,
.customer-requote-panel {
    border-color: var(--faka-line);
    border-radius: 14px;
    background: var(--faka-panel);
}

.customer-choice-card:hover,
.customer-region-card:hover,
.customer-asset-choice:hover {
    border-color: #a7c94b;
}

.customer-choice-card.is-selected,
.customer-region-card.is-selected,
.customer-asset-choice.is-selected {
    border-color: #91b83a;
    background: var(--faka-lime-soft);
    box-shadow: 0 0 0 2px rgba(201, 243, 106, .26);
}

.customer-face-value-field input,
.customer-submit-fields input,
.customer-submit-fields textarea,
.customer-quote-form input,
.customer-quote-form select,
.customer-crypto-form input,
.customer-crypto-form select,
.customer-crypto-trade-field > div {
    border-color: #cbd2c7;
    border-radius: 12px;
    background: #ffffff;
    color: var(--faka-ink);
}

.customer-face-value-field input:focus,
.customer-submit-fields input:focus,
.customer-submit-fields textarea:focus,
.customer-quote-form input:focus,
.customer-quote-form select:focus,
.customer-crypto-form input:focus,
.customer-crypto-form select:focus,
.customer-crypto-trade-field input:focus {
    border-color: #8dad38;
    outline: 3px solid rgba(201, 243, 106, .32);
    box-shadow: none;
}

.customer-crypto-hero {
    border: 1px solid var(--faka-line-dark);
    border-radius: var(--faka-radius);
    background: var(--faka-ink);
    color: #ffffff;
    box-shadow: var(--faka-shadow);
}

.customer-crypto-hero .customer-section-kicker,
.customer-crypto-hero p {
    color: #c6cec0;
}

.customer-crypto-hero h2 {
    color: #ffffff;
    letter-spacing: -.04em;
}

.customer-crypto-steps span {
    border-color: #3a423a;
    border-radius: 12px;
    background: var(--faka-ink-soft);
    color: #e3e9df;
}

.customer-crypto-steps b {
    border-radius: 8px;
    background: var(--faka-lime);
    color: var(--faka-ink);
}

.customer-crypto-panel,
.customer-crypto-send-panel,
.customer-crypto-sell-card {
    border-radius: var(--faka-radius);
    box-shadow: var(--faka-shadow);
}

.customer-crypto-panel .customer-panel__header > i,
.customer-crypto-order-detail .customer-panel__header > i {
    color: #6e941c;
}

.customer-crypto-quote-card {
    border-color: #bfd77e;
    border-radius: 14px;
    background: var(--faka-lime-soft);
}

.customer-crypto-quote-card > strong,
.customer-crypto-quote-card dd {
    color: var(--faka-ink);
}

.customer-crypto-address,
.customer-crypto-qr {
    border-color: #cbd2c7;
    border-radius: 12px;
    background: #f5f7f1;
}

.customer-crypto-warning,
.customer-guide__notice,
.customer-critical-note {
    border-color: #e6ca87;
    border-radius: 12px;
    background: #fff9ea;
}

.customer-crypto-reference-workspace {
    padding: 32px;
    background: var(--faka-paper);
}

.customer-crypto-sell-card {
    width: min(100%, 720px);
    padding: 32px;
}

.customer-crypto-sell-header h2 {
    color: var(--faka-ink);
}

.customer-crypto-account-currency {
    border-color: var(--faka-line);
    border-radius: 999px;
    background: var(--faka-lime-soft);
}

.customer-crypto-coin-row,
.customer-crypto-network-row {
    border-bottom-color: var(--faka-line);
}

.customer-crypto-coin-row:hover,
.customer-crypto-coin-row--button.is-selected,
.customer-crypto-network-row:hover,
.customer-crypto-network-row.is-selected {
    background: #f3f7e8;
}

.customer-crypto-trade-details {
    border-color: #c8d99e;
    border-radius: 14px;
    background: #f8faef;
}

.customer-crypto-trade-summary output {
    color: #507b12;
}

/* Auth pages */
.customer-auth-page {
    padding: 24px;
    background: var(--faka-paper);
}

.customer-auth-shell {
    overflow: hidden;
    width: min(1120px, 100%);
    min-height: 700px;
    border: 1px solid var(--faka-line);
    border-radius: 24px;
    background: var(--faka-panel);
    box-shadow: 0 24px 60px rgba(17, 19, 18, .12);
}

.customer-auth-intro {
    padding: 64px;
    background: var(--faka-ink);
}

.customer-auth-intro h1 {
    letter-spacing: -.045em;
}

.customer-auth-intro > p,
.customer-auth-benefits small {
    color: #c6cec0;
}

.customer-auth-benefits i,
.customer-auth-note i {
    color: var(--faka-lime);
}

.customer-auth-note {
    border-color: #394139;
    border-radius: 14px;
    background: var(--faka-ink-soft);
}

.customer-auth-note p {
    color: #dce4d8;
}

.customer-auth-card {
    padding: 56px;
}

.customer-auth-card__eyebrow {
    color: #5d7626;
}

.customer-auth-card h2 {
    color: var(--faka-ink);
    letter-spacing: -.04em;
}

.customer-auth-card__header p,
.customer-auth-switch,
.customer-telegram-login p,
.customer-captcha-help {
    color: var(--faka-muted);
}

.customer-auth-form input {
    min-height: 50px;
    border-color: #cbd2c7;
    border-radius: 12px;
    color: var(--faka-ink);
}

.customer-auth-form input:focus {
    border-color: #8dad38;
    box-shadow: 0 0 0 3px rgba(201, 243, 106, .32);
}

.customer-currency-option {
    min-height: 62px;
    border-color: #cbd2c7;
    border-radius: 12px;
}

.customer-currency-option:has(input:checked) {
    border-color: #91b83a;
    background: var(--faka-lime-soft);
    box-shadow: 0 0 0 2px rgba(201, 243, 106, .26);
}

.customer-button--telegram {
    border-color: #229ed9;
    border-radius: 12px;
}

.customer-captcha-refresh img {
    border-radius: 10px;
    border-color: #cbd2c7;
}

.customer-captcha-refresh:hover img {
    border-color: #8dad38;
}

/* Public landing and guide */
.customer-home-page {
    background: var(--faka-paper);
    color: var(--faka-ink);
}

.customer-home-container {
    width: min(1240px, calc(100% - 64px));
}

.customer-home-hero,
.customer-guide-public-hero {
    background: var(--faka-ink);
    color: #ffffff;
}

.customer-home-header {
    min-height: 84px;
    border-bottom-color: #303630;
}

.customer-home-brand__mark {
    border-radius: 12px;
    background: var(--faka-lime);
    color: var(--faka-ink);
}

.customer-home-brand strong {
    font-size: 18px;
    letter-spacing: -.025em;
}

.customer-home-brand small {
    color: #adb6a9;
}

.customer-home-nav a {
    color: #d5dcd2;
}

.customer-home-nav a:hover {
    color: var(--faka-lime);
    text-decoration: none;
}

.customer-home-header .customer-language-switcher {
    border-color: #485148;
}

.customer-home-header .customer-language-switcher button.is-active {
    background: var(--faka-lime);
    color: var(--faka-ink);
}

.customer-home-button {
    min-height: 48px;
    border-radius: 12px;
}

.customer-home-button--white {
    border-color: var(--faka-lime);
    background: var(--faka-lime);
    color: var(--faka-ink);
}

.customer-home-button--white:hover {
    border-color: #b4dc53;
    background: #b4dc53;
    color: var(--faka-ink);
}

.customer-home-button--ghost {
    border-color: #5b645a;
    color: #f4f7f1;
}

.customer-home-button--ghost:hover {
    border-color: var(--faka-lime);
    background: #252a26;
}

/* The legacy landing stylesheet colors service actions blue. Keep every public
 * conversion CTA on the same lime-and-ink pair as the primary FAKA action. */
.customer-home-button--service {
    border-color: var(--faka-lime);
    background: var(--faka-lime);
    color: var(--faka-ink);
}

@media (hover: hover) and (pointer: fine) {
    .customer-home-button--service:hover {
        border-color: #b4dc53;
        background: #b4dc53;
        color: var(--faka-ink);
    }

    .customer-home-button--service.customer-home-button--disabled:hover {
        border-color: #cbd2c7;
        background: #eef0e8;
        color: var(--faka-muted);
    }
}

.customer-home-button--service:focus-visible {
    outline: 3px solid rgba(201, 243, 106, .48);
    outline-offset: 3px;
}

.customer-home-button--service.customer-home-button--disabled {
    border-color: #cbd2c7;
    background: #eef0e8;
    color: var(--faka-muted);
}

.customer-home-crypto-steps b {
    background: var(--faka-lime);
    color: var(--faka-ink);
}

.customer-home-service-note i,
.customer-home-rate-note i,
.customer-home-rate-checked i,
.customer-home-requote-note i {
    color: #5d7626;
}

.customer-home-text-link {
    color: #5d7626;
}

.customer-home-hero__copy h1,
.customer-guide-public-hero__content h1 {
    letter-spacing: -.055em;
}

.customer-home-eyebrow,
.customer-home-section__kicker {
    color: var(--faka-lime);
}

.customer-home-hero__copy > p,
.customer-guide-public-hero__content p {
    color: #c6cec0;
}

.customer-home-market-picker {
    border-color: #485148;
    border-radius: 12px;
    background: var(--faka-ink-soft);
}

.customer-home-market-picker a.is-active {
    background: var(--faka-lime);
    color: var(--faka-ink);
}

.customer-home-hero__visual {
    padding: 16px;
    border: 1px solid #343b34;
    border-radius: 24px;
    background: var(--faka-ink-soft);
}

.customer-home-hero__visual img {
    border-radius: 16px;
}

.customer-home-benefits i {
    color: var(--faka-lime);
}

.customer-home-benefits small {
    color: #adb6a9;
}

.customer-home-services,
.customer-home-crypto-rates,
.customer-home-rates,
.customer-home-process,
.customer-guide-public-main {
    border-color: var(--faka-line);
    background: var(--faka-paper);
}

.customer-home-section__heading h2,
.customer-home-service-card h3,
.customer-home-process h3 {
    color: var(--faka-ink);
    letter-spacing: -.04em;
}

.customer-home-section__heading p,
.customer-home-service-card > p,
.customer-home-steps p,
.customer-home-rate-note,
.customer-home-rate-checked {
    color: var(--faka-muted);
}

.customer-home-service-card,
.customer-home-crypto-rate-list,
.customer-home-calculator,
.customer-home-rate-table-wrap,
.customer-home-rate-unavailable,
.customer-home-steps li {
    border-color: var(--faka-line);
    border-radius: var(--faka-radius);
    background: var(--faka-panel);
    box-shadow: var(--faka-shadow);
}

.customer-home-service-card {
    min-height: 360px;
}

.customer-home-service-card--crypto {
    border-top: 4px solid var(--faka-lime);
}

.customer-home-service-card__icon,
.customer-home-step-icon {
    border-radius: 12px;
    background: var(--faka-lime-soft);
    color: #5d7626;
}

.customer-home-service-card__type {
    color: #5d7626;
}

.customer-home-service-status {
    border-color: #cbd8aa;
    border-radius: 999px;
    background: var(--faka-lime-soft);
    color: #5d7626;
}

.customer-home-service-assets span,
.customer-home-rate-tabs a {
    border-color: #cbd2c7;
    border-radius: 10px;
    color: var(--faka-ink);
}

.customer-home-rate-tabs a.is-active {
    border-color: var(--faka-lime);
    background: var(--faka-lime);
    color: var(--faka-ink);
}

.customer-home-crypto-rate-list {
    overflow: hidden;
}

.customer-home-crypto-rate-list > * + *,
.customer-home-crypto-network-row + .customer-home-crypto-network-row {
    border-top-color: var(--faka-line);
}

.customer-home-crypto-rate-row,
.customer-home-crypto-network-row {
    background: var(--faka-panel);
}

.customer-home-crypto-rate-row:hover,
.customer-home-crypto-network-row:hover {
    background: #f3f7e8;
}

.customer-home-crypto-rate-icon[data-coin="BTC"] {
    background: #fff1dc;
}

.customer-home-crypto-rate-icon[data-coin="ETH"] {
    background: #eef0f5;
}

.customer-home-crypto-rate-icon[data-coin="USDT"] {
    background: #e7f5ef;
}

.customer-home-crypto-rate-icon[data-coin="USDC"] {
    background: #eaf2fb;
}

.customer-home-crypto-rate-value strong {
    color: var(--faka-ink);
}

.customer-home-crypto-rate-value strong span,
.customer-home-crypto-rate-value small,
.customer-home-crypto-rate-toggle,
.customer-home-crypto-rate-identity small {
    color: var(--faka-muted);
}

.customer-home-payout-path,
.customer-home-crypto-preview-note,
.customer-home-requote-note {
    border-color: #cbd8aa;
    border-radius: 14px;
    background: var(--faka-lime-soft);
}

.customer-home-payout-path__icon {
    background: var(--faka-lime);
    color: var(--faka-ink);
}

.customer-home-calculator {
    border-top: 4px solid var(--faka-lime);
}

.customer-home-calculator__fields select,
.customer-home-calculator__fields input {
    border-color: #cbd2c7;
    border-radius: 12px;
}

.customer-home-calculator__fields select:focus,
.customer-home-calculator__fields input:focus {
    border-color: #8dad38;
    outline-color: rgba(201, 243, 106, .32);
}

.customer-home-card-icon {
    border-radius: 10px;
    background: var(--faka-ink);
    color: var(--faka-lime);
}

.customer-home-step-number {
    border-radius: 999px;
    background: var(--faka-lime);
    color: var(--faka-ink);
}

.customer-home-footer {
    background: var(--faka-ink);
}

.customer-home-footer p {
    color: #adb6a9;
}

/* Authenticated mobile navigation is intentionally small and task-focused. */
.customer-mobile-nav {
    display: none;
}

@media (max-width: 1120px) {
    .customer-sidebar {
        width: 220px;
    }

    .customer-app-shell {
        margin-left: 220px;
    }

    .customer-topbar,
    .customer-workspace,
    .customer-page-content {
        padding-inline: 26px;
    }
}

@media (max-width: 820px) {
    .customer-app-page {
        padding-bottom: 82px;
    }

    .customer-sidebar {
        position: sticky;
        inset: 0 0 auto;
        z-index: 20;
        width: 100%;
        min-height: 68px;
        padding: 13px 18px;
        border-right: 0;
        border-bottom: 1px solid var(--faka-line-dark);
    }

    .customer-sidebar .customer-brand small,
    .customer-sidebar .customer-nav,
    .customer-sidebar__logout {
        display: none;
    }

    .customer-app-shell {
        margin-left: 0;
    }

    .customer-topbar {
        min-height: 78px;
        padding: 16px 18px;
        background: var(--faka-paper);
    }

    .customer-topbar h1 {
        font-size: 22px;
    }

    .customer-topbar__actions {
        gap: 8px;
    }

    .customer-user-chip strong {
        display: none;
    }

    .customer-workspace,
    .customer-page-content {
        padding: 20px 18px 30px;
    }

    .customer-page-alert {
        margin-inline: 18px;
    }

    .customer-workspace > .customer-page-alert {
        margin-inline: 0;
    }

    .customer-panel,
    .customer-trade-card,
    .customer-list-panel,
    .customer-guide-card,
    .customer-crypto-send-panel {
        border-radius: 16px;
    }

    .customer-panel {
        padding: 22px 18px;
    }

    .customer-trade-card__header,
    .customer-list-panel__header {
        padding: 22px 18px;
    }

    .customer-trade-column {
        padding: 22px 18px;
    }

    .customer-trade-column--catalogue {
        border-right: 0;
        border-bottom-color: var(--faka-line);
    }

    .customer-trade-grid,
    .customer-content-grid,
    .customer-crypto-grid,
    .customer-dashboard-hero,
    .customer-dashboard-services,
    .customer-guide__grid,
    .customer-order-detail-grid,
    .customer-crypto-order-grid {
        grid-template-columns: 1fr;
    }

    .customer-region-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

    .customer-wallet-grid,
    .customer-stat-grid,
    .customer-crypto-total-grid {
        grid-template-columns: 1fr 1fr;
    }

    .customer-button,
    .customer-action-row .customer-button,
    .customer-guide__next .customer-button,
    .customer-dashboard-guide-link .customer-button {
        min-height: 50px;
    }

    .customer-action-row {
        align-items: stretch;
    }

    .customer-mobile-nav {
        position: fixed;
        inset: auto 0 0;
        z-index: 30;
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        min-height: 70px;
        padding: 8px max(8px, env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-right));
        border-top: 1px solid var(--faka-line-dark);
        background: var(--faka-ink);
        box-shadow: 0 -10px 28px rgba(17, 19, 18, .14);
    }

    .customer-mobile-nav a {
        display: grid;
        place-items: center;
        align-content: center;
        gap: 4px;
        min-width: 0;
        min-height: 54px;
        padding: 5px 2px;
        border-radius: 12px;
        color: #aeb6a8;
        font-size: 10px;
        font-weight: 750;
        text-decoration: none;
    }

    .customer-mobile-nav a i {
        font-size: 20px;
        line-height: 1;
    }

    .customer-mobile-nav a.is-active {
        background: var(--faka-lime);
        color: var(--faka-ink);
    }

    .customer-mobile-nav a:focus-visible {
        outline: 3px solid var(--faka-lime);
        outline-offset: -3px;
    }

    .customer-crypto-hero {
        padding: 24px 20px;
    }

    .customer-crypto-hero h2 {
        font-size: 26px;
    }

    .customer-crypto-sell-card,
    .customer-crypto-reference-workspace {
        padding: 20px 18px;
    }

    .customer-crypto-sell-header {
        align-items: stretch;
        flex-direction: column;
        gap: 14px;
    }

    .customer-crypto-account-currency {
        align-self: flex-start;
    }

    .customer-crypto-rate-price {
        max-width: 48%;
        font-size: 13px;
    }

    .customer-crypto-address-grid {
        grid-template-columns: 1fr;
    }

    .customer-crypto-status-steps {
        grid-template-columns: repeat(2, 1fr);
    }

    .customer-home-container {
        width: min(100% - 36px, 620px);
    }

    .customer-home-header {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        padding-block: 14px;
    }

    .customer-home-nav {
        display: none;
    }

    .customer-home-header__actions {
        flex: 1 1 100%;
        justify-content: flex-start;
    }

    .customer-home-header__sign-in {
        margin-left: auto;
    }

    .customer-home-hero__content {
        grid-template-columns: 1fr;
        padding-block: 42px 34px;
    }

    .customer-home-hero__copy h1 {
        font-size: clamp(38px, 11vw, 52px);
    }

    .customer-home-hero__copy > p {
        font-size: 15px;
    }

    .customer-home-hero__visual {
        margin-inline: -4px;
    }

    .customer-home-section__heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .customer-home-rates .customer-home-section__heading {
        align-items: center;
        text-align: center;
    }

    .customer-home-rates .customer-home-text-link {
        position: static;
        align-self: center;
    }

    .customer-home-service-grid,
    .customer-home-steps {
        grid-template-columns: 1fr;
    }

    .customer-home-calculator {
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 20px;
    }

    .customer-home-calculator__fields {
        grid-template-columns: 1fr;
    }

    .customer-home-calculator__result {
        padding: 18px 0 0;
        border-top-color: var(--faka-line);
        border-left: 0;
    }

    .customer-home-crypto-rate-row,
    .customer-home-crypto-network-row {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 15px 16px;
    }

    .customer-home-crypto-network-row {
        padding-left: 58px;
    }

    .customer-home-crypto-rate-toggle {
        position: absolute;
        right: 16px;
        font-size: 0;
    }

    .customer-home-crypto-rate-values {
        justify-content: space-between;
        gap: 16px;
        width: 100%;
    }

    .customer-home-crypto-rate-value {
        align-items: flex-start;
        min-width: 0;
    }

    .customer-home-crypto-rate-value + .customer-home-crypto-rate-value {
        align-items: flex-end;
        text-align: right;
    }

    .customer-home-footer__content {
        align-items: flex-start;
        flex-direction: column;
        padding-block: 30px;
    }

    .customer-home-footer__actions {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
    }
}

@media (max-width: 600px) {
    .customer-auth-page {
        padding: 0;
    }

    .customer-auth-shell {
        display: block;
        min-height: 100vh;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .customer-auth-language {
        top: 16px;
        right: 16px;
    }

    .customer-auth-intro {
        padding: 34px 22px 28px;
    }

    .customer-auth-intro h1 {
        margin: 48px 0 12px;
        font-size: 30px;
    }

    .customer-auth-intro > p {
        font-size: 14px;
    }

    .customer-auth-card {
        padding: 30px 22px 42px;
    }

    .customer-auth-card h2 {
        font-size: 28px;
    }

    .customer-captcha-field {
        grid-template-columns: minmax(0, 1fr) 132px;
        gap: 8px;
    }

    .customer-captcha-refresh {
        width: 132px;
    }

    .customer-captcha-refresh img {
        width: 132px;
        height: 50px;
        object-fit: cover;
    }

    .customer-currency-options {
        grid-template-columns: 1fr;
    }

    .customer-region-grid {
        grid-template-columns: 1fr 1fr;
    }

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

    .customer-wallet-grid,
    .customer-stat-grid,
    .customer-crypto-total-grid {
        grid-template-columns: 1fr;
    }

    .customer-definition-list div {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .customer-action-row,
    .customer-action-row .customer-button,
    .customer-action-row form {
        width: 100%;
    }

    .customer-action-row {
        flex-direction: column;
    }

    .customer-guide__intro,
    .customer-guide__next,
    .customer-dashboard-guide-link {
        align-items: flex-start;
        flex-direction: column;
        padding: 22px 18px;
    }

    .customer-guide__intro > i {
        display: none;
    }

    .customer-guide-card {
        padding: 22px 18px;
    }

    .customer-order-tabs {
        margin-inline: 18px;
        overflow-x: auto;
    }

    .customer-crypto-settlements article {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .customer-home-brand small {
        display: none;
    }

    .customer-home-header__actions {
        gap: 7px;
    }

    .customer-home-header__sign-in {
        margin-left: 0;
    }

    .customer-home-header__register {
        display: none;
    }

    .customer-home-header .customer-language-switcher {
        margin-left: auto;
    }

    .customer-home-button {
        min-height: 48px;
        padding-inline: 16px;
    }

    .customer-home-hero__actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .customer-home-hero__actions .customer-home-button {
        min-width: 0;
        width: 100%;
    }

    .customer-home-section {
        padding-block: 44px;
    }

    .customer-home-section__heading h2 {
        font-size: 28px;
    }

    .customer-home-rate-table-wrap {
        overflow-x: auto;
        border-radius: 14px;
    }

    .customer-home-rate-table th,
    .customer-home-rate-table td {
        padding-inline: 13px;
    }

    .customer-home-service-card {
        min-height: 0;
        padding: 22px;
    }

    .customer-home-crypto-steps {
        grid-template-columns: 1fr;
    }

    .customer-home-requote-note {
        align-items: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .customer-nav a,
    .customer-sidebar__logout button,
    .customer-button {
        transition: none;
    }
}