/* ─── capavia-hizmet.css — hizmet kategorisi / alt hizmet ekleri (capavia-pages.css .cpg-* üzerine) ─────────────
   Yalnız /hizmetler ve /hizmetler/... sayfalarında yüklenir; sürümü görünümlerdeki `hv` sabiti (capavia-pages.css'in
   ortak `sv`'sine dokunmadan güncellenebilsin). */

/* Alt hizmet sayfasında kicker = kategori linki */
.chz-kicker-link { text-decoration: none; }
.chz-kicker-link:hover, .chz-kicker-link:focus-visible { text-decoration: underline; text-underline-offset: 4px; opacity: 1; }

/* Kategori sayfası: "… kapsamındaki hizmetler" kartları — hero'nun altında, tam genişlik. Telefonda 1, tablette 2 sütun
   (.cpg-grid); ≥1200'de sütun = hizmet adedi (≤4), 5–6 hizmette 3 (görünüm chz-grid--{n} sınıfını seçer). */
.chz-grid .cpg-card-title { font-size: 1.7rem; }
@media (min-width: 1200px) {
    .chz-grid--1 { grid-template-columns: minmax(0, 1fr); max-width: 640px; }
    .chz-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .chz-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .chz-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .chz-grid--4 .cpg-card-title { font-size: 1.55rem; }
}
.chz-media--bos { background: var(--ape-grad); }

/* /hizmetler kartlarında alt hizmet linkleri — kartın tamamını kaplayan başlık linkinin (::after) ÜSTÜNDE tıklanır */
.chz-subs { position: relative; z-index: 1; list-style: none; margin: .25rem 0 .5rem; padding: .75rem 0 0; border-top: 1px solid var(--cpg-line);
    display: flex; flex-wrap: wrap; gap: .4rem; }
.chz-subs a {
    display: inline-flex; align-items: center; min-height: 32px; padding: .3rem .7rem; border-radius: 999px;
    border: 1px solid var(--cpg-line); background: var(--cpg-surface); color: var(--cpg-ink); text-decoration: none;
    font-size: .82rem; line-height: 1.2; transition: border-color .2s, color .2s, background-color .2s;
}
.chz-subs a:hover, .chz-subs a:focus-visible { border-color: var(--ape-blue); color: var(--ape-blue); opacity: 1; }