/* ─────── HİZMETLER LİSTELEME ─────── */
.svc-list{background:var(--paper)} /* hero (v3) ile aynı zemin — tek parça görünür */
.svc-list-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:34px 22px;
}
/* 4 kolonlu varyant (faaliyet alanları listesi: 4+4+4) — dar kartlar dikey orana döner */
.svc-list-grid--quad{grid-template-columns:repeat(4,1fr)}
.svc-list-grid--quad .svc-list-card{aspect-ratio:3/4}
.svc-list-grid--quad .svc-list-inner{padding:26px 28px}
/* kart etkileşimi ana sayfa .svc-item reçetesiyle aynı: başlık görsel üstünde, açıklama hover'da açılır */
.svc-list-card{
  position:relative;
  display:block;
  border-radius:24px;
  overflow:hidden;
  background:var(--navy);
  aspect-ratio:3/2;
  isolation:isolate;
  cursor:pointer;
}
.svc-list-card img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:brightness(0.8) saturate(0.92);
  transition:filter .55s cubic-bezier(.2,.65,.3,1), transform .9s cubic-bezier(.2,.65,.3,1);
  z-index:1;
}
.svc-list-card:hover img{
  filter:brightness(0.55) saturate(0.82);
  transform:scale(1.06);
}
.svc-list-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(18,18,18,0.05) 0%,rgba(18,18,18,0) 30%,rgba(18,18,18,0.55) 100%);
  z-index:2;
  pointer-events:none;
  transition:background .4s ease;
}
.svc-list-card:hover::before{background:rgba(18,18,18,0.38)}
.svc-list-inner{
  position:absolute;
  inset:0;
  z-index:3;
  padding:36px 38px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.svc-list-card .sec-h3{color:var(--white)} /* görsel üstü beyaz varyant */
/* açıklama + yuvarlak ikon satırı: hover'da birlikte açılır */
.svc-list-reveal{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  opacity:0;
  max-height:0;
  overflow:hidden;
  padding-top:0;
  transform:translateY(6px);
  transition:opacity .35s ease .05s, transform .35s ease .05s, max-height .35s ease, padding-top .35s ease;
}
.svc-list-card:hover .svc-list-reveal{
  opacity:1;
  max-height:200px;
  padding-top:12px;
  transform:translateY(0);
}
.svc-list-reveal .sec-p{color:var(--white);max-width:46ch}
/* ikon: .ykc-btn-icon'un metinsiz kullanımı — kart hover'ında ok sağı gösterir */
.svc-list-card:hover .ykc-icon-inner{transform:rotate(45deg)}