/* Header Styles */

.header {
    background: var(--gradient-teal);
    border-radius: 0 0 var(--radius-md) var(--radius-md);
    padding: var(--spacing-lg) var(--spacing-lg) var(--spacing-xl);
    box-shadow: var(--shadow-md);
}

/* Только в Telegram */
.tg-app .header {
    padding-top: calc(
        var(--tg-safe-area-inset-top, 0px) +
        var(--tg-content-safe-area-inset-top, 0px) +
        var(--spacing-lg)
    );
}

.header__logo-container {
    text-align: center;
}

.header__logo {
    height: 60px;
    margin: 0 auto;
}