/*
  z26 — Anasayfa Hizmet Alanları (kademeli kartlar)
  Renkler z26-palet.css, yazı tipi Plus Jakarta Sans (z26-hakkimizda.css) üzerinden gelir.
*/
.z26-ha{
  --z26-vurgu-koyu:#8A6640;
  --z26-ha-basamak:48px;                 /* her kartın bir öncekine göre aşağı kayması */
  float:left;width:100%;position:relative;
  padding:100px 0 110px;
  background-color:var(--z26-zemin-koyu);
  font-family:'Plus Jakarta Sans',sans-serif;
}
.z26-ha ol{list-style:none;margin:0;padding:0}

/* ── Üst başlık ─────────────────────────────────── */
.z26-ha__ust{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:60px;align-items:end;margin-bottom:56px}
.z26-ha__rozet{
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 16px;border:1px solid var(--z26-cizgi);border-radius:50px;
  font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--z26-metin);background:rgba(255,255,255,.55);
}
.z26-ha__rozet:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--z26-vurgu)}
.z26-ha__baslik{
  margin:20px 0 0;max-width:620px;
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:clamp(32px,3.6vw,52px);font-weight:800;line-height:1.08;letter-spacing:-.035em;
  color:var(--z26-metin);
}
.z26-ha__vurgu{font-style:normal;color:var(--z26-vurgu-koyu)}
.z26-ha__aciklama{
  margin:0 0 6px;max-width:420px;justify-self:end;
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:15px;line-height:1.7;letter-spacing:0;color:var(--z26-metin-soluk);
}

/* ── Kademeli kartlar ───────────────────────────── */
.z26-ha__liste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
.z26-ha__liste--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.z26-ha__liste--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.z26-ha__kart:nth-child(2){margin-top:var(--z26-ha-basamak)}
.z26-ha__kart:nth-child(3){margin-top:calc(var(--z26-ha-basamak) * 2)}
.z26-ha__kart:nth-child(4){margin-top:calc(var(--z26-ha-basamak) * 3)}

.z26-ha__kart{
  position:relative;overflow:hidden;
  padding:9px 9px 0;background:#fff;border-radius:20px;
  box-shadow:0 1px 0 rgba(42,37,32,.04);
  transition:transform .35s ease,box-shadow .35s ease;
}
.z26-ha__kart:hover{transform:translateY(-6px);box-shadow:0 26px 50px -26px rgba(42,37,32,.32)}

.z26-ha__gorsel{margin:0;overflow:hidden;border-radius:14px;aspect-ratio:16/7.5;background:var(--z26-zemin)}
.z26-ha__gorsel img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s ease}
.z26-ha__kart:hover .z26-ha__gorsel img{transform:scale(1.05)}

.z26-ha__govde{position:relative;z-index:1;padding:26px 22px 34px}
.z26-ha__kart-baslik{
  margin:0 0 12px;font-family:'Plus Jakarta Sans',sans-serif;
  font-size:21px;font-weight:700;line-height:1.25;letter-spacing:-.025em;color:var(--z26-metin);
}
.z26-ha__kart-baslik a{color:inherit;text-decoration:none}
.z26-ha__kart-baslik a:after{content:"";position:absolute;inset:0;z-index:2}   /* tüm kart tıklanabilir */
.z26-ha__kart-baslik a:focus-visible{outline:none}
.z26-ha__kart:focus-within{outline:2px solid var(--z26-vurgu);outline-offset:3px}
.z26-ha__no{color:var(--z26-vurgu-koyu)}
.z26-ha__metin{
  margin:0;max-width:92%;font-family:'Plus Jakarta Sans',sans-serif;
  font-size:15px;line-height:1.7;letter-spacing:0;color:var(--z26-metin-soluk);
}
.z26-ha__incele{
  display:inline-flex;align-items:center;gap:6px;margin-top:18px;font-family:'Plus Jakarta Sans',sans-serif;
  font-size:13px;font-weight:700;letter-spacing:.02em;color:var(--z26-ana);
  transition:gap .25s,color .25s;
}
.z26-ha__kart:hover .z26-ha__incele{gap:10px;color:var(--z26-vurgu-koyu)}

/* Sağ alttaki büyük silik numara */
.z26-ha__buyuk-no{
  position:absolute;right:18px;bottom:-10px;z-index:0;
  font-family:'Plus Jakarta Sans',sans-serif;font-size:86px;font-weight:800;line-height:1;letter-spacing:-.04em;
  color:rgba(42,37,32,.055);pointer-events:none;user-select:none;
  transition:color .35s ease;
}
.z26-ha__kart:hover .z26-ha__buyuk-no{color:rgba(183,137,90,.18)}

/* ── Duyarlı ────────────────────────────────────── */
@media (max-width:991px){
  .z26-ha{padding:80px 0;--z26-ha-basamak:0px}
  .z26-ha .container{padding:0 20px}
  .z26-ha__ust{grid-template-columns:1fr;gap:18px;margin-bottom:40px}
  .z26-ha__aciklama{justify-self:start;max-width:600px}
  .z26-ha__liste,.z26-ha__liste--4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:575px){
  .z26-ha{padding:60px 0}
  .z26-ha__liste,.z26-ha__liste--4,.z26-ha__liste--2{grid-template-columns:1fr;gap:16px}
  .z26-ha__buyuk-no{font-size:70px}
}
@media (prefers-reduced-motion:reduce){
  .z26-ha__kart,.z26-ha__gorsel img{transition:none}
  .z26-ha__kart:hover{transform:none}
}

/* ── Hizmet Alanı detay sayfası: bağlı ürünler ─── */
.z26-ilgili{margin:56px 0 20px;padding-top:40px;border-top:1px solid var(--z26-cizgi);font-family:'Plus Jakarta Sans',sans-serif}
.z26-ilgili__baslik{margin:0 0 24px !important;font-family:'Plus Jakarta Sans',sans-serif !important;font-size:26px !important;font-weight:800;letter-spacing:-.025em;color:var(--z26-metin) !important}
.z26-ilgili__liste{list-style:none !important;margin:0 !important;padding:0 !important;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}
.z26-ilgili__kart{margin:0 !important;padding:0 !important}
.z26-ilgili__kart:before{display:none !important}
.z26-ilgili__kart a{display:block;height:100%;padding:8px 8px 16px;background:#fff;border:1px solid var(--z26-cizgi);border-radius:16px;text-decoration:none !important;color:var(--z26-metin) !important;transition:transform .3s,box-shadow .3s}
.z26-ilgili__kart a:hover{transform:translateY(-4px);box-shadow:0 18px 36px -20px rgba(42,37,32,.3)}
.z26-ilgili__gorsel{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:11px;background:var(--z26-zemin-koyu);margin-bottom:12px}
.z26-ilgili__gorsel img{width:100%;height:100%;object-fit:cover;display:block}
.z26-ilgili__kart strong{display:block;padding:0 8px;font-size:16px;font-weight:700;letter-spacing:-.01em;color:var(--z26-ana)}
.z26-ilgili__kart small{display:block;padding:4px 8px 0;font-size:13px;color:var(--z26-metin-soluk)}