/* SANATLA — sayfaya özel bloklar.
   Kaynak ana sayfada bileşene karşılığı olmayan iki kurgu burada kurulur; ikisi de
   Esnek İçerik (classic-text-editor) metin bloğuna yazılan HTML ile çalışır:
     .snt-veri   → degrade bandın altındaki dört çerçeveli veri kartı
                   (kaynak: 1px color4 çerçeve, 5px köşe, 30px/50px dolgu, çizim en çok 125px)
     .snt-cozum  → "Ele Alınan Sorunlar ve Çözümler" üç leylak kart
                   (kaynak: color4 tint zemin, mor kare ikon, "1./2./3." alt başlık)
   Esnek İçerik metni wpautop'tan geçtiği için img ve metinler <p> içine düşebilir;
   kurallar buna göre yazıldı. */

/* ===================== VERİ KARTLARI ===================== */
.snt-veri{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:0}
.snt-veri__kart{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:26px;align-items:start;
  background:var(--kreatus-background);border:1px solid var(--kreatus-primary);border-radius:5px;
  padding:30px 50px;box-shadow:0 0 25px 15px rgba(15,15,15,.05);
  transition:border-color .3s ease}
.snt-veri__kart:hover{border-color:var(--kreatus-secondary)}
.snt-veri__ikon{min-width:0}
.snt-veri__ikon p{margin:0}
.snt-veri__ikon img{display:block;width:100%;max-width:125px;height:auto}
.snt-veri__govde{min-width:0}
.snt-veri__baslik{margin:0 0 10px;font-family:var(--kreatus-font-heading);font-size:22px;line-height:1.6;
  font-weight:700;color:var(--kreatus-text-strong)}
.snt-veri__govde p{margin:0;font-size:var(--snt-t4-size);line-height:var(--snt-t4-lh);
  letter-spacing:var(--snt-t4-ls);color:var(--kreatus-text)}

@media (max-width:980px){
  .snt-veri{grid-template-columns:1fr}
  .snt-veri__kart{padding:30px}
}
@media (max-width:640px){
  .snt-veri__kart{grid-template-columns:1fr;gap:18px;padding:24px}
  .snt-veri__ikon img{max-width:110px}
  .snt-veri__baslik{font-size:20px}
}

/* ===================== SORUNLAR VE ÇÖZÜMLER ===================== */
.snt-cozum__ust{margin:0;text-align:center;font-family:var(--kreatus-font-heading);
  font-size:30px;line-height:1.5;font-weight:700;color:var(--kreatus-text-strong)}
.snt-cozum__ust--son{margin-bottom:44px}
.snt-cozum__izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.snt-cozum__kart{background:var(--kreatus-primary-tint);border-radius:4px;padding:30px;min-width:0}
.snt-cozum__ikon{display:grid;place-items:center;width:56px;height:56px;border-radius:8px;
  background:var(--kreatus-primary);margin-bottom:26px}
.snt-cozum__ikon::before{content:"";width:16px;height:9px;margin-top:-4px;
  border-left:2.5px solid #fff;border-bottom:2.5px solid #fff;transform:rotate(-45deg)}
.snt-cozum__no{margin:0 0 14px;font-size:17px;line-height:1.2;font-weight:700;color:var(--kreatus-text-strong)}
.snt-cozum__kart p{margin:0;font-size:15px;line-height:1.8;letter-spacing:var(--snt-t4-ls);
  color:var(--kreatus-text-light)}

@media (max-width:980px){
  .snt-cozum__ust{font-size:26px}
  .snt-cozum__izgara{grid-template-columns:1fr;gap:18px}
}
@media (max-width:640px){
  .snt-cozum__ust{font-size:22px}
  .snt-cozum__ust--son{margin-bottom:30px}
  .snt-cozum__kart{padding:24px}
}

/* Esnek İçerik sarmalayıcısı bu iki blokta ekstra hizalama getirmesin */
.ctec-block-text .snt-veri,
.ctec-block-text .snt-cozum{text-align:left}

/* ===================== /proje/ =====================
   Kaynakta bu sayfa üç sütunluydu: solda büyük başlık, ortada iki yana yaslı anlatı,
   sağda leylak kartta küçük logo; ortaklar turuncu ayraçla bölünüyordu.
   snt-image-text iki sütun verdiği için oranlar ve kart görünümü burada sayfaya özgü
   ayarlanır (bileşen genelini etkilemez). */
.page-proje .snt-imgtext--sag{grid-template-columns:minmax(0,1fr) 260px;align-items:start}
.page-proje .snt-imgtext__gorsel{background:var(--kreatus-primary-tint);border-radius:10px;padding:26px;
  display:grid;place-items:center;min-height:170px}
.page-proje .snt-imgtext__baslik{font-size:44px;line-height:1.2}
.page-proje .snt-imgtext__metin{text-align:justify;font-size:var(--snt-t4-size);
  line-height:var(--snt-t4-lh);letter-spacing:var(--snt-t4-ls);color:var(--kreatus-text)}
/* ortaklar arasındaki turuncu ayraç (ilk bölüm hariç) */
.page-proje .kc-component--snt-image-text + .kc-component--snt-image-text .snt-imgtext{
  border-top:1px solid var(--kreatus-secondary);padding-top:40px}

@media (max-width:900px){
  .page-proje .snt-imgtext--sag{grid-template-columns:minmax(0,1fr)}
  .page-proje .snt-imgtext__gorsel{max-width:220px;margin-inline:auto}
  .page-proje .snt-imgtext__baslik{font-size:28px}
  .page-proje .snt-imgtext__metin{text-align:left}
}