/* ═══════════════════════════════════════════════════════════════════
     SECTION · SON BLOG YAZILARI · scope: .hm-blog  (31.10.2026 · kurum isteği)
     Yer ve iletişimin altında. Büyük kapak YOK: solda küçük kare görsel,
     sağda künye + başlık + kısa özet. Kart hizmet kartının dili (düz zemin, soluk kenar, hareket yok). Künye/başlık/özet ölçüleri
     blog dizininin kartıyla (76-blog) aynı dil.
     ═══════════════════════════════════════════════════════════════════ */
  /* üst boşluk yok: yer bölümünün kendi alt payı (--pad-y) bölümü ayırıyor */
  .t52-home .hm-blog{padding-top:0;background:var(--bg)}
  .hm-blog .ic{padding:0 var(--metin-kenar)}

  .hm-blog .ust-satir{display:flex;align-items:flex-end;justify-content:space-between;
    gap:var(--bo-5);margin:0 0 clamp(28px,3vw,44px)}
  .hm-blog h2{margin:0;font-size:var(--bas-xl);line-height:1.06;letter-spacing:-.028em;
    font-weight:var(--bas-w);color:var(--fg)}

  /* «Tüm yazılar» · yer bölümündeki satır bağlantısının dili: aksan metni, alt çizgi, hover yalnız renk */
  .hm-blog .tumu{display:inline-flex;align-items:center;gap:8px;flex:none;min-height:44px;
    font-size:var(--yazi-m);font-weight:600;letter-spacing:.01em;color:var(--aksan-metin);text-decoration:none}
  .hm-blog .tumu span{border-bottom:1px solid var(--line-strong);transition:border-color .24s ease}
  .hm-blog .tumu i{font-size:1.05em;color:var(--aksan-2)}
  .hm-blog .tumu:hover{color:var(--aksan-2)}
  .hm-blog .tumu:hover span{border-bottom-color:var(--aksan-2)}
  .hm-blog .tumu:focus-visible{outline:2px solid var(--aksan-2);outline-offset:3px}

  /* ızgara · telefonda tek, 901+ iki, 1280+ üç sütun */
  .hm-blog .hb-liste{list-style:none;margin:0;padding:0;display:grid;
    grid-template-columns:minmax(0,1fr);gap:var(--bo-4)}
  @media(min-width:901px){ .hm-blog .hb-liste{grid-template-columns:repeat(2,minmax(0,1fr))} }
  @media(min-width:1280px){ .hm-blog .hb-liste{grid-template-columns:repeat(3,minmax(0,1fr))} }
  .hm-blog .hb-liste > li{display:flex;min-width:0}

  .t52-home .hm-blog .hb-kart{display:grid;grid-template-columns:112px minmax(0,1fr);
    align-items:start;gap:var(--bo-4);width:100%;padding:var(--bo-4);box-sizing:border-box;
    background:var(--bg);border:1px solid var(--line);
    border-radius:var(--rail-r);text-decoration:none;color:inherit;transition:background-color .24s ease,border-color .24s ease}
  /* hizmet kartı (.hm-yigin .kutu) ile aynı: düz zemin (--bg), 1px soluk kenar, --rail-r köşe, gölge yok; hover yalnız renk */
  .t52-home .hm-blog .hb-kart:hover{background:var(--panel);border-color:var(--line-strong)}

  .hm-blog .hb-gorsel{display:block;width:112px;aspect-ratio:1/1;overflow:hidden;
    border-radius:12px;background:var(--panel-2)}
  .hm-blog .hb-gorsel img{display:block;width:100%;height:100%;object-fit:cover;
    filter:saturate(.92);transition:filter .5s ease}
  .hm-blog .hb-kart:hover .hb-gorsel img{filter:saturate(1)}
  /* görselsiz yazı · başlığın baş harfi, şampanya tonunda — boş kutu kalmaz */
  .hm-blog .hb-harf{display:grid;place-items:center;width:100%;height:100%;
    font-family:var(--serif);font-size:44px;line-height:1;font-weight:var(--bas-w);
    color:var(--aksan-2);background:color-mix(in srgb, var(--aksan-2) 10%, var(--panel-2))}

  .hm-blog .hb-govde{display:flex;flex-direction:column;gap:6px;min-width:0}
  .hm-blog .hb-kunye{display:flex;flex-wrap:wrap;gap:2px 10px;
    font-size:11px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;
    font-weight:600;color:var(--aksan-kucuk)}
  .hm-blog .hb-kunye time{color:var(--muted);font-weight:500}
  .t52-home .hm-blog .hb-baslik{margin:0;font-size:20px;line-height:1.25;letter-spacing:-.018em;
    font-weight:var(--bas-w);color:var(--fg);overflow-wrap:anywhere;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

  @media(max-width:900px){
    .hm-blog .ust-satir{flex-direction:column;align-items:flex-start;gap:var(--bo-3)}
    .t52-home .hm-blog .hb-kart{grid-template-columns:96px minmax(0,1fr)}
    .hm-blog .hb-gorsel{width:96px}
    .hm-blog .hb-harf{font-size:38px}
  }
  @media(prefers-reduced-motion:reduce){
    .hm-blog .hb-gorsel img,.hm-blog .tumu span{transition:none}
  }