/* ===================================
   PAGE HEADER STYLES
   =================================== */

.page-header {
    padding: calc(var(--spacing-3xl) + 60px) 0 var(--spacing-2xl) 0;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.1), rgba(118, 75, 162, 0.1));
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    text-align: center;
}

.page-title {
    font-family: var(--font-display);
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 800;
    color: white;
    margin-bottom: var(--spacing-md);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-md);
}

.page-icon {
    font-size: 3rem;
    filter: drop-shadow(0 4px 12px rgba(102, 126, 234, 0.5));
}

.page-description {
    font-size: 1.125rem;
    color: var(--gray-400);
    max-width: 600px;
    margin: 0 auto;
}

/* Update BMI and Calorie sections to remove redundant headers */
.bmi-section,
.calorie-section {
    padding-top: var(--spacing-2xl);
}

.bmi-section .section-header,
.calorie-section .section-header {
    display: none;
}