/* kategori.css — 5 kategori hub sayfası */

.kategori-intro{max-width:920px;margin:0 auto;text-align:center}
.kategori-intro h2{margin-bottom:20px}
.kategori-intro p{color:var(--c-gray);font-size:1.05rem;line-height:1.85;text-align:left;margin-bottom:16px}
.kategori-intro .eyebrow{display:inline-block;font-size:.78rem;letter-spacing:2px;text-transform:uppercase;color:var(--c-accent);font-weight:700;margin-bottom:8px}

.sub-grid{
  display:grid;grid-template-columns:1fr;gap:22px;
  justify-content:center;
}
@media(min-width:640px){.sub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){.sub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* 5 kartlı kategoride (dış cephe) son satır 2 kart sola yaslanmasın */
.sub-grid.sub-grid--five{max-width:980px;margin:0 auto}
@media(min-width:1024px){.sub-grid.sub-grid--five{grid-template-columns:repeat(3,minmax(0,300px));justify-content:center}}

.sub-card{
  background:#fff;border:1px solid var(--c-line);
  border-radius:var(--radius-lg);overflow:hidden;
  display:flex;flex-direction:column;
  transition:transform .3s,box-shadow .3s;
}
.sub-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.sc-img{aspect-ratio:16/10;overflow:hidden;background:#0F1115}
.sc-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.sub-card:hover .sc-img img{transform:scale(1.06)}
.sc-body{padding:22px;flex:1;display:flex;flex-direction:column}
.sc-body h3{font-size:1.15rem;margin-bottom:10px}
.sc-body h3 a{color:inherit}
.sc-body h3 a:hover{color:var(--c-accent)}
.sc-body p{color:var(--c-gray);font-size:.92rem;flex:1;margin-bottom:14px;line-height:1.65}
.sc-link{
  display:inline-flex;align-items:center;gap:8px;
  font-weight:700;color:var(--c-accent);font-size:.9rem;
}
.sc-link:hover{gap:12px}

/* Neden biz */
.kn-grid{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:640px){.kn-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.kn-grid{grid-template-columns:repeat(4,1fr)}}

.kn-item{
  display:flex;gap:14px;align-items:flex-start;
  padding:22px;background:var(--c-bg);
  border:1px solid var(--c-line);border-radius:var(--radius);
}
.kn-item > i{
  font-size:1.5rem;color:var(--c-accent);flex-shrink:0;
  width:44px;height:44px;border-radius:10px;
  background:rgba(255,107,26,.1);
  display:flex;align-items:center;justify-content:center;
}
.kn-item h4{margin:0 0 6px;font-size:1rem}
.kn-item p{margin:0;font-size:.88rem;color:var(--c-gray);line-height:1.6}