*{margin:0;padding:0;box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;background:#F6F5FA;color:#1A1730;line-height:1.65;}
a{color:inherit;text-decoration:none;}
/* 15 Ağu 2026: site genelinde tek genişlik. Ana sayfa 1120 px / 24 px
   dolgu kullanıyordu, diğer sayfalar 860 px — bölümden bölüme kenar
   kayıyordu. Taban buna eşitlendi. OKUMA GENİŞLİĞİ AYRI: .wrap.yazi
   ve .wrap>p kendi dar ölçülerini koruyor, yoksa uzun metin satırı
   okunmaz hâle gelirdi. */
.wrap{max-width:1120px;margin:0 auto;padding:0 24px;}

/* ============================================================
   v390 — BLOG YAZISI OKUMA SÜTUNU
   ------------------------------------------------------------
   Ölçüm (47 yazı, 1440px): 860px kapta satır uzunluğu 77-100 karakter,
   medyan 90. Rahat okuma aralığı 50-75. 660px'e indirilince 64-78,
   medyan 72 — aralığın içine giriyor.

   Yalnız .wrap.yazi kapsanır; sektör, sözlük ve araç sayfaları
   860px'te kalır (onlar kart ızgarası, düz metin değil).
   ============================================================ */
.wrap.yazi{max-width:660px;}

/* Blog dışı sayfalarda (sektör, sözlük, araç) kabı daraltmak kart ızgaralarını
   bozar — üstelik ölçüm gösterdi ki kelimelerin yalnız %4-8'i serbest paragraf.
   Ama o paragraflar genelde sayfanın GİRİŞİ, yani ilk okunan metin ve 1440px'te
   satır 90-96 karakter. Kartlara dokunmadan yalnız serbest paragrafı sınırlıyoruz. */
.wrap>p{max-width:660px;}


/* Tablolar veri taşır, dar sütuna sıkışmamalı. 47 yazının 2'sinde
   660px'te taşma ölçüldü (biri +116px). Masaüstünde sütunun dışına
   çıkıp eski genişliğini korurlar; dar ekranda kural devreye girmez. */
@media(min-width:920px){
  .wrap.yazi>.tblwrap{margin-left:-78px;margin-right:-78px;}
}

/* Bölüm sınırı: h2'ler tamamen çıplaktı, bir bölümden diğerine geçerken
   hiçbir işaret değişmiyordu. İnce çizgi + nefes. Punto ve renk DEĞİŞMEDİ. */
.wrap.yazi>h2{margin-top:52px;padding-top:24px;border-top:1px solid #EFECF6;}
/* .wrap.yazi>h2:first-child{margin-top:0} (0,3,1) h2.ilgbas'ın 38 px boşluğunu eziyordu; CTA kartına yapışıyordu (0-1 px ölçüldü). */
.wrap.yazi.yazi-alt>h2.ilgbas:first-child{margin-top:40px;}
.wrap.yazi>h2:first-child{margin-top:0;padding-top:0;border-top:0;}
.wrap.yazi>h2.ilgbas{border-top:0;padding-top:0;}
/* Sayfa içi çıpalar için (yapışkan başlık altında kalmasın) */
.wrap.yazi>h2,.wrap.yazi>h3{scroll-margin-top:90px;}

/* İçindekiler kutusu. Her genişlikte görünür — açılır/kapanır DEĞİL, çünkü
   "masaüstünde açık mobilde kapalı" JS'siz kurulamaz ve durum yalanı olur.
   Bağlantı yüksekliği 44px (atölyede telefon tutan parmak için). */
.ictbl{border:1px solid #E5E1EF;background:#FBFAFE;border-radius:14px;
  padding:16px 20px 6px 20px;margin:26px 0 34px 0;}
.ictbl b{display:block;font-size:12.5px;font-weight:800;letter-spacing:.2px;
  color:#635F77;margin-bottom:6px;}
.ictbl ol{list-style:none;margin:0;padding:0;counter-reset:ictbl;}
.ictbl li{counter-increment:ictbl;margin:0;}
.ictbl a{display:flex;gap:11px;align-items:baseline;padding:12px 0;
  font-size:14.5px;line-height:1.45;color:#3D3A4D;
  border-bottom:1px solid #EFECF6;transition:color .18s ease;}
.ictbl li:last-child a{border-bottom:0;}
.ictbl a::before{content:counter(ictbl);flex-shrink:0;min-width:16px;
  font-size:12px;font-weight:700;color:#635F77;}
.ictbl a:hover{color:#D81B5C;}
.ictbl a:focus-visible{outline:2px solid #D81B5C;outline-offset:2px;}


header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border-bottom:1px solid #E5E1EF;}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0;}
/* v273: aspect-ratio eklendi. Logo 604x140; tarayıcı oranı önceden bilmediği
   için görsel yüklenene kadar başlık çubuğu boyu sıçrıyordu (CLS). Bu kural
   145 sayfanın hepsini birden düzeltir — dosyalara tek tek dokunmaya gerek yok. */
/* v381: 30 → 50 px. Ana sayfa satır içi stille 50 px kullanıyor; burası
   30'da kalsaydı aynı logo iki sayfa tipinde iki farklı boyutta çıkardı.
   width:auto + aspect-ratio korunuyor, yani genişlik kendiliğinden 216 px. */
/* v382 — 30 → 50 → 42 px. 50'de logo menü yazısının 3,1 katıydı ve header
   bandının %61'ini kaplıyordu; ölçüldü, oransız duruyordu. 42'de oran 2,6
   kat ve pay %52 — 34'ten belirgin büyük ama şeridi ezmiyor.
   width:auto + aspect-ratio korunuyor: genişlik kendiliğinden 181 px. */
.nav img{height:42px;width:auto;aspect-ratio:604/140;display:block;}
@media (max-width:760px){ .nav img{height:38px;} }  /* v381: mobilde 50 px, 216 px genişlik ve daha uzun bir sabit header demek;
     dar ekranda başlığa ayrılan yer kısılmasın diye 38 px. */
.nav-r{display:flex;gap:10px;align-items:center;}
/* ============================================================
   v307 — ALT SAYFALARA MEGA MENU
   Anasayfaya kurulan menu buraya da geldi: blog, sozluk ve 101
   sektor sayfasindan artik kardes sayfalara gecilebiliyor.
   Google trafiginin cogu bu sayfalara duser; oncesinde tek cikis
   logo idi. Panel .nav'a gore konumlanir, o yuzden .nav relative.
   ============================================================ */
.nav{position:relative;}
/* v383: menü 13,5 → 16 px ve 6 px aşağı (logo merkezinin 4 px altına).
   3 px yazmak net 1 px veriyordu — punto büyüyünce kutu yeniden ortalanıyor.
   transform kullanıldı: margin/padding header yüksekliğini de değiştirirdi. */
.nav-m{display:flex;gap:18px;margin-left:auto;margin-right:16px;transform:translateY(6px);}
.nav-oge{position:relative;}
.nav-tetik{display:inline-flex;align-items:center;gap:5px;cursor:pointer;font-family:inherit;
  background:none;border:none;padding:6px 2px;font-size:16px;font-weight:600;color:#6A6680;white-space:nowrap;
  position:relative;transition:color .2s ease;}
.nav-tetik svg{width:11px;height:11px;opacity:.7;transition:transform .25s ease;}
.nav-tetik:hover,.nav-oge.acik .nav-tetik{color:#1A1730;}
.nav-oge.acik .nav-tetik svg{transform:rotate(180deg);}
.nav-tetik:focus-visible{outline:2px solid #D81B5C;outline-offset:3px;border-radius:6px;}
.nav-tetik::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;border-radius:2px;
  background:linear-gradient(90deg,#D81B5C,#FF6FA0);transform:scaleX(0);transform-origin:left;
  transition:transform .28s cubic-bezier(.4,0,.2,1);}
.nav-oge.acik .nav-tetik::after,.nav-tetik:hover::after{transform:scaleX(1);}

.mega{position:absolute;top:calc(100% + 10px);left:0;right:0;z-index:60;
  background:#fff;border:1px solid #E5E1EF;border-radius:20px;overflow:hidden;
  box-shadow:0 26px 64px rgba(21,18,31,.16);
  opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .2s ease,transform .2s ease;}
.mega.acik{opacity:1;transform:none;pointer-events:auto;}
.mega[hidden]{display:none;}
.mega-ic{display:grid;}
.mega-ic.iki{grid-template-columns:1fr 1fr;}
.mega-ic.uc{grid-template-columns:1fr 1fr 1fr;}
.mega-sut{padding:20px 22px;border-right:1px solid #E5E1EF;}
.mega-sut:last-of-type{border-right:none;}
.mega-bas{font-size:10.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#A9A5BC;margin-bottom:11px;}
.mega-liste{display:flex;flex-direction:column;}
.mega-liste a{font-size:13px;color:#4A4560;padding:6px 10px;margin:0 -10px;border-radius:8px;font-weight:500;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background .16s,color .16s;}
.mega-liste a:hover{background:#F1EEF8;color:#D81B5C;}
.mega-alt{grid-column:1/-1;display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  padding:12px 22px;background:#F1EEF8;border-top:1px solid #E5E1EF;font-size:12px;color:#6A6680;}
.mega-alt a{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#D81B5C;}
.mega-alt a svg{width:12px;height:12px;}

.nav-burger{display:none;background:none;border:none;cursor:pointer;padding:9px;margin:-9px -4px -9px 4px;flex-direction:column;align-items:center;gap:5px;min-width:44px;min-height:44px;}  /* v391: 39x36 idi, dokunma hedefi 44 altındaydı */
.nav-burger span{display:block;width:21px;height:2.5px;border-radius:2px;background:#1A1730;transition:transform .3s ease,opacity .3s ease;}
.nav-burger.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg);}
.nav-burger.open span:nth-child(2){opacity:0;}
.nav-burger.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg);}
.mm-mobil{display:none;padding:6px 22px 20px 22px;border-top:1px solid #E5E1EF;background:#fff;}
.mm-mobil[hidden]{display:none;}
.mm-mobil.acik{display:block;}

@media (max-width:860px){
  .nav-m,.mega{display:none !important;}
  .nav-burger{display:flex;}
  .nav-r .btn-p{font-size:13px;padding:9px 14px;}
}

/* ============================================================
   v308 — SEKTÖR PANELİ + MENÜ İYİLEŞTİRMELERİ
   ------------------------------------------------------------
   Panel artık 104 sektörün TAMAMINI taşıyor. Liste kaydırılabilir:
   sabit yükseklik vermezsek panel ekranı aşar ve alttaki şerit
   görünmez olur. max-height, üç sütunda ~7 satır gösterir —
   arama kutusu zaten kısayol, kaydırma yedek yol.
   ============================================================ */
.mega-ic.tek{grid-template-columns:1fr;}
.mega-ara{position:relative;padding:16px 22px 12px 22px;}
.mega-ara input{width:100%;background:#F1EEF8;border:1px solid #E5E1EF;border-radius:20px;
  padding:9px 14px 9px 36px;font-family:inherit;font-size:13px;color:#1A1730;outline:none;
  transition:border-color .18s,box-shadow .18s,background .18s;}
.mega-ara input:focus{border-color:#D81B5C;background:#fff;box-shadow:0 0 0 3px rgba(216,27,92,.12);}
.mega-ara svg{position:absolute;left:35px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:#A9A5BC;pointer-events:none;}
.mega-sek{display:grid;grid-template-columns:repeat(3,1fr);gap:2px 10px;
  max-height:236px;overflow-y:auto;padding:0 22px 14px 22px;
  scrollbar-width:thin;scrollbar-color:#CFC7E4 transparent;}
.mega-sek::-webkit-scrollbar{width:6px;}
.mega-sek::-webkit-scrollbar-thumb{background:#CFC7E4;border-radius:10px;}
/* v310 — SATIR EZİLMESİNE KARŞI SAĞLAMLAŞTIRMA
   Ekran görüntüsünde satırlar ~12 piksel aralıkla çıkıyordu, olması
   gereken ~33 piksel değil: harfler üstten ve alttan kırpılıyor,
   metin hayalet gibi görünüyordu. Kaynakta hata bulamadım — kural
   geçerli, işaretleme doğru. O yüzden SEBEBE değil, SONUCA karşı
   savunma yazıldı:

     display:block   -> yükseklik ızgara blokleştirmesine bağlı kalmasın
     line-height     -> gövdeden miras alınan değere güvenilmesin
     min-height:30px -> satır ne olursa olsun bu kadar yer kaplasın

   Üçü birden, satır yüksekliğinin sıfıra doğru ezilmesini imkânsız
   kılıyor. overflow:hidden kaldı çünkü ellipsis onsuz çalışmaz. */
.mega-sek a{display:block;font-size:12.5px;line-height:1.45;min-height:30px;
  color:#4A4560;padding:7px 9px;margin:0 -9px;border-radius:8px;font-weight:500;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background .16s,color .16s;}
.mega-sek a:hover{background:#F1EEF8;color:#D81B5C;}
.mega-sek a[hidden]{display:none;}
.mega-bos{display:none;padding:6px 22px 18px 22px;font-size:12.5px;color:#4A4560;}
.mega-bos.acik{display:block;}
.mega-bos a{color:#D81B5C;font-weight:700;}
/* Bulunduğunuz bölümün tetikleyicisi işaretli kalsın — menüde
   nerede olduğunuzu göstermeyen bir gezinme yarım gezinmedir. */
.nav-oge.mevcut .nav-tetik{color:#1A1730;}
.nav-oge.mevcut .nav-tetik::after{transform:scaleX(1);opacity:.45;}
@media (max-width:1100px){ .mega-sek{grid-template-columns:repeat(2,1fr);} }
@media (prefers-reduced-motion:reduce){ .mega{transition:none;} .nav-tetik svg{transition:none;} .nav-burger span{transition:none;} }

.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:11px;padding:11px 20px;font-size:13.5px;font-weight:700;transition:transform .15s ease;}
.btn:hover{transform:translateY(-2px);}
.btn-p{background:linear-gradient(135deg,#D81B5C,#B3134B);color:#fff;box-shadow:0 8px 20px rgba(216,27,92,.3);}
.btn-g{background:rgba(21,18,31,.05);color:#1A1730;border:1px solid #E5E1EF;}
.hero{padding:54px 0 40px 0;}
.crumb{font-size:13px;color:#6A6680;margin-bottom:14px;}
.crumb a{color:#D81B5C;font-weight:600;display:inline-block;padding:8px 2px;margin:-6px 0;} /* dokunma ~37 px, satır yüksekliği değişmez */
h1{font-size:clamp(28px,4.5vw,40px);font-weight:800;letter-spacing:-.8px;line-height:1.15;margin-bottom:16px;}
.lead{font-size:17px;color:#3D3A4D;margin-bottom:24px;}
.trust{font-size:13px;color:#6A6680;margin-top:10px;}
h2{font-size:23px;font-weight:800;letter-spacing:-.4px;margin:40px 0 14px 0;}
h3{font-size:16.5px;font-weight:700;margin:22px 0 8px 0;}
p{font-size:15px;color:#3D3A4D;margin-bottom:24px;}
.wrap p a,ul.f a{color:#D81B5C;font-weight:600;border-bottom:1px solid rgba(216,27,92,.3);}
.wrap p a:hover,ul.f a:hover{border-bottom-color:#D81B5C;}
ul.f{list-style:none;margin:14px 0;}
/* display:flex İDİ ve madde içindeki <strong> ile devamı AYRI esnek öğe
   oluyordu: yan yana iki sütuna düşüyorlar, kalın kısım iki satıra sarınca
   arada boşluk kalıyordu (ekran görüntüsüyle doğrulandı, 17 Ağu 2026).
   Blok akışa döndü; onay işareti mutlak konumla asılı duruyor.
   Renk 3,23 -> 6,08:1 (küçük metin değil ama aynı ailede kalsın diye). */
ul.f li{display:block;position:relative;padding:7px 0 7px 26px;
  font-size:15px;line-height:1.7;color:#3D3A4D;}
ul.f li::before{content:'✓';position:absolute;left:0;top:7px;
  color:#0F713E;font-weight:800;}
/* ol.f: numaralı liste sıfırlanmış kalıyordu (padding 0 → rakamlar kenar boşluğuna düşüyor,
   liste sonu 0 px). ul.f ile aynı punto/renk, 8'lik ritim. */
ol.f{padding-left:24px;margin:0 0 24px;}
ol.f li{font-size:15px;line-height:1.7;color:#3D3A4D;margin-bottom:8px;}
ol.f li::marker{color:#D81B5C;font-weight:700;}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0;}
@media(max-width:700px){.cards{grid-template-columns:1fr;}}
.card{background:#fff;border:1px solid #E5E1EF;border-radius:14px;padding:20px;box-shadow:0 6px 20px rgba(21,18,31,.04);}
.card b{display:block;font-size:16px;margin-bottom:6px;}
.card p{font-size:15px;color:#6A6680;margin:0;}
/* ============================================================
   SSS AKORDEON — 18 Ağustos 2026
   ------------------------------------------------------------
   Önceden altı soru da açık duruyordu: sektör sayfasında 6 kutu,
   toplam ~750 px düz metin. Okuyucu aradığı tek cevabı bulmak için
   hepsini taramak zorundaydı. Artık sorular kapalı başlıyor, soru
   satırı 56 px dokunma hedefi ve chevron ile açılıyor.
   <details>/<summary> BİLEREK: klavye ve ekran okuyucu desteği
   tarayıcıdan geliyor, JS yok. Kapalıyken de içerik HTML'de duruyor,
   yani FAQPage şeması ve arama motoru etkilenmiyor.
   DİKKAT: header.php mobil menüsü de <details> kullanıyor
   (.m-grup) — kurallar .faq ile kapsandı, oraya değmiyor. */
.faq{background:#fff;border:1px solid #E5E1EF;border-radius:14px;padding:0;margin-bottom:10px;
  transition:border-color .18s ease,box-shadow .18s ease;}
.faq[open]{border-color:#E0D9F3;box-shadow:0 10px 26px rgba(21,18,31,.06);}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:flex-start;gap:14px;
  padding:17px 20px;min-height:56px;font-size:16px;font-weight:700;line-height:1.45;
  color:#1A1730;transition:color .18s ease;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:'';flex:none;margin-left:auto;margin-top:5px;width:10px;height:10px;
  border-right:2.2px solid #A9A5BC;border-bottom:2.2px solid #A9A5BC;transform:rotate(45deg);
  transition:transform .2s ease,border-color .2s ease;}
.faq[open] summary::after{transform:rotate(-135deg);border-color:#D81B5C;}
.faq summary:hover{color:#D81B5C;}
.faq summary:hover::after{border-color:#D81B5C;}
.faq summary:focus-visible{outline:2px solid #D81B5C;outline-offset:-2px;border-radius:14px;}
.faq p{font-size:15px;margin:0;padding:0 20px 18px 20px;color:#4A4660;line-height:1.7;}
.faq b{display:block;font-size:16px;margin-bottom:7px;}
@media (prefers-reduced-motion:reduce){ .faq,.faq summary::after{transition:none;} }
.cta{background:linear-gradient(120deg,rgba(216,27,92,.07),rgba(124,92,224,.06));border:1px solid #E5E1EF;border-radius:18px;padding:34px;text-align:center;margin:44px 0;}
.cta h2{margin:0 0 10px 0;}
.cta p{margin-bottom:20px;}
@media(max-width:700px){.f-grid{grid-template-columns:1fr;}}
.meta{font-size:13px;color:#6A6680;margin-bottom:18px;}
/* ---- Sektöre özel içerik ---- */
.trmbox{background:#fff;border:1px solid #E5E1EF;border-radius:14px;padding:18px 20px;margin:16px 0 6px 0;box-shadow:0 6px 18px rgba(21,18,31,.04);}
.trmbox b{display:block;font-size:12.5px;letter-spacing:.2px;color:#6A6680;margin-bottom:10px;}
.trmwrap{display:flex;flex-wrap:wrap;gap:7px;}
.trm{display:inline-block;padding:6px 12px;border:1px solid #E5E1EF;border-radius:999px;background:#FBFAFE;font-size:12.5px;font-weight:600;color:#3D3A4D;}
.ilgwrap{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:14px 0 4px 0;}
@media(max-width:700px){.ilgwrap{grid-template-columns:1fr;}}
/* v389: Tek sayıda ilgili yazı kalınca son kart yarım genişlikte öksüz kalıyordu. */
.ilgwrap>.ilg:last-child:nth-child(odd){grid-column:1/-1;}
.ilg{display:block;background:#fff;border:1px solid #E5E1EF;border-radius:13px;padding:14px 16px;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;}
.ilg:hover{border-color:rgba(216,27,92,.4);transform:translateY(-2px);box-shadow:0 10px 24px rgba(21,18,31,.07);}
.ilg b{display:block;font-size:13.5px;color:#1A1730;margin-bottom:2px;}
.ilg span{display:block;font-size:13px;color:#6A6680;}

/* ---- Yazılımsal animasyonlar (hafif sürüm) ---- */
#read-bar{position:fixed;top:0;left:0;height:3px;width:0;z-index:60;pointer-events:none;background:linear-gradient(90deg,#D81B5C,#8B36D9,#4C8CFF);box-shadow:0 0 12px rgba(216,27,92,.5);transition:width .1s linear;}
.card,.post-card,.sx{position:relative;overflow:hidden;}
.card::after,.post-card::after,.sx::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s ease;background:radial-gradient(300px circle at var(--mx,50%) var(--my,50%), rgba(216,27,92,.10), transparent 65%);}
.card:hover::after,.post-card:hover::after,.sx:hover::after{opacity:1;}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.001ms !important;transition-duration:.001ms !important;}#read-bar{display:none;}}

/* ---- Footer ---- */
.site-foot{position:relative;margin-top:56px;background:linear-gradient(180deg,#FFFFFF 0%,#FBFAFE 100%);border-top:1px solid #E5E1EF;overflow:hidden;}
/* v302: Sonsuz donen gokkusagi serit kaldirildi. prefers-reduced-motion
   korumasi yoktu, 150+ sayfada kalici bir derleme katmani tutuyordu ve
   icindeki mavi sitenin marka paletinde yok. Sabit marka gecisi: ayni
   bitis etkisi, hareket yok. */
.site-foot::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#D81B5C,#8B36D9 45%,rgba(139,54,217,0));}
.site-foot::after{content:'';position:absolute;width:480px;height:480px;border-radius:50%;left:-170px;bottom:-240px;pointer-events:none;background:radial-gradient(circle,rgba(216,27,92,.07),transparent 70%);}
.foot-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:34px;padding:48px 0 36px 0;position:relative;}
@media (max-width:980px){ .foot-top{grid-template-columns:1fr 1fr;gap:30px;} }
@media (max-width:600px){ .foot-top{grid-template-columns:1fr;gap:26px;} }
.foot-brand-logo{display:inline-block;margin-bottom:14px;}
.foot-brand-logo img{height:44px;width:auto;aspect-ratio:604/140;display:block;transition:transform .35s cubic-bezier(.2,.8,.3,1.3);}
.foot-brand-logo:hover img{transform:translateY(-3px) scale(1.03);}
.foot-desc{font-size:13px;color:#6A6680;line-height:1.75;max-width:320px;margin-bottom:16px;}
.foot-live{display:inline-flex;align-items:center;gap:8px;background:rgba(61,217,122,.1);border:1px solid rgba(61,217,122,.28);color:#17A45B;font-size:11.5px;font-weight:700;padding:6px 13px;border-radius:20px;margin-bottom:16px;}
.foot-live i{width:7px;height:7px;border-radius:50%;background:#17A45B;display:inline-block;animation:footPulse 2s ease-in-out infinite;}
@keyframes footPulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(23,164,91,.4);}50%{opacity:.6;box-shadow:0 0 0 5px rgba(23,164,91,0);}}
.foot-contact{display:flex;flex-direction:column;gap:9px;}
.foot-ct{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:#1A1730;width:fit-content;transition:color .2s ease, transform .2s ease;}
.foot-ct svg{width:15px;height:15px;color:#D81B5C;flex-shrink:0;transition:transform .25s ease;}
.foot-ct:hover{color:#D81B5C;transform:translateX(3px);}
.foot-ct:hover svg{transform:scale(1.15);}
.foot-col a{display:flex;align-items:center;gap:6px;font-size:13.5px;color:#1A1730;padding:5.5px 0;font-weight:600;opacity:.82;transition:opacity .2s ease, color .2s ease, transform .22s cubic-bezier(.2,.8,.3,1.2);}
.foot-col a::before{content:'';width:0;height:1.5px;background:#D81B5C;border-radius:2px;transition:width .25s ease;flex-shrink:0;}
.foot-col a:hover{color:#D81B5C;opacity:1;transform:translateX(2px);}
.foot-col a:hover::before{width:10px;}
.foot-col a.all{color:#D81B5C;opacity:1;}
.foot-col a.all::before{width:10px;}
.foot-bottom{border-top:1px solid #E5E1EF;padding:18px 0 26px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;position:relative;}
.foot-copy{font-size:13px;color:#6A6680;}
.foot-copy b{color:#1A1730;font-weight:700;}
/* v301: .foot-badges kaldirildi — icindeki "SSL Sifreli" ve
   "5 Dakikada Kurulum" rozetleri sayfanin geri kalaniyla celisiyordu
   (https 2026da ozellik degil; kurulum diye bir adim kalmadi).
   Yerine yasal baglantilar geldi. .foot-badge kurallari da
   silindi: hicbir uretilen sayfa artik o sinifi kullanmiyor. */
.foot-yasal{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
.foot-yasal a{font-size:13px;font-weight:600;color:#6A6680;transition:color .18s ease;}
.foot-yasal a:hover{color:#D81B5C;}
@media (max-width:600px){ .foot-yasal{gap:14px;} }
#to-top{position:fixed;right:22px;bottom:22px;z-index:47;width:42px;height:42px;border-radius:12px;border:1px solid #E5E1EF;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);box-shadow:0 8px 22px rgba(21,18,31,.12);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .3s ease, transform .3s ease, border-color .2s ease;}
#to-top.show{opacity:1;transform:none;pointer-events:auto;}
#to-top:hover{border-color:#D81B5C;transform:translateY(-3px);}
#to-top svg{width:17px;height:17px;color:#D81B5C;}
.post-list{display:grid;gap:16px;margin:26px 0;}
.post-card{background:#fff;border:1px solid #E5E1EF;border-radius:16px;padding:24px;box-shadow:0 6px 20px rgba(21,18,31,.04);transition:transform .2s ease,border-color .2s ease;display:block;}
.post-card:hover{transform:translateY(-3px);border-color:rgba(216,27,92,.4);}
.post-card b{display:block;font-size:17px;margin-bottom:7px;letter-spacing:-.2px;}
.post-card p{font-size:15px;margin:0 0 8px 0;}
.post-card span{font-size:13px;color:#D81B5C;font-weight:700;}

/* ===== v216: Sayfa içi kısa talep formu ===== */
.lf{margin:44px 0 8px 0;}
.lf-in{background:linear-gradient(135deg,#fff,#FDF4F7);border:1px solid rgba(216,27,92,.22);border-radius:20px;
  padding:30px 28px;box-shadow:0 14px 40px rgba(216,27,92,.09);}
.lf-in h2{font-size:22px;margin:0 0 8px 0;letter-spacing:-.4px;}
.lf-in p{font-size:15px;color:#3D3A4D;margin:0 0 18px 0;}
.lf form{display:flex;gap:10px;flex-wrap:wrap;}
/* v273 — iOS'ta forma dokununca sayfa yakınlaşmasın.
   iPhone'da Safari, yazı tipi 16 pikselin ALTINDA olan bir alana dokunulduğunda
   sayfayı kendiliğinden yakınlaştırır. Bu alan 15px olduğu için 145 sektör ve
   blog sayfasındaki başvuru formuna her dokunuşta ekran zıplıyor, kullanıcı
   parmakla geri uzaklaştırmak zorunda kalıyordu — mobil başvuruda en sık terk
   noktası budur. 16px bunu tamamen keser; görsel fark 1 piksel. */
.lf input{flex:1 1 190px;min-width:0;background:#fff;border:1.5px solid #E5E1EF;border-radius:12px;
  padding:13px 15px;font-size:16px;font-family:inherit;color:#1A1730;transition:border-color .18s ease,box-shadow .18s ease;}
.lf input::placeholder{color:#9C98AE;}
.lf input:focus{outline:none;border-color:#D81B5C;box-shadow:0 0 0 4px rgba(216,27,92,.12);}
.lf button{flex:0 0 auto;border:none;cursor:pointer;font-family:inherit;padding:13px 26px;}
.lf button:disabled{opacity:.7;cursor:default;transform:none;}
.lf-err{display:none;margin-top:12px;font-size:13px;font-weight:600;color:#C0392B;}
.lf-done{display:none;margin-top:4px;background:#EAF7F0;border:1px solid #BFE7D4;border-radius:14px;
  padding:18px 20px;font-size:14px;color:#12664B;line-height:1.6;}
.lf-trust{margin-top:12px;font-size:13px;color:#6A6680;}
@media (max-width:560px){
  .lf-in{padding:24px 18px;border-radius:16px;}
  .lf-in h2{font-size:19px;}
  .lf form{flex-direction:column;}
  .lf input,.lf button{flex:1 1 auto;width:100%;}
}

/* ===== v223: Akış şeması + adım adım anlatım ===== */
.akis{background:#fff;border:1px solid #E5E1EF;border-radius:16px;padding:18px 20px;margin:20px 0 24px;
  box-shadow:0 6px 20px rgba(21,18,31,.04);overflow-x:auto;}
.akis svg{width:100%;min-width:640px;height:auto;display:block;}
@media (max-width:700px){ .akis{padding:14px;} }

ol.adimlar{list-style:none;counter-reset:ad;margin:22px 0 26px;padding:0;}
ol.adimlar li{position:relative;padding:0 0 22px 46px;counter-increment:ad;}
ol.adimlar li:not(:last-child)::after{content:'';position:absolute;left:15px;top:34px;bottom:2px;width:2px;background:#EDEAF4;}
ol.adimlar li::before{content:counter(ad);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;
  background:linear-gradient(135deg,#D81B5C,#B3134B);color:#fff;font-weight:800;font-size:14px;
  display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(216,27,92,.28);}
ol.adimlar li b{display:block;font-size:16px;margin-bottom:6px;letter-spacing:-.2px;padding-top:5px;}
ol.adimlar li p{margin:0;font-size:15px;color:#3D3A4D;line-height:1.75;}
@media (max-width:560px){
  ol.adimlar li{padding-left:40px;}
  ol.adimlar li b{font-size:15px;}
  ol.adimlar li p{font-size:15px;}
}

/* ===== v225: Blog içi uyarı kutusu ===== */
p.uyari{background:#FFF7E8;border:1px solid #F2DFB4;border-left:4px solid #E0A93B;border-radius:12px;
  padding:14px 18px;margin:20px 0;font-size:15px;color:#4A3C1E;line-height:1.75;}
p.uyari strong{color:#7A5A11;}

/* v225: Blog dizini 12 yazıya çıktı — masaüstünde iki kolon daha okunaklı */
@media (min-width:768px){ .post-list{grid-template-columns:1fr 1fr;} } /* 768'de tek sütun 705 px kart yarı boştu */


/* v227: Inter ağırlık düzeni — 700 başlık · 600 kart başlığı · 500 menü · 400 metin */
h1{font-weight:700;}
h2{font-weight:700;}
h3{font-weight:600;}
.card b, .faq b, .post-card b, .ilg b, .sx b{font-weight:600;}
.nav-r a, .foot-col a{font-weight:500;}
.btn{font-weight:600;}
p, .lead, .trust, .meta, .foot-desc{font-weight:400;}

/* ============================================================
 * v277 — BLOG TABLOLARI
 * ------------------------------------------------------------
 * Karşılaştırma içeriği (ERP-CRM farkı, maliyet kalemleri, vade
 * tabloları) tabloyla çok daha okunur — ve Google öne çıkan
 * snippet'i çoğu zaman tablodan çeker. Sitede hiç tablo stili
 * yoktu; <table> tarayıcının çıplak varsayılanıyla çiziliyordu.
 *
 * .tblwrap sarmalayıcı ŞART: dar telefonda tablo taşarsa sayfanın
 * TAMAMI yana kayar. overflow-x sarmalayıcıda olunca yalnız tablo
 * kendi içinde kaydırılır, sayfa düzeni bozulmaz.
 * ============================================================ */
.tblwrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:20px 0;
  border:1px solid #E5E1EF;border-radius:14px;background:#fff;}
/* v389: Dar telefonda tablo 460px min-width ile taşıyor ama kaydırılabildiğine dair
   hiçbir işaret yoktu (375px'te 146px içerik gizli ölçüldü). Sağdaki gölge yalnız
   kaydırılacak içerik varken görünür, sona gelince kendiliğinden kaybolur. Saf CSS,
   JS yok: local-gradient + background-attachment:local hilesi. */
.tblwrap{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(to right,rgba(21,18,31,.28),rgba(21,18,31,0)),linear-gradient(to left,rgba(21,18,31,.28),rgba(21,18,31,0));background-position:left center,right center,left center,right center;background-repeat:no-repeat;background-size:24px 100%,24px 100%,28px 100%,28px 100%;background-attachment:local,local,scroll,scroll;}

.tblwrap table{border-collapse:collapse;width:100%;min-width:460px;font-size:14px;}
.tblwrap th,.tblwrap td{padding:11px 14px;text-align:left;border-bottom:1px solid #EFECF6;
  vertical-align:top;line-height:1.6;}
.tblwrap th{background:#F6F5FA;font-weight:600;color:#1A1730;font-size:13px;
  letter-spacing:.2px;white-space:nowrap;}
.tblwrap tr:last-child td{border-bottom:none;}
.tblwrap td strong{font-weight:600;color:#1A1730;}
.tblwrap caption{caption-side:bottom;padding:10px 14px;font-size:13px;color:#6A6680;text-align:left;}
/* 12 Eylül 2026 mobil denetimi: 375'te tablo 460 px zorunlu genişlikle 312 px kaba sığmıyordu,
   'krkbos' / 'Yapmaz' sütunu %29-56 kesik ve ipucu 18 px gölgeden ibaretti (ölçüldü).
   ≤560: 2-3 sütunlu tablolar kapsayıcıya sığar (min-width kalkar, başlıklar sarar),
   4+ sütunlu tablolar kaydırmalı kalır; onlara yapışkan 'sağa kaydırın' notu eklenir.
   :has desteklenmeyen tarayıcıda kural düşer, eski kaydırma davranışı sürer. */
@media (max-width:560px){
  .tblwrap th,.tblwrap td{padding:9px 10px;}
  .tblwrap th{white-space:normal;}
  .tblwrap table:not(:has(tr > :nth-child(4))){min-width:0;}
  .tblwrap:has(tr > :nth-child(4))::after{content:'Tabloyu sağa kaydırın \2192';display:block;position:sticky;left:0;
    padding:8px 12px;font-size:13px;color:#6A6680;border-top:1px solid #EFECF6;background:#fff;}
  /* 4+ sütunlu tablonun caption'ı tablo genişliğindeydi (460 px), sağı kesiliyordu; görünür alana yapışır. */
  .tblwrap:has(tr > :nth-child(4)) caption{position:sticky;left:0;box-sizing:border-box;max-width:calc(100vw - 50px);}
}

/* Yazı içi "İlgili yazılar" başlığı — .ilgwrap zaten sektör sayfalarında var,
   blog yazılarında da kullanılıyor; üstündeki boşluk biraz daha ferah. */
h2.ilgbas{margin-top:38px;}

/* v277: Yazı içi kod/formül parçaları (Excel formülleri gibi). Tablo
   hücresinde uzun formül taşabildiği için kırılmaya izin verilir. */
code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;
  background:#F1EEF8;border:1px solid #E5E1EF;border-radius:6px;padding:1px 5px;
  color:#4A3F6B;word-break:break-word;}
.tblwrap td code{display:inline-block;line-height:1.7;}

/* ============================================================
 * v279 — ALINTI / ŞABLON KUTUSU
 * ------------------------------------------------------------
 * İçerikte "kopyalayıp kullanabileceğiniz metin" göstermek gerekiyor
 * (örnek teklif başlığı, müşteriye gidecek mesaj). Bunlar alıntı değil
 * ŞABLON; okuyucunun "burası benim yazacağım metin" diye ayırt etmesi
 * için gövde metninden görsel olarak ayrılmalı.
 * ============================================================ */
blockquote{background:#F6F5FA;border:1px solid #E5E1EF;border-left:4px solid #7C5CE0;
  border-radius:12px;padding:16px 20px;margin:20px 0;font-size:15px;line-height:1.8;color:#3D3A4D;}
blockquote p{margin:0 0 10px 0;font-size:15px;}
blockquote p:last-child{margin-bottom:0;}
blockquote b, blockquote strong{color:#1A1730;}


/* ============================================================
   v369 — MOBİLDE OKUMA PUNTOSU  (bu dosya ~200 sayfayı biçimlendiriyor)
   ------------------------------------------------------------
   Ölçüldü (gerçek 375px, TreeWalker ile 25 karakterden uzun her görünür
   metin): sektör sayfasında gövde metninin %56'sı, sözlük sayfasında
   %58'i 14px'in ALTINDAydı. Hedef kitle 40+ ve atölyede tek elle telefon
   okuyor; zor okunan metin yorucu olmakla kalmaz, daha az inandırıcı
   bulunur.

   YALNIZ OKUNAN METİN büyütüldü. Menü, rozet, etiket ve meta satırları
   olduğu gibi bırakıldı — onlar taranıyor, okunmuyor.

   Dosyanın SON kuralıdır: aynı özgüllükte sonraki kural kazandığı için
   üstteki punto bildirimlerini bilerek eziyor.
   ============================================================ */
@media (max-width:760px){
  .card p{font-size:15px;}        /* kart gövde metni — en çok okunan */
  .faq p{font-size:15px;}       /* SSS cevapları — en uzun okuma bloğu */
  .ilg span{font-size:13px;}      /* ilgili sayfa açıklamaları */
  .trust{font-size:13px;}
  .foot-desc{font-size:13px;}
}

/* v378: Yazı sayfasının kırıntısındaki kategori bağlantısı. Nokta, blog
   listesindeki filtre çipleriyle ve kart şeritleriyle AYNI paletten gelir —
   okuyucu listede gördüğü rengi yazıda da görür. */
.crumb-konu{display:inline-flex;align-items:center;gap:6px;}
.crumb-konu::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--bk,#6A6680);}
.crumb-konu[data-konu="finans"]{--bk:#D81B5C;}
.crumb-konu[data-konu="excel"] {--bk:#17A45B;}
.crumb-konu[data-konu="uretim"]{--bk:#7C5CE0;}
.crumb-konu[data-konu="satis"] {--bk:#4C8CFF;}
.crumb-konu[data-konu="sistem"]{--bk:#B4700F;}
.crumb-konu[data-konu="genel"] {--bk:#6A6680;}


/* v391 dokunma hedefi — 375px'te ölçüldü: .lf button 278x42, .foot-ct 124x21.
   İkincisi WCAG'nin AA eşiği olan 24px'in bile altındaydı ve tıkla-ara bağlantısı. */
.lf button{min-height:44px;}
.foot-ct{min-height:44px;}

/* v391 dar ekran başlık — 360px'te .nav içeriği sığmıyordu (belge 4px taşıyordu;
   hamburger 44px dokunma hedefine çıkınca 9px olurdu). "Giriş Yap" gizlenmedi:
   mobil menüde giriş bağlantısı yok, telefondaki tek yol bu. İç boşluk kısmak
   metni iki satıra kırıyordu. Yalnız punto bir basamak iniyor; yükseklik aynı. */
@media (max-width:430px){
  .nav-r .btn{font-size:12px;padding-left:14px;padding-right:14px;}
}


/* ============================================================
   v392 — YAZI SONUNDA TEK BİRİNCİL İSTEK
   ------------------------------------------------------------
   ÖLÇÜM: yazı sonundaki dönüşüm bölgesi masaüstünde 1301px (sayfanın %14'ü),
   375px'te 2676px (%19, 3 ekran). İçinde iki ayrı istek var — "Beni Arayın"
   formu ve "14 Gün Ücretsiz Deneyin" bandı — ve İKİSİ DE aynı birincil pembe
   düğmeyi (.btn-p) kullanıyordu. Okuyucu hangisinin ana yol olduğunu göremiyordu.

   İkisi de kalıyor: biri kendi kendine deneme (ölçeklenir), diğeri konuşarak
   ilerlemek isteyen için. Hangisinin daha çok dönüştüğüne dair veri yok; veri
   olmadan bir lead kaynağı silinmez. Değişen tek şey AĞIRLIK: band birincil
   kalır, form ikincil olur. Form gönderme mantığına dokunulmadı — yalnız CSS.
   ============================================================ */
.lf{margin:32px 0 8px 0;}
.lf-in{background:#FBFAFE;border-color:#E5E1EF;padding:22px 22px;}
.lf-in h2{font-size:17px;margin-bottom:6px;letter-spacing:-.2px;}
.lf-in p{font-size:14px;margin-bottom:14px;}
.lf-trust{margin-top:10px;}
/* Anahat düğme: aynı eylem, ikincil ağırlık. Özgüllük .btn-p'den yüksek (0,2,1). */
.lf button.btn-p{background:none;background-image:none;color:#BE1851;
  border:1.5px solid rgba(216,27,92,.45);box-shadow:none;}
.lf button.btn-p:hover{background:rgba(216,27,92,.07);border-color:#D81B5C;}
@media (max-width:760px){
  .lf-in{padding:18px 16px;}
}


/* v395 — BLOG YAZISI KAPAĞI
   53 yazının gövdesinde sıfır görsel vardı. Kapak kodla üretilmiş SVG:
   ~950 B, her ekranda net, insan/marka/tescil içermez, iddia taşımaz.
   Okuma sütunuyla aynı genişlikte — metnin parçası gibi durur, üstüne
   yapıştırılmış banner gibi değil. */
.yazi-kapak{display:block;width:100%;height:auto;aspect-ratio:1200/600;
  border-radius:16px;margin:0 0 30px 0;background:#F6F5FA;}
@media (max-width:600px){.yazi-kapak{border-radius:13px;margin-bottom:24px;}}

/* ============================================================
   v374 — İKON ÇİZGİ KALINLIĞI TEK ELDEN
   Sitedeki ikonların hepsi 24×24 ızgarada ama stroke-width beş-yedi
   ayrı değerdeydi (1,6 / 2 / 2,2 / 2,4 / 2,5 / 2,6 / 3 / 3,2). Üstelik
   AYNI kalınlıktaki ikonlar bile farklı boyutlarda çizildiği için farklı
   görünüyordu: ölçüm, stroke-width=2 ile 12 px çizimde 1,00 px, 36 px
   çizimde 3,00 px çizgi verdi — üç kat fark.
   non-scaling-stroke çizgiyi ölçekten bağımsız kılar; boyut ne olursa
   olsun 1,8 px basılır. CSS satır içi stroke-width özniteliğini ezer,
   bu yüzden hiçbir ikonun kendisine dokunulmadı.
   KAPSAM: yalnız 24'lük ızgara — grafik SVG'ler etkilenmez.
   ============================================================ */
svg[viewBox="0 0 24 24"]{stroke-width:1.75;}
svg[viewBox="0 0 24 24"] *{vector-effect:non-scaling-stroke;}


/* ============================================================
   YAZI SAYFASI — iki sütunlu düzen (14 Ağustos 2026)
   Maketteki yerleşim. Gövde HTML'i değişmedi; bölüm numaraları
   CSS sayacıyla veriliyor, yani yazıların metnine dokunulmadı.
   ============================================================ */
.yazi-ust{padding:26px 0 8px;}
.yazi-rozet{display:inline-block;margin:12px 0 10px;padding:5px 11px;border-radius:8px;
  background:#FDE9F0;border:1px solid #F0AFC8;color:#BD1750;
  font-size:12.5px;font-weight:800;letter-spacing:.2px;}
.yazi-ust h1{margin:0 0 12px;}
.yazi-ozet{margin:0 0 18px;max-width:62ch;font-size:16px;line-height:1.7;color:#6A6680;}
.yazi-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;
  padding:14px 0;border-top:1px solid #E5E1EF;border-bottom:1px solid #E5E1EF;font-size:13px;color:#6A6680;}
.yz-atif{display:flex;align-items:center;gap:9px;}
.yz-atif-ik{display:flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;
  border-radius:50%;background:#FDE9F0;color:#D81B5C;}
.yz-atif-ik svg{width:17px;height:17px;}
.yz-atif b{display:block;font-size:13px;color:#1A1730;}
.yz-atif small{display:block;font-size:12px;color:#6A6680;}
.yz-tarih i{font-style:normal;opacity:.5;margin:0 2px;}
.yz-paylas{display:flex;align-items:center;gap:7px;margin-left:auto;}
.yz-paylas-et{font-size:12.5px;color:#6A6680;}
.yz-p{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;
  border-radius:50%;background:#fff;border:1px solid #E5E1EF;color:#6A6680;cursor:pointer;
  transition:border-color .18s,color .18s,background .18s;}
.yz-p svg{width:16px;height:16px;}
.yz-p:hover{border-color:#D81B5C;color:#D81B5C;background:#FDE9F0;}
.yz-p:focus-visible{outline:2px solid #D81B5C;outline-offset:2px;}
.yz-p.ok{background:#E8F7EF;border-color:#17A45B;color:#17A45B;}

/* Yazı sayfasının üç kabı AYNI genişlikte olmalı. Ölçüm: başlık bloğu
   .wrap.yazi ile 660 px, gövde .wrap ile 860 px idi — ikisi ortalandığı
   için sol kenarları 100 px kayıyordu. 1120 px + 24 px dolgu seçildi:
   blog dizininin (.wrap) genişliğinin AYNISI, böylece dizinden yazıya
   geçince kenarlar oynamıyor. Kenar sütunu 300 px düşünce gövdeye
   738 px kalıyor. */
.yazi-ust .wrap.yazi,.wrap.yazi-duzen,.wrap.yazi.yazi-alt{max-width:1120px;padding:0 24px;}
.yazi-duzen{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px);gap:34px;align-items:start;
  padding-top:22px;}
.yazi-govde{min-width:0;}

/* Bölüm numaraları: markup DEĞİL, sayaç. Yazıların gövdesine
   dokunmadan maketteki numaralı başlık görünümünü veriyor. */
.yazi-govde{counter-reset:krkbolum;}
.yazi-govde h2:not(.ilgbas){counter-increment:krkbolum;display:flex;align-items:baseline;gap:11px;}
.yazi-govde h2:not(.ilgbas)::before{content:counter(krkbolum) ".";flex:none;
  color:#D81B5C;font-size:.82em;font-weight:800;}
/* Gövdesi zaten numaralı yazılarda (liste yazıları: "1. Darboğazı bulun")
   sayaç kapatılır, yoksa "1. 1. Darboğazı bulun" çıkıyor. Sınıfı üretici
   veriyor; burada yalnız sayacı iptal ediyoruz. */
.yazi-govde.nonum h2:not(.ilgbas){display:block;}
.yazi-govde.nonum h2:not(.ilgbas)::before{content:none;}

/* --- Kenar sütunu --- */
.yazi-yan{display:flex;flex-direction:column;gap:16px;position:sticky;top:96px;}
.yy-kutu{background:#fff;border:1px solid #E5E1EF;border-radius:16px;padding:16px 16px 14px;}
.yy-bas{margin:0 0 12px;font-size:14.5px;font-weight:800;color:#1A1730;}
.yy-katlar{display:flex;flex-direction:column;gap:8px;}
.yy-kat{display:flex;align-items:center;gap:10px;padding:12px 10px;border-radius:10px;
  font-size:13px;color:#6A6680;transition:background .18s,color .18s;}
.yy-kat-ik{display:flex;align-items:center;justify-content:center;flex:none;width:18px;height:18px;}
.yy-kat-ik svg{width:16px;height:16px;}
.yy-kat:hover{background:#F6F5FA;color:#1A1730;}
.yy-kat.acik{background:#FDE9F0;color:#BD1750;font-weight:700;}
.yy-sonlar{display:flex;flex-direction:column;gap:12px;}
.yy-son{display:flex;gap:11px;align-items:flex-start;}
.yy-son img{width:64px;height:48px;flex:none;border-radius:8px;object-fit:cover;}
.yy-son b{display:block;font-size:13px;font-weight:700;line-height:1.45;color:#1A1730;}
.yy-son small{display:block;margin-top:3px;font-size:12.5px;color:#6A6680;}
.yy-son:hover b{color:#D81B5C;}

.yy-cta{background:linear-gradient(160deg,#1B1533,#15111F 55%,#2A1636);color:#fff;
  border-radius:18px;padding:20px 18px;}
.yy-cta h2{margin:0 0 8px;font-size:19px;line-height:1.32;color:#fff;}
.yy-cta p{margin:0 0 14px;font-size:13px;line-height:1.65;color:#A9A5BC;}
.yy-cta-liste{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:8px;}
.yy-cta-liste li{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#D9D6E4;}
.yy-cta-liste svg{width:15px;height:15px;flex:none;color:#F87BA8;}
.yy-cta-dug{display:block;text-align:center;background:linear-gradient(135deg,#D81B5C,#B3134B);
  color:#fff;border-radius:11px;padding:12px 16px;font-size:13.5px;font-weight:800;
  box-shadow:0 10px 26px rgba(216,27,92,.35);transition:transform .15s,box-shadow .18s;}
.yy-cta-dug:hover{transform:translateY(-1px);box-shadow:0 14px 32px rgba(216,27,92,.45);}

@media (max-width:900px){
  .yazi-duzen{grid-template-columns:minmax(0,1fr);gap:26px;}
  /* Kenar sütunu tek sütuna inince yapışkanlık anlamsız: ekranın
     üstünü işgal ederdi. */
  .yazi-yan{position:static;max-width:560px;}
  .yazi-govde{max-width:68ch;} /* 768'de 705 px sütun ~98 karakter/satır veriyordu */
  .yazi-yan>.yy-kutu:first-child{display:none;} /* kategori/gezinti kutusu: kırıntıda zaten var; makale-ilgili arası 1063 px'ti */
  .yy-cta{order:-1;} /* bağlamsal CTA makalenin hemen altına */
  .yz-paylas{margin-left:0;gap:10px;}
  .yz-p{width:44px;height:44px;}
  .yz-p svg{width:18px;height:18px;}
}


/* ============================================================
   YAZI ALTI ÇAĞRI BANDI (14 Ağustos 2026)
   ============================================================ */
.ctab{margin:44px 0 8px;background:#fff;border:1px solid #E5E1EF;border-radius:22px;overflow:hidden;
  box-shadow:0 18px 44px rgba(21,18,31,.06);}
.ctab-ust{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:34px;
  padding:30px 32px 26px;align-items:center;}
.ctab-sol{min-width:0;}
.ctab-rozet{display:inline-flex;align-items:center;gap:7px;margin-bottom:14px;
  padding:6px 13px;border-radius:999px;border:1px solid #E3C9F0;background:#FBF5FE;
  font-size:12px;font-weight:700;color:#8B3FBE;}
.ctab-rozet svg{width:13px;height:13px;flex:none;}
.ctab h2{margin:0 0 10px;font-size:29px;line-height:1.22;letter-spacing:-.6px;color:#1A1730;}
.ctab p{margin:0;font-size:14.5px;line-height:1.75;color:#6A6680;max-width:52ch;}
.ctab-sag{display:flex;flex-direction:column;gap:11px;border-left:1px solid #EFECF6;padding-left:30px;}
.ctab-dug{display:flex;align-items:center;gap:12px;padding:17px 22px;border-radius:14px;
  background:linear-gradient(135deg,#D81B5C,#B3134B);color:#fff;
  box-shadow:0 14px 34px rgba(216,27,92,.34);transition:transform .15s ease,box-shadow .18s ease;}
.ctab-dug b{font-size:19px;font-weight:800;letter-spacing:-.2px;}
.ctab-dug svg{width:20px;height:20px;flex:none;}
.ctab-dug svg:last-child{margin-left:auto;width:16px;height:16px;}
.ctab-dug:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(216,27,92,.44);}
.ctab-dug:focus-visible{outline:2px solid #B3134B;outline-offset:3px;}
/* Güvence satırı: ayraç noktaları yerine her maddenin başında onay
   ikonu. Ayraç ve ikon birlikte olsaydı gürültü olurdu, o yüzden
   noktalar kaldırıldı. */
.ctab-alt{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;
  font-size:12.5px;color:#767384;}
.ctab-alt span{display:inline-flex;align-items:center;gap:5px;}
.ctab-alt svg{width:13px;height:13px;flex:none;color:#17A45B;}
.ctab-liste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid #EFECF6;background:#FBFAFE;}
.ctab-oge{display:flex;align-items:center;gap:12px;padding:18px 24px;}
.ctab-oge + .ctab-oge{border-left:1px solid #EFECF6;}
.ctab-ik{display:flex;align-items:center;justify-content:center;flex:none;width:38px;height:38px;
  border-radius:11px;background:#EFEAFB;color:#7C5CE0;}
.ctab-ik svg{width:18px;height:18px;}
.ctab-oge b{display:block;font-size:13.5px;color:#1A1730;}
.ctab-oge small{display:block;margin-top:2px;font-size:12px;color:#6A6680;}
@media (max-width:860px){
  .ctab-ust{grid-template-columns:minmax(0,1fr);gap:22px;padding:26px 22px 22px;}
  /* Tek sütuna inince soldaki çizgi anlamsız; üstte ayraç olur. */
  .ctab-sag{border-left:0;border-top:1px solid #EFECF6;padding-left:0;padding-top:20px;}
  .ctab h2{font-size:24px;}
  .ctab-liste{grid-template-columns:minmax(0,1fr);}
  .ctab-oge + .ctab-oge{border-left:0;border-top:1px solid #EFECF6;}
  /* Düğme etiketi 375'te iki satıra kırılıp 97 px oluyordu: roket ikonu gizli, etiket 16 px. */
  .ctab-dug{padding:16px 18px;gap:10px;}
  .ctab-dug>svg:first-child{display:none;}
  .ctab-dug b{font-size:16px;}
}


/* ============================================================
   SEKTÖRLER SAYFASI (14 Ağustos 2026)
   114 sektör 6 grupta. Gruplar dosya adlarından türetildi; her
   sektör tam bir kez geçer ve "+N sektör daha" sayıları listenin
   kendisinden gelir, elle yazılmaz.
   MAKETTEN SAPMA: makette "100+ Sektör" yazıyordu; diskte sayılan
   gerçek değer basılıyor. Ayrıca "Esnek Yapı"/"Güvenli Altyapı"
   yerine doğrulanabilir olanlar kondu.
   ============================================================ */
/* Sayfa kabı site genelindeki 1120 px'e eşitlendi (başlık, blog ve
   alt bilgi de bu genişlikte). Yalnız bu sayfanın kapları hedefleniyor. */
.sx-hero .wrap,.sx-hero + .wrap{max-width:1120px;margin:0 auto;padding:0 24px;}
.sx-hero{padding:26px 0 34px;}
.sx-ust{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px;align-items:center;}
.sx-et{display:inline-block;margin-bottom:12px;font-size:12.5px;font-weight:800;
  letter-spacing:.2px;color:#6A6680;}
.sx-hero h1{margin:0 0 16px;font-size:40px;line-height:1.18;letter-spacing:-1px;}
.sx-hero h1 .grad{background:linear-gradient(90deg,#D81B5C,#7C5CE0);-webkit-background-clip:text;
  background-clip:text;color:transparent;}
.sx-hero .lead{margin:0 0 24px;max-width:52ch;font-size:15.5px;line-height:1.75;color:#6A6680;}
/* Üçü TEK SATIRDA. Sol sütun ~500 px olduğu için 22 px aralıkla
   alt alta kayıyorlardı; aralık ve ikon küçültülüp nowrap verildi. */
.sx-rozet{display:flex;gap:14px;flex-wrap:nowrap;align-items:center;}
.sx-rozet span{display:flex;align-items:center;gap:9px;min-width:0;font-size:12.5px;
  line-height:1.35;color:#6A6680;}
.sx-rozet b{display:block;font-size:14px;color:#1A1730;white-space:nowrap;}
.sx-rozet i{display:flex;align-items:center;justify-content:center;flex:none;width:38px;height:38px;
  border-radius:12px;background:var(--sz);color:var(--sc);}
.sx-rozet svg{width:18px;height:18px;}
.sx-gor img{width:100%;height:auto;display:block;border-radius:18px;
  box-shadow:0 26px 64px rgba(21,18,31,.14);}

.sx-ara{display:flex;align-items:center;gap:16px;margin:8px 0 22px;}
.sx-ara-in{flex:1;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #E5E1EF;
  border-radius:999px;padding:0 18px;min-height:52px;box-shadow:0 8px 22px rgba(21,18,31,.05);}
.sx-ara-in svg{width:18px;height:18px;flex:none;color:#767384;}
.sx-ara-in input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-family:inherit;
  font-size:14.5px;color:#1A1730;}
.sx-adet{flex:none;font-size:13px;font-weight:700;color:#6A6680;}
.sx-bos{display:none;padding:18px 20px;margin-bottom:20px;border-radius:14px;
  background:#FDE9F0;border:1px solid #F0AFC8;font-size:14px;color:#B3134B;}
.sx-bos.acik{display:block;}
.sx-bos a{font-weight:800;text-decoration:underline;}

.sx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:40px;}
.sg{background:#fff;border:1px solid #E5E1EF;border-radius:18px;overflow:hidden;
  display:flex;flex-direction:column;transition:border-color .18s,box-shadow .18s;}
.sg:hover{border-color:var(--sc);box-shadow:0 16px 38px rgba(21,18,31,.08);}
.sg-bas{display:flex;align-items:center;gap:12px;padding:16px 18px;background:var(--sz);}
.sg-ik{display:flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;
  border-radius:12px;background:#fff;color:var(--sc);}
.sg-ik svg{width:20px;height:20px;}
.sg-bas b{display:block;font-size:14.5px;color:var(--sc);}
.sg-bas small{display:block;margin-top:2px;font-size:13px;color:#6A6680;line-height:1.4;}
.sg-bas .sg-ok{width:16px;height:16px;flex:none;margin-left:auto;color:var(--sc);}
.sg-liste{list-style:none;margin:0;padding:14px 18px;flex:1;}
.sg-liste a{display:flex;align-items:center;gap:9px;padding:6px 0;font-size:14px;color:#4A4660;
  transition:color .15s;}
.sg-liste svg{width:15px;height:15px;flex:none;color:var(--sc);}
.sg-liste a:hover{color:var(--sc);}
.sg-daha{margin:0 18px 16px;padding:9px 0;background:none;border:0;cursor:pointer;font-family:inherit;
  font-size:12.5px;font-weight:800;color:var(--sc);text-align:left;}
.sg-daha:hover{text-decoration:underline;}
.sg-daha:focus-visible{outline:2px solid var(--sc);outline-offset:2px;border-radius:6px;}
.sg[hidden]{display:none;}

@media (max-width:1000px){
  .sx-ust{grid-template-columns:minmax(0,1fr);gap:28px;}
  .sx-hero h1{font-size:32px;}
  .sx-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:700px){
  .sx-grid{grid-template-columns:minmax(0,1fr);}
  .sx-ara{flex-direction:column;align-items:stretch;gap:10px;}
  .sx-adet{text-align:right;}
  .sx-hero h1{font-size:27px;}
  /* Dokunma hedefi: liste bağlantıları 44 px */
  .sg-liste a{padding:11px 0;}
}


/* ============================================================
   SEKTÖR GRUP SAYFALARI (14 Ağustos 2026)
   Her grubun kendi sayfası; yanlarındaki kısa açıklamalar
   sektör sayfalarının KENDİ meta açıklamalarından alınıyor,
   uydurulmuyor.
   ============================================================ */
.sd-hero{padding:26px 0 30px;}
/* İkon ve başlık YAN YANA (sahibinin isteği). Eskiden alt alta
   duruyordu; sarmalayıcı .sd-bas ile tek satıra alındı. */
.sd-bas{display:flex;align-items:center;gap:18px;margin:16px 0 14px;}
.sd-bas h1{margin:0;}
.sd-ik-b{display:flex;align-items:center;justify-content:center;flex:none;width:56px;height:56px;
  border-radius:16px;background:var(--sz);color:var(--sc);}
.sd-ik-b svg{width:27px;height:27px;}
.sd-hero h1{margin:0;font-size:34px;line-height:1.2;letter-spacing:-.8px;}
.sd-hero .lead{margin:0;max-width:64ch;font-size:15.5px;line-height:1.75;color:#6A6680;}
.sd-hero .lead b{color:#1A1730;}
.sd-liste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:34px;}
.sd-oge{display:flex;align-items:flex-start;gap:13px;padding:15px 16px;background:#fff;
  border:1px solid #E5E1EF;border-radius:14px;
  transition:border-color .18s ease,box-shadow .18s ease,transform .15s ease;}
.sd-ik{display:flex;align-items:center;justify-content:center;flex:none;width:38px;height:38px;
  border-radius:11px;background:var(--sz);color:var(--sc);}
.sd-ik svg{width:19px;height:19px;}
.sd-m{flex:1;min-width:0;}
.sd-m b{display:block;font-size:14px;color:#1A1730;margin-bottom:3px;}
.sd-m small{display:block;font-size:12.5px;line-height:1.6;color:#767384;}
.sd-oge .sd-ok{width:14px;height:14px;flex:none;margin-top:12px;color:#767384;
  transition:color .18s ease,transform .18s ease;}
.sd-oge:hover{border-color:var(--sc);box-shadow:0 12px 30px rgba(21,18,31,.07);transform:translateY(-1px);}
.sd-oge:hover .sd-m b{color:var(--sc);}
.sd-oge:hover .sd-ok{color:var(--sc);transform:translateX(2px);}
.sd-oge:focus-visible{outline:2px solid var(--sc);outline-offset:2px;}
.sd-geri{margin:0 0 40px;}
/* .wrap p a (0,1,2) bu kuralı eziyordu (pembe + alt çizgi basıyordu, ölçüldü); özgüllük eşitlendi. */
.wrap p.sd-geri a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 0;font-size:14px;font-weight:700;color:#6A6680;border-bottom:0;}
.sd-geri svg{width:15px;height:15px;}
.wrap p.sd-geri a:hover{color:#D81B5C;}
.sd-hero .wrap,.sd-hero + .wrap{max-width:1120px;margin:0 auto;padding:0 24px;}
@media (max-width:820px){
  .sd-liste{grid-template-columns:minmax(0,1fr);}
  .sd-ik{display:none;} /* 39 kartta aynı ikon, başlık sütununun %18'ini yiyordu */
  .sd-hero h1{font-size:26px;}
}


/* ============================================================
   SÖZLÜK SAYFASI (15 Ağustos 2026)
   Bugünkü tasarım diliyle: kırıntı → etiket → gradyanlı başlık →
   rozet satırı → arama + konu süzgeci → renkli ikonlu kart ızgarası.
   Terimlerin yanındaki kısa açıklamalar, o terimin KENDİ sayfasının
   meta açıklamasından alınıyor; uydurulmuyor. Başlığın tekrarı olan
   ilk cümleler atlanıp ikinci cümle kullanıldı.
   ============================================================ */
.sz-hero{padding:26px 0 30px;}
.sz-hero .wrap,.sz-hero + .wrap{max-width:1120px;margin:0 auto;padding:0 24px;}
.sz-et{display:inline-block;margin-bottom:12px;font-size:12.5px;font-weight:800;
  letter-spacing:.2px;color:#8B36D9;}
.sz-hero h1{margin:0 0 14px;font-size:38px;line-height:1.18;letter-spacing:-1px;}
.sz-hero h1 .grad{background:linear-gradient(90deg,#D81B5C,#7C5CE0);-webkit-background-clip:text;
  background-clip:text;color:transparent;}
.sz-hero .lead{margin:0 0 22px;max-width:56ch;font-size:15.5px;line-height:1.75;color:#6A6680;}
.sz-rozet{display:flex;gap:14px;flex-wrap:nowrap;align-items:center;}
.sz-rozet span{display:flex;align-items:center;gap:9px;min-width:0;font-size:13px;
  line-height:1.35;color:#6A6680;}
.sz-rozet b{display:block;font-size:14px;color:#1A1730;white-space:nowrap;}
.sz-rozet i{display:flex;align-items:center;justify-content:center;flex:none;width:38px;height:38px;
  border-radius:12px;background:var(--sz);color:var(--sc);}
.sz-rozet svg{width:18px;height:18px;}

.sz-arac{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:6px 0 20px;}
.sz-ara{flex:1;min-width:240px;display:flex;align-items:center;gap:10px;background:#fff;
  border:1px solid #E5E1EF;border-radius:999px;padding:0 18px;min-height:50px;
  box-shadow:0 8px 22px rgba(21,18,31,.05);}
.sz-ara svg{width:18px;height:18px;flex:none;color:#767384;}
.sz-ara input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-family:inherit;
  font-size:14.5px;color:#1A1730;}
.sz-cipler{display:flex;gap:6px;flex-wrap:wrap;}
.sz-cip{cursor:pointer;font-family:inherit;background:#fff;border:1px solid #E5E1EF;
  border-radius:999px;padding:9px 14px;min-height:38px;font-size:12.5px;font-weight:700;
  color:#6A6680;white-space:nowrap;transition:border-color .18s,color .18s,background .18s;}
.sz-cip:hover{border-color:rgba(216,27,92,.4);color:#D81B5C;}
.sz-cip.acik{background:#FDE9F0;border-color:#F0AFC8;color:#B3134B;}
.sz-cip:focus-visible{outline:2px solid #D81B5C;outline-offset:2px;}
.sz-adet{flex:none;font-size:13px;font-weight:700;color:#6A6680;}
.sz-bos{display:none;padding:18px 20px;margin-bottom:20px;border-radius:14px;
  background:#FDE9F0;border:1px solid #F0AFC8;font-size:14px;color:#B3134B;}
.sz-bos.acik{display:block;}
.sz-bos a{font-weight:800;text-decoration:underline;}

.sz-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:34px;}
.sz-kart{display:flex;align-items:flex-start;gap:13px;padding:15px 16px;background:#fff;
  border:1px solid #E5E1EF;border-radius:14px;
  transition:border-color .18s,box-shadow .18s,transform .15s;}
.sz-kart[hidden]{display:none;}
.sz-ik{display:flex;align-items:center;justify-content:center;flex:none;width:38px;height:38px;
  border-radius:11px;background:var(--sz);color:var(--sc);}
.sz-ik svg{width:19px;height:19px;}
.sz-m{flex:1;min-width:0;}
.sz-m b{display:block;font-size:14px;color:#1A1730;margin-bottom:3px;}
.sz-m small{display:block;font-size:14px;line-height:1.6;color:#6A6680;}
.sz-kart .sz-ok{width:14px;height:14px;flex:none;margin-top:12px;color:#B9B4C9;
  transition:color .18s,transform .18s;}
.sz-kart:hover{border-color:var(--sc);box-shadow:0 12px 30px rgba(21,18,31,.07);transform:translateY(-1px);}
.sz-kart:hover .sz-m b{color:var(--sc);}
.sz-kart:hover .sz-ok{color:var(--sc);transform:translateX(2px);}
.sz-kart:focus-visible{outline:2px solid var(--sc);outline-offset:2px;}
@media (max-width:1000px){ .sz-grid{grid-template-columns:repeat(2,minmax(0,1fr));} .sz-hero h1{font-size:30px;} }
@media (max-width:700px){
  .sz-grid{grid-template-columns:minmax(0,1fr);}
  .sz-hero h1{font-size:25px;}
  .sz-arac{flex-direction:column;align-items:stretch;}
  .sz-adet{text-align:right;}
  .sz-rozet{display:none;} /* 90 px süs şeridi ilk kartı 2. ekrana itiyordu */
  .sz-hero .lead{margin-bottom:0;}
}


/* ============================================================
   FİYATLANDIRMA — HERO (15 Ağustos 2026)
   Yalnız hero yenilendi. Fiyat basan bölümlere ve KDV mantığına
   DOKUNULMADI; o kod paketleri pp_packages'tan okuyor ve alıcının
   göreceği rakamları üretiyor. Metinler krk_m() ile ayarlardan
   geliyor, boşsa gizlenme davranışı korundu.
   ============================================================ */
.fy-hero{padding:26px 0 34px;}
.fy-hero .wrap{max-width:1120px;margin:0 auto;padding:0 24px;}
.fy-et{display:inline-block;margin:12px 0 12px;font-size:11.5px;font-weight:800;
  letter-spacing:1.2px;text-transform:uppercase;color:#7C5CE0;}
/* Satırlar yana doğru açıldı: 20ch başlığı üç dar satıra bölüyordu.
   32ch ile iki satıra iniyor ve boş kalan sağ taraf kullanılıyor. */
.fy-h1{margin:0 0 14px;font-size:38px;line-height:1.18;letter-spacing:-1px;max-width:none;}
/* İkinci cümle kendi satırında ve bütün: display:block satır sonunu
   verir, white-space:normal kendi içinde sarmasına izin verir. */
.fy-h1b{display:block;}
/* ".wrap>p" (0,1,1) sınıf seçiciyi (0,1,0) yeniyor ve metni 660 px'e
   sıkıştırıyordu — ölçümle yakalandı. Seçiciye p eklenerek özgüllük
   eşitlendi ve sonra yazıldığı için kazanıyor. */
.wrap>p.fy-alt{max-width:78ch;}
.fy-alt{margin:0 0 24px;font-size:15.5px;line-height:1.75;color:#6A6680;}
.fy-rozet{display:flex;gap:14px;flex-wrap:wrap;align-items:center;}
.fy-rozet span{display:flex;align-items:center;gap:9px;min-width:0;font-size:11.5px;
  line-height:1.35;color:#767384;}
.fy-rozet b{display:block;font-size:14px;color:#1A1730;white-space:nowrap;}
.fy-rozet i{display:flex;align-items:center;justify-content:center;flex:none;width:38px;height:38px;
  border-radius:12px;background:var(--sz);color:var(--sc);}
.fy-rozet svg{width:18px;height:18px;}
@media (max-width:760px){ .fy-h1{font-size:26px;} }


/* ============================================================
   İLGİLİ YAZILAR KARTLARI (15 Ağustos 2026)
   NOT: Seçiciler ".ilg X" biçiminde çünkü eski ".ilg span" kuralı
   (0,1,1) sınıf seçiciyi (0,1,0) eziyordu — rozet konu rengi yerine
   gri çıkıyordu, hesaplanmış stille yakalandı.
   Bugünkü dil: konu rozeti + ikon kutusu + okuma bağlantısı,
   konu rengiyle kenarlık. Konu, yazının slug/başlığından
   türetiliyor (krkbos_blog_konu), elle atanmıyor.
   ============================================================ */
.ilgwrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.ilg{display:flex;flex-direction:column;padding:16px 18px;background:#fff;
  border:1px solid #E5E1EF;border-radius:16px;min-width:0;
  transition:border-color .18s,box-shadow .18s,transform .15s;}
.ilg .ilg-ust{display:flex;align-items:center;gap:9px;margin-bottom:11px;}
.ilg .ilg-ik{display:flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;
  border-radius:9px;background:var(--sz);color:var(--sc);}
.ilg-ik svg{width:16px;height:16px;}
.ilg .ilg-rozet{font-size:13px;font-weight:800;letter-spacing:.2px;
  color:var(--sc);}
.ilg b{display:block;font-size:14.5px;line-height:1.45;color:#1A1730;margin-bottom:6px;}
.ilg .ilg-ac{display:block;font-size:13px;line-height:1.65;color:#6A6680;}
.ilg .ilg-git{display:inline-flex;align-items:center;gap:6px;margin-top:12px;
  /* opacity:0 İDİ — bağlantı masaüstünde yalnız fareyle üzerine gelince
     görünüyordu; 20,6 px yer ayrılmış ama boş duruyordu (ölçüldü).
     Dokunmatikte zaten görünür yapılmıştı, artık her yerde görünür. */
  font-size:12.5px;font-weight:800;color:var(--sc);opacity:1;transform:none;
  transition:opacity .18s,transform .18s;}
.ilg-git svg{width:13px;height:13px;}
.ilg:hover{border-color:var(--sc);box-shadow:0 14px 34px rgba(21,18,31,.08);transform:translateY(-2px);}
.ilg:hover b{color:var(--sc);}
.ilg:hover .ilg-git{opacity:1;transform:none;}
.ilg:focus-visible{outline:2px solid var(--sc);outline-offset:2px;}
@media (max-width:760px){
  .ilgwrap{grid-template-columns:minmax(0,1fr);}
  /* Dokunmatikte hover yok; bağlantı hep görünür. */
  .ilg-git{opacity:1;transform:none;}
}


/* Sektör sayfası: grup rozeti (15 Ağustos 2026). Kırıntı artık
   Ana Sayfa › Sektörler › Grup › Sektör zinciri; grup sayfaları
   böylece tek tek sektörlerden de erişilebilir oldu. */
.sk-rozet{display:inline-flex;align-items:center;gap:7px;margin:12px 0 14px;
  padding:6px 12px;border-radius:999px;background:var(--sz);color:var(--sc);
  font-size:12.5px;font-weight:800;letter-spacing:.3px;}
.sk-rozet svg{width:14px;height:14px;flex:none;}


/* ============================================================
   SEKTÖR SAYFASI — bugünkü kart dili (15 Ağustos 2026)
   Markup'a DOKUNULMADI; yalnız biçim. Böylece 113 sektör sayfası
   tek dosyayla değişti ve içerik uydurma riski oluşmadı.
   ============================================================ */
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0;}
.card{position:relative;background:#fff;border:1px solid #E5E1EF;border-radius:16px;
  padding:20px 20px 20px 20px;box-shadow:none;overflow:hidden;
  transition:border-color .18s ease,box-shadow .18s ease,transform .15s ease;}
/* Üstte konu şeridi — kart sırasına göre üç ayrı vurgu rengi. */
.card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:#D81B5C;}
.cards>.card:nth-child(2)::before{background:#7C5CE0;}
.cards>.card:nth-child(3)::before{background:#17A45B;}
.card b{display:block;font-size:15px;line-height:1.4;color:#1A1730;margin-bottom:7px;}
.card p{font-size:14px;line-height:1.7;color:#6A6680;margin:0;}
.card:hover{border-color:rgba(216,27,92,.42);box-shadow:0 16px 38px rgba(21,18,31,.08);
  transform:translateY(-2px);}
.cards>.card:nth-child(2):hover{border-color:rgba(124,92,224,.42);}
.cards>.card:nth-child(3):hover{border-color:rgba(23,164,91,.42);}

/* "Neler değişiyor" küçük kartları */
.trm{background:#fff;border:1px solid #E5E1EF;border-radius:14px;padding:14px 16px;
  } /* hover kaldırıldı: etiket tıklanabilir değil, düğme gibi davranmasın */

/* Akış diyagramı kendi kartında dursun */
.akis{background:#fff;border:1px solid #E5E1EF;border-radius:16px;padding:18px;margin:20px 0;}
.akis svg{width:100%;height:auto;display:block;}

@media (max-width:900px){ .cards{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:640px){ .cards{grid-template-columns:minmax(0,1fr);} }


/* Sektör sayfası kabı, site geneliyle (1120 px) eşitlendi.
   Hero'nun kendi .wrap'i ve ondan sonraki kardeş .wrap'ler
   hedefleniyor; genel .wrap kuralına dokunulmuyor. */
.sk-sayfa .wrap,.sk-sayfa ~ .wrap{max-width:1120px;margin:0 auto;padding:0 24px;}


/* ============================================================
   SEKTÖR SAYFASI HERO — ana sektörler sayfasıyla aynı dil
   (15 Ağustos 2026). Markup'a dokunulmadı; .sk-sayfa kapsamında
   tipografi, boşluk ve güvence satırı biçimlendirildi.
   ============================================================ */
.sk-sayfa{padding:26px 0 34px;}
.sk-sayfa .crumb{margin-bottom:2px;}
/* Başlık ve açıklama daha genişe açıldı: 22ch/58ch ile sağda büyük
   boşluk kalıyordu (kap 1120 px). Okunabilirlik sınırı korunacak
   kadar, boşluk kapanacak kadar. */
.sk-sayfa h1{margin:0 0 14px;font-size:38px;line-height:1.16;letter-spacing:-1px;max-width:30ch;}
.sk-sayfa .lead{margin:0 0 22px;max-width:76ch;font-size:15.5px;line-height:1.75;color:#6A6680;}
.sk-sayfa .btn{padding:15px 28px;font-size:14.5px;}
/* Güvence satırı DÜZ METİN — maket böyle istiyor. Bir tur önce
   rozet şeridine çevirmiştim, maket gelince geri alındı. */
.sk-sayfa .trust{display:block;margin-top:14px;}
@media (max-width:900px){ .sk-sayfa h1{font-size:29px;} }
/* .akis şeması 375'te 4 aşamanın 2'sini gösteriyordu (clientWidth 310 / scrollWidth 676). SVG min-width 640
   + 36 dolgu + 2 kenarlık = 678 px ister; bu ancak 741 px'te sağlanır. Altındaki ol.adimlar aynı aşamaları anlatır. */
@media (max-width:740px){ .akis{display:none;} }
@media (max-width:600px){
  .sk-sayfa h1{font-size:25px;max-width:none;}
}


/* "ne yapar" listesi TEK SÜTUNDU; 1120 px kapta sağ yarısı boş
   kalıyordu. Maketteki gibi üç sütuna alındı. Madde sayısı 6, yani
   3×2 oturuyor. ul.f (0,1,1) sınıfı ezdiği için seçici o özgüllükte. */
.sk-sayfa ~ .wrap ul.f{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:4px 28px;margin:18px 0;}
/* padding kısaltması sol dolguyu siliyordu; ✓ ilk harfe biniyordu (122 sayfada ölçüldü). */
.sk-sayfa ~ .wrap ul.f li{font-size:15px;line-height:1.55;padding:9px 0 9px 26px;}
.sk-sayfa ~ .wrap ul.f li::before{top:9px;}
@media (max-width:980px){ .sk-sayfa ~ .wrap ul.f{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:640px){ .sk-sayfa ~ .wrap ul.f{grid-template-columns:minmax(0,1fr);} }

/* Sektör sayfaları: özgün hero görseli olan sayfalar.
   Yalnız işaretli pilotlarda çalışır; eski sektör sayfalarını etkilemez. */
.sk-sayfa.sk-gorselli{padding:34px 0 38px;}
.sk-sayfa.sk-gorselli>.wrap{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:36px;align-items:center;}
.sk-hero-metin{min-width:0;}
.sk-hero-gorsel{margin:0;overflow:hidden;border:1px solid #E5E1EF;border-radius:18px;background:#EDEAF3;box-shadow:0 16px 38px rgba(21,18,31,.11);}
.sk-hero-gorsel img{display:block;width:100%;height:auto;aspect-ratio:40/21;object-fit:cover;}
.sk-hero-gorsel figcaption{padding:10px 13px;background:#fff;color:#6A6680;font-size:12.5px;line-height:1.45;}
@media (max-width:900px){
  .sk-sayfa.sk-gorselli>.wrap{grid-template-columns:minmax(0,1fr);gap:24px;}
  .sk-hero-gorsel{width:100%;max-width:680px;}
}
@media (max-width:560px){
  .sk-sayfa.sk-gorselli{padding:26px 0 30px;}
  .sk-sayfa.sk-gorselli>.wrap{gap:20px;}
  .sk-hero-gorsel{border-radius:14px;}
}


/* ============================================================
   EXCEL ŞABLONU DETAY SAYFALARI (17 Ağustos 2026)
   Hub kartından gelen ziyaretçi önce şablonun kapsamını görür;
   gerçek dosya indirmesi sayfanın kendi indirme bölümündedir.
   ============================================================ */
.tpl-hero{padding:34px 0 38px;background:linear-gradient(180deg,#fff 0%,#F6F5FA 100%);}
.tpl-hero .wrap,.tpl-main{max-width:1120px;margin:0 auto;padding:0 24px;}
.tpl-hero-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);gap:36px;align-items:center;}
.tpl-hero-metin{min-width:0;}
.tpl-hero-gorsel{position:relative;min-height:310px;aspect-ratio:4/3;border-radius:20px;overflow:hidden;
  background:#EDEAF3;box-shadow:0 18px 42px rgba(21,18,31,.12);}
.tpl-hero-gorsel::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.48);border-radius:inherit;pointer-events:none;}
.tpl-hero-gorsel img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
.tpl-et{display:inline-flex;align-items:center;gap:7px;margin-bottom:12px;font-size:13px;
  font-weight:800;letter-spacing:.2px;color:#0F713E;}
.tpl-et::before{content:"";width:8px;height:8px;border-radius:50%;background:#17A45B;}
.tpl-hero h1{max-width:23ch;margin:0 0 14px;font-size:clamp(29px,4vw,42px);line-height:1.14;}
.tpl-hero .lead{max-width:72ch;margin:0 0 22px;font-size:16px;line-height:1.75;color:#4A4560;}
.tpl-kisayol{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.tpl-kisayol .btn{min-height:46px;padding:12px 22px;}
.tpl-guvence{font-size:13.5px;color:#6A6680;}
.tpl-main{padding-top:8px;}
.tpl-main section{scroll-margin-top:90px;}
.tpl-ozet{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:20px;
  align-items:start;margin:24px 0 38px;}
.tpl-kart{background:#fff;border:1px solid #E5E1EF;border-radius:16px;padding:22px;
  box-shadow:0 8px 24px rgba(21,18,31,.045);}
.tpl-kart h2{margin:0 0 10px;font-size:21px;}
.tpl-kart p:last-child{margin-bottom:0;}
.tpl-etiketler{display:grid;gap:0;margin:0;}
.tpl-etiketler div{display:flex;justify-content:space-between;gap:18px;padding:11px 0;
  border-bottom:1px solid #EFECF6;font-size:13.5px;}
.tpl-etiketler div:last-child{border-bottom:0;}
.tpl-etiketler dt{color:#6A6680;}
.tpl-etiketler dd{margin:0;text-align:right;font-weight:700;color:#1A1730;}
.tpl-onizleme{margin:34px 0;}
.tpl-onizleme h2{margin-bottom:8px;}
.tpl-onizleme>p{max-width:72ch;}
.tpl-gorsel{padding:12px;background:#fff;border:1px solid #E5E1EF;border-radius:18px;
  box-shadow:0 14px 36px rgba(21,18,31,.07);overflow:hidden;}
.tpl-gorsel img{display:block;width:100%;height:auto;border-radius:10px;}
.tpl-not{background:#FFF7E8;border:1px solid #F2DFB4;border-left:4px solid #E0A93B;
  border-radius:12px;padding:15px 18px;margin:22px 0;color:#4A3C1E;font-size:14.5px;line-height:1.7;}
.tpl-not strong{color:#7A5A11;}
.tpl-iki{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0 34px;}
.tpl-iki .tpl-kart{height:100%;}
.tpl-iki ul.f{margin-bottom:0;}
.tpl-indir{margin:44px 0;padding:30px;border:1px solid rgba(216,27,92,.24);border-radius:20px;
  background:linear-gradient(130deg,rgba(216,27,92,.075),rgba(124,92,224,.065));}
.tpl-indir h2{margin:0 0 9px;}
.tpl-indir p{max-width:72ch;margin-bottom:20px;}
.tpl-indir-aksiyon{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.tpl-indir .btn{min-height:48px;padding:13px 24px;}
.tpl-indir small{display:block;margin-top:13px;color:#6A6680;font-size:13.5px;}
.tpl-ilgili{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 4px;}
.tpl-ilgili a{display:inline-flex;align-items:center;min-height:44px;padding:10px 14px;background:#fff;
  border:1px solid #E5E1EF;border-radius:11px;color:#4A4560;font-size:13.5px;font-weight:700;}
.tpl-ilgili a:hover{border-color:#D81B5C;color:#D81B5C;}
.tpl-ilgili a:focus-visible{outline:2px solid #D81B5C;outline-offset:2px;}
@media (max-width:800px){
  .tpl-ozet,.tpl-iki{grid-template-columns:minmax(0,1fr);}
  .tpl-hero-grid{grid-template-columns:minmax(0,1fr);gap:24px;}
  .tpl-hero-gorsel{min-height:0;aspect-ratio:16/9;}
  .tpl-hero{padding:28px 0 32px;}
}
@media (max-width:560px){
  .tpl-hero .wrap,.tpl-main{padding-left:18px;padding-right:18px;}
  .tpl-kisayol,.tpl-indir-aksiyon{align-items:stretch;flex-direction:column;}
  .tpl-kisayol .btn,.tpl-indir .btn{width:100%;}
  .tpl-indir{padding:24px 18px;border-radius:16px;}
  .tpl-gorsel{padding:7px;border-radius:14px;}
}
@media (max-width:430px){
  .tpl-etiketler div{align-items:flex-start;flex-direction:column;gap:3px;}
  .tpl-etiketler dd{text-align:left;}
}


/* ============================================================
   12 Eylül 2026 MOBİL DENETİMİ — dosya sonu ekleri
   (aynı özgüllükte sonraki kural kazanır; bu yüzden en sonda)
   ============================================================ */
/* Fotoğraflı sektör sayfalarında kırıntı 2 satıra kırılıp hemen altındaki rozet aynı
   kategori adını tekrar ediyordu; h1'e kadar 102 px gidiyordu (ölçüldü). */
@media (max-width:600px){ .sk-sayfa .sk-rozet{display:none;} }
/* 'Bu dertler tanıdık mı?' kartları: mobilde gövde 15 px (468. satırdaki niyet, sonradan eklenen
   aynı özgüllükteki .card p kuralı sessizce eziyordu). */
@media (max-width:760px){ .card p{font-size:15px;} }
/* Sözlük/yazı sonu bağlantıları 20 px yüksekliğindeydi; görünüm değişmeden dokunma alanı 44 px. */
.yazi-govde ul.f li>a:only-child,.yazi-govde>p>a[href="/sozluk"],.wrap.yazi-alt>p>a{position:relative;}
.yazi-govde ul.f li>a:only-child::before,.yazi-govde>p>a[href="/sozluk"]::before,.wrap.yazi-alt>p>a::before{
  content:"";position:absolute;left:0;right:0;top:-12px;bottom:-12px;}
/* 768'de 660-705 px paragraflar 90+ karakter/satır veriyordu. */
ol.adimlar li p,details.faq p{max-width:660px;}
.tpl-kart p,.adimlar p,.tpl-main>section>p,.tpl-iki ul.f{max-width:72ch;}
.tpl-etiketler div{font-size:14px;}
.tpl-ilgili a{font-size:14px;}