/* ============================================================================
   OKULDAN — ALT SAYFA BLOK KÜTÜPHANESİ  (.ok-b1 … .ok-b13)
   Şartname: design_handoff_okuldan_alt_sayfalar/PATTERNS.md
   Token'lar ana sayfa paketiyle aynıdır; burada değişken olarak bir kez tanımlanır.

   ⚠ Bu dosya tools/tasarim/kaynak/ altında TEK KAYNAKTIR. Siteye `ozel-css-blok`
   anahtarı `bloklar` ile basılır. Sayfa içine inline stil yazılmaz.
   Yazmadan önce tools/tasarim/KURALLAR.md okunur (27 madde).
============================================================================ */

:root{
  --ok-teal:#01998C;      --ok-teal-koyu:#017C71;   --ok-teal-tint:#E1F1EF;
  --ok-aksiyon:#FD9F0A;   --ok-aksiyon-koyu:#E88F09;
  --ok-koyu:#071715;      --ok-baslik:#12211F;      --ok-govde:#4C5D5B;
  --ok-ikincil:#5A6B69;   --ok-silik:#8A9A98;       --ok-kontur:#E4EBEA;
  --ok-ayrac:#EDF2F1;     --ok-acik:#F4F8F7;        --ok-notr:#FAFBFB;
  --ok-teal-metin:#D6EDEA;--ok-teal-silik:#BFE3DF;
  --ok-r-kart:16px;       --ok-r-kart-m:14px;       --ok-r-btn:12px;
  --ok-golge-kart:0 8px 24px rgba(7,23,21,.06);
  --ok-golge-kart-m:0 6px 18px rgba(7,23,21,.05);
  --ok-golge-hover:0 12px 30px rgba(7,23,21,.10);
  --ok-ic:1180px;         --ok-okuma:720px;         --ok-dar:900px;
  /* tema header position:absolute ile B1 üstüne biniyor; B1 bunu telafi eder */
  --ok-baslik-ust:84px;
}

/* Tema iç sayfa başlık bandı B1'in işini yapıyordu — blok sayfalarında kapatılır.
   body sınıfı eklentiden gelir (jettnet_ok_govde_sinifi). */
body.ok-blok-sayfa .wraper_inner_banner,
body.ok-blok-sayfa .wraper_inner_banner_main,
body.ok-blok-sayfa .inner_banner_main{display:none!important}

/* ---------- bölüm kabuğu: tam genişlik + zemin ritmi ---------- */
/* ⚠ WPBakery'nin stretch_row JS'i ~5sn sonra çalışıp yerleşimi kaydırıyor;
   tam genişlik CSS ile ilk boyamada verilir. body{overflow-x:clip} `ortak` bölümünde. */
.ok-blok{
  position:relative!important;left:auto!important;right:auto!important;
  width:100vw!important;max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;
  box-sizing:border-box;padding:64px 56px!important;
}
.ok-blok .vc_row-full-width{display:none}
.ok-zemin-beyaz{background:#fff}
.ok-zemin-acik{background:var(--ok-acik)}
.ok-zemin-teal{background:var(--ok-teal)}

/* ⚠ WPBakery kolonu FLOAT'ludur; width:auto = shrink-to-fit → 1440'ta tesadüfen
   doğru görünür, 1920'de sola kayar. Daima width:100% + float:none. */
.ok-blok .vc_row{position:relative!important;left:auto!important;width:auto!important;
  margin:0 auto!important;padding:0!important;box-sizing:border-box}
.ok-blok .wpb_column{width:100%!important;float:none!important;padding:0!important;margin:0!important}
.ok-blok .vc_column-inner{padding:0!important}
/* clearfix ::before/::after grid/flex kabında anonim öğe olur, ilk hücreyi kapar */
.ok-blok .vc_row::before,.ok-blok .vc_row::after{content:none!important;display:none!important}
/* ⛔ BURAYA BLANKET RESET YAZMA. `.wpb_wrapper>*{margin:0!important}` dört kez
   geri teptı: ortalanan .ok-*-ic kaplarını ve paragraf aralıklarını yedi (K34).
   Marjı olan tema sınıfları isim isim sıfırlanır — yan hasar yok, özgüllük düşük. */
.ok-blok .wpb_content_element,
.ok-blok .wpb_text_column,
.ok-blok .vc_figure,
.ok-blok .vc_single_image-wrapper,
.ok-blok .wpb_single_image{margin:0!important}

/* wpautop ve boş alanlar hayalet <p> bırakıyor; ızgarada 1px'lik şerit oluyor */
.ok-blok p:empty,.ok-blok .wpb_text_column:empty{display:none!important}

/* ---------- ortak parçalar ---------- */
.ok-eyebrow{width:auto!important;display:inline-block;
  font-family:Montserrat,sans-serif;font-size:13px;font-weight:600;letter-spacing:.08em;
  text-transform:uppercase;color:var(--ok-teal-koyu)!important;background:var(--ok-teal-tint);
  padding:8px 14px;border-radius:999px;line-height:1;text-align:left!important}
.ok-h2{font-size:34px!important;line-height:1.18!important;font-weight:700!important;
  color:var(--ok-baslik)!important;letter-spacing:-.01em;text-align:left!important}
.ok-metin,.ok-metin p{font-size:17px!important;line-height:1.7!important;
  color:var(--ok-govde)!important;font-weight:400!important;text-align:left!important;margin:0!important}
/* B3/B14 gövdesinde paragraf aralığı — B2 dışındaki bloklarda da gerekli */
.ok-metin p+p{margin-top:16px!important}
/* başlıktan sonra gelen ilk metin yapışık duruyordu */
.ok-metin h2+p,.ok-metin h3+p,.ok-blok .ok-h2+p,
.ok-b5-liste,.ok-b2-ic h2+p{margin-top:14px!important}
.ok-blok .ok-eyebrow+h2{margin-top:4px!important}
.ok-btn a,a.ok-btn,.ok-btn .radiantthemes-custom-button-main{
  display:inline-block;background:var(--ok-aksiyon)!important;color:#fff!important;
  font-size:16px!important;font-weight:600!important;line-height:1.2!important;
  padding:16px 28px!important;border-radius:var(--ok-r-btn)!important;border:0!important;
  text-decoration:none;box-shadow:0 8px 20px rgba(253,159,10,.28);
  transition:background .18s ease-out,box-shadow .18s ease-out}
.ok-btn a:hover,a.ok-btn:hover,.ok-btn .radiantthemes-custom-button-main:hover{
  background:var(--ok-aksiyon-koyu)!important;color:#fff!important}
.ok-kart{background:#fff;border:1px solid var(--ok-kontur);border-radius:var(--ok-r-kart);
  box-shadow:var(--ok-golge-kart);padding:26px;box-sizing:border-box;
  transition:box-shadow .18s ease-out,transform .18s ease-out}
.ok-kart:hover{box-shadow:var(--ok-golge-hover);transform:translateY(-2px)}
.ok-ikon{flex:none;width:44px;height:44px;border-radius:12px;background:var(--ok-teal-tint);
  color:var(--ok-teal);font-size:20px;display:flex;align-items:center;justify-content:center}

/* ============================ B1 — sayfa başlığı bandı ==================== */
.ok-b1{padding:calc(var(--ok-baslik-ust) + 52px) 56px 56px!important}
.ok-b1-ic{max-width:var(--ok-ic);margin:0 auto;display:flex;flex-direction:column;gap:14px}
.ok-b1-yol{display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  font-family:Montserrat,sans-serif;font-size:13px;font-weight:600;letter-spacing:.06em;color:var(--ok-teal-silik)}
.ok-b1-yol a{color:var(--ok-teal-silik);text-decoration:none}
.ok-b1-yol a:hover{color:#fff}
.ok-b1-yol .ok-ayirac{opacity:.6}
.ok-b1-yol .ok-aktif{color:#fff}
.ok-b1 h1,.ok-b1-h1{margin:0!important;font-size:44px!important;line-height:1.14!important;
  font-weight:700!important;color:#fff!important;letter-spacing:-.01em;max-width:820px;text-align:left!important}
.ok-b1-ozet{margin:0!important;font-size:19px!important;line-height:1.6!important;
  color:var(--ok-teal-metin)!important;max-width:760px;text-align:left!important}

/* ============================ B2 — metin gövdesi + alıntı ================= */
.ok-blok .ok-b2-ic{max-width:var(--ok-okuma);margin:0 auto;display:flex;flex-direction:column;gap:20px}
.ok-b2-ic p{margin:0!important;font-size:17px!important;line-height:1.8!important;color:var(--ok-govde)!important}
.ok-b2-ic p+p{margin-top:20px!important}
/* Yalnız alıntı taşıyan B2: uzun metin kolonu için ayrılmış dikey boşluk
   burada yarı boş duruyordu — bölüm daralır, alıntı vurgu öğesi gibi durur. */
.ok-b2-sade{padding-top:44px!important;padding-bottom:44px!important}
.ok-b2-sade .ok-b2-ic{max-width:var(--ok-dar)}
.ok-b2-sade .ok-b2-alinti{margin:0!important;padding:30px 34px;
  font-size:19px!important;line-height:1.6!important}
.ok-b2-alinti{margin:8px 0 0!important;background:var(--ok-acik);border-radius:var(--ok-r-kart);
  padding:26px 28px;font-size:18px!important;line-height:1.65!important;font-weight:500!important;
  color:var(--ok-baslik)!important;border:0!important}
.ok-b2-alinti::before,.ok-b2-alinti::after{content:none!important}

/* ============================ B3 — metin + görsel ikilisi ================= */
.ok-b3-ic{max-width:var(--ok-ic);margin:0 auto;width:100%;
  display:grid!important;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.ok-b3-metin>.vc_column-inner>.wpb_wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.ok-b3 .ok-h2{font-size:34px!important}
.ok-b3-gorsel img{width:100%;height:auto;display:block;filter:drop-shadow(0 18px 36px rgba(7,23,21,.14))}
.ok-b3-gorsel figure,.ok-b3-gorsel .vc_single_image-wrapper{margin:0!important;display:block}
.ok-b3-telefon img{max-width:300px;margin:0 auto}
.ok-b3 .ok-btn{margin-top:8px!important}
/* varyant B: görsel solda — DOM sırası korunur, kolonlar CSS ile yer değiştirir */
.ok-b3-b .ok-b3-metin{order:2}
.ok-b3-b .ok-b3-gorsel{order:1}

/* ============================ B4 — video (facade) ======================== */
.ok-blok .ok-b4-ic{max-width:var(--ok-dar);margin:0 auto;display:flex;flex-direction:column;gap:20px;align-items:center}
.ok-b4 .ok-b4-h2{font-size:32px!important;line-height:1.2!important;font-weight:700!important;
  color:var(--ok-baslik)!important;text-align:center!important}
.ok-b4-kutu{width:100%;border-radius:var(--ok-r-kart);overflow:hidden;
  box-shadow:0 18px 44px rgba(7,23,21,.16);background:#0F1A19}
.ok-b4-serit{display:flex;align-items:center;gap:12px;padding:14px 18px}
.ok-b4-avatar{width:28px;height:28px;border-radius:999px;background:var(--ok-teal);flex:none}
.ok-b4-ad{font-size:15px;font-weight:600;color:#fff;line-height:1.3}
.ok-b4-kanal{font-size:13px;color:#9BB0AD;line-height:1.2}
.ok-b4-oynat{display:block;position:relative;width:100%;aspect-ratio:16 / 9;padding:0;border:0;margin:0;
  background:#12211F;cursor:pointer;overflow:hidden;line-height:0}
.ok-b4-kapak{width:100%;height:100%;object-fit:cover;display:block}
.ok-b4-dugme{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:84px;height:84px;border-radius:999px;background:#fff;display:flex;align-items:center;justify-content:center;
  box-shadow:0 10px 26px rgba(7,23,21,.22);transition:transform .18s ease-out}
.ok-b4-oynat:hover .ok-b4-dugme{transform:translate(-50%,-50%) scale(1.06)}
.ok-b4-ucgen{width:0;height:0;border-left:26px solid var(--ok-teal);
  border-top:16px solid transparent;border-bottom:16px solid transparent;margin-left:6px}
.ok-b4-cerceve{display:block;width:100%;aspect-ratio:16 / 9;height:auto;border:0}

/* ================ B14 — metin + video ikilisi (önerilen yeni blok) ======== */
.ok-b14-ic{max-width:var(--ok-ic);margin:0 auto;width:100%;
  display:grid!important;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.ok-b14-metin>.vc_column-inner>.wpb_wrapper{display:flex;flex-direction:column;
  align-items:flex-start;gap:16px}
.ok-b14-b .ok-b14-video{order:2}
.ok-b14-b .ok-b14-metin{order:1}
.ok-b14 .ok-b4-kutu{box-shadow:0 14px 34px rgba(7,23,21,.14)}
.ok-b14 .ok-b4-dugme{width:64px;height:64px}
.ok-b14 .ok-b4-ucgen{border-left:20px solid var(--ok-teal);
  border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:5px}

/* ============================ B5 — işaretli madde listesi ================ */
.ok-b5-ic{max-width:var(--ok-ic);margin:0 auto;
  display:grid!important;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.ok-b5-sol>.vc_column-inner>.wpb_wrapper{display:flex;flex-direction:column;gap:20px}
.ok-b5 .ok-b5-h2{font-size:32px!important;line-height:1.2!important;font-weight:700!important;
  color:var(--ok-baslik)!important;letter-spacing:-.01em;text-align:left!important}
.ok-b5-liste ul{list-style:none;margin:0!important;padding:0!important;
  display:grid;grid-template-columns:1fr 1fr;gap:14px 28px}
.ok-b5-liste li{display:flex;gap:12px;align-items:flex-start;margin:0!important;
  font-size:15px;line-height:1.6;color:var(--ok-govde)}
.ok-b5-liste li::before{content:"✓";flex:none;width:22px;height:22px;border-radius:999px;
  background:var(--ok-teal-tint);color:var(--ok-teal);font-size:13px;font-weight:700;
  display:flex;align-items:center;justify-content:center;margin-top:2px}
.ok-b5-gorsel img{width:100%;height:auto;display:block;filter:drop-shadow(0 18px 36px rgba(7,23,21,.14))}
.ok-b5-gorsel figure,.ok-b5-gorsel .vc_single_image-wrapper{margin:0!important;display:block}

/* ============================ B6 — numaralı hizmet kalemleri ============= */
.ok-blok .ok-b6-bas{max-width:var(--ok-ic);margin:0 auto 56px!important;display:flex;flex-direction:column;gap:8px}
.ok-b6-ic{max-width:var(--ok-ic);margin:0 auto;display:grid!important;grid-template-columns:1fr 1fr;gap:24px}
.ok-b6-kalem>.vc_column-inner>.wpb_wrapper{height:100%;box-sizing:border-box;
  background:#fff;border:1px solid var(--ok-kontur);border-radius:var(--ok-r-kart);
  box-shadow:var(--ok-golge-kart);padding:28px 26px 30px;
  display:grid;grid-template-columns:44px 1fr;column-gap:18px;align-content:start}
.ok-b6-no{grid-column:1;grid-row:1;flex:none;width:44px;height:44px;border-radius:12px;
  background:var(--ok-teal-tint);color:var(--ok-teal);font-family:Montserrat,sans-serif;
  font-size:16px!important;font-weight:700!important;display:flex;align-items:center;justify-content:center;
  text-align:center!important;line-height:1!important}
.ok-b6-baslik{grid-column:2;grid-row:1;align-self:center}
.ok-b6-baslik h3{margin:0!important;font-size:19px!important;font-weight:600!important;
  color:var(--ok-baslik)!important;text-align:left!important;line-height:1.3!important}
.ok-b6-metin{grid-column:2;grid-row:2;padding-top:18px}
.ok-b6-metin p{margin:0!important;font-size:15px!important;line-height:1.65!important;
  color:var(--ok-ikincil)!important;text-align:left!important}

/* ============================ B7 — 3'lü kart ızgarası ==================== */
.ok-blok .ok-b7-bas{max-width:var(--ok-ic);margin:0 auto 56px!important;
  display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center}
.ok-b7-bas .ok-eyebrow,.ok-b7-bas .ok-h2{text-align:center!important}
.ok-b7-ic{max-width:var(--ok-ic);margin:0 auto;display:grid!important;
  grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}
.ok-b7-4lu .ok-b7-ic{grid-template-columns:repeat(4,1fr)}
.ok-b7-kart>.vc_column-inner{height:100%}
.ok-b7-kart>.vc_column-inner>.wpb_wrapper{height:100%;box-sizing:border-box;
  background:#fff;border:1px solid var(--ok-kontur);border-radius:var(--ok-r-kart);
  box-shadow:var(--ok-golge-kart);padding:28px 26px 30px;
  display:grid;grid-template-columns:44px 1fr;column-gap:14px;align-content:start}
/* İkonlar gömülü SVG (Font Awesome bu sayfalarda kuyruğa girmiyor) */
.ok-blok .ok-b7-ikon{grid-column:1;grid-row:1;align-self:center;
  width:44px;height:44px;border-radius:12px;background:var(--ok-teal-tint);
  color:var(--ok-teal);display:flex;align-items:center;justify-content:center}
.ok-b7-ikon svg,.ok-b13-ikon svg{display:block}
.ok-b7-baslik{grid-column:2;grid-row:1;align-self:center}
/* Kart tıklanabilir: başlık bağlantısı ::after ile tüm kartı kaplar
   (ayrı bir <a> sarmalı WPBakery kolonunda kurulamıyor). */
.ok-b7-kart>.vc_column-inner>.wpb_wrapper{position:relative}
.ok-b7-bag{color:inherit!important;text-decoration:none!important}
.ok-b7-bag::after{content:"";position:absolute;inset:0;border-radius:var(--ok-r-kart);z-index:1}
/* ⚠ hover'da translateY metni yeniden rasterize edip TİTRETİYOR.
   Yükselme hissi gölge + kenar rengiyle veriliyor, dönüşüm yok. */
.ok-b7-kart>.vc_column-inner>.wpb_wrapper:hover{
  box-shadow:var(--ok-golge-hover);border-color:var(--ok-teal-tint)}
.ok-b7-kart>.vc_column-inner>.wpb_wrapper{
  transition:box-shadow .18s ease-out,border-color .18s ease-out}
.ok-b7-kart:hover .ok-b7-bag{color:var(--ok-teal)!important}
.ok-b7-baslik h3{margin:0!important;font-size:19px!important;font-weight:600!important;
  color:var(--ok-baslik)!important;text-align:left!important;line-height:1.3!important}
.ok-b7-4lu .ok-b7-baslik h3{font-size:18px!important}
.ok-b7-metin{grid-column:1/-1;grid-row:2;padding-top:18px}
.ok-b7-metin p{margin:0!important;font-size:15px!important;line-height:1.65!important;
  color:var(--ok-ikincil)!important;text-align:left!important}

/* ============================ B8 — SSS akordeonu ========================= */
.ok-blok .ok-b8-bas{max-width:var(--ok-dar);margin:0 auto 36px!important;display:flex;flex-direction:column;gap:8px}
.ok-b8-ic{max-width:var(--ok-dar);margin:0 auto;display:flex;flex-direction:column;gap:12px}
.ok-b8-oge{background:#fff;border:1px solid var(--ok-kontur);border-radius:var(--ok-r-kart);
  box-shadow:var(--ok-golge-kart);overflow:hidden}
.ok-b8-soru{display:flex;align-items:center;justify-content:space-between;gap:20px;
  width:100%;padding:22px 26px;background:none;border:0;cursor:pointer;text-align:left;font:inherit}
.ok-b8-soru span{font-size:18px;font-weight:600;color:var(--ok-baslik);line-height:1.35}
.ok-b8-isaret{flex:none;width:30px;height:30px;border-radius:999px;background:var(--ok-teal-tint);
  color:var(--ok-teal);font-size:17px;font-weight:600;display:flex;align-items:center;justify-content:center}
.ok-b8-isaret::before{content:"+"}
.ok-b8-soru[aria-expanded="true"] .ok-b8-isaret::before{content:"–"}
.ok-b8-cevap{padding:0 26px 24px;font-size:16px;line-height:1.75;color:var(--ok-govde);max-width:var(--ok-okuma)}
.ok-b8-cevap[hidden]{display:none}

/* ============================ B9 — görüş kartları ======================== */
.ok-blok .ok-b9-bas{max-width:var(--ok-ic);margin:0 auto 40px;
  display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center}
.ok-b9-bas .ok-eyebrow,.ok-b9-bas .ok-h2{text-align:center!important}
.ok-b9-bas-sol{align-items:flex-start;text-align:left}
.ok-b9-bas-sol .ok-eyebrow,.ok-b9-bas-sol .ok-h2{text-align:left!important}
.ok-b9-ic{max-width:var(--ok-ic);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);
  gap:24px;align-items:stretch}
.ok-b9-kart{background:#fff;border:1px solid var(--ok-kontur);border-radius:var(--ok-r-kart);
  box-shadow:var(--ok-golge-kart);padding:26px;display:flex;flex-direction:column;gap:16px}
.ok-b9-logo{height:48px;display:flex;align-items:center;overflow:hidden}
.ok-b9-logo img{width:175px;height:auto;max-width:none;display:block}
.ok-b9-tirnak{font-size:34px;line-height:1;color:var(--ok-teal);font-weight:700}
.ok-b9-alinti{font-size:16px;line-height:1.7;color:var(--ok-govde);flex:1;margin:0}
.ok-b9-kimlik{border-top:1px solid var(--ok-ayrac);padding-top:14px;display:flex;flex-direction:column;gap:2px}
.ok-b9-ad{font-size:15px;font-weight:600;color:var(--ok-baslik)}
.ok-b9-okul{font-size:14px;color:var(--ok-silik)}

/* ============================ B10 — demo CTA bandı ======================= */
.ok-b10{padding:56px!important}
.ok-b10-ic{max-width:var(--ok-ic);margin:0 auto;display:flex!important;align-items:center;
  justify-content:space-between;gap:48px}
.ok-b10-metin>.vc_column-inner>.wpb_wrapper{display:flex;flex-direction:column;gap:12px;max-width:680px}
.ok-b10-h2{font-size:34px!important;line-height:1.18!important;font-weight:700!important;
  color:#fff!important;letter-spacing:-.01em;text-align:left!important}
.ok-b10-p{font-size:18px!important;line-height:1.6!important;color:var(--ok-teal-metin)!important;
  text-align:left!important}
.ok-blok .ok-b10-metin{flex:1 1 auto;width:auto!important}
.ok-blok .ok-b10-sag{flex:0 0 auto;width:auto!important}
.ok-b10-sag>.vc_column-inner>.wpb_wrapper{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.ok-b10 .ok-btn a,.ok-b10 .ok-btn .radiantthemes-custom-button-main{
  font-size:17px!important;padding:19px 34px!important;white-space:nowrap;
  box-shadow:0 10px 26px rgba(7,23,21,.22)}
.ok-b10-guven{font-size:15px!important;color:#CDE7E4!important;text-align:left!important}

/* ============================ B11 — blog 3'lüsü ========================== */
.ok-blok .ok-b11-bas{max-width:var(--ok-ic);margin:0 auto 26px;display:flex;align-items:flex-end;
  justify-content:space-between;gap:24px}
.ok-b11-bas .ok-h2{font-size:32px!important;line-height:1.2!important}
.ok-b11-tum{font-size:15px;font-weight:600;color:var(--ok-aksiyon);text-decoration:none;white-space:nowrap}
.ok-b11-tum:hover{color:var(--ok-aksiyon-koyu)}
.ok-b11-ic{max-width:var(--ok-ic);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ok-b11-kart{background:#fff;border:1px solid var(--ok-kontur);border-radius:var(--ok-r-kart);
  box-shadow:var(--ok-golge-kart);overflow:hidden;display:flex;flex-direction:column;
  text-decoration:none;transition:box-shadow .18s ease-out,transform .18s ease-out}
.ok-b11-kart:hover{box-shadow:var(--ok-golge-hover);transform:translateY(-2px)}
.ok-b11-gorsel{aspect-ratio:16 / 9;background:#E9EFEE;display:block;width:100%;object-fit:cover}
.ok-b11-govde{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1}
.ok-b11-tarih{font-family:Montserrat,sans-serif;font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--ok-silik)}
.ok-b11-baslik{font-size:18px;font-weight:600;line-height:1.35;color:var(--ok-baslik);margin:0}
.ok-b11-ozet{font-size:15px;line-height:1.6;color:var(--ok-ikincil);flex:1;margin:0;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* "Yazıyı oku" sağa dayalı — align-self bu bağlamda tutmadı,
   margin-left:auto belirsizlik bırakmıyor. */
.ok-b11-devam{font-size:15px;font-weight:600;color:var(--ok-aksiyon);
  /* ⚠ margin-right de auto kalınca öğe ORTALANIYORDU; sağı sıfırlamak şart. */
  margin-top:4px!important;margin-left:auto!important;margin-right:0!important;
  align-self:flex-end;text-align:right;width:max-content}

/* --------- blog dizini: şablon vc_row sarmalı olmadan da çalışsın --------- */
.ok-b11.ok-blok>.ok-b11-ic,
.ok-b10.ok-blok>.ok-b10-ic,
.ok-b1.ok-blok>.ok-b1-ic{max-width:var(--ok-ic);margin:0 auto}
.ok-b10.ok-blok>.ok-b10-ic{display:flex;align-items:center;justify-content:space-between;gap:48px}
.ok-b10-ic>.ok-b10-metin{max-width:680px}
.ok-b10-ic>.ok-b10-sag{flex:0 0 auto}

.ok-sayfalama{max-width:var(--ok-ic);margin:36px auto 0;display:flex;gap:8px;
  flex-wrap:wrap;justify-content:center;align-items:center}
.ok-sayfalama .page-numbers{display:inline-flex;align-items:center;justify-content:center;
  min-width:42px;height:42px;padding:0 14px;border-radius:10px;
  border:1px solid var(--ok-kontur);background:#fff;color:var(--ok-baslik);
  font-size:15px;font-weight:600;text-decoration:none;
  transition:border-color .18s ease-out,background .18s ease-out}
.ok-sayfalama .page-numbers:hover{border-color:#C9D6D4;background:var(--ok-acik)}
.ok-sayfalama .page-numbers.current{background:var(--ok-teal);border-color:var(--ok-teal);color:#fff}
.ok-sayfalama .page-numbers.dots{border:0;background:none;min-width:24px}

@media (max-width:767px){
  .ok-b10.ok-blok>.ok-b10-ic{flex-direction:column;align-items:stretch;gap:18px}
  .ok-b10-ic>.ok-b10-sag{width:100%}
  .ok-sayfalama{margin-top:24px}
  .ok-sayfalama .page-numbers{min-width:38px;height:38px;font-size:14px;padding:0 10px}
}

/* --------------- tekil blog yazısı: blok diliyle uyum ------------------- */
body.ok-yazi .entry-content img,
body.ok-yazi article img:not(.avatar):not([class*=icon]){
  border-radius:var(--ok-r-kart);box-shadow:var(--ok-golge-kart);
  max-width:100%;height:auto}
body.ok-yazi .entry-content>p{font-size:17px;line-height:1.8;color:var(--ok-govde)}
body.ok-yazi .entry-content h2{font-size:28px;line-height:1.2;color:var(--ok-baslik);margin-top:34px}
body.ok-yazi .entry-content h3{font-size:21px;line-height:1.3;color:var(--ok-baslik);margin-top:26px}

/* etiketler: çip görünümü, sola yaslı.
   ⚠ Ayraç "/" tema tarafından `a::after` ile basılıyor — çipin içinde
   görünüyordu. `content:none` ile kaldırılır (K18'in kardeşi: görünen
   karakterin kaynağı içerik değil pseudo-element olabilir). */
body.ok-yazi .post-tags{
  display:flex!important;flex-wrap:wrap;align-items:center;
  justify-content:flex-start!important;gap:8px!important;
  margin:28px 0 0!important;padding-top:20px;border-top:1px solid var(--ok-ayrac);
  text-align:left!important}
body.ok-yazi .post-tags .tags-title{
  font-size:14px!important;font-weight:600!important;color:var(--ok-silik)!important;
  margin:0 4px 0 0!important;flex:0 0 auto}
body.ok-yazi .post-tags a[rel~="tag"]{
  display:inline-flex;align-items:center;margin:0!important;
  background:var(--ok-teal-tint)!important;color:var(--ok-teal-koyu)!important;
  font-size:13px!important;font-weight:600!important;line-height:1!important;
  padding:8px 14px!important;border-radius:999px!important;
  text-decoration:none!important;border:0!important;
  transition:background .18s ease-out,color .18s ease-out}
body.ok-yazi .post-tags a[rel~="tag"]:hover{
  background:var(--ok-teal)!important;color:#fff!important}
body.ok-yazi .post-tags a::after,
body.ok-yazi .post-tags a::before{content:none!important;display:none!important}
/* etiketlerle yazı navigasyonu arasında nefes payı */
body.ok-yazi .post-tags{margin-bottom:8px!important}
body.ok-yazi .post-navigation,body.ok-yazi [class*=post-nav],
body.ok-yazi .nav-links,body.ok-yazi .navigation.post-navigation{
  margin-top:40px!important;padding-top:28px!important;
  border-top:1px solid var(--ok-ayrac)}

/* --------- blog yan sütunu: arama + kategori/etiket çipleri ------------- */
/* Arama butonu tema kırmızısıydı (#FF0F27); palete alındı. */
body.ok-yazi .widget_search button,
body.ok-yazi .widget_search .search-submit,
body.ok-yazi .widget_search input[type=submit]{
  background:var(--ok-teal)!important;border-color:var(--ok-teal)!important;
  color:#fff!important;border-radius:0 var(--ok-r-btn) var(--ok-r-btn) 0!important;
  transition:background .18s ease-out}
body.ok-yazi .widget_search button:hover{background:var(--ok-teal-koyu)!important}
body.ok-yazi .widget_search input[type=search],
body.ok-yazi .widget_search input[type=text]{
  border:1px solid var(--ok-kontur)!important;border-right:0!important;
  border-radius:var(--ok-r-btn) 0 0 var(--ok-r-btn)!important;
  padding:13px 16px!important;font-size:15px}

/* Kategori ve etiketler: yazı altındaki çiplerle aynı dil */
body.ok-yazi .widget_categories ul,
body.ok-yazi .widget_tag_cloud .tagcloud{
  display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0!important;padding:0!important}
body.ok-yazi .widget_categories li{margin:0!important;padding:0!important;border:0!important}
body.ok-yazi .widget_categories li a,
body.ok-yazi .widget_tag_cloud .tagcloud a{
  display:inline-flex;align-items:center;
  background:var(--ok-teal-tint)!important;color:var(--ok-teal-koyu)!important;
  font-size:13px!important;font-weight:600!important;line-height:1!important;
  padding:8px 14px!important;border-radius:999px!important;
  text-decoration:none!important;border:0!important;margin:0!important;
  transition:background .18s ease-out,color .18s ease-out}
body.ok-yazi .widget_categories li a:hover,
body.ok-yazi .widget_tag_cloud .tagcloud a:hover{
  background:var(--ok-teal)!important;color:#fff!important}
body.ok-yazi .widget_categories li a::before,
body.ok-yazi .widget_tag_cloud a::before,
body.ok-yazi .widget_tag_cloud a::after{content:none!important;display:none!important}

/* 45 etiket sütunu uzatıyordu: üç satıra katlanır, alta yumuşak geçiş. */
body.ok-yazi .widget_tag_cloud .tagcloud{
  position:relative;max-height:124px;overflow:hidden;transition:max-height .25s ease-out}
body.ok-yazi .widget_tag_cloud .tagcloud.ok-acik{max-height:none}
body.ok-yazi .widget_tag_cloud .tagcloud:not(.ok-acik)::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:38px;pointer-events:none;
  background:linear-gradient(to bottom,rgba(255,255,255,0),#fff)}
body.ok-yazi .ok-etiket-ac{
  display:inline-flex;align-items:center;gap:6px;margin-top:10px;
  background:none;border:0;cursor:pointer;padding:0;
  font:inherit;font-size:13px;font-weight:600;color:var(--ok-teal)}
body.ok-yazi .ok-etiket-ac:hover{text-decoration:underline}

/* --------- mobil menü: en alta demo butonu ------------------------------
   Masaüstünde header'daki "Demo Talep Et" mobilde menüye girmiyordu;
   menü açıldığında listenin sonuna aynı buton eklenir (JS: bloklar.js). */
.jn-mobil-demo{display:block;margin:18px 16px 24px}
.jn-mobil-demo a{
  display:flex;align-items:center;justify-content:center;
  background:#25D366;color:#fff;
  font-size:16px;font-weight:600;line-height:1.2;
  padding:15px 20px;border-radius:var(--ok-r-btn);text-decoration:none}
.jn-mobil-demo a:hover{background:#1EBE5A;color:#fff}

/* ============================ B12 — iletişim ============================= */
.ok-b12-ic{max-width:var(--ok-ic);margin:0 auto;display:grid!important;
  grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.ok-b12-sol>.vc_column-inner>.wpb_wrapper{display:flex;flex-direction:column;gap:20px}
.ok-b12-kartlar{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ok-b12-kart{background:var(--ok-notr);border:1px solid var(--ok-kontur);border-radius:var(--ok-r-kart-m);
  padding:18px;display:flex;flex-direction:column;gap:6px}
.ok-b12-etiket{font-family:Montserrat,sans-serif;font-size:11px;font-weight:600;letter-spacing:.08em;
  text-transform:uppercase;color:var(--ok-silik)}
.ok-b12-deger{font-size:15px;font-weight:600;color:var(--ok-baslik);line-height:1.5}
.ok-b12-deger a{color:var(--ok-baslik);text-decoration:none}
.ok-b12-deger a:hover{color:var(--ok-teal)}
.ok-b12-form{background:var(--ok-acik);border-radius:var(--ok-r-kart);padding:26px}
.ok-b12-form .wpcf7-form-control{width:100%;box-sizing:border-box;background:#fff;
  border:1px solid var(--ok-kontur)!important;border-radius:var(--ok-r-btn);padding:15px 16px!important;
  font-size:15px;color:var(--ok-baslik);font-family:inherit}
.ok-b12-form textarea.wpcf7-form-control{min-height:90px}
.ok-b12-form .wpcf7-submit{background:var(--ok-aksiyon)!important;color:#fff!important;border:0!important;
  font-weight:600;box-shadow:0 8px 20px rgba(253,159,10,.28);cursor:pointer}
.ok-b12-harita{border:1px solid var(--ok-kontur);border-radius:var(--ok-r-kart);overflow:hidden;
  min-height:560px;background:#E9EFEE}
.ok-b12-harita iframe{display:block;width:100%;height:100%;min-height:560px;border:0}

/* CF7 yanıt kutusu: tema stili yoktu, çıplak kenarlıklı kutu olarak çıkıyordu */
/* ⚠ Tema/CF7 kendi ince yeşil çerçevesini basıyor; dört kenar da açıkça
   sıfırlanmadan sol şerit görünmüyordu. */
.ok-b12-form .wpcf7-response-output,
.ok-b12-form .wpcf7 form .wpcf7-response-output,
.ok-b12-form .wpcf7 form.sent .wpcf7-response-output{
  margin:16px 0 0!important;padding:14px 16px!important;
  border-top:0!important;border-right:0!important;border-bottom:0!important;
  border-left:4px solid var(--ok-teal)!important;
  border-radius:10px!important;background:var(--ok-teal-tint)!important;
  color:var(--ok-baslik)!important;font-size:15px!important;line-height:1.5!important}
.ok-b12-form .wpcf7 form.invalid .wpcf7-response-output,
.ok-b12-form .wpcf7 form.unaccepted .wpcf7-response-output,
.ok-b12-form .wpcf7 form.failed .wpcf7-response-output,
.ok-b12-form .wpcf7 form.spam .wpcf7-response-output{
  border-left-color:var(--ok-aksiyon)!important;background:#FFF4E3!important}
.ok-b12-form .wpcf7-not-valid-tip{
  color:#C2410C!important;font-size:13px!important;margin-top:6px!important;display:block}
.ok-b12-form .wpcf7-not-valid{border-color:#F0B37E!important}

/* ============================ B13 — ilgili sayfalar ====================== */
.ok-b13-ic{max-width:var(--ok-ic);margin:0 auto;display:flex;flex-direction:column;gap:22px}
.ok-b13-h2{margin:0;font-size:28px;line-height:1.2;font-weight:700;color:var(--ok-baslik)}
.ok-b13-izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ok-b13-oge{display:flex;align-items:center;gap:12px;background:var(--ok-notr);
  border:1px solid var(--ok-kontur);border-radius:12px;padding:16px 18px;
  color:var(--ok-baslik);font-size:15px;font-weight:600;text-decoration:none;
  transition:background .18s ease-out,border-color .18s ease-out}
.ok-b13-oge:hover{background:var(--ok-acik);border-color:#C9D6D4;color:var(--ok-baslik)}
.ok-b13-ikon{flex:none;width:30px;height:30px;border-radius:8px;background:var(--ok-teal-tint);
  color:var(--ok-teal);font-size:14px;display:flex;align-items:center;justify-content:center}

/* ======================= 768–1199 ======================================== */
@media (max-width:1199px){
  .ok-blok{padding:48px 32px!important}
  :root{--ok-baslik-ust:64px}
  .ok-b1{padding:calc(var(--ok-baslik-ust) + 40px) 32px 44px!important}
  .ok-b10{padding:44px 32px!important}
  .ok-b3-ic,.ok-b5-ic,.ok-b12-ic,.ok-b14-ic{grid-template-columns:1fr!important;gap:32px}
  .ok-b3-b .ok-b3-metin,.ok-b3-b .ok-b3-gorsel{order:0}
  .ok-b6-ic,.ok-b7-ic,.ok-b9-ic,.ok-b11-ic{grid-template-columns:repeat(2,1fr)!important;gap:20px}
  .ok-b7-4lu .ok-b7-ic{grid-template-columns:repeat(2,1fr)!important}
  .ok-b13-izgara{grid-template-columns:repeat(3,1fr)}
  .ok-b12-harita,.ok-b12-harita iframe{min-height:320px}
  .ok-b1 h1,.ok-b1-h1{font-size:36px!important}
  .ok-h2,.ok-b10-h2{font-size:30px!important}
}

/* ======================= 767 altı: mobil şartname ======================== */
@media (max-width:767px){
  .ok-blok{padding:28px 20px!important}
  .ok-b1{padding:calc(var(--ok-baslik-ust) + 24px) 20px 32px!important}
  .ok-b10{padding:32px 20px!important}

  .ok-b1-yol{font-size:11px;gap:6px}
  .ok-b1-yol .ok-gizle-mobil{display:none}
  .ok-b1 h1,.ok-b1-h1{font-size:28px!important;line-height:1.18!important}
  .ok-b1-ozet{font-size:15px!important;line-height:1.55!important}

  .ok-b2-ic p{font-size:15px!important;line-height:1.75!important}
  .ok-b2-alinti{border-radius:var(--ok-r-kart-m);padding:18px;font-size:15px!important;line-height:1.6!important}
  .ok-b2-sade{padding-top:24px!important;padding-bottom:24px!important}
  .ok-b2-sade .ok-b2-alinti{padding:18px;font-size:16px!important}

  .ok-eyebrow{font-size:11px;padding:7px 13px}
  .ok-h2{font-size:26px!important;line-height:1.2!important}
  .ok-metin,.ok-metin p{font-size:15px!important;line-height:1.65!important}
  .ok-metin p+p{margin-top:14px!important}
  .ok-kart{padding:18px;border-radius:var(--ok-r-kart-m);box-shadow:var(--ok-golge-kart-m)}
  .ok-ikon{width:34px;height:34px;border-radius:10px;font-size:16px}
  .ok-btn a,a.ok-btn,.ok-btn .radiantthemes-custom-button-main{
    display:block;width:100%;box-sizing:border-box;text-align:center;padding:16px!important}

  /* B3/B14: her iki varyantta da metin önce, görsel/video sonra */
  .ok-b3-ic{display:flex!important;flex-direction:column;gap:16px}
  .ok-b14-ic{display:flex!important;flex-direction:column-reverse;gap:16px}
  .ok-b14-b .ok-b14-video,.ok-b14-b .ok-b14-metin{order:0}
  .ok-b14 .ok-b4-dugme{width:58px;height:58px}
  .ok-b3-b .ok-b3-metin,.ok-b3-b .ok-b3-gorsel{order:0}
  .ok-b3 .ok-h2{font-size:26px!important}

  .ok-b4-ic{gap:14px}
  .ok-b4 .ok-b4-h2{font-size:24px!important}
  .ok-b4-kutu{border-radius:var(--ok-r-kart-m);box-shadow:0 12px 30px rgba(7,23,21,.16)}
  .ok-b4-serit{padding:12px 14px;gap:10px}
  .ok-b4-avatar{width:24px;height:24px}
  .ok-b4-ad{font-size:13px}
  .ok-b4-kanal{font-size:11px}
  .ok-b4-dugme{width:58px;height:58px}
  .ok-b4-ucgen{border-left:18px solid var(--ok-teal);border-top:11px solid transparent;
    border-bottom:11px solid transparent;margin-left:4px}

  .ok-b5 .ok-b5-h2{font-size:24px!important}
  .ok-b5-liste ul{grid-template-columns:1fr;gap:12px}
  .ok-b5-liste li{font-size:14px;gap:10px}
  .ok-b5-liste li::before{width:20px;height:20px;font-size:12px}

  .ok-b6-ic,.ok-b7-ic,.ok-b9-ic,.ok-b11-ic{grid-template-columns:1fr!important;gap:14px}
  .ok-blok .ok-b6-bas,.ok-blok .ok-b7-bas{margin-bottom:32px!important}
  .ok-b7-4lu .ok-b7-ic{grid-template-columns:1fr!important}
  .ok-b6-kalem>.vc_column-inner>.wpb_wrapper,
  .ok-b7-kart>.vc_column-inner>.wpb_wrapper{padding:20px 18px 22px;border-radius:var(--ok-r-kart-m);
    box-shadow:var(--ok-golge-kart-m);grid-template-columns:34px 1fr;column-gap:12px}
  .ok-b6-no{width:34px;height:34px;border-radius:10px;font-size:14px!important}
  .ok-b6-baslik h3,.ok-b7-baslik h3{font-size:16px!important}
  .ok-b6-metin p,.ok-b7-metin p{font-size:13px!important;line-height:1.6!important}
  .ok-b6-metin,.ok-b7-metin{padding-top:14px}
  .ok-blok .ok-b7-ikon{width:34px;height:34px;border-radius:10px}

  .ok-b8-oge{border-radius:var(--ok-r-kart-m);box-shadow:var(--ok-golge-kart-m)}
  .ok-b8-soru{padding:16px 18px;gap:12px}
  .ok-b8-soru span{font-size:15px;line-height:1.4}
  .ok-b8-isaret{width:26px;height:26px;font-size:15px}
  .ok-b8-cevap{padding:0 18px 18px;font-size:14px;line-height:1.7}

  .ok-b9-kart{padding:18px;border-radius:var(--ok-r-kart-m);box-shadow:var(--ok-golge-kart-m)}

  .ok-b10-ic{flex-direction:column;align-items:stretch;gap:18px}
  .ok-b10-h2{font-size:25px!important;line-height:1.2!important}
  .ok-b10-p{font-size:15px!important}
  .ok-blok .ok-b10-sag{width:100%!important}
  .ok-b10-sag>.vc_column-inner>.wpb_wrapper{align-items:stretch}
  .ok-b10 .ok-btn a,.ok-b10 .ok-btn .radiantthemes-custom-button-main{
    display:block;width:100%;box-sizing:border-box;text-align:center;padding:17px!important;font-size:17px!important}
  .ok-b10-guven{font-size:14px!important;text-align:center!important}

  .ok-b11-bas{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:16px}
  .ok-b11-bas .ok-h2{font-size:24px!important}

  .ok-b12-kartlar{grid-template-columns:1fr}
  .ok-b12-form{padding:18px;border-radius:var(--ok-r-kart-m)}
  .ok-b12-harita,.ok-b12-harita iframe{min-height:180px}
  .ok-b12-form .wpcf7-submit{width:100%}

  .ok-b13-h2{font-size:22px}
  .ok-b13-izgara{grid-template-columns:repeat(2,1fr);gap:10px}
  .ok-b13-oge{padding:12px 14px;font-size:14px;gap:10px}
  .ok-b13-ikon{width:26px;height:26px;font-size:12px}
}

/* ============================ B15 — logo duvarı (referanslar) ============= */
/* Tema `rt_clients_style` ızgarasını blok diline çeker. Logolar CPT'de kalır
   (K17: içeriği CPT'den sayfaya taşımak müşterinin yönetimini elinden alır). */
/* ⚠ İçerik genişliği token'ın söylediği ölçü OLMALI (D4): 1180+112 yazınca
   ızgara B1'den 56px dışarı taşıyor ve sayfa boyunca kenarlar şaşıyor.
   `.ok-blok`un kendi 56px yan boşluğu zaten var; buraya eklenmez. */
.ok-b15-ic{max-width:var(--ok-ic);margin:0 auto!important}
.ok-blok .ok-b15-bas{margin:0 auto!important;max-width:760px;text-align:center}
.ok-b15-h2{font-size:34px;line-height:1.25;font-weight:700;color:var(--ok-koyu);margin:0 0 14px!important}
.ok-b15-giris{font-size:17px;line-height:1.8;color:var(--ok-ikincil);margin:0 0 48px!important}

/* Izgara: tema `.clients.element-four` içine `.clients-item` basıyor.
   Kutulu kenarlıklar kaldırılır, kartlar blok diline alınır. */
.ok-b15 .clients{display:grid!important;grid-template-columns:repeat(4,1fr);gap:20px;
  margin:0!important;padding:0!important;list-style:none;float:none!important}
.ok-b15 .clients::before,.ok-b15 .clients::after{content:none!important;display:none!important}
.ok-b15 .clients-item{width:auto!important;float:none!important;margin:0!important;padding:0!important;
  border:0!important;background:transparent!important}
/* ⚠ Tema `matchHeight` JS'i `.holder`a satır-içi `height` basıyor; ızgarada
   yanlış değer kalıyor. `height:100%` hem onu ezer hem satır yüksekliğini
   doldurur — ızgara öğeleri zaten `stretch`.
   ⛔ Aynı bildirimde `min-height:0!important` + `min-height:150px` YAZMA:
      !important olan kazanır, kartlar içeriğe büzülür ve yükseklikler
      şaşar (kendi C2 kuralımıza düşüldü). */
.ok-b15 .clients-item .holder{height:100%!important;min-height:150px;
  background:#fff;border:1px solid var(--ok-ayrac);border-radius:var(--ok-r-kart);
  box-shadow:var(--ok-golge-kart);padding:26px 22px;
  display:flex;align-items:center;justify-content:center;
  transition:box-shadow .18s ease,border-color .18s ease}
.ok-b15 .clients-item .holder:hover{box-shadow:var(--ok-golge-hover);border-color:#D8E5E3}
/* Tema `display:table` ile dikey ortalıyor; flex'e geçince gereksiz. */
.ok-b15 .clients-item .table,.ok-b15 .clients-item .table-cell{display:block!important;
  width:auto!important;height:auto!important;vertical-align:baseline!important}
.ok-b15 .clients-item .pic{margin:0!important}
.ok-b15 .clients-item img{max-width:100%;height:auto;max-height:96px;width:auto;
  object-fit:contain;display:block;margin:0 auto}

@media (max-width:1199px){
  .ok-b15 .clients{grid-template-columns:repeat(3,1fr);gap:16px}
  .ok-b15-h2{font-size:28px}
}
@media (max-width:767px){
  .ok-b15 .clients{grid-template-columns:repeat(2,1fr);gap:12px}
  .ok-b15 .clients-item .holder{min-height:120px;padding:18px 14px}
  .ok-b15 .clients-item img{max-height:72px}
  .ok-b15-h2{font-size:24px}
  .ok-b15-giris{font-size:16px;margin-bottom:32px!important}
}

/* ======= Tema sayfa başlığı — B1 varken GİZLENİR ========================= */
/* B1 zaten H1 basıyor; tema da sayfa başlığını H1 olarak basınca sayfada İKİ
   H1 oluyor (SEO hatası, indexlenme denetiminde yakalandı).
   ⚠ Kural yalnız `body.ok-blok-sayfa` altında — blok kullanmayan sayfalar
     ve diğer temalar etkilenmez. Hello Elementor/blok temalar `.page-header`
     ve `.entry-title`, klasik temalar `.entry-header` kullanıyor. */
body.ok-blok-sayfa .page-header,
body.ok-blok-sayfa .entry-header,
body.ok-blok-sayfa h1.entry-title,
body.ok-blok-sayfa .elementor-page-title{display:none!important}

/* B5 görselsiz varyant — liste tam genişliğe yayılır (medyası olmayan site) */
.ok-b5.ok-b5-tekkolon .ok-b5-ic{grid-template-columns:1fr!important;max-width:var(--ok-ic)}
.ok-b5.ok-b5-tekkolon .ok-b5-liste ul{columns:2;column-gap:48px}
@media (max-width:767px){.ok-b5.ok-b5-tekkolon .ok-b5-liste ul{columns:1}}

/* ============================ B16 — galeri ızgarası ====================== */
.ok-b16-ic{max-width:var(--ok-ic);margin:0 auto!important}
.ok-blok .ok-b16-bas{margin:0 auto!important;max-width:760px;text-align:center}
.ok-b16-giris{font-size:17px;line-height:1.8;color:var(--ok-ikincil);margin:0 0 44px!important}
.ok-b16-izgara{display:grid;gap:20px}
.ok-b16-k2{grid-template-columns:repeat(2,1fr)}
.ok-b16-k3{grid-template-columns:repeat(3,1fr)}
.ok-b16-k4{grid-template-columns:repeat(4,1fr)}
.ok-b16-oge{margin:0!important;overflow:hidden;border-radius:var(--ok-r-kart);
  box-shadow:var(--ok-golge-kart);background:#fff;line-height:0}
.ok-b16-gorsel{width:100%;height:100%;aspect-ratio:3/2;object-fit:cover;display:block;
  transition:transform .25s ease}
.ok-b16-oge:hover .ok-b16-gorsel{transform:scale(1.03)}
/* Blok içi tekil görsel (B3/B5 HTML modunda) */
.ok-gorsel{max-width:100%;height:auto;display:block;border-radius:var(--ok-r-kart)}
@media (max-width:1199px){.ok-b16-k3,.ok-b16-k4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:767px){.ok-b16-izgara{grid-template-columns:1fr!important;gap:14px}}

/* ── Blog SSS (Rank Math bloğundan dönüştürülür, bkz. includes/blog-sss.php) ──
   ⚠ Tema `*{margin:0 auto}` basıyor. Dikey flex kabında yatay auto marj öğeyi
   ORTALAR ve içerik genişliğine DARALTIR — kartlar giderek incelen bir merdiven
   gibi görünüyordu (ölçüm: 722 / 530 / 449 px). Yatay marj sıfırlanıyor. */
.ok-blog-sss{margin:34px 0 0;padding-top:26px;border-top:1px solid var(--ok-kontur)}
.ok-blog-sss .ok-blog-sss-bas{margin:0 0 16px}
.ok-blog-sss .ok-b8-ic{max-width:none;margin:0;align-items:stretch}
.ok-blog-sss .ok-b8-oge{margin-left:0;margin-right:0;width:100%}
/* ⚠ Aynı `*{margin:0 auto}` kuralı düğmenin İKİ ÇOCUĞUNA da yatay auto marj
   veriyor; space-between'in boşluğu ikisi arasında paylaşılıyor ve grup
   ortalanıyor. Sonuç: +/− işareti her kartta farklı yerde duruyordu
   (ölçüm: 892 / 883 / 867 / 870 / 908 px). Çocukların yatay marjı sıfırlanınca
   işaret sağ kenara sabitleniyor. */
.ok-blog-sss .ok-b8-soru > span{margin-left:0;margin-right:0}
/* Aynı sebep cevap kabında da vardı: `max-width:var(--ok-okuma)` + auto marj
   cevabı ortalayıp soruya göre 37px sağa kaydırıyordu. Bu bölümdeki HER öğenin
   yatay marjı sıfırlanıyor — kaynak tek bir tema kuralı olduğu için tek tek
   kovalamak yerine kapsam bazlı kapatmak doğru. */
.ok-blog-sss *{margin-left:0;margin-right:0}
.ok-blog-sss .ok-b8-cevap{max-width:none}
.ok-blog-sss .ok-b8-cevap p:last-child{margin-bottom:0}