@media (max-width: 768px) {
    .header-container {
        display: grid;
        grid-template-columns: auto 24px minmax(0, 1fr);
        align-items: center;
        gap: 0.5rem;
        padding: 0 0.75rem;
    }
    .header-container > nav { display: none; }
    .header-container .logo-image { height: 42px; max-width: 90px; object-fit: contain; }
    .header-container .mobile-menu-btn { width: 24px; margin: 0; }
    .header-actions { width: 100%; min-width: 0; margin: 0; justify-self: end; justify-content: flex-end; }
    .auth-user { width: 100%; gap: 0.25rem; min-width: 0; justify-content: flex-end; }
    .auth-user .user-phone, .auth-user .dropdown-arrow,
    .auth-user .deposit-text, .auth-user .withdraw-text { display: none; }
    .auth-user .btn-deposit, .auth-user .user-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 38px;
        width: 38px;
        min-width: 38px;
        min-height: 38px;
        padding: 0;
    }
    .auth-user .header-balance {
        display: inline-flex;
        align-items: center;
        gap: 0.25rem;
        white-space: nowrap;
        min-width: 0;
        padding: 0.5rem;
    }
    .auth-user .header-balance .bi-wallet2 { display: none; }
    .auth-user .header-balance [data-user-balance] {
        font-size: 0.8rem; min-width: 0; overflow: hidden; text-overflow: ellipsis;
    }
    .user-dropdown { position: relative; flex-shrink: 0; }
    .user-dropdown .dropdown-menu { right: 0; max-width: calc(100vw - 1.5rem); }
    .app-download-banner .banner-content { min-width: 0; }
    .app-download-banner .banner-text { white-space: normal; }
    .footer-badges { flex-wrap: wrap; }
    .showcase-filters { flex-wrap: wrap; }
    .raspinha-card, .card-content, .footer-section { min-width: 0; }
    .card-title, .card-description, .footer-description { overflow-wrap: anywhere; }
    .auth-modal, .install-modal, .modal-container {
        max-height: 100dvh;
        overflow-y: auto;
        overscroll-behavior: contain;
    }
    .auth-wrapper, .modal-wrapper, .install-modal-content { min-width: 0; max-width: 100%; }
    .auth-card, .modal-card { max-width: 100%; }
    .bottom-navigation { padding-bottom: env(safe-area-inset-bottom, 0px); }
}
@media (max-width: 560px) {
    .header-container { padding: 0 0.5rem; gap: 0.35rem; }
    .header-container .logo-image { height: 38px; }
    .auth-user .btn-deposit, .auth-user .user-btn {
        flex-basis: 36px; width: 36px; min-width: 36px; min-height: 36px;
    }
    .carousel-container { height: clamp(130px, 40vw, 180px); }
}
@media (max-width: 360px) {
    .header-container { grid-template-columns: auto 20px minmax(0, 1fr); gap: 0.25rem; }
    .header-container .logo-image { height: 32px; }
    .header-container .mobile-menu-btn { width: 20px; }
    .auth-user .header-balance-arrow { display: none; }
    .auth-user .btn-deposit, .auth-user .user-btn {
        flex-basis: 32px; width: 32px; min-width: 32px;
    }
}