/* ===================== SİGORTA REHBERİ · ALT-EĞİK PREMIUM PANEL (kutu · footer üstü · içerik takası 22.07.2026) =====================
   Bloglar bir KUTU (dolu panel) içinde, ALT kenarı EĞİK (sol-alçak → sağ-yüksek) — Section 4 "Kurumsal" clip'iyle birebir.
   Panel footer'ın üst diyagonaliyle SABİT --gap (30px) interlock yapar (aşağıda). */
/* 15.09.2026 · karar: "Sigorta Rehberi'nin üstü de yukarı doğru eğik olmalı".
   Panel artık PARALELKENAR: ÜST de ALT da sol-alçak → sağ-yüksek. Üstündeki panelin (uygulama)
   alt eğimiyle paralel → teaser'daki gibi margin-top:(gap − slant) ile arası HER yerde sabit --gap. */
.hm-blog{ margin-top:calc(var(--gap) - var(--slant)); }
.hm-blog-panel{ position:relative; background:var(--sl-fill); color:var(--sl-ink);
  padding:var(--pad-panel-slant) 0; overflow:hidden;   /* iki kenar da EĞİK = pad-panel + slant (görünür nefes eşit) */
  clip-path:polygon(0 var(--slant),100% 0,100% calc(100% - var(--slant)),0 100%); transition:background-color .25s ease,color .25s ease; }
@supports (clip-path: shape(from 0 0, line to 1px 1px, close)){
  .hm-blog-panel{ clip-path:shape(
    from 0% calc(var(--slant) + var(--corner)), curve to var(--corner) var(--slant) with 0% var(--slant),   /* üst-sol yuvarlak */
    line to calc(100% - var(--corner)) 0%,                                                   /* DİYAGONAL üst (sol-alçak → sağ-yüksek) */
    curve to 100% var(--corner) with 100% 0%,                                                /* üst-sağ yuvarlak */
    line to 100% calc(100% - var(--slant) - var(--corner)),
    curve to calc(100% - var(--corner)) calc(100% - var(--slant)) with 100% calc(100% - var(--slant)), /* alt-sağ kavis */
    line to var(--corner) 100%,                                                              /* DİYAGONAL alt (sol-alçak → sağ-yüksek) */
    curve to 0% calc(100% - var(--corner)) with 0% 100%, close); }                           /* alt-sol yuvarlak */
}
/* FOOTER INTERLOCK: panel ALT eğik ↔ footer ÜST eğik arası HER yerde sabit --gap (30px · slider ile aynı).
   footer paylaşımlı bileşen → yalnız anasayfada (blog paneli var, SSS yokken) footer'ı yukarı çek. */
body:has(.hm-blog-panel):not(:has(.hm-faq)) .t50-footer{
  margin-top:calc(-1 * (var(--frame-pad) + var(--slant) - var(--gap)));
}
.hm-blog-grid{ display:grid; grid-template-columns:1fr 1.05fr; gap:clamp(24px,3vw,40px); align-items:stretch; }

/* ÖNE ÇIKAN (gerçek foto arka plan · alt-koyu gradient · metin üstte) */
.hm-feat{ position:relative; display:flex; align-items:flex-end; min-height:clamp(420px,50vh,520px);
  border-radius:24px; overflow:hidden; isolation:isolate;
  background:linear-gradient(155deg, var(--brand-500), var(--brand-950)); }
.hm-feat-media{ position:absolute; inset:0; z-index:0; display:grid; place-items:center; }
.hm-feat-media img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.hm-feat:hover .hm-feat-media img{ transform:scale(1.04); }
.hm-feat-media i{ font-size:120px; color:rgba(255,255,255,.16); }
.hm-feat::after{ content:''; position:absolute; inset:0; z-index:1;
  background:linear-gradient(180deg,rgba(0,0,0,0) 28%,rgba(0,0,0,.78) 100%); }
.hm-feat-body{ position:relative; z-index:2; padding:clamp(26px,3vw,40px); display:flex; flex-direction:column; gap:11px; color:#fff; }
.hm-feat-tag{ font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--marka); }
.hm-feat-title{ font-size:clamp(23px,2.3vw,31px); font-weight:800; line-height:1.14; }
.hm-feat-sub{ font-size:15px; line-height:1.5; color:rgba(255,255,255,.82); max-width:44ch;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.hm-feat-foot{ display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-top:6px; }
.hm-feat-date{ display:inline-flex; align-items:center; gap:7px; font-size:13px; color:rgba(255,255,255,.72); }
.hm-feat-btn{ display:inline-flex; align-items:center; gap:9px; height:44px; padding:0 22px; border-radius:999px;
  background:var(--cta); color:var(--cta-ink); font-weight:700; font-size:14px; transition:filter .18s ease; }
.hm-feat:hover .hm-feat-btn{ filter:brightness(1.06); }
.hm-feat-btn i{ font-size:12px; }

/* YAZI LİSTESİ (4 satır · foto + başlık normal harf + tarih · sağ ok) */
.hm-elist{ display:flex; flex-direction:column; justify-content:space-between; }
.hm-erow{ display:flex; gap:clamp(16px,1.5vw,22px); align-items:center; padding:clamp(15px,1.5vw,20px) 0;
  border-top:1px solid transparent; border-image:linear-gradient(90deg,transparent,var(--line) 8%,var(--line) 92%,transparent) 1; }
.hm-elist .hm-erow:first-child{ border-image:none; padding-top:0; }
.hm-erow-thumb{ position:relative; flex:0 0 clamp(104px,12vw,140px); width:clamp(104px,12vw,140px); aspect-ratio:5/4;
  border-radius:16px; overflow:hidden; background:linear-gradient(150deg,var(--brand-500),var(--brand-900)); display:grid; place-items:center; }
.hm-erow-thumb img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .45s ease; }
.hm-erow:hover .hm-erow-thumb img{ transform:scale(1.05); }
.hm-erow-thumb i{ font-size:clamp(30px,3vw,40px); color:rgba(255,255,255,.85); }
.hm-erow-txt{ display:flex; flex-direction:column; gap:6px; min-width:0; flex:1; }
.hm-erow-tag{ font-size:12px; color:var(--marka); font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.hm-erow-title{ font-size:clamp(16px,1.35vw,20px); font-weight:700; line-height:1.22; color:var(--ink);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.hm-erow-date{ display:inline-flex; align-items:center; gap:6px; font-size:12.5px; color:var(--muted); margin-top:1px; }
.hm-erow-arr{ flex:0 0 auto; color:var(--marka); font-size:13px; opacity:0; transform:translateX(-4px);
  transition:opacity .18s ease, transform .18s ease; }
.hm-erow:hover .hm-erow-arr{ opacity:1; transform:translateX(0); }

/* KATEGORİ LİSTESİ · 2 kolon × 3 satır, sütun sütun akar (sol: 1-2-3 · sağ: 4-5-Tüm yazılar) */
.hm-links--2{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:repeat(3,auto); grid-auto-flow:column; column-gap:clamp(20px,2.4vw,36px); }
.hm-links--2 .hm-linkrow:nth-child(3n){ border-bottom:1px solid transparent; }   /* her sütunun son satırı alt çizgi */
@media (min-width:1200px){ .hm-blog .hm-links--2{ flex-basis:600px; } }
@media (max-width:479px){ .hm-links--2 .hm-linkrow > i{ display:none; } .hm-links--2 .hm-linkrow-l{ gap:10px; } }
/* 18.09.2026 · 390'da iki sütun: 'Tamamlayıcı Sağlık' iki satıra kırılıp satırı 71px yapıyordu (yanındaki 48px) → tek sütun */
@media (max-width:479px){ .hm-links--2{ grid-template-columns:1fr; grid-template-rows:none; grid-auto-flow:row; } .hm-links--2 .hm-linkrow:nth-child(3n){ border-bottom:0; } .hm-links--2 .hm-linkrow > i{ display:block; } }

.hm-blog-more{ margin-top:clamp(28px,3.5vw,44px); text-align:center; }
.hm-pillbtn{ display:inline-flex; align-items:center; gap:9px; height:50px; padding:0 28px; border-radius:999px;
  background:var(--sky-500); color:#fff; font-weight:700; font-size:15px; transition:background-color .18s ease; }
.hm-pillbtn:hover{ background:var(--sky-600); }
.hm-pillbtn i{ font-size:12px; }

/* PANEL-İÇİ token uyarlaması (dolu --sl-fill kutusu üstünde ayraç/metin doğru okunur) */
.hm-blog-panel .hm-erow{ border-image:linear-gradient(90deg,transparent,var(--sl-line) 8%,var(--sl-line) 92%,transparent) 1; }
.hm-blog-panel .hm-erow-title{ color:var(--sl-ink); }
.hm-blog-panel .hm-erow-date{ color:var(--sl-muted); }

/* DESKTOP: sol featured ↔ sağ liste TAM aynı hizada (align-items:stretch → featured, liste boyuna uzar) */
@media (min-width:1024px){
  .hm-blog-grid{ align-items:stretch; grid-template-columns:0.95fr 1.05fr; }
}
@media (max-width:1023px){
  .hm-blog-grid{ grid-template-columns:1fr; }
  .hm-feat{ min-height:380px; }
  .hm-elist{ justify-content:flex-start; }
  .hm-erow-thumb{ flex-basis:clamp(96px,24vw,130px); width:clamp(96px,24vw,130px); }
}
@media (max-width:767px){ .hm-erow-thumb{ flex-basis:96px; width:96px; } }