/* ─────── SVC LIST CARD (global bileşen) ───────
   Koyu görsel kart: görsel üstü başlık, hover'da açıklama + ok ikonu.
   Kullanım: hizmetler listesi, faaliyet alanları listesi, blog listesi. */

.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)}
.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;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.svc-list-card:hover .ykc-icon-inner{transform:rotate(45deg)}