/* ========================================
   USDT PAGE - MOBILE ADAPTATION
   ======================================== */

@media (max-width: 768px) {
    .crypto-page {
        padding: 16px 0 40px;
    }

    .crypto-header {
        flex-direction: column;
        text-align: center;
        gap: 12px;
        margin-bottom: 20px;
    }

    .crypto-icon {
        width: 52px;
        height: 52px;
    }

    .crypto-header h1 {
        font-size: 1.2rem;
    }

    .crypto-header p {
        font-size: 0.85rem;
    }

    .crypto-card {
        padding: 20px 18px;
    }

    .crypto-address-row {
        flex-wrap: wrap;
        gap: 6px;
        padding: 8px 12px;
    }

    .crypto-address-row code {
        font-size: 0.62rem;
        white-space: normal;
        word-break: break-all;
        flex: 1 1 100%;
    }

    .crypto-address-row .copy-btn {
        font-size: 0.65rem;
        padding: 4px 12px;
        width: 100%;
        justify-content: center;
    }

    .crypto-network {
        padding: 12px 14px;
    }

    .crypto-network .network-badge {
        font-size: 0.6rem;
    }

    .crypto-network p {
        font-size: 0.75rem;
    }

    .crypto-note {
        padding: 10px 14px;
        gap: 8px;
    }

    .crypto-note svg {
        width: 16px;
        height: 16px;
    }

    .crypto-note span {
        font-size: 0.8rem;
    }
}

@media (max-width: 480px) {
    .crypto-page {
        padding: 12px 0 32px;
    }

    .crypto-icon {
        width: 44px;
        height: 44px;
    }

    .crypto-icon svg {
        width: 28px;
        height: 28px;
    }

    .crypto-header h1 {
        font-size: 1rem;
    }

    .crypto-header p {
        font-size: 0.78rem;
    }

    .crypto-card {
        padding: 16px 14px;
    }

    .crypto-address label {
        font-size: 0.65rem;
    }

    .crypto-address-row code {
        font-size: 0.55rem;
    }

    .crypto-address-row .copy-btn {
        font-size: 0.6rem;
        padding: 3px 10px;
    }

    .crypto-note span {
        font-size: 0.75rem;
    }

    .back-link {
        font-size: 0.8rem;
    }
}