/* ==============================
   XT-Hero — Yatay, tipografi ağırlıklı kart
   ============================== */
:root{
  --xt-ink:#0c1f3b;        /* ana metin (lacivert)   */
  --xt-soft:#f2f5fa;       /* panel zemin            */
  --xt-accent:#15b39a;     /* vurgu rengi (chip)     */
}

.fkp-card.fkp-xthero{ opacity:.85; transition:transform .35s ease, box-shadow .35s ease, opacity .35s ease; }
.fkp-card.fkp-xthero.swiper-slide-active{
  opacity:1; transform:translateY(-2px) scale(1.01);
  box-shadow:0 18px 42px rgba(10,20,40,.08);
}
.fkp-xthero.swiper-slide::after{ background:rgba(12,31,59,.06); }

.fkp-xthero .fkp-xthero-inner{
  height: 300px;                 /* yatay yükseklik */
  border-radius:16px;
  overflow:hidden;               /* sağ foto taşsın ama kart sınırı kalsın */
  border:1px solid rgba(0,0,0,.06);
  background: linear-gradient(180deg, #fff 0%, var(--xt-soft) 100%);
  display:grid;
  grid-template-columns: 56% 44%;  /* sol metin / sağ görsel */
}

/* SOL METİN BLOKU */
.fkp-x-left{
  position:relative;
  padding:22px 24px 24px 26px;
  color:var(--xt-ink);
  display:grid; grid-template-rows:auto auto 1fr;
  align-content:start;
}
.fkp-x-chip{
  width:max-content;
  font-size:12px; font-weight:800; letter-spacing:.35px; text-transform:uppercase;
  color:var(--xt-accent);
  background:rgba(21,179,154,.10);
  border:1px solid rgba(21,179,154,.26);
  padding:6px 10px; border-radius:999px; margin-bottom:10px;
}
.fkp-x-name{
  margin:0 0 8px 0; text-transform:uppercase; line-height:1.05;
}
.fkp-x-name .first{ display:block; font-size:28px; font-weight:900; letter-spacing:.6px; }
.fkp-x-name .last { display:block; font-size:28px; font-weight:900; letter-spacing:.6px; }

/* DEV WATERMARK NUMARA (arkada) */
.fkp-x-num{
  position:absolute; left:24px; bottom:10px;
  font-size:128px; font-weight:900; line-height:.9;
  color:var(--xt-ink); opacity:.08; pointer-events:none; user-select:none;
}

/* SAĞ GÖRSEL BLOKU — taşma hissi */
.fkp-x-right{ position:relative; overflow:visible; }
.fkp-x-photo{
  position:absolute; inset:-8% -14% -6% auto; /* sağa doğru taşır */
  width:auto; height:112%;
  background-image:var(--img);
  background-repeat:no-repeat;
  background-size:auto 115%;          /* yarım bel fotolar için büyütülmüş */
  background-position:right 18%;      /* baş/omuz odaklı kadraj */
  filter: drop-shadow(0 12px 22px rgba(0,0,0,.10));
}
/* sağ kenarda yumuşak solukluk (mask) */
.fkp-x-fade{
  position:absolute; top:0; right:-1px; bottom:0; width:26%;
  background:linear-gradient(90deg, rgba(255,255,255,0) 0%, #fff 60%);
}

/* Responsive */
@media (max-width:1200px){
  .fkp-xthero .fkp-xthero-inner{ height: 280px; grid-template-columns: 58% 42%; }
  .fkp-x-name .first,.fkp-x-name .last{ font-size:24px; }
  .fkp-x-num{ font-size:112px; }
}
@media (max-width:1024px){
  .fkp-xthero .fkp-xthero-inner{ height: 260px; grid-template-columns: 60% 40%; }
  .fkp-x-photo{ inset:-6% -12% -4% auto; background-size:auto 120%; background-position:right 22%; }
  .fkp-x-name .first,.fkp-x-name .last{ font-size:22px; }
  .fkp-x-num{ font-size:96px; }
}
@media (max-width:768px){
  .fkp-xthero .fkp-xthero-inner{ height: 240px; grid-template-columns: 62% 38%; }
  .fkp-x-photo{ inset:-4% -10% -4% auto; background-size:auto 128%; background-position:right 26%; }
  .fkp-x-name .first,.fkp-x-name .last{ font-size:20px; }
  .fkp-x-num{ font-size:84px; }
}



/* Foto bloğu gerçekten görünsün */
.fkp-x-right{ position:relative !important; overflow:visible !important; min-width: 260px; }
.fkp-x-photo{
  position:absolute !important;
  inset:-6% -12% -6% auto !important;
  width:auto !important; height:112% !important;
  background-image:var(--img) !important;
  background-repeat:no-repeat !important;
  background-size:auto 120% !important;   /* yarım bel fotolar için */
  background-position:right 20% !important;
}
.fkp-x-fade{ position:absolute; top:0; right:-1px; bottom:0; width:26%;
  background:linear-gradient(90deg, rgba(255,255,255,0) 0%, #fff 60%); }
/* Slayt genişliği: gerçek yatay kart */
.fkp-card.fkp-xthero{ width: clamp(560px, 68vw, 980px) !important; }
.fkp-xthero .fkp-xthero-inner{ height: 300px; grid-template-columns: 58% 42%; }
/* =========================
   Kırıkkale FK — Klasik Yatay Kart (birebir)
   ========================= */
.kfk-link{ display:block; text-decoration:none; color:inherit; }
.kfk-card{
/*   height: 520px;                                   /* panel yüksekliği */ */
  border-radius: 6px;
  background: #EFF2F5;                             /* açık gri panel */
  display: grid;
  grid-template-columns: 42% 58%;                  /* solda metin / sağda foto */
  overflow: hidden;
}

/* Sol metin kolonu */
.kfk-left{
  padding: 32px 28px;
  display: grid;
  grid-template-rows: auto auto 1fr;
  align-content: start;
  color: #0C2442;                                  /* koyu lacivert */
}
.kfk-name{ text-transform: uppercase; line-height: 1.05; margin-bottom: 12px; }
.kfk-name .first{ display:block; font-size: 40px; font-weight: 800; }
.kfk-name .last { display:block; font-size: 40px; font-weight: 800; }
.kfk-role{ font-size: 24px; opacity: .9; margin-bottom: 18px; }
.kfk-number{ font-size: 120px; font-weight: 900; line-height: .9; }

/* Sağ foto kolonu (oyuncu sağ-alta yaslı, panel içinde) */
.kfk-right{ position: relative; }
.kfk-photo{
  position: fixed; inset: 0 0 0 0;
  background-image: var(--img);
  background-repeat: no-repeat;
  background-size: auto 100%;                      /* boydan foto gibi oturur */
  background-position: right bottom;               /* sağ-alt */
}

/* Slaytlar arası ince ayırıcı */
.kfk-classic.swiper-slide::after{
  content:""; position:absolute; top:8%; bottom:8%; right:-16px; width:1px;
  background: rgba(0,0,0,.08);
}

/* Swiper ayarlarında slidesPerView: auto kullanıyorsan responsive'e gerek yok */
@media (max-width: 1024px){
  .kfk-classic{ width: 356px !important; }
  .kfk-card{ height: 480px; }
  .kfk-name .first, .kfk-name .last{ font-size: 34px; }
  .kfk-role{ font-size: 20px; }
  .kfk-number{ font-size: 96px; }
}
@media (max-width: 768px){
  .kfk-classic{ width: 380px !important; }
  .kfk-card{ height: 420px; grid-template-columns: 45% 55%; }
  .kfk-name .first, .kfk-name .last{ font-size: 28px; }
  .kfk-role{ font-size: 18px; }
  .kfk-number{ font-size: 84px; }
}
.fkp-nav{display:none;}
.swiper-slide{opacity:1}
.fkp-header {
text-align:center;
color: #0C2442;padding: 20px 0 0 0 !important;
}
.fkp-all { 
padding: 0 0 20px 0 !important;}
.swiper-wrapper {
margin-top: 20px !important;
}