/* — ust bilgi satiri (kategori · tarih · okuma suresi) — */
.pk-meta{display:flex;flex-wrap:wrap;align-items:center;gap:7px 16px;margin-bottom:14px;
  font:500 .76rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#a9bcb3}
.pk-meta span+span{position:relative;padding-left:16px}
.pk-meta span+span::before{content:"";position:absolute;left:0;top:50%;width:6px;height:1px;background:currentColor;opacity:.5}
.pk-one .pk-meta{margin-bottom:2px}

/* ==========================================================================
   BILGI MERKEZI — arsiv + yazi
   B2B editoryal duzen: tarama yogunlugu yuksek liste, okuma ergonomisi
   (68ch olcu, 1.8 satir araligi), yapiskan icindekiler, okuma ilerlemesi.
   ========================================================================== */

/* — arsiv: ust olcu seridi — */
.pk-ols{display:flex;flex-wrap:wrap;gap:0;border-top:1px solid var(--rule-d);margin-top:38px}
.pk-ols div{padding:16px 26px 0 0;margin-right:26px;border-right:1px solid var(--rule-d)}
.pk-ols div:last-child{border-right:0}
.pk-ols b{display:block;font:500 1.25rem/1 var(--mono);color:#8fdc98;letter-spacing:-.02em}
.pk-ols span{display:block;margin-top:6px;font:500 .72rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#a9bcb3}

/* — arsiv: one cikan yazi — */
.pk-one{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:0;border:1px solid var(--rule);background:#fff}
.pk-one .im{position:relative;overflow:hidden;aspect-ratio:16/10;background:var(--mist)}
.pk-one .im img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.3,1)}
.pk-one:hover .im img{transform:scale(1.04)}
.pk-one .im .rozet{position:absolute;left:0;top:0;background:var(--ink);color:#fff;font:600 .68rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:9px 13px}
.pk-one .bd{padding:38px 40px;display:flex;flex-direction:column;justify-content:center;gap:14px}
.pk-one h3{font:800 clamp(1.4rem,2.3vw,2rem)/1.12 var(--display);font-stretch:80%}
.pk-one p{color:var(--ink-2);font-size:1rem;line-height:1.75;max-width:52ch}
.pk-one .git{display:inline-flex;align-items:center;gap:12px;font-weight:600;font-size:.94rem;color:var(--green-d);margin-top:4px}
.pk-one:hover .git .pk-ar{transform:translateX(5px)}
.pk-one .git .pk-ar{transition:transform .25s}

/* — arsiv: arac cubugu (konu + arama) — */
.pk-arac{position:sticky;top:var(--ust,78px);z-index:25;background:#fff;border-block:1px solid var(--rule);padding-block:13px;display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}
.pk-arac .ara{position:relative;margin-left:auto;display:flex;align-items:center}
.pk-arac .ara svg{position:absolute;left:11px;color:var(--ink-3);pointer-events:none}
.pk-arac input{font:400 .9rem var(--body);border:1px solid var(--rule);padding:9px 12px 9px 34px;width:230px;border-radius:0;background:#fff;color:var(--ink)}
.pk-arac input:focus{outline:none;border-color:var(--green)}
.pk-arac .sayi{font:500 .78rem var(--mono);letter-spacing:.08em;color:var(--muted)}

/* — arsiv: yazi satirlari — */
.pk-liste{border-top:2px solid var(--ink)}
.pk-liste a{display:grid;grid-template-columns:132px 108px minmax(0,1fr) 108px;gap:26px;align-items:start;
  padding:22px 0;border-bottom:1px solid var(--rule);transition:background .18s}
.pk-liste a:hover{background:#f7faf6}
.pk-liste .im{width:132px;aspect-ratio:4/3;overflow:hidden;background:var(--mist)}
.pk-liste .im img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.3,1)}
.pk-liste a:hover .im img{transform:scale(1.05)}
.pk-liste .tar{font:500 .78rem/1.5 var(--mono);color:var(--muted);letter-spacing:.03em;padding-top:2px}
.pk-liste h3{font-size:1.12rem;font-weight:700;font-stretch:92%;line-height:1.3}
.pk-liste p{font-size:.92rem;color:var(--muted);margin-top:6px;max-width:72ch;line-height:1.6}
.pk-liste .etk{display:inline-block;margin-top:10px;font:500 .68rem/1.6 var(--mono);letter-spacing:.08em;
  text-transform:uppercase;color:var(--green-d);border:1px solid var(--green);background:var(--green-l);padding:2px 7px}
.pk-liste .sure{justify-self:end;text-align:right;font:500 .76rem var(--mono);color:var(--muted);padding-top:2px}
.pk-liste .sure .pk-ar{display:block;margin:10px 0 0 auto;transition:transform .25s}
.pk-liste a:hover .sure .pk-ar{transform:translateX(4px)}
.pk-bos{padding:46px 0;color:var(--muted);border-bottom:1px solid var(--rule)}
.pk-daha{display:flex;justify-content:center;padding-top:34px}

/* — yazi: okuma ilerlemesi — */
.pk-okuma{position:fixed;left:0;top:0;height:3px;background:var(--green);width:0;z-index:60;transition:width .12s linear}

/* — yazi: govde — */
.pk-yazi{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.32fr);gap:72px;align-items:start}
.pk-govde{max-width:68ch}
.pk-govde>*+*{margin-top:20px}
.pk-govde p{color:var(--ink-2);line-height:1.8;font-size:1.06rem}
.pk-govde h2{font:800 clamp(1.3rem,2vw,1.62rem)/1.2 var(--display);font-stretch:82%;text-transform:uppercase;
  margin-top:52px;padding-top:24px;border-top:1px solid var(--rule);scroll-margin-top:calc(var(--ust,78px) + 72px);position:relative}
.pk-govde h2::before{content:attr(data-no);position:absolute;top:24px;left:-56px;font:500 .8rem var(--mono);color:var(--green);letter-spacing:.04em}
.pk-govde h3{font:700 1.1rem/1.35 var(--body);margin-top:34px;color:var(--ink)}
.pk-govde ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.pk-govde li{padding:12px 0 12px 26px;border-bottom:1px solid var(--rule);font-size:1rem;color:var(--ink-2);
  line-height:1.65;position:relative}
.pk-govde li::before{content:"";position:absolute;left:0;top:19px;width:9px;height:9px;border:2px solid var(--green)}
.pk-govde figure{margin:34px 0 0}
.pk-govde img{width:100%;height:auto;display:block}
.pk-govde figcaption{margin-top:9px;font:500 .78rem var(--mono);color:var(--muted);letter-spacing:.02em;
  padding-left:13px;border-left:2px solid var(--green)}
.pk-tablo{margin-top:26px}
.pk-govde table{width:100%;border-collapse:collapse;border-top:2px solid var(--ink);font-size:.94rem}
.pk-govde th,.pk-govde td{padding:12px 10px;border-bottom:1px solid var(--rule);text-align:left;
  vertical-align:top}
.pk-govde thead th{font:600 .74rem var(--mono);letter-spacing:.08em;text-transform:uppercase;
  color:var(--ink-2);background:#f7faf6;white-space:nowrap}
.pk-govde tbody th{font-weight:700;color:var(--ink);width:30%}
.pk-govde tbody tr:hover th,.pk-govde tbody tr:hover td{background:#fafcfa}
.pk-govde strong{font-weight:700;color:var(--ink)}
.pk-govde a{color:var(--green-d);text-decoration:underline;text-underline-offset:3px}

/* — yazi: yan sutun — */
.pk-yan{position:sticky;top:calc(var(--ust,78px) + 42px);display:grid;gap:0}
.pk-yan section{padding:20px 0;border-bottom:1px solid var(--rule)}
.pk-yan section:first-child{border-top:2px solid var(--ink)}
.pk-yan h4{font:600 .7rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.pk-toc{display:grid;gap:2px}
.pk-toc a{display:grid;grid-template-columns:24px 1fr;gap:8px;padding:7px 0;font-size:.9rem;
  color:var(--muted);line-height:1.4;border-left:2px solid transparent;padding-left:10px;transition:.2s}
.pk-toc a span{font:500 .74rem var(--mono);color:var(--ink-3);padding-top:1px}
.pk-toc a:hover{color:var(--ink)}
.pk-toc a[aria-current="true"]{color:var(--ink);font-weight:600;border-left-color:var(--green)}
.pk-toc a[aria-current="true"] span{color:var(--green)}
.pk-yan .urun{display:flex;align-items:center;gap:10px;padding:9px 0;font-size:.93rem;font-weight:600;color:var(--ink)}
.pk-yan .urun:hover{color:var(--green-d)}
.pk-yan .urun .pk-ar{margin-left:auto}
.pk-pay{display:flex;gap:8px}
.pk-pay button,.pk-pay a{display:inline-flex;align-items:center;justify-content:center;gap:7px;
  border:1px solid var(--rule);background:#fff;padding:9px 13px;font:600 .8rem var(--body);color:var(--ink-2);
  cursor:pointer;transition:.18s}
.pk-pay button:hover,.pk-pay a:hover{border-color:var(--ink);color:var(--ink)}

/* — yazi: onceki / sonraki — */
.pk-gezin{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--rule);border:1px solid var(--rule)}
.pk-gezin a{background:#fff;padding:24px 26px;display:grid;gap:8px;transition:background .18s}
.pk-gezin a:hover{background:#f7faf6}
.pk-gezin a:last-child{text-align:right}
.pk-gezin span{font:600 .7rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.pk-gezin b{font-size:1.02rem;font-weight:700;font-stretch:92%;line-height:1.35}

/* — yazi: ust sabit serit — */
.pk-ust{position:fixed;left:0;right:0;top:0;z-index:45;background:#fff;border-bottom:1px solid var(--rule);
  transform:translateY(-100%);transition:transform .3s ease}
.pk-ust.show{transform:none}
.pk-ust .pk-wrap{display:flex;align-items:center;gap:20px;padding-block:11px}
.pk-ust b{font-size:.98rem;font-weight:700;font-stretch:92%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pk-ust .acts{margin-left:auto;display:flex;gap:10px;flex:none}

@media (max-width:1180px){
  .pk-yazi{grid-template-columns:1fr;gap:44px}
  .pk-yan{position:static}
  .pk-govde{max-width:none}
  .pk-govde h2::before{position:static;display:block;margin-bottom:4px}
}
@media (max-width:980px){
  .pk-one{grid-template-columns:1fr}
  .pk-one .bd{padding:26px 24px 30px}
  .pk-liste a{grid-template-columns:104px minmax(0,1fr);gap:18px}
  .pk-liste .im{width:104px}
  .pk-liste .tar{grid-column:2;font-size:.74rem}
  .pk-liste .sure{grid-column:2;justify-self:start;text-align:left}
  .pk-liste .sure .pk-ar{display:none}
}
/* — dar ekran: tablo satir-kart olur —
   3 sutunlu karsilastirma tablosu 390px'de sutun basina ~110px'e dusuyor ve her
   hucre uc satira sariyordu. Burada her SATIR bir karta doner, her degerin
   ustunde kendi sutun basligi (data-sutun) kucuk etiket olarak durur. */
@media (max-width:700px){
  .pk-govde table,.pk-govde tbody,.pk-govde tr,.pk-govde td,.pk-govde th{display:block;width:auto}
  .pk-govde thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);
    white-space:nowrap}
  .pk-govde table{border-top:0}
  .pk-govde tbody tr{border:1px solid var(--rule);border-top:2px solid var(--ink);
    margin-bottom:14px;padding:4px 0}
  .pk-govde tbody th{width:auto;padding:12px 14px 6px;border-bottom:0;
    font-size:1.02rem;font-stretch:92%}
  .pk-govde tbody td{padding:6px 14px 12px;border-bottom:0}
  .pk-govde tbody td+td{border-top:1px solid var(--rule)}
  .pk-govde tbody td[data-sutun]::before{content:attr(data-sutun);display:block;
    font:600 .68rem var(--mono);letter-spacing:.09em;text-transform:uppercase;
    color:var(--green-d);margin-bottom:4px}
  .pk-govde tbody tr:hover th,.pk-govde tbody tr:hover td{background:none}
  /* Iki sutunlu tabloda sutun etiketi her satirda ayni ("Deger / Aciklama");
     tekrar etmesi gurultu. Yalniz 3+ sutunlu karsilastirmada anlam tasiyor. */
  .pk-govde table:not(.karsilastirma) tbody td[data-sutun]::before{display:none}
}

@media (max-width:640px){
  .pk-ols div{padding-right:18px;margin-right:18px}
  .pk-arac input{width:100%}
  .pk-arac .ara{margin-left:0;width:100%}
  .pk-gezin{grid-template-columns:1fr}
  .pk-gezin a:last-child{text-align:left}
}
@media (prefers-reduced-motion:reduce){
  .pk-okuma,.pk-one .im img,.pk-liste .im img{transition:none}
}

/* — gorseli olmayan yazi: notr doseme (stok fotograf tekrari yerine) — */
.im.bos{display:flex;align-items:center;justify-content:center;position:relative;
  background:repeating-linear-gradient(135deg,var(--mist),var(--mist) 7px,#eaefe9 7px,#eaefe9 14px)}
.im.bos b{font:600 .82rem var(--mono);letter-spacing:.16em;color:var(--ink-3);opacity:.7}
.pk-one .im.bos{aspect-ratio:16/10}
.pk-one .im.bos b{font-size:1.4rem}

/* — gorselsiz bolum: tipografik satir (sira numarali) — */
.pk-liste.duz a{grid-template-columns:58px 108px minmax(0,1fr) 108px}
.pk-liste .no{font:500 .9rem/1.5 var(--mono);color:var(--green);letter-spacing:.04em;padding-top:2px}
@media (max-width:980px){
  .pk-liste.duz a{grid-template-columns:44px minmax(0,1fr)}
  .pk-liste.duz .tar{grid-column:2}
}

/* — one cikan yazinin gorseli yoksa: konu levhasi — */
.pk-one .im.koyu{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;
  gap:8px;background:var(--ink);aspect-ratio:16/10;padding:34px 36px;position:relative;overflow:hidden}
.pk-one .im.koyu::after{content:"";position:absolute;inset:0;
  background:repeating-linear-gradient(135deg,transparent,transparent 16px,rgba(255,255,255,.035) 16px,rgba(255,255,255,.035) 32px)}
.pk-one .im.koyu b{font:800 clamp(1.5rem,2.6vw,2.2rem)/1.08 var(--display);font-stretch:78%;
  text-transform:uppercase;color:#fff;max-width:14ch;position:relative;z-index:1}
.pk-one .im.koyu i{font:500 .72rem var(--mono);letter-spacing:.14em;text-transform:uppercase;
  color:#8fdc98;font-style:normal;position:relative;z-index:1}
.pk-one .im.koyu .rozet{top:0;left:0;z-index:2}

/* — mobil dokunma ergonomisi + olcu seridi duzeni — */
@media (max-width:640px){
  .pk-ols{display:grid;grid-template-columns:1fr 1fr;gap:0}
  .pk-ols div{border-right:1px solid var(--rule-d);border-bottom:1px solid var(--rule-d);
    margin:0;padding:14px 18px 14px 0}
  .pk-ols div:nth-child(2n){border-right:0;padding-left:18px}
  .pk-ols div:nth-last-child(-n+2){border-bottom:0}
  /* Konu cipleri 8 satira sariyordu (ekranin yarisi). Dar ekranda tek satirlik
     yatay ray: kenara kadar tasar, parmakla kaydirilir, secili cip basta durur. */
  .pk-arac{display:block}
  .pk-arac .pk-chips{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;
    scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;
    margin-inline:-18px;padding:2px 18px 10px;scrollbar-width:none}
  .pk-arac .pk-chips::-webkit-scrollbar{display:none}
  .pk-arac .pk-chip{flex:0 0 auto;scroll-snap-align:start;padding:11px 14px}
  .pk-arac .ara{margin-top:10px}
  .pk-arac .sayi{display:block;margin-top:10px}
  .pk-arac input{padding-block:11px}
  .pk-liste .etk{font-size:.72rem;padding:4px 8px}
  .pk-pay button,.pk-pay a{padding:12px 14px}
}

/* — tarih sutunsuz liste (blog arsivi) — */
.pk-liste.tarihsiz a{grid-template-columns:132px minmax(0,1fr) 108px}
.pk-liste.duz.tarihsiz a{grid-template-columns:58px minmax(0,1fr) 108px}
@media (max-width:980px){
  .pk-liste.tarihsiz a{grid-template-columns:104px minmax(0,1fr)}
  .pk-liste.duz.tarihsiz a{grid-template-columns:44px minmax(0,1fr)}
}

/* — kurumsal: iletisim kartlari + belge listesi — */
/* minmax(320px,...) kabindan dar ekranda bile 320px istiyor ve sayfayi
   yatay kaydiriyordu; min(320px,100%) kap daraldiginda kabina uyar. */
.pk-kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:1px;
  background:var(--rule);border:1px solid var(--rule)}
.pk-kart{background:#fff;padding:30px 32px 26px;display:grid;gap:14px;align-content:start}
.pk-kart .ad p{font-size:1rem;color:var(--ink-2);line-height:1.65}
.pk-kart .ad p:first-child{font-weight:700;color:var(--ink)}
.pk-kart .ln{display:grid;gap:0;border-top:1px solid var(--rule);margin-top:4px}
.pk-kart .ln a{display:flex;align-items:center;gap:10px;padding:12px 0;font-weight:600;
  font-size:.95rem;color:var(--ink);border-bottom:1px solid var(--rule)}
.pk-kart .ln a:last-child{border-bottom:0;color:var(--green-d)}
.pk-kart .ln a:hover{color:var(--green-d)}
.pk-belge .no{font:600 .72rem var(--mono);letter-spacing:.1em;color:var(--green-d);
  border:1px solid var(--green);background:var(--green-l);padding:5px 8px;justify-self:start;
  align-self:start}
.pk-belge a{grid-template-columns:58px minmax(0,1fr) 128px}
@media (max-width:980px){
  .pk-belge a{grid-template-columns:58px minmax(0,1fr)}
  .pk-belge .go{grid-column:2;justify-self:start}
}

/* — iletisim: adres kartlari + form yan yana — */
/* Izgara cocugu varsayilan min-width:auto ile icerigi kadar genis kalir;
   320px'de form kutusu kabina sigmayip sayfayi yatay kaydiriyordu. */
.pk-iletisim>*,.pk-iletisim .pk-kartlar>*{min-width:0}
.pk-iletisim{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1fr);gap:1px;
  background:var(--rule);border:1px solid var(--rule)}
.pk-iletisim .pk-kartlar{border:0;background:var(--rule)}
.pk-iletisim-form{background:#fff;padding:34px 36px 36px;display:grid;align-content:start;gap:10px}
.pk-iletisim-form h2{font:800 clamp(1.3rem,2.1vw,1.68rem)/1.18 var(--display);font-stretch:82%;
  text-transform:uppercase;margin-top:6px}
.pk-iletisim-form>p{color:var(--muted);font-size:.95rem;line-height:1.7;max-width:52ch}
.pk-iletisim-form .alanlar{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.pk-iletisim-form .full{grid-column:1/-1}
.pk-iletisim-form .pk-f{display:grid;gap:7px}
.pk-iletisim-form label{font:600 .72rem var(--mono);letter-spacing:.09em;text-transform:uppercase;
  color:var(--muted)}
.pk-iletisim-form input,.pk-iletisim-form select,.pk-iletisim-form textarea{
  font:400 .95rem var(--body);padding:12px 14px;border:1px solid var(--rule);background:#fff;
  color:var(--ink);border-radius:0;width:100%}
.pk-iletisim-form textarea{resize:vertical;min-height:104px}
.pk-iletisim-form input:focus,.pk-iletisim-form select:focus,.pk-iletisim-form textarea:focus{
  outline:none;border-color:var(--green)}
.pk-iletisim-form .pk-not{margin-top:10px;font-size:.78rem;color:var(--muted)}
@media (max-width:980px){
  .pk-iletisim{grid-template-columns:1fr}
  .pk-iletisim-form{padding:28px 24px 30px}
  .pk-iletisim-form .alanlar{grid-template-columns:1fr}
}

/* — form onay kutusu (KVKK) — */
.pk-iletisim-form .onay{grid-template-columns:auto 1fr;align-items:start;gap:11px;
  padding-top:4px}
.pk-iletisim-form .onay input{width:18px;height:18px;margin-top:2px;accent-color:var(--green);
  flex:none;padding:0}
.pk-iletisim-form .onay label{font:400 .84rem/1.6 var(--body);letter-spacing:0;text-transform:none;
  color:var(--muted)}
.pk-iletisim-form .onay label a{color:var(--green-d);text-decoration:underline;text-underline-offset:2px}


/* ==========================================================================
   Dar ekran: yazi listesi
   .pk-liste'nin duz / tarihsiz varyantlari iki sinifli seciciyle yaziliyor
   (.pk-liste.tarihsiz a), bu yuzden tek sinifli bir kural onlari ezemiyor.
   Mobil duzen burada varyantlarin TAMAMI icin ayni anda tanimlanir.
   Duzen: solda kare kucuk gorsel, sagda baslik/ozet/etiket/sure alt alta.
   ========================================================================== */
@media (max-width:640px){
  .pk-liste a,
  .pk-liste.duz a,
  .pk-liste.tarihsiz a,
  .pk-liste.duz.tarihsiz a{grid-template-columns:92px minmax(0,1fr);gap:8px 14px;
    padding-block:18px;align-items:start}
  .pk-liste .im{width:92px;aspect-ratio:1;grid-row:1;grid-column:1}
  .pk-liste .no{grid-row:1;grid-column:1;justify-self:start}
  .pk-liste a>div{grid-column:2;grid-row:1}
  .pk-liste .tar{grid-column:2;grid-row:2;padding-top:0}
  .pk-liste .sure{grid-column:2;grid-row:3;justify-self:start;text-align:left;padding-top:0}
  .pk-liste h3{font-size:1.04rem;line-height:1.28}
  .pk-liste p{font-size:.88rem;margin-top:5px}
  .pk-liste .etk{margin-top:8px}
}


/* ==========================================================================
   Dar ekran: form kullanimi
   - Girdi yazisi 16px: iOS Safari daha kucugunde odaklaninca sayfayi
     yakinlastirir ve kullanici elle geri uzaklastirmak zorunda kalir.
   - Ic bosluk azaltilir, 320px'de alan kabina sigar.
   ========================================================================== */
@media (max-width:640px){
  .pk-iletisim-form{padding:22px 18px 24px}
  .pk-kart{padding:22px 18px}
  .pk-kart .ln a{overflow-wrap:anywhere}
  .pk-iletisim-form input,.pk-iletisim-form select,.pk-iletisim-form textarea,
  .pk-form input,.pk-form select,.pk-form textarea,
  .pk-arac input{font-size:16px}
  /* Kucuk not okunabilir kalsin (12.5px cok kucuktu) */
  .pk-iletisim-form .pk-not{font-size:.85rem;line-height:1.55}
}