/* ========== HOME NEWS (scope: .home-news) ========== */
.home-news{
  --hn-bg:#f3f4f6;
  --hn-card:#ffffff;
  --hn-text:#0f172a;
  --hn-muted:#475569;
  --hn-accent:#d11e2c;
  --hn-radius:16px;
  --hn-shadow:0 10px 25px rgba(2,8,23,.08);

  background:var(--hn-bg);
  padding: clamp(24px,4.5vw,56px) 16px;
}
.home-news .hn-wrap{ max-width:1180px; margin:0 auto; }
.home-news .hn-heading{
  margin:0 0 12px; font-weight:800;
  color:var(--hn-text); font-size:clamp(22px,3vw,30px); text-align:center;
}

/* Slide boyutları */
.home-news .hn-swiper{ padding: 10px 0 40px; }
.home-news .hn-slide{
  width: 34rem; height: 42rem; /* swiper 'auto' görünüm için sabit kart */
}
@media (max-width:560px){
  .home-news .hn-slide{ width: 28rem; height: 36rem; }
}

/* Kart */
.home-news .hn-card{
  display:flex; flex-direction:column; height:100%;
  background:var(--hn-card);
  border:1px solid color-mix(in oklab, var(--hn-card), #000 12%);
  border-radius:var(--hn-radius);
  box-shadow:var(--hn-shadow);
  overflow:hidden; text-decoration:none; color:inherit;
}
.home-news .hn-img{ aspect-ratio: 16/9; overflow:hidden; }
.home-news .hn-img img{ width:100%; height:100%; object-fit:cover; display:block; }
.home-news .hn-content{ display:flex; flex-direction:column; gap:10px; padding:14px 14px 16px; }
.home-news .hn-title{ margin:0; font-size:clamp(16px,2vw,18px); line-height:1.3; color:var(--hn-text); }
.home-news .hn-excerpt{ margin:0; color:var(--hn-muted); font-size:14px; line-height:1.55; }

.home-news .hn-link{
  margin-top:auto; align-self:flex-start;
  background:var(--hn-accent); color:#fff;
  border-radius:10px; padding:9px 12px; font-weight:700; font-size:14px;
  text-decoration: none;
}

/* Swiper kontrolleri */
.home-news .hn-controls{ position:relative; display:flex; align-items:center; justify-content:center; gap:8px; margin-top:8px; }
.home-news .hn-prev,
.home-news .hn-next{
  width:3.5rem; height:3.5rem; border-radius:50%;
  background:#fff; color:#222; box-shadow:0 8px 24px rgba(18,28,53,.1);
}
.home-news .hn-prev::after,
.home-news .hn-next::after{
  /* Swiper default ikonları */
  font-size:1.6rem; font-weight:700;
}
.home-news .hn-dots{ width: 15rem; }

/* Alt "Tüm Haberler" butonu */
.home-news .hn-footer{ display:flex; justify-content:center; margin-top:8px; }
.home-news .hn-all{
  display:inline-block; text-decoration:none; font-weight:800;
  background:var(--hn-accent); color:#fff; padding:10px 14px; border-radius:10px;
}