/* ═══════════════════════════════════════════════════════════════════
     BLOG · scope: .bl-index (liste/kategori) · .bl-yazi (yazı, .pg-show üstüne)
     Dil: hizmet dizini ve iç sayfa çerçevesiyle aynı — 1 px çizgi, gölge
     yok, hover yalnız zemin/renk; renk ve ölçü 20-taban değişkenlerinden
     (açık/koyu kendiliğinden).
     ═══════════════════════════════════════════════════════════════════ */
  .bl-index{background:var(--bg);color:var(--fg);font-family:var(--sans);
    line-height:1.6;-webkit-font-smoothing:antialiased}
  .bl-index .bas{padding:var(--pad-y) var(--metin-kenar) clamp(32px,4vw,56px);
    border-bottom:1px solid var(--line)}
  .bl-index .ust{display:block;margin-bottom:var(--bo-3);
    font-size:var(--altbaslik-px);line-height:1;letter-spacing:var(--kunye-ls);
    text-transform:uppercase;font-weight:600;color:var(--aksan-metin)}
  .bl-index h1{margin:0;font-size:var(--bas-xl);line-height:1.06;letter-spacing:-.028em;
    font-weight:var(--bas-w);color:var(--fg);text-wrap:balance;overflow-wrap:anywhere}

  /* kategori şeridi */
  .bl-index .seritler{display:flex;flex-wrap:wrap;gap:var(--bo-2);
    padding:var(--bo-5) var(--metin-kenar);border-bottom:1px solid var(--line)}
  .bl-index .cip{display:inline-flex;align-items:center;box-sizing:border-box;
    min-height:44px;padding:0 18px;border:1px solid var(--line);border-radius:999px;
    color:var(--fg);text-decoration:none;font-size:14px;font-weight:600;
    transition:background-color .22s ease,border-color .22s ease,color .22s ease}
  .bl-index .cip:hover{background-color:var(--gold-soft);border-color:var(--line-strong)}
  .bl-index .cip.etkin{background-color:var(--aksan-dolu);border-color:var(--aksan-dolu);color:var(--aksan-dolu-fg)}
  .bl-index .cip:focus-visible{outline:2px solid var(--aksan-2);outline-offset:3px}

  /* kart ızgarası (liste + benzer yazılar) */
  /* kartların dolgusu eşit (görseller aynı boyda); ızgaranın kenar payı yazıyı başlıkla aynı hizaya getirir */
  .bl-index .izgara,.bl-benzer .izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
    padding:0 calc(var(--metin-kenar) - 28px)}
  .bl-kart{display:flex;flex-direction:column;gap:12px;min-width:0;box-sizing:border-box;
    padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);
    color:var(--fg);text-decoration:none;transition:background-color .32s ease}
  .izgara > .bl-kart:nth-child(3n){border-right:0}
  .bl-kart:hover{background-color:var(--panel)}
  .bl-kart:focus-visible{outline:2px solid var(--aksan-2);outline-offset:-3px}
  .bl-kart-gorsel{display:block;aspect-ratio:16/10;overflow:hidden;border-radius:12px;background:var(--panel)}
  .bl-kart-gorsel img{display:block;width:100%;height:100%;object-fit:cover;
    filter:saturate(.92);transition:filter .5s ease}
  .bl-kart:hover .bl-kart-gorsel img{filter:saturate(1)}
  .bl-kunye{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:4px;
    font-size:12px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;
    font-weight:600;color:var(--aksan-kucuk)}
  .bl-kunye time{color:var(--muted);font-weight:500}
  .bl-kart-baslik{margin:0;font-size:clamp(19px,1.6vw,24px);line-height:1.2;
    letter-spacing:-.022em;font-weight:var(--bas-w);color:inherit;text-wrap:balance;overflow-wrap:anywhere}
  .bl-kart-ozet{margin:0;font-size:15px;line-height:1.6;color:var(--muted);
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

  /* boş durum + sayfalama */
  .bl-index .bos{padding:var(--pad-y) var(--metin-kenar);color:var(--muted);font-size:16px}
  .bl-index .bos p{margin:0}
  .bl-index .bos .bos-bas{margin-bottom:6px;font-size:clamp(20px,1.9vw,26px);font-weight:var(--bas-w);
    letter-spacing:-.02em;color:var(--fg)}
  .bl-index .sayfalar{display:flex;flex-wrap:wrap;gap:var(--bo-2);
    padding:var(--bo-6) var(--metin-kenar) var(--pad-y)}
  .bl-index .sayfalar a{display:inline-flex;align-items:center;justify-content:center;
    min-width:44px;height:44px;box-sizing:border-box;padding:0 12px;border:1px solid var(--line);
    border-radius:999px;color:var(--fg);text-decoration:none;font-size:15px;font-weight:600;
    font-variant-numeric:tabular-nums;transition:background-color .22s ease}
  .bl-index .sayfalar a:hover{background-color:var(--gold-soft)}
  .bl-index .sayfalar a.etkin{background-color:var(--aksan-dolu);border-color:var(--aksan-dolu);color:var(--aksan-dolu-fg)}

  /* ── YAZI ──────────────────────────────────────────────────────── */
  .bl-yazi h1{max-width:24ch;overflow-wrap:anywhere}
  .bl-yazi .bl-ozet{margin:var(--bo-5) 0 0;max-width:60ch;font-size:var(--yazi-l);
    line-height:1.65;color:var(--muted);text-wrap:pretty}
  .bl-kunye-satir{display:flex;align-items:center;gap:12px;margin-top:var(--bo-6)}
  .bl-avatar{flex:none;width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:50% 20%;
    background:var(--panel)}
  .bl-avatar-harf{display:inline-flex;align-items:center;justify-content:center;
    font-size:14px;font-weight:700;color:var(--aksan-kucuk);background:var(--gold-soft)}
  .bl-kunye-metin{display:flex;flex-direction:column;gap:2px;min-width:0}
  .bl-yazar{font-size:15px;font-weight:700;color:var(--fg);line-height:1.3}
  .bl-kunye-alt{display:flex;flex-wrap:wrap;gap:2px 0;font-size:13.5px;line-height:1.4;color:var(--muted)}
  .bl-kunye-alt > * + *::before{content:"·";margin:0 8px;color:var(--line-strong)}

  .bl-kapak{margin:0;padding:clamp(24px,3vw,40px) var(--metin-kenar) 0}
  .bl-kapak img{display:block;width:100%;max-height:560px;aspect-ratio:1200/630;object-fit:cover;border-radius:var(--radius)}
  /* başlık + kapak: geniş ekranda yan yana (kapak sütun genişliğinde, yazının ortasında tek başına dev görsel yok);
     dar ekranda kapak başlığın altında, yüksekliği sınırlı */
  .bl-bas-kapakli .bl-kapak{padding:var(--bo-6) 0 0}
  .bl-bas-kapakli .bl-kapak img{aspect-ratio:16/10;max-height:340px}
  @media (min-width:1024px){
    .bl-bas-kapakli{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(32px,4.5vw,80px);align-items:center}
    .bl-bas-kapakli .bl-bas-metin{min-width:0}
    .bl-bas-kapakli .bl-kapak{padding:0}
    .bl-bas-kapakli .bl-kapak img{max-height:none}
  }

  /* gövde · üç bölge (31 Eki): solda yapışkan içindekiler, ortada yazı, sağda yapışkan randevu kartı. İki yan sütun aynı
     genişlikte (aynı değişken), yazı ortada; yan kutular hizmet kartı dili — düz zemin, ince soluk kenar, --rail-r köşe.
     1024–1279: yazı + sağda kart, içindekiler yazının başında katlanır kutu. 1024 altı: tek sütun, kart yazının sonunda,
     altta yapışkan «Randevu al» çubuğu. Düğmeler tek aile: aynı yükseklik (--bl-dugme-h), hap köşe; hover yalnız renk. */
  /* değişkenler gövdede: yüzen düğmeler (sohbet, WhatsApp) ve alt bilgi de çubuğun yüksekliğini okur */
  body:has(.bl-yazi){--bl-yan:clamp(240px,18vw,288px);--bl-dugme-h:48px;--bl-yapis:calc(var(--rail-h,72px) + 40px)}
  .bl-sarmal{display:block}
  .bl-kolon{min-width:0}
  .bl-alt{max-width:74ch}
  .bl-sol{display:none}
  .bl-etiket{margin:0;font-size:12px;line-height:1.4;letter-spacing:.1em;text-transform:uppercase;
    font-weight:600;color:var(--aksan-metin)}

  /* yan kutu (içindekiler · katlanır içindekiler · randevu kartı): aynı zemin, kenar, köşe, iç boşluk ve başlık */
  .bl-kutu{box-sizing:border-box;min-width:0;padding:var(--bo-5);border:1px solid var(--line);border-radius:var(--rail-r,18px);
    background:var(--surface)}
  .bl-kutu-bas{display:flex;align-items:center;justify-content:space-between;gap:var(--bo-3);margin:0 0 var(--bo-3);
    padding:0 0 var(--bo-3);border-bottom:1px solid var(--line);font-size:12px;line-height:1.4;letter-spacing:.1em;
    text-transform:uppercase;font-weight:600;color:var(--aksan-metin)}
  .bl-kutu ol{margin:0;padding:0;list-style:none;display:grid;gap:2px}
  .bl-kutu ol a{display:block;padding:6px 0;font-size:14.5px;line-height:1.45;color:var(--muted);
    text-decoration:none;transition:color .2s ease}
  .bl-kutu ol a:hover{color:var(--fg)}

  /* katlanır içindekiler (dar ekran): yazının başında, kapalı başlar */
  .bl-toc-katli{margin:0 0 var(--bo-6);padding-block:0}
  .bl-toc-katli > summary{list-style:none;cursor:pointer;min-height:56px;margin:0;padding:0;border-bottom:0;transition:color .2s ease}
  .bl-toc-katli > summary::-webkit-details-marker{display:none}
  .bl-toc-katli > summary:hover{color:var(--fg)}
  .bl-toc-katli > summary i{font-size:13px;color:var(--aksan-2);transition:rotate .2s ease}
  .bl-toc-katli[open] > summary{border-bottom:1px solid var(--line);margin-bottom:var(--bo-3)}
  .bl-toc-katli[open] > summary i{rotate:180deg}
  .bl-toc-katli[open] > ol{padding-bottom:var(--bo-4)}

  /* düğme ailesi (kart + mobil çubuk): aynı yükseklik ve köşe; birincil = sitenin randevu belirteci (menü ve Gönder ile aynı) */
  .bl-dugme{display:flex;align-items:center;justify-content:center;gap:var(--bo-2);min-width:0;box-sizing:border-box;
    height:var(--bl-dugme-h);padding:0 var(--bo-4);border:1px solid var(--line);border-radius:999px;background:transparent;
    color:var(--fg);font:600 14.5px/1 var(--sans);text-decoration:none;white-space:nowrap;
    transition:background-color .2s ease,border-color .2s ease,color .2s ease}
  .bl-dugme:hover{background:var(--gold-soft);border-color:var(--line-strong)}
  .bl-dugme:focus-visible{outline:2px solid var(--aksan-2);outline-offset:2px}
  .bl-dugme > i{font-size:15px;color:var(--aksan-2)}
  .bl-dugme .bl-wa-simge{display:inline-flex;font-size:17px;color:var(--wa,#1fa855)}
  .bl-dugme.bl-dugme-dolu{border-color:transparent;background:var(--randevu);color:var(--randevu-fg)}
  .bl-dugme.bl-dugme-dolu > i{color:inherit}
  .bl-dugme.bl-dugme-dolu:hover{background:var(--randevu-hover)}

  /* randevu kartı: sitenin randevu formu (ad · telefon · onay · gönder), altında telefon + WhatsApp */
  .bl-randevu-kart{display:grid;gap:var(--bo-4)}
  .bl-randevu-kart .bl-kutu-bas{margin-bottom:0}
  .bl-randevu-form{--btn-l:var(--bl-dugme-h);--form-alan-bg:var(--bg)}
  .bl-randevu-form .t52-form{grid-template-columns:minmax(0,1fr);gap:var(--bo-3);max-width:none}
  .bl-randevu-form .t52-form .alan:has([name=eposta]),.bl-randevu-form .t52-form .alan.genis{display:none}
  .bl-randevu-form .t52-form .onay{align-items:flex-start;font-size:13px;line-height:1.5}
  .bl-randevu-form .t52-form .onay input{margin-top:2px}
  .bl-randevu-form .t52-form .gonder{justify-self:stretch;width:100%;padding:0 var(--bo-4)}
  /* iki küçük düğme: kart genişse yan yana, dar yan sütunda (≈ 210 px iç genişlik) alt alta — yazı kenara taşmaz */
  .bl-randevu-iletisim{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:var(--bo-2)}
  .bl-randevu-kart > .bl-dugme-dolu{width:100%}

  /* yazının sonunda (dar ekran) kart normal blok, yazının ölçüsünde */
  .bl-sag{margin-top:var(--bo-7);max-width:520px}
  .bl-mobil-cubuk{display:none}

  @media (min-width:1024px){
    .bl-sarmal{display:grid;grid-template-columns:minmax(0,1fr) var(--bl-yan);column-gap:clamp(32px,3.4vw,56px);align-items:start}
    .bl-kolon{grid-column:1;grid-row:1}
    .bl-sag{grid-column:2;grid-row:1;margin:0;max-width:none;position:sticky;top:var(--bl-yapis);
      max-height:calc(100vh - var(--bl-yapis) - 24px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
    .bl-yazi .bl-sarmal .bl-kolon .yazi,.bl-yazi .bl-sarmal .bl-alt{max-width:none}
  }
  @media (min-width:1280px){
    /* üç bölge (31 Eki): dış kenarlar üst menü çubuğunun dış kenarlarıyla birebir (aynı --edge); yan sütunlar eşit ve geniş
       (1280'de 288 → 1600+ 360 px); yazı en çok 38rem (≈ 72 karakter, 17 px), artan genişlik sütun aralığına gider */
    body:has(.bl-yazi){--bl-yan:clamp(272px,calc(30vw - 112px),360px);--bl-metin:38rem}
    .bl-yazi .bl-sarmal{grid-template-columns:var(--bl-yan) minmax(0,var(--bl-metin)) var(--bl-yan);justify-content:space-between;
      column-gap:var(--bo-6);padding-inline:var(--edge)}
    /* randevu kartı ritmi: alanlar arası 16, etiket–alan 8 (etiket satırı sıkı), onay satırı küçük punto tek blok; alanlar, Gönder
       ve iki küçük düğme aynı yükseklikte (--bl-dugme-h). Arayın + WhatsApp tek satırda iki eşit düğme. */
    .bl-randevu-form .t52-form{gap:var(--bo-4)}
    .bl-randevu-form .t52-form .et{margin-bottom:var(--bo-2);line-height:1.2}
    .bl-randevu-form .t52-form .onay{gap:10px;font-size:12px}
    .bl-randevu-form .t52-form .onay input{width:16px;height:16px;margin-top:1px}
    .bl-randevu-iletisim{grid-template-columns:repeat(2,minmax(0,1fr))}
    .bl-randevu-iletisim .bl-dugme{padding:0 var(--bo-2);font-size:14px}
    .bl-sol{display:block;grid-column:1;grid-row:1;position:sticky;top:var(--bl-yapis);
      max-height:calc(100vh - var(--bl-yapis) - 24px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
    .bl-kolon{grid-column:2}
    .bl-sag{grid-column:3}
    .bl-toc-katli{display:none}
    .bl-yazi .bl-kolon .yazi{--yazi-l:17px}
  }
  @media (max-width:1023px){
    /* altta yapışkan «Randevu al» çubuğu; sitenin yüzen WhatsApp ve sohbet düğmeleri çubuğun üstüne çıkar */
    .bl-mobil-cubuk{display:block;position:fixed;inset-inline:0;bottom:0;z-index:60;box-sizing:border-box;
      padding:var(--bo-2) var(--metin-kenar) calc(var(--bo-2) + env(safe-area-inset-bottom, 0px));
      border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface) 94%,transparent);
      -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
    .bl-mobil-cubuk .bl-dugme{width:100%;max-width:520px;margin:0 auto}
    body:has(.bl-mobil-cubuk) #kp-bot .kp-bot-balon{inset-block-end:calc(24px + var(--bl-dugme-h) + 2 * var(--bo-2) + env(safe-area-inset-bottom, 0px))}
    body:has(.bl-mobil-cubuk) .t52-footer{padding-bottom:calc(52px + var(--bo-5) + var(--bl-dugme-h) + 2 * var(--bo-2) + env(safe-area-inset-bottom, 0px))}
  }
  @media (max-width:900px){
    body:has(.bl-mobil-cubuk) .t52-wa{bottom:calc(var(--bo-4) + var(--bl-dugme-h) + 2 * var(--bo-2) + env(safe-area-inset-bottom, 0px))}
  }
  /* gövde içi galeri (galeri-govde.ts) */
  .bl-yazi .bl-galeri{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .bl-yazi .bl-galeri-bag{display:block;overflow:hidden;border-radius:12px;border:0 !important;background:var(--panel)}
  .bl-yazi .bl-galeri-gorsel{display:block;width:100%;aspect-ratio:4/3;height:auto;object-fit:cover}
  /* gövdede kırılmayan uzun sözcük/adres (kaynak bağlantısı vb.) telefonda sayfayı yana taşırmasın */
  .bl-yazi .yazi{overflow-wrap:break-word}
  .bl-yazi .yazi img{max-width:100%;height:auto;border-radius:12px}
  .bl-yazi .yazi figure{margin:var(--bo-6) 0}
  .bl-yazi .yazi figcaption{margin-top:8px;font-size:13.5px;color:var(--muted)}

  /* paylaş satırı: ince simgeler, hover yalnız renk */
  .bl-paylas{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;
    margin-top:var(--bo-7);padding-top:var(--bo-4);border-top:1px solid var(--line)}
  .bl-paylas-simgeler{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
  .bl-paylas-simgeler a,.bl-paylas-simgeler button{display:inline-flex;align-items:center;justify-content:center;
    width:44px;height:44px;margin:0;padding:0;border:0;border-radius:999px;background:transparent;
    color:var(--muted);cursor:pointer;text-decoration:none;transition:color .2s ease;-webkit-appearance:none;appearance:none}
  .bl-paylas-simgeler a:hover,.bl-paylas-simgeler button:hover{color:var(--aksan-2)}
  .bl-paylas-simgeler a:focus-visible,.bl-paylas-simgeler button:focus-visible{outline:2px solid var(--aksan-2);outline-offset:1px}
  .bl-kopyala-tamam{display:none}
  [data-bl-kopyala][data-tamam] .bl-kopyala-bag{display:none}
  [data-bl-kopyala][data-tamam] .bl-kopyala-tamam{display:inline-flex;color:var(--aksan-2)}
  .bl-kopyala-durum{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

  /* yazar kartı (yazının altı): ad · unvan · kısa tanıtım — paylaş satırıyla aynı ince çizgi dili, gölge/hareket yok */
  .bl-yazar-kart{margin-top:var(--bo-6);padding-top:var(--bo-4);border-top:1px solid var(--line);overflow-wrap:anywhere}
  .bl-yazar-kart .bl-yazar-ad{margin:0;font-size:16px;font-weight:700;line-height:1.3;color:var(--fg)}
  .bl-yazar-kart .bl-yazar-unvan{margin:2px 0 0;font-size:14px;line-height:1.4;color:var(--aksan-metin)}
  .bl-yazar-kart .bl-yazar-metin{margin:var(--bo-3) 0 0;font-size:15px;line-height:1.65;color:var(--muted);overflow-wrap:anywhere}

  /* ürünün yazı sonu iletişim kartı (blog/SonKart) — sitenin renkleriyle */
  .bl-alt [data-kp-son-kart]{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;
    gap:4px 32px;width:100%;box-sizing:border-box;text-align:start;margin-top:var(--bo-6);padding-top:var(--bo-4);border-top:1px solid var(--line)}
  .bl-alt [data-kp-son-kart] > p{margin:0;padding:8px 0;font-size:16px;font-weight:600;color:var(--fg)}
  .bl-alt [data-kp-son-kart] > div{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0 24px;min-width:0}
  .bl-alt [data-kp-son-kart] a{display:inline-flex;align-items:center;gap:8px;min-height:44px;
    font-size:14.5px;color:var(--muted);text-decoration:none;overflow-wrap:anywhere;transition:color .2s ease}
  .bl-alt [data-kp-son-kart] a:hover{color:var(--aksan-2)}
  .bl-alt [data-kp-son-kart] a:last-child{color:var(--aksan-2);font-weight:600}
  .bl-alt [data-kp-son-kart] a:last-child:hover{color:var(--fg)}
  .bl-alt [data-kp-son-kart] svg{flex:none;width:16px;height:16px}

  /* ürünün «Kaynaklar» kutusu: ürünün kendi stili (küçük, soluk, vurgusuz) — iç sayfa düzyazısının bağlantı/madde biçimi ezmesin */
  .bl-yazi .yazi aside.kp-kaynaklar{margin-top:var(--bo-7);font-size:14px;color:var(--muted)}
  .bl-yazi .yazi aside.kp-kaynaklar p{margin:0 0 6px;font-size:14px;font-weight:600;line-height:1.5;color:var(--muted)}
  .bl-yazi .yazi aside.kp-kaynaklar ul,.bl-yazi .yazi aside.kp-kaynaklar ol{margin:0;padding-inline-start:1.1em;list-style:disc}
  .bl-yazi .yazi aside.kp-kaynaklar li{margin:2px 0;padding:0;font-size:14px;line-height:1.5;color:var(--muted)}
  .bl-yazi .yazi aside.kp-kaynaklar li::before{content:none}
  .bl-yazi .yazi aside.kp-kaynaklar a{color:inherit;border-bottom:0;font-weight:400;overflow-wrap:anywhere}
  .bl-yazi .yazi aside.kp-kaynaklar a:hover{color:var(--fg);text-decoration:underline}

  /* ürünün yorum alanı (etkilesim/Yorumlar) — yalnız sitede açıkken gelir; kutular sitenin form diliyle */
  /* yorum alanı — ürünün etkileşim bileşeni yardımcı sınıflarla gelir, bu sitede o sınıfların derlemesi yok: yapı burada,
     ürünün verdiği veri öznitelikleri ve düzenine bağlı. Kart/gölge yok; çizgi, zemin ve renk 20-taban değişkenlerinden. */
  .bl-alt #yorumlar{display:grid;gap:24px;min-width:0;margin-top:var(--bo-7);padding-top:var(--bo-5);border-top:1px solid var(--line);
    font-size:15px;line-height:1.6;color:var(--fg)}
  .bl-alt #yorumlar p{margin:0;color:var(--muted)}
  .bl-alt #yorumlar [hidden]{display:none !important}
  .bl-alt #yorumlar .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
  .bl-alt #yorumlar a{color:var(--aksan-2)}
  /* başlık satırı: «Yorumlar (3)» + puan özeti */
  .bl-alt #yorumlar > div:first-child{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;min-width:0}
  .bl-alt #yorumlar h2{margin:0;font-size:clamp(20px,1.9vw,26px);line-height:1.2;letter-spacing:-.02em;font-weight:var(--bas-w);color:var(--fg)}
  .bl-alt #yorumlar [data-puan-ozet]{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:14px;color:var(--fg)}
  .bl-alt #yorumlar [data-puan-ozet] > span:nth-child(2){font-weight:600}
  .bl-alt #yorumlar [data-puan-ozet] > span:nth-child(3){color:var(--muted)}
  .bl-alt #yorumlar [data-yildizlar]{display:inline-flex;align-items:center;gap:2px;color:var(--aksan-2)}
  .bl-alt #yorumlar [data-yildizlar] svg{width:16px;height:16px}
  .bl-alt #yorumlar [data-sonuc]{padding:14px 16px;border-radius:12px;background:var(--surface);color:var(--fg)}
  .bl-alt #yorumlar [data-sonuc]:empty,.bl-alt #yorumlar [data-durum]:empty{display:none}
  .bl-alt #yorumlar [data-durum],.bl-alt #yorumlar [data-alan-hata]{font-size:13.5px;color:#c0392b}
  html.dark .bl-alt #yorumlar [data-durum],html.dark .bl-alt #yorumlar [data-alan-hata]{color:#ffb4a8}
  /* yorum listesi: satır arası ince çizgi, yanıtlar başlangıç kenarında girintili */
  .bl-alt #yorumlar ol{margin:0;padding:0;list-style:none;display:grid;min-width:0}
  .bl-alt #yorumlar [data-yorum-liste] > li{display:grid;gap:16px;min-width:0;padding:20px 0;border-top:1px solid var(--line)}
  .bl-alt #yorumlar [data-yorum-liste] > li:first-child{padding-top:0;border-top:0}
  .bl-alt #yorumlar [data-yorum-liste] li ol{gap:16px;padding-inline-start:16px;border-inline-start:1px solid var(--line)}
  .bl-alt #yorumlar li > div{display:grid;gap:6px;min-width:0}
  .bl-alt #yorumlar li > div > div:first-child{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;min-width:0}
  .bl-alt #yorumlar li > div > div:first-child > span:first-child{font-weight:600;color:var(--fg);overflow-wrap:anywhere}
  .bl-alt #yorumlar li > div > div:first-child > span + span{padding:1px 8px;border-radius:999px;background:var(--gold-soft);
    font-size:12.5px;color:var(--fg)}
  .bl-alt #yorumlar li time{font-size:13.5px;color:var(--muted)}
  .bl-alt #yorumlar li p[dir]{white-space:pre-line;color:var(--fg);overflow-wrap:anywhere}
  .bl-alt #yorumlar li p[dir] > span{font-weight:500;color:var(--aksan-2)}
  /* düğmeler: Yanıtla/Vazgeç yazı düğmesi, Gönder sitenin dolu düğmesi; üzerine gelince yalnız zemin/renk */
  .bl-alt #yorumlar button{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;
    min-height:44px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--aksan-2);
    font:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease,color .2s ease}
  .bl-alt #yorumlar [data-yanitla]{justify-self:start;margin-inline-start:-12px}
  .bl-alt #yorumlar [data-yanitla]:hover,.bl-alt #yorumlar [data-yanit-vazgec]:hover{background:var(--gold-soft)}
  .bl-alt #yorumlar button[type=submit]{width:100%;padding:0 26px;border-radius:999px;background:var(--aksan-dolu);
    color:var(--aksan-dolu-fg);font-weight:600}
  .bl-alt #yorumlar button[type=submit]:hover{background:var(--aksan-dolu-hover)}
  .bl-alt #yorumlar button[type=submit]:disabled{opacity:.6;cursor:default}
  /* yorum formu: çizgili sade alan */
  .bl-alt #yorumlar form{display:grid;gap:16px;min-width:0;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
  .bl-alt #yorumlar form h3{margin:0;font-size:16px;font-weight:600;line-height:1.4;color:var(--fg)}
  .bl-alt #yorumlar [data-yanit-bilgi]{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;color:var(--fg)}
  .bl-alt #yorumlar form > [data-misafir-alan]{display:grid;gap:16px;align-items:end;min-width:0}
  .bl-alt #yorumlar form > div:has(> textarea),.bl-alt #yorumlar [data-misafir-alan] > div:has(> input){display:grid;gap:6px;min-width:0}
  .bl-alt #yorumlar label[for="yorum-ad"],.bl-alt #yorumlar label[for="yorum-eposta"],.bl-alt #yorumlar label[for="yorum-govde"],
  .bl-alt #yorumlar legend{padding:0;font-size:14px;color:var(--muted)}
  .bl-alt #yorumlar input:not([type=checkbox]):not([type=radio]),.bl-alt #yorumlar textarea{
    -webkit-appearance:none;appearance:none;box-sizing:border-box;width:100%;min-height:44px;padding:10px 14px;
    border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--fg);font:inherit;font-size:16px}
  .bl-alt #yorumlar textarea{min-height:120px;resize:vertical}
  .bl-alt #yorumlar input:focus,.bl-alt #yorumlar textarea:focus{outline:none;border-color:var(--line-strong)}
  .bl-alt #yorumlar input[aria-invalid=true],.bl-alt #yorumlar textarea[aria-invalid=true]{border-color:#c0392b}
  /* puan: beş yıldız, seçilen ve öncekiler dolu */
  .bl-alt #yorumlar fieldset{margin:0;padding:0;border:0;min-width:0;display:grid;gap:2px}
  .bl-alt #yorumlar fieldset > div{display:flex;align-items:center;margin-inline-start:-10px}
  .bl-alt #yorumlar fieldset label{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;
    border-radius:10px;color:var(--muted);cursor:pointer;transition:color .2s ease}
  .bl-alt #yorumlar fieldset label svg{width:22px;height:22px}
  .bl-alt #yorumlar fieldset label:hover,.bl-alt #yorumlar fieldset label:has(~ label:hover),
  .bl-alt #yorumlar fieldset label:has(:checked),.bl-alt #yorumlar fieldset label:has(~ label input:checked){color:var(--aksan-2)}
  .bl-alt #yorumlar fieldset label:has(:checked) svg,.bl-alt #yorumlar fieldset label:has(~ label input:checked) svg{fill:currentColor}
  .bl-alt #yorumlar fieldset label:has(:focus-visible){color:var(--aksan-2);background:var(--gold-soft)}
  /* onay kutuları: kutu + yazı tek satır başı hizalı */
  .bl-alt #yorumlar form > div:has(> label > input[type=checkbox]){display:grid;gap:10px}
  .bl-alt #yorumlar label:has(> input[type=checkbox]),.bl-alt #yorumlar p:has(> input[type=checkbox]){display:flex;align-items:flex-start;gap:10px;
    font-size:14px;line-height:1.5;color:var(--muted);cursor:pointer}
  .bl-alt #yorumlar label:has(> input[type=checkbox]):hover{color:var(--fg)}
  .bl-alt #yorumlar p:has(> input[type=checkbox]) a{margin-inline-start:.3em;text-decoration:none}
  .bl-alt #yorumlar p:has(> input[type=checkbox]) a:hover{text-decoration:underline}
  .bl-alt #yorumlar input[type=checkbox]{-webkit-appearance:none;appearance:none;flex:none;width:18px;height:18px;margin:2px 0 0;
    border:1px solid var(--line-strong);border-radius:4px;background:var(--bg);display:inline-grid;place-content:center;cursor:pointer}
  .bl-alt #yorumlar input[type=checkbox]:checked{background:var(--aksan-dolu);border-color:var(--aksan-dolu)}
  .bl-alt #yorumlar input[type=checkbox]:checked::after{content:"";width:8px;height:4px;margin-top:-2px;
    border:solid var(--aksan-dolu-fg);border-width:0 0 2px 2px;transform:rotate(-45deg)}
  /* gönder satırı: not solda, düğme sağda; telefonda düğme tam genişlik */
  .bl-alt #yorumlar form > div:last-child{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
  .bl-alt #yorumlar form > div:last-child > p{flex:1 1 220px;min-width:0;font-size:13px;line-height:1.5}
  @media (min-width:640px){
    .bl-alt #yorumlar [data-yorum-liste] li ol{padding-inline-start:24px}
    .bl-alt #yorumlar form{padding:24px}
    .bl-alt #yorumlar form > [data-misafir-alan]{grid-template-columns:repeat(2,minmax(0,1fr))}
    .bl-alt #yorumlar button[type=submit]{width:auto;margin-inline-start:auto}
  }

  /* benzer yazılar */
  .bl-benzer{margin-top:var(--pad-y);border-top:1px solid var(--line)}
  .bl-benzer-baslik{margin:0;padding:clamp(32px,3.6vw,52px) var(--metin-kenar) var(--bo-5);
    font-size:clamp(20px,1.9vw,26px);line-height:1.2;letter-spacing:-.022em;font-weight:var(--bas-w);color:var(--fg)}
  .bl-benzer .izgara{border-top:1px solid var(--line)}
  /* geniş ekranda son sıranın alt çizgisi yok (altında önceki/sonraki ya da sayfa sonu çizgisi var) */
  @media (min-width:1024px){
    .bl-benzer .izgara > .bl-kart:nth-child(3n+1):nth-last-child(-n+3),
    .bl-benzer .izgara > .bl-kart:nth-child(3n+1):nth-last-child(-n+3) ~ .bl-kart{border-bottom:0}
  }

  /* önceki / sonraki yazı: iki sütun, kenar çizgili; hover yalnız zemin rengi */
  .bl-komsu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);
    padding:0 calc(var(--metin-kenar) - 28px)}
  .bl-komsu-bag{display:flex;flex-direction:column;gap:8px;min-width:0;padding:28px;color:var(--fg);
    text-decoration:none;transition:background-color .32s ease}
  .bl-komsu-bag:hover{background-color:var(--panel)}
  .bl-komsu-bag:focus-visible{outline:2px solid var(--aksan-2);outline-offset:-3px}
  .bl-komsu-sonraki{grid-column:2;text-align:end;border-left:1px solid var(--line)}
  .bl-komsu-etiket{font-size:12px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--aksan-kucuk)}
  .bl-komsu-baslik{font-size:clamp(17px,1.4vw,20px);line-height:1.3;font-weight:var(--bas-w);overflow-wrap:anywhere;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

  /* tablet: iki sütun · telefon: tek sütun */
  @media (max-width:1023px){
    .bl-index .izgara,.bl-benzer .izgara{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 calc(var(--metin-kenar) - 20px)}
    .izgara > .bl-kart:nth-child(n){border-right:1px solid var(--line);padding:20px}
    .izgara > .bl-kart:nth-child(2n){border-right:0}
    .bl-benzer .bl-kart{border-bottom:1px solid var(--line)}
    .bl-benzer + .bl-komsu{border-top:0}
  }
  @media (max-width:639px){
    .bl-alt [data-kp-son-kart],.bl-alt [data-kp-son-kart] > div{flex-direction:column;align-items:flex-start}
    .bl-index .izgara,.bl-benzer .izgara{grid-template-columns:minmax(0,1fr);padding:0}
    .izgara > .bl-kart:nth-child(n){border-right:0;padding:24px var(--metin-kenar)}
    .bl-yazi .bl-galeri{grid-template-columns:repeat(2,minmax(0,1fr))}
    .bl-komsu{grid-template-columns:minmax(0,1fr);padding:0}
    .bl-komsu-bag{padding:24px var(--metin-kenar)}
    .bl-komsu-sonraki{grid-column:auto;border-left:0;border-top:1px solid var(--line)}
    .bl-paylas{justify-content:flex-start}
  }
  @media (prefers-reduced-motion:reduce){
    .bl-kart,.bl-kart-gorsel img,.bl-komsu-bag,.bl-paylas-simgeler a,.bl-paylas-simgeler button{transition:none}
  }

  /* ── RANDEVU BANDI (blog/randevu-bandi.tsx) ─────────────────────────
     Yazının en tepesinde: solda hizmet tanıtımı (hizmet sayfasının kendi metni), sağda sitenin randevu formu. Hizmet
     sayfasının başlığı gibi fotoğraf sağda, zemine doğru eriyerek; renk ve çizgi 20-taban değişkenlerinden (açık/koyu
     kendiliğinden). Gölge yok, hareket yok; hover yalnız zemin/renk. */
  .bl-bant{position:relative;overflow:hidden;isolation:isolate;border-bottom:1px solid var(--line);background:var(--bg)}
  .bl-bant-gorsel{position:absolute;inset:0 0 0 auto;width:64%;z-index:0;pointer-events:none}
  .bl-bant-gorsel img{display:block;width:100%;height:100%;object-fit:cover;object-position:70% 30%;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 58%);mask-image:linear-gradient(90deg,transparent 0%,#000 58%)}
  /* yazının okunduğu sol yarıda fotoğraf zemine iyice karışır */
  .bl-bant-gorsel::after{content:"";position:absolute;inset:0;
    background:linear-gradient(90deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 72%,transparent) 34%,color-mix(in srgb,var(--bg) 18%,transparent) 70%,transparent 100%)}
  .bl-bant-ic{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--bo-6);
    padding:clamp(36px,4.6vw,72px) var(--metin-kenar) clamp(28px,3vw,44px)}
  .bl-bant-metin{min-width:0;max-width:640px}
  .bl-bant-ust{display:inline-flex;align-items:center;gap:8px;margin:0 0 var(--bo-4);
    font-size:var(--altbaslik-px);line-height:1.3;letter-spacing:var(--kunye-ls);text-transform:uppercase;font-weight:600;color:var(--aksan-metin)}
  .bl-bant-ust i{font-size:13px;color:var(--aksan-2)}
  .bl-bant-baslik{margin:0;font-size:clamp(30px,3.5vw,50px);line-height:1.06;letter-spacing:-.028em;font-weight:var(--bas-w);
    color:var(--fg);text-wrap:balance;overflow-wrap:anywhere}
  .bl-bant-baslik .vurgu{color:var(--aksan-2)}
  .bl-bant-unvan{display:flex;align-items:flex-start;gap:8px;margin:var(--bo-4) 0 0;font-size:14px;line-height:1.45;font-weight:600;color:var(--aksan-kucuk)}
  .bl-bant-unvan i{margin-top:2px}
  .bl-bant-aciklama{margin:var(--bo-4) 0 0;max-width:56ch;font-size:var(--yazi-l);line-height:1.65;color:var(--muted);text-wrap:pretty}
  .bl-bant-maddeler{margin-top:var(--bo-5)}
  .bl-bant-madde-bas{margin:0 0 10px;font-size:12px;line-height:1.4;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--aksan-metin)}
  .bl-bant-maddeler ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
  .bl-bant-maddeler li{display:flex;align-items:flex-start;gap:10px;margin:0;padding:0;font-size:15px;line-height:1.5;color:var(--fg)}
  .bl-bant-maddeler li i{flex:none;margin-top:4px;font-size:13px;color:var(--aksan-2)}
  .bl-bant-eylem{display:grid;grid-template-columns:repeat(auto-fit,minmax(172px,1fr));gap:var(--bo-2);margin-top:var(--bo-6);max-width:700px}
  .bl-bant-dugme{-webkit-appearance:none;appearance:none;display:flex;align-items:center;gap:12px;min-width:0;min-height:56px;box-sizing:border-box;
    margin:0;padding:10px 14px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 82%,transparent);
    color:var(--fg);font:inherit;text-align:start;text-decoration:none;cursor:pointer;
    transition:background-color .22s ease,border-color .22s ease}
  .bl-bant-dugme:hover{background:var(--gold-soft);border-color:var(--line-strong)}
  .bl-bant-dugme:focus-visible{outline:2px solid var(--aksan-2);outline-offset:2px}
  .bl-bant-dugme > i{flex:none;width:20px;text-align:center;font-size:18px;color:var(--aksan-2)}
  /* WhatsApp bağlantısı sitenin her yerindeki gibi yeşil dolu (20-taban); küçük etiket yeşilin üstünde okunur */
  .bl-bant-dugme[href*="wa.me"] small{color:rgba(255,255,255,.86)}
  .bl-bant-dugme > span{display:flex;flex-direction:column;gap:2px;min-width:0}
  .bl-bant-dugme small{font-size:11px;line-height:1.2;letter-spacing:.06em;text-transform:uppercase;font-weight:600;color:var(--muted)}
  .bl-bant-dugme b{font-size:14.5px;line-height:1.25;font-weight:700;font-variant-numeric:tabular-nums}
  .bl-bant-dugme:is([href^="tel:"],[href*="wa.me"]) b{white-space:nowrap}
  .bl-bant-bilgi{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:var(--bo-3);
    font-size:14.5px;font-weight:600;color:var(--aksan-2);text-decoration:none;transition:color .2s ease}
  .bl-bant-bilgi:hover{color:var(--fg)}
  .bl-bant-bilgi i{font-size:13px}
  /* form kartı: iletişim sayfasındaki formun kendisi, tek sütun */
  .bl-bant-form{min-width:0;box-sizing:border-box;padding:clamp(20px,2.2vw,30px);border:1px solid var(--line);border-radius:20px;
    background:var(--surface);--form-alan-bg:var(--bg)}
  .bl-bant-form-kunye{display:block;font-size:11.5px;line-height:1.3;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--aksan-kucuk)}
  .bl-bant-form-baslik{margin:8px 0 0;font-size:clamp(21px,1.8vw,26px);line-height:1.15;letter-spacing:-.02em;font-weight:var(--bas-w);color:var(--fg)}
  .bl-bant-form-alt{margin:6px 0 var(--bo-5);font-size:14px;line-height:1.5;color:var(--muted)}
  .bl-bant-form .t52-form{grid-template-columns:minmax(0,1fr);gap:var(--bo-3);max-width:none}
  .bl-bant-form .t52-form textarea{min-height:84px}
  .bl-bant-form .t52-form .gonder{justify-self:stretch}
  .bl-bant-devam{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;
    border-top:1px solid var(--line);font-size:13.5px;font-weight:600;letter-spacing:.04em;color:var(--muted);text-decoration:none;
    background:color-mix(in srgb,var(--bg) 70%,transparent);transition:color .2s ease,background-color .2s ease}
  .bl-bant-devam:hover{color:var(--fg);background:var(--gold-soft)}
  .bl-bant-devam i{font-size:12px;color:var(--aksan-2)}
  @media (min-width:1100px){
    .bl-bant-ic{grid-template-columns:minmax(0,1fr) minmax(360px,430px);gap:clamp(40px,5vw,96px);align-items:center}
  }
  @media (max-width:1099px){
    .bl-bant-gorsel{position:relative;inset:auto;width:auto;aspect-ratio:21/9;max-height:360px}
    .bl-bant-gorsel img{-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 100%);mask-image:linear-gradient(180deg,#000 55%,transparent 100%)}
    .bl-bant-gorsel::after{content:none}
    .bl-bant-gorsel + .bl-bant-ic{padding-top:0;margin-top:clamp(-56px,-5vw,-24px)}
    .bl-bant-form{max-width:620px}
  }
  @media (max-width:639px){
    .bl-bant-gorsel{aspect-ratio:16/10}
    .bl-bant-eylem{grid-template-columns:repeat(3,minmax(0,1fr))}
    .bl-bant-dugme{flex-direction:column;justify-content:center;gap:6px;padding:10px 6px;text-align:center}
    .bl-bant-dugme > span{align-items:center}
    .bl-bant-dugme b{display:none}
    .bl-bant-dugme small{font-size:10.5px;letter-spacing:.04em;white-space:normal}
  }

  /* ── GÖVDE HİZMET KARTLARI (blog/randevu-bandi.tsx hizmetKartiHtml) ───────────
     Yazının içinde, ana başlıkların önünde; üç biçim sırayla: yarim (yarım görsel) · zemin (görsel zemin, koyu örtü) · serit.
     İç sayfa düzyazısının p/a/img biçimi sızmasın diye sıfırlanır (kp-kaynaklar kalıbı). */
  .bl-yazi .yazi .bl-hk{display:grid;margin:clamp(36px,4vw,56px) 0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);
    background:var(--surface);color:var(--fg)}
  .bl-yazi .yazi .bl-hk p{margin:0;font-size:inherit;line-height:1.5;color:inherit;text-wrap:pretty}
  .bl-yazi .yazi .bl-hk a{border-bottom:0}
  .bl-yazi .yazi .bl-hk img{display:block;width:100%;height:100%;margin:0;border-radius:0;object-fit:cover}
  .bl-hk-gorsel{min-width:0;overflow:hidden;background:var(--panel)}
  .bl-hk-metin{display:flex;flex-direction:column;gap:8px;min-width:0;padding:clamp(20px,2.4vw,30px)}
  .bl-yazi .yazi .bl-hk .bl-hk-ust{font-size:11.5px;line-height:1.35;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--aksan-kucuk)}
  .bl-yazi .yazi .bl-hk .bl-hk-baslik{font-size:clamp(20px,1.7vw,24px);line-height:1.18;letter-spacing:-.02em;font-weight:var(--bas-w);text-wrap:balance}
  .bl-yazi .yazi .bl-hk .bl-hk-baslik a{color:var(--fg);transition:color .2s ease}
  .bl-yazi .yazi .bl-hk .bl-hk-baslik a:hover{color:var(--aksan-2)}
  .bl-yazi .yazi .bl-hk .bl-hk-aciklama{font-size:15px;line-height:1.6;color:var(--muted);
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .bl-hk-alt{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-top:8px}
  .bl-yazi .yazi .bl-hk .bl-hk-git{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14.5px;font-weight:600;
    color:var(--aksan-2);transition:color .2s ease}
  .bl-yazi .yazi .bl-hk .bl-hk-git:hover{color:var(--fg)}
  .bl-hk-git i{font-size:12px}
  .bl-hk-eylem{display:flex;flex-wrap:wrap;gap:6px}
  .bl-yazi .yazi .bl-hk .bl-hk-mini{display:inline-flex;align-items:center;gap:7px;min-height:44px;box-sizing:border-box;padding:0 14px;
    border:1px solid var(--line);border-radius:999px;font-size:13.5px;font-weight:600;color:var(--fg);
    transition:background-color .2s ease,border-color .2s ease}
  .bl-yazi .yazi .bl-hk .bl-hk-mini:hover{background:var(--gold-soft);border-color:var(--line-strong)}
  .bl-hk-mini i{font-size:14px;color:var(--aksan-2)}
  .bl-yazi .yazi .bl-hk a:focus-visible{outline:2px solid var(--aksan-2);outline-offset:2px}
  /* yarim: görsel solda, yazı sağda */
  .bl-hk-yarim{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}
  .bl-hk-yarim .bl-hk-gorsel{min-height:240px}
  /* zemin: görsel bütün kartın zemininde, yazı koyu örtünün üstünde (açık kipte de koyu + altın) */
  .bl-yazi .yazi .bl-hk-zemin{position:relative;isolation:isolate;min-height:280px;align-content:end;border-color:transparent;background:#0c0d0f;
    --fg:#f1f2f4;--muted:#c3c7ce;--aksan-2:#d9b48a;--aksan-kucuk:#d9b48a;--line:rgba(255,255,255,.22);--line-strong:rgba(255,255,255,.4);
    --gold-soft:rgba(255,255,255,.1)}
  .bl-hk-zemin .bl-hk-gorsel{position:absolute;inset:0;z-index:-1}
  .bl-hk-zemin .bl-hk-gorsel::after{content:"";position:absolute;inset:0;
    background:linear-gradient(90deg,rgba(12,13,15,.94) 0%,rgba(12,13,15,.8) 48%,rgba(12,13,15,.42) 100%)}
  .bl-hk-zemin .bl-hk-metin{max-width:600px}
  /* şerit: küçük kare görsel + yazı */
  .bl-hk-serit{grid-template-columns:clamp(120px,24%,190px) minmax(0,1fr)}
  .bl-hk-serit .bl-hk-metin{padding:clamp(18px,2vw,24px)}
  .bl-yazi .yazi .bl-hk-serit .bl-hk-aciklama{-webkit-line-clamp:2}
  @media (max-width:639px){
    .bl-hk-yarim{grid-template-columns:minmax(0,1fr)}
    .bl-hk-yarim .bl-hk-gorsel{min-height:0;aspect-ratio:16/9}
    .bl-hk-serit{grid-template-columns:96px minmax(0,1fr)}
    .bl-hk-serit .bl-hk-alt{flex-direction:column;align-items:flex-start}
    .bl-yazi .yazi .bl-hk-zemin{min-height:0}
    .bl-hk-alt{justify-content:flex-start}
  }
  @media (prefers-reduced-motion:reduce){
    .bl-bant-dugme,.bl-bant-bilgi,.bl-bant-devam,.bl-hk-mini,.bl-hk-git,.bl-dugme,.bl-kutu ol a,.bl-toc-katli > summary,.bl-toc-katli > summary i{transition:none}
  }