/**
 * Organism: Search Header
 * Page header with breadcrumbs, title, and description
 *
 * Used on: Search results page
 */

.search-header {
    text-align: center;
    padding: var(--spacing-8) 0 var(--spacing-6);
}

.search-header-title {
    font-size: var(--font-size-4xl);
    color: var(--color-neutral-900);
    margin-bottom: var(--spacing-3);
}

.search-header-description {
    font-size: var(--font-size-base);
    color: var(--color-neutral-600);
    max-width: 600px;
    margin: 0 auto;
}

/* Responsive */
@media (min-width: 768px) {
    .search-header-title {
        font-size: var(--font-size-5xl);
    }
}