/* /kategoriler page chrome — cards live in homepage.css (.home-svc-*) */

.cat-page-section {
    background: var(--bg-light, #f7f7f5);
    padding: 0 0 4rem;
    min-height: 70vh;
}

.cat-page-head {
    text-align: center;
    margin-bottom: 1.75rem;
}

.cat-page-head h1 {
    font-size: clamp(1.75rem, 3vw, 2.5rem);
    font-weight: 800;
    letter-spacing: -0.03em;
    color: #0f172a;
    margin: 0 0 0.5rem;
}

.cat-page-head p {
    margin: 0 auto;
    max-width: 36rem;
    color: #57534e;
    font-size: 1.05rem;
}

.cat-page-search {
    background: #fff;
    border-radius: 16px;
    padding: 1.15rem 1.25rem;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
    margin-bottom: 1.75rem;
}

@media (min-width: 1200px) {
    .cat-page-section .home-svc-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

html.ts-native-app .cat-page-section {
    padding-bottom: 2.5rem;
}

html.ts-native-app .cat-page-section .home-svc-grid {
    gap: 0.9rem;
}