/* Görsel slotlarının yerleşimleri (src/gorselapi.php). Slot boşsa ilgili sınıf hiç basılmaz, eski görünüm kalır.
   Renkler tema değişkenlerinden gelir; her site kendi temasında görünür. */

/* Hero butonundaki avatar: ".slide img" tam kaplama kuralından muaf, 36px daire içinde kalır */
.slide .avatar{overflow:hidden;box-shadow:0 0 0 2px var(--vurgu),0 0 12px var(--vurgu-a60)}
.slide .avatar img{position:static!important;inset:auto!important;display:block}

/* Ana sayfa yan kartları: kupa / ödül görseli, yazı tarafı koyu */
.camp-foto{background:linear-gradient(90deg,var(--zemin-a95) 15%,var(--zemin-a72) 42%,transparent 85%),var(--kart-gorsel) right center/cover no-repeat,var(--kart)!important}
.camp-foto .camp-art{display:none}

/* Originals oyun kartları */
.game-foto{background:linear-gradient(0deg,var(--zemin-a95) 6%,var(--zemin-a72) 28%,transparent 58%),var(--oyun-gorsel) center/cover no-repeat,var(--kart)!important}
.game-foto .game-ic,.game-foto .oart{display:none}
.g5.game-foto{border-style:solid}

/* Sayaç: yayıncı soldan sayıyı takdim eder */
.counter-sunucu{padding-left:30%!important;text-align:center}
.counter-sunucu>p{position:relative;z-index:1}
.counter-kisi{position:absolute;left:1%;bottom:0;height:118%;width:34%;object-fit:cover;object-position:30% 12%;pointer-events:none;
  -webkit-mask-image:linear-gradient(to right,#000 64%,transparent);mask-image:linear-gradient(to right,#000 64%,transparent)}

/* Kimdir tanıtımı */
.kimdir-tanit{display:grid;grid-template-columns:200px 1fr;gap:28px;align-items:center;margin-top:28px;padding:26px;border-radius:20px;border:1px solid var(--cizgi);
  background:linear-gradient(120deg,var(--vurgu-a22),transparent 60%),var(--kart)}
.kimdir-tanit img{width:200px;height:200px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px var(--vurgu),0 0 38px var(--vurgu-a60)}
.kimdir-tanit h2{margin:0 0 8px;font-family:var(--font-baslik);font-style:var(--baslik-stil,normal);font-weight:400;font-size:clamp(30px,3.4vw,46px);line-height:1;letter-spacing:.5px}
.kimdir-tanit h2 span{color:var(--vurgu2)}
.kimdir-tanit p{max-width:580px;margin:0 0 16px;color:var(--ikincil);line-height:1.6}
.kimdir-dugme{display:inline-block;padding:10px 20px;border-radius:12px;background:var(--vurgu);color:var(--beyaz,#fff);font-weight:700;text-decoration:none;box-shadow:0 6px 22px var(--vurgu-a45)}
.kimdir-dugme:hover{filter:brightness(1.08)}

/* Çekiliş sayfası sunum sahnesi */
.ck-sahne{position:relative;display:grid;grid-template-columns:34% 1fr;align-items:center;min-height:330px;margin:10px 0 30px;overflow:hidden;border-radius:22px;border:1px solid var(--cizgi);
  background:linear-gradient(90deg,var(--zemin-a15),var(--zemin-a72) 48%,var(--zemin-a15)),var(--sahne-gorsel) right center/cover no-repeat,var(--kart)}
.ck-sahne-kisi{align-self:end;width:100%;height:370px;object-fit:cover;object-position:30% 12%;
  -webkit-mask-image:linear-gradient(to right,#000 72%,transparent);mask-image:linear-gradient(to right,#000 72%,transparent)}
.ck-sahne-metin{max-width:460px;margin:24px 28px 24px 0;padding:26px 30px;border-radius:16px;border:1px solid var(--vurgu-a45);background:var(--kart-a70,rgba(12,12,16,.7));backdrop-filter:blur(6px)}
.ck-sahne-rozet{display:inline-block;margin-bottom:8px;font-size:12px;font-weight:800;letter-spacing:2px;color:var(--vurgu2)}
.ck-sahne-metin h2{margin:0 0 10px;font-family:var(--font-baslik);font-style:var(--baslik-stil,normal);font-weight:400;font-size:clamp(32px,3.6vw,48px);line-height:1;text-transform:uppercase}
.ck-sahne-metin h2 span{color:var(--vurgu)}
.ck-sahne-metin p{margin:0 0 16px;color:var(--ikincil);line-height:1.55}
.ck-sahne-metin a{display:inline-block;padding:11px 20px;border-radius:12px;background:var(--vurgu);color:var(--beyaz,#fff);font-weight:700;text-decoration:none}
.ck-bos-foto{display:flex;align-items:center;justify-content:center;gap:18px}
.ck-bos-foto::before{content:"";flex:none;width:92px;height:62px;border-radius:10px;background:var(--bos-gorsel) center/cover}

/* Sayfa bandı: başlık bandın sol koyu alanına biner */
.sayfa-bant{height:clamp(120px,15vw,200px);margin:0 0 -64px;border-radius:20px;border:1px solid var(--cizgi);
  background:linear-gradient(90deg,var(--zemin-a95) 10%,var(--zemin-a72) 40%,transparent 75%),linear-gradient(0deg,var(--zemin-a95),transparent 55%),var(--bant-gorsel) right center/cover no-repeat}
.sayfa-bant~*{position:relative;z-index:1}
.sayfa-bant+*{padding-left:24px}

/* Bonus kartı: eşleşen sponsorun logosu, marka rengiyle */
.bn-kart{overflow:hidden}
.bn-logo{display:flex;align-items:center;justify-content:center;height:86px;padding:14px 22px;border-bottom:1px solid var(--cizgi);
  background:radial-gradient(circle at 50% 130%,color-mix(in srgb,var(--logo-renk) 38%,transparent),transparent 70%),linear-gradient(180deg,color-mix(in srgb,var(--logo-renk) 12%,var(--kart)),var(--kart))}
.bn-logo img{max-width:82%;max-height:46px;object-fit:contain;filter:drop-shadow(0 4px 14px rgba(0,0,0,.55))}

/* Yayın: çevrimdışı görseli */
.yy-kanal.cevrim-foto{background:linear-gradient(90deg,var(--zemin-a95) 28%,var(--zemin-a72) 58%,var(--zemin-a15)),var(--cevrim-gorsel) center/cover no-repeat!important}
.yy-yok.cevrim-foto{background:linear-gradient(0deg,var(--zemin-a85),var(--zemin-a15)),var(--cevrim-gorsel) center/cover no-repeat}

/* Kimdir sayfası geniş görsel */
.sy-kimdir{display:block;width:100%;aspect-ratio:21/9;object-fit:cover;object-position:center 30%;margin:0 0 -64px;border-radius:18px;border:1px solid var(--cizgi)}
.sy-kimdirli .sy-avatar{position:relative;margin-left:24px!important}

@media (max-width:900px){
  .kimdir-tanit{grid-template-columns:120px 1fr;gap:18px;padding:18px}
  .kimdir-tanit img{width:120px;height:120px}
  .ck-sahne{grid-template-columns:1fr;min-height:0}
  .ck-sahne-kisi{position:absolute;left:-8%;bottom:0;width:62%;height:100%;opacity:.45}
  .ck-sahne-metin{position:relative;margin:18px;max-width:none}
}
@media (max-width:640px){
  .counter-sunucu{padding-left:16px!important}
  .counter-kisi{max-width:none;left:-14%;opacity:.28}
  .kimdir-tanit{grid-template-columns:1fr;text-align:center;justify-items:center}
  .sayfa-bant{margin-bottom:-40px}
  .sayfa-bant+*{padding-left:12px}
  .sy-kimdir{margin-bottom:-40px}
}