@media (max-width: 768px) {
    .header {
        padding: 12px 15px;
    }

    .header-shell {
        gap: 12px;
    }

    .header-brand,
    .header-left {
        gap: 12px;
    }

    .header img {
        height: 40px;
        width: 40px;
        transform: scale(1.35);
    }

    .header-text h1 {
        font-family: "Georgia", serif;
        font-size: 20px;
        letter-spacing: 1px;
        font-weight: 700;
        white-space: nowrap;
    }

    .header-text p {
        font-size: 11px;
    }

    .header-user,
    .header-logout-link {
        display: none;
    }

    .header-mobile-menu {
        display: block;
    }

    .header-mobile-menu-btn,
    .header-auth-icon,
    .header-home-icon {
        width: 42px;
        min-height: 42px;
        padding: 0;
        font-size: 12px;
    }

    .header-avatar {
        width: 32px;
        height: 32px;
    }

    .header-user-info span,
    .header-user-info a {
        font-size: 12px;
    }

    .header-auth-label {
        display: none;
    }
}