/* =========================================================
   İçerik sayfaları, blog, fiyatlar, SSS, ilçe sayfaları
   style.css'teki değişkenleri kullanır; kendi rengini tanımlamaz.
   ========================================================= */

/* --- Kırıntı navigasyonu (breadcrumb) ------------------- */
.kirinti{
  font-family:var(--mono);
  font-size:var(--text-label);
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted);
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.5em;
  margin:0 0 1.6rem;
  padding:0;
  list-style:none;
}
.kirinti li{ display:flex; align-items:center; gap:.5em; }
.kirinti li+li::before{ content:"/"; opacity:.42; }
.kirinti a{ color:inherit; text-decoration:none; border-bottom:1px solid transparent; }
.kirinti a:hover{ color:var(--steam-dark); border-bottom-color:currentColor; }
.kirinti [aria-current]{ color:var(--text); }
.kirinti--light{ color:rgba(255,255,255,.72); }
.kirinti--light [aria-current]{ color:#fff; }
.kirinti--light a:hover{ color:var(--steam); }

/* --- GEO Direct Answer / Yapay Zeka Hızlı Bilgi Bloğu --- */
.geo-direct-answer{
  position:relative;
  background:var(--porcelain);
  border:1px solid rgba(23,142,132,.25);
  border-left:4px solid var(--steam-dark);
  border-radius:8px;
  padding:1.15rem 1.35rem;
  margin:1.6rem 0 1.8rem;
  box-shadow:0 4px 14px rgba(7,27,34,.04);
}
.geo-direct-answer__badge{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  font-family:var(--mono);
  font-size:.72rem;
  font-weight:650;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:var(--steam-dark);
  background:rgba(23,142,132,.1);
  padding:.2rem .6rem;
  border-radius:4px;
  margin-bottom:.65rem;
}
.geo-direct-answer p{
  font-size:.96rem;
  line-height:1.58;
  color:var(--text);
  margin:0;
}
.geo-direct-answer p strong{
  color:var(--ink);
  font-weight:650;
}
.geo-direct-answer p a{
  color:var(--steam-dark);
  font-weight:600;
  text-decoration:underline;
  text-underline-offset:3px;
}
.geo-direct-answer p a:hover{
  color:var(--ink);
}

/* --- Sayfa başlığı (blog/içerik hero'su) ---------------- */
.icerik-hero{
  position:relative;
  overflow:clip;
  padding:calc(var(--pad) * 2.55) 0 calc(var(--pad) * 1.35);
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(ellipse 85% 90% at 0% -10%,rgba(23,142,132,.14),transparent 55%),
    radial-gradient(ellipse 55% 60% at 100% 30%,rgba(7,27,34,.05),transparent 52%),
    linear-gradient(180deg,var(--porcelain) 0%,var(--paper) 100%);
}
.icerik-hero::before{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(23,142,132,.35),transparent);
  pointer-events:none;
}
.icerik-hero__in{ position:relative; max-width:52rem; }
.icerik-hero .esik{ margin:0 0 .85rem; color:var(--steam-dark); }
.icerik-hero h1{
  font-family:var(--display);
  font-size:clamp(2.05rem,4.4vw,3.35rem);
  font-weight:590;
  line-height:1.05;
  letter-spacing:-.03em;
  font-variation-settings:"SOFT" 48,"WONK" 0;
  margin:0 0 1rem;
  color:var(--ink);
  max-width:20ch;
  text-wrap:balance;
}
.icerik-hero .lead{
  margin:0;
  max-width:44rem;
  color:var(--muted);
  font-size:clamp(1.02rem,1.35vw,1.12rem);
  line-height:1.65;
}
.icerik-hero__meta{
  display:flex;
  flex-wrap:wrap;
  gap:1.2rem;
  margin-top:1.5rem;
  font-family:var(--mono);
  font-size:var(--text-label);
  letter-spacing:.07em;
  text-transform:uppercase;
  color:var(--muted);
}
.icerik-hero__meta span{ display:inline-flex; align-items:center; gap:.45em; }
.icerik-hero__meta b{ color:var(--text); font-weight:500; }
.icerik-hero__act{
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  gap:.65rem .75rem;
  margin-top:1.75rem;
  max-width:36rem;
}
.icerik-hero__act .btn--wa,
.icerik-hero__act .btn--tel{
  min-height:3.15rem;
  padding:.82rem 1.15rem;
  font-size:.94rem;
  flex:1 1 11rem;
  box-shadow:none;
}
.icerik-hero__act .btn--wa{
  background:var(--ink);
  color:var(--paper);
}
.icerik-hero__act .btn--wa:hover{
  background:var(--ink-2);
  color:var(--paper);
}
.icerik-hero__act .btn--tel{
  background:var(--paper);
  border-color:rgba(7,27,34,.16);
  color:var(--ink);
}
.icerik-hero__act .btn--tel:hover{
  border-color:rgba(18,120,111,.45);
  color:var(--steam-dark);
  background:var(--porcelain);
}
.icerik-hero__act > .text-link{
  flex:1 1 100%;
  margin-top:.1rem;
  font-size:.86rem;
  font-weight:650;
  opacity:.92;
}
@media (max-width:640px){
  .icerik-hero__act{
    flex-direction:column;
    align-items:stretch;
    max-width:none;
  }
  .icerik-hero__act .btn--wa,
  .icerik-hero__act .btn--tel{
    width:100%;
    flex:none;
    justify-content:center;
    white-space:normal;
    text-align:center;
    min-height:3.1rem;
  }
}

/* --- Yazı gövdesi --------------------------------------- */
.yazi{
  max-width:40rem;
  font-size:1.06rem;
  line-height:1.74;
  color:var(--text);
}
.yazi > *+*{ margin-top:1.2em; }
/* Açılış paragrafı: duvar metni hissini hafifçe kırar, içerik aynı kalır */
.yazi > p:first-child{
  font-size:clamp(1.05rem,1.2vw,1.12rem);
  line-height:1.7;
  color:var(--ink);
  max-width:38rem;
}
.yazi > figure:first-child + p{
  font-size:clamp(1.04rem,1.15vw,1.1rem);
  line-height:1.72;
  color:var(--ink);
}
.yazi h2{
  font-family:var(--display);
  font-size:clamp(1.48rem,2.5vw,1.95rem);
  font-weight:560;
  line-height:1.16;
  letter-spacing:-.02em;
  font-variation-settings:"SOFT" 48,"WONK" 0;
  color:var(--ink);
  margin-top:2.85em;
  margin-bottom:.15em;
  scroll-margin-top:6rem;
  text-wrap:balance;
  position:relative;
  padding:1.05em 0 0 .75rem;
}
/* Bölüm ayracı: yeni başlık bir önceki metinden net kopuyor */
.yazi h2:not(:first-child)::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:1px;
  background:linear-gradient(90deg,rgba(23,142,132,.28),rgba(7,27,34,.08) 40%,transparent 85%);
  pointer-events:none;
}
.yazi h2::before{
  content:"";
  position:absolute;
  left:0;
  top:calc(1.05em + .2em);
  bottom:.15em;
  width:2px;
  border-radius:1px;
  background:var(--steam-dark);
  opacity:.85;
}
.yazi h2:first-child{
  margin-top:0;
  padding-top:0;
}
.yazi h2:first-child::after{ content:none; }
.yazi h2:first-child::before{ top:.2em; }
.yazi h3{
  font-family:var(--sans);
  font-weight:700;
  font-size:1.155rem;
  line-height:1.35;
  color:var(--ink);
  margin-top:2em;
  margin-bottom:-.35em;
  scroll-margin-top:6rem;
}
.yazi p{ margin:0; }
.yazi a{
  color:var(--steam-dark);
  text-decoration:none;
  border-bottom:1px solid rgba(23,142,132,.38);
  transition:border-color .18s var(--ease), color .18s var(--ease);
}
.yazi a:hover{ border-bottom-color:currentColor; }
.yazi strong{ font-weight:650; color:var(--ink); }
/* Kısa “etiket + cümle” satırları (ör. Küçük çocuk.) okunaklı */
.yazi p > strong:first-child{
  color:var(--ink);
  font-weight:700;
}
.yazi ul{
  margin:0;
  padding:0;
  list-style:none;
}
.yazi ol{ margin:0; padding-left:1.35em; }
.yazi ul > li{
  position:relative;
  padding:.15rem 0 .15rem 1.15rem;
}
.yazi ul > li::before{
  content:"";
  position:absolute;
  left:0;
  top:.72em;
  width:.38rem;
  height:.38rem;
  border-radius:1px;
  background:var(--steam-dark);
  transform:rotate(45deg);
}
.yazi ol li+li,
.yazi ul li+li{ margin-top:.45em; }
.yazi li::marker{ color:var(--steam-dark); }
/* Bölge çipleri makale gövdesinde de kendi ızgarasını korusun: madde
   girintisi ve satır arası boşluğu iki sütunlu düzeni kaydırıyordu. */
.yazi .zone-places{ margin:1.2em 0 0; padding-left:0; }
.yazi .zone-places li{ padding-left:0; }
.yazi .zone-places li::before{ content:none; display:none; }
.yazi .zone-places li+li{ margin-top:0; }
.yazi figure{
  margin:2.35em 0;
  border:1px solid var(--line);
  border-radius:calc(var(--radius) - 4px);
  overflow:hidden;
  background:var(--porcelain);
}
.yazi figure:first-child{ margin-top:0; }
.yazi figure img{
  width:100%;
  height:auto;
  border-radius:0;
  display:block;
}
/* figure içindeki karşılaştırma ızgarası kendi kenar boşluğunu korusun */
.yazi figure.karsilastirma,
.yazi figure .karsilastirma{
  border:0;
  background:transparent;
  overflow:visible;
  margin:0;
}
.yazi figure.karsilastirma img,
.yazi figure .karsilastirma img{
  border-radius:10px;
}
.yazi figcaption{
  margin:0;
  padding:.78rem 1.05rem .9rem;
  font-size:var(--text-body-sm);
  color:var(--muted);
  line-height:1.5;
  border-top:1px solid var(--line);
  background:var(--paper);
}
.yazi .karsilastirma > figcaption{
  border-top:0;
  padding-inline:0;
  background:transparent;
}
.yazi hr{
  border:0;
  border-top:1px solid var(--line);
  margin:2.6em 0;
}

/* Vurgulu kutu, "sahadan not" */
.not-kutu{
  border-left:3px solid var(--steam-dark);
  background:
    linear-gradient(90deg,rgba(23,142,132,.07),transparent 42%),
    var(--mist);
  border-radius:0 12px 12px 0;
  padding:1.15rem 1.3rem;
  font-size:1rem;
  line-height:1.62;
}
.not-kutu__baslik{
  display:block;
  font-family:var(--mono);
  font-size:var(--text-label);
  letter-spacing:.09em;
  text-transform:uppercase;
  color:var(--steam-dark);
  margin-bottom:.5em;
}
.not-kutu p{ margin:0; }
.not-kutu p+p{ margin-top:.7em; }

/* Uyarı kutusu{
  border-left:3px solid var(--warm);
  background:rgba(233,147,109,.09);
  border-radius:0 12px 12px 0;
  padding:1.15rem 1.3rem;
  font-size:1rem;
  line-height:1.62;
}

/* --- İçindekiler ---------------------------------------- */
.icindekiler{
  background:
    linear-gradient(165deg,rgba(23,142,132,.06),transparent 48%),
    var(--porcelain);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:1.35rem 1.5rem;
  margin:2.2em 0;
}
.icindekiler__baslik{
  font-family:var(--mono);
  font-size:var(--text-label);
  letter-spacing:.09em;
  text-transform:uppercase;
  color:var(--muted);
  margin:0 0 .85rem;
}
.icindekiler ol{
  margin:0;
  padding-left:1.25em;
  font-size:var(--text-body-sm);
  line-height:1.55;
}
.icindekiler li+li{ margin-top:.45em; }
.icindekiler a{ border-bottom-color:transparent; }
.icindekiler a:hover{ border-bottom-color:currentColor; }

/* --- SSS / açılır kapanır ------------------------------- */
.sss{ display:grid; gap:.65rem; max-width:52rem; }
.sss-blok{ margin-top:clamp(2.25rem,4vw,3rem); }
.sss-blok:first-child{ margin-top:0; }
.sss-blok__baslik{
  font-family:var(--display);
  font-size:clamp(1.4rem,2.3vw,1.85rem);
  font-weight:560;
  letter-spacing:-.02em;
  font-variation-settings:"SOFT" 48,"WONK" 0;
  color:var(--ink);
  margin:0 0 1rem;
  scroll-margin-top:6rem;
}
/* SSS konu atlama — düz uzun sayfada gezinmeyi kısaltır */
.sss-atlama{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin:0 0 clamp(1.5rem,3vw,2.1rem);
  padding:0;
  list-style:none;
  max-width:52rem;
}
.sss-atlama a{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  min-height:2.35rem;
  padding:.45rem .9rem;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--paper);
  color:var(--ink);
  font-size:.86rem;
  font-weight:620;
  text-decoration:none;
  line-height:1.25;
  transition:border-color .18s var(--ease), color .18s var(--ease),
             background .18s var(--ease);
}
.sss-atlama a:hover{
  border-color:rgba(23,142,132,.42);
  color:var(--steam-dark);
  background:rgba(23,142,132,.05);
}
.sss-atlama a:focus-visible{
  outline:2px solid var(--steam);
  outline-offset:2px;
}
.sss__q{
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--paper);
  overflow:hidden;
  transition:border-color .22s var(--ease), box-shadow .22s var(--ease);
}
.sss__q[open]{
  border-color:rgba(23,142,132,.42);
  box-shadow:0 14px 34px -26px rgba(7,27,34,.35);
}
.sss__q summary{
  cursor:pointer;
  padding:1.05rem 3rem 1.05rem 1.25rem;
  font-weight:600;
  font-size:1.03rem;
  line-height:1.42;
  color:var(--ink);
  position:relative;
  list-style:none;
}
.sss__q summary::-webkit-details-marker{ display:none; }
.sss__q summary::after{
  content:"";
  position:absolute;
  right:1.25rem;
  top:50%;
  width:9px;
  height:9px;
  border-right:2px solid var(--steam-dark);
  border-bottom:2px solid var(--steam-dark);
  transform:translateY(-70%) rotate(45deg);
  transition:transform .22s var(--ease);
}
.sss__q[open] summary::after{ transform:translateY(-30%) rotate(225deg); }
.sss__q summary:hover{ color:var(--steam-dark); }
.sss__a{
  padding:0 1.25rem 1.25rem;
  font-size:1rem;
  line-height:1.68;
  color:var(--text);
}
.sss__a > *+*{ margin-top:.8em; }
.sss__a p{ margin:0; }
.sss__a ul{ margin:0; padding-left:1.3em; }
.sss__a li+li{ margin-top:.4em; }
.sss__a a{ color:var(--steam-dark); }

/* --- Adım kartları (3 bilgi vb.) ------------------------- */
.adim-izgara{
  list-style:none;
  margin:1.5rem 0 0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.85rem;
  max-width:52rem;
  counter-reset:adim;
}
.adim-izgara > li{
  counter-increment:adim;
  position:relative;
  margin:0;
  padding:1.2rem 1.15rem 1.25rem;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:
    linear-gradient(165deg,rgba(23,142,132,.06),transparent 42%),
    var(--paper);
  display:flex;
  flex-direction:column;
  gap:.45rem;
  transition:border-color .22s var(--ease), transform .28s var(--ease);
}
.adim-izgara > li::before{
  content:counter(adim, decimal-leading-zero);
  font-family:var(--mono);
  font-size:.62rem;
  font-weight:700;
  letter-spacing:.12em;
  color:var(--steam-dark);
}
.adim-izgara > li strong{
  font-family:var(--display);
  font-size:1.15rem;
  font-weight:560;
  letter-spacing:-.02em;
  font-variation-settings:"SOFT" 42,"WONK" 0;
  color:var(--ink);
  line-height:1.2;
}
.adim-izgara > li span{
  color:var(--muted);
  font-size:.9rem;
  line-height:1.55;
  font-weight:400;
}
@media (hover:hover) and (pointer:fine){
  .adim-izgara > li:hover{
    border-color:rgba(23,142,132,.38);
    transform:translateY(-2px);
  }
}

/* --- Fiyat tablosu / faktör kartları -------------------- */
.faktor-izgara{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.85rem;
  margin:1.35rem 0 0;
  max-width:52rem;
  counter-reset:faktor;
}

/* Uzun metin şeridi, düz “duvar” hissini kırar */
.metin-pano{
  margin:clamp(2.4rem,4.5vw,3.4rem) 0 0;
  padding:clamp(1.5rem,3vw,2.2rem);
  border:1px solid var(--line);
  border-radius:calc(var(--radius) + 2px);
  background:
    radial-gradient(ellipse 70% 80% at 100% 0%,rgba(23,142,132,.07),transparent 55%),
    var(--porcelain);
  max-width:52rem;
}
.metin-pano .yazi{ max-width:44rem; }
.metin-pano .yazi h2:first-child{ margin-top:0; }

/* İlgili rehber link ızgarası */
.rehber-izgara{
  list-style:none;
  margin:1rem 0 0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));
  gap:.65rem;
  max-width:52rem;
}
.rehber-izgara a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  min-height:3.4rem;
  padding:.9rem 1.05rem;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--paper);
  color:var(--ink);
  font-weight:600;
  font-size:.94rem;
  line-height:1.35;
  text-decoration:none;
  transition:border-color .2s var(--ease), transform .25s var(--ease),
             color .2s var(--ease);
}
.rehber-izgara a::after{
  content:"↗";
  flex:none;
  color:var(--steam-dark);
  font-size:.85em;
  opacity:.75;
}
.rehber-izgara a:hover{
  border-color:rgba(23,142,132,.42);
  color:var(--steam-dark);
  transform:translateY(-1px);
}
.motion-ready .adim-izgara > li,
.motion-ready .rehber-izgara a{
  opacity:0;
  transform:translate3d(0,12px,0);
  transition:
    opacity .55s var(--ease),
    transform .55s var(--ease),
    border-color .22s var(--ease),
    box-shadow .28s var(--ease);
}
.motion-ready .adim-izgara.is-visible > li,
.motion-ready .rehber-izgara.is-visible a,
.motion-ready [data-reveal].is-visible .adim-izgara > li,
.motion-ready [data-reveal].is-visible .rehber-izgara a{
  opacity:1;
  transform:none;
}
.motion-ready .adim-izgara.is-visible > li:nth-child(1),
.motion-ready .rehber-izgara.is-visible a:nth-child(1){ transition-delay:.04s; }
.motion-ready .adim-izgara.is-visible > li:nth-child(2),
.motion-ready .rehber-izgara.is-visible a:nth-child(2){ transition-delay:.09s; }
.motion-ready .adim-izgara.is-visible > li:nth-child(3),
.motion-ready .rehber-izgara.is-visible a:nth-child(3){ transition-delay:.14s; }
.motion-ready .rehber-izgara.is-visible a:nth-child(4){ transition-delay:.19s; }

@media (prefers-reduced-motion:reduce){
  .motion-ready .adim-izgara > li,
  .motion-ready .rehber-izgara a{
    opacity:1;
    transform:none;
    transition:none;
  }
  .adim-izgara > li:hover,
  .rehber-izgara a:hover{ transform:none; }
}

/* --- Blog listesi --------------------------------------- */
.blog-izgara{
  display:grid;
  gap:clamp(1.2rem,2.4vw,1.9rem);
  grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));
}
.blog-kart{
  display:flex;
  flex-direction:column;
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:var(--radius);
  overflow:hidden;
  transition:transform .28s var(--ease), box-shadow .28s var(--ease),
             border-color .28s var(--ease);
}
.blog-kart:hover{
  transform:translateY(-3px);
  border-color:rgba(23,142,132,.4);
  box-shadow:0 14px 34px -18px rgba(7,27,34,.4);
}
.blog-kart__gorsel{
  aspect-ratio:16/10;
  background:var(--mist);
  overflow:hidden;
}
.blog-kart__gorsel img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .5s var(--ease);
}
.blog-kart:hover .blog-kart__gorsel img{ transform:scale(1.04); }
.blog-kart__govde{
  padding:1.25rem 1.35rem 1.5rem;
  display:flex;
  flex-direction:column;
  flex:1;
  gap:.6rem;
}
.blog-kart__etiket{
  font-family:var(--mono);
  font-size:var(--text-label);
  letter-spacing:.09em;
  text-transform:uppercase;
  color:var(--steam-dark);
}
.blog-kart h2,
.blog-kart h3{
  font-family:var(--display);
  font-size:1.25rem;
  line-height:1.24;
  letter-spacing:-.012em;
  margin:0;
  color:var(--ink);
}
.blog-kart h2 a,
.blog-kart h3 a{ color:inherit; text-decoration:none; }
.blog-kart h2 a::after,
.blog-kart h3 a::after{ content:""; position:absolute; inset:0; }
.blog-kart{ position:relative; }
.blog-kart p{
  margin:0;
  font-size:var(--text-body-sm);
  line-height:1.6;
  color:var(--muted);
}
.blog-kart__alt{
  margin-top:auto;
  padding-top:.5rem;
  font-family:var(--mono);
  font-size:var(--text-label);
  letter-spacing:.07em;
  text-transform:uppercase;
  color:var(--muted);
}

/* Öne çıkan yazı */
.blog-one-cikan{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:clamp(1.4rem,3vw,2.6rem);
  align-items:center;
  background:var(--porcelain);
  border:1px solid var(--line);
  border-radius:var(--radius);
  overflow:hidden;
  margin-bottom:clamp(1.6rem,3vw,2.6rem);
}
.blog-one-cikan__gorsel{ aspect-ratio:4/3; }
.blog-one-cikan__gorsel img{
  width:100%; height:100%; object-fit:cover; display:block;
}
.blog-one-cikan__govde{ padding:clamp(1.4rem,3vw,2.4rem); }
.blog-one-cikan h2{
  font-family:var(--display);
  font-size:clamp(1.6rem,2.9vw,2.3rem);
  line-height:1.12;
  letter-spacing:-.018em;
  margin:.6rem 0 .8rem;
  color:var(--ink);
  text-wrap:balance;
}
.blog-one-cikan h2 a{ color:inherit; text-decoration:none; }
.blog-one-cikan p{ margin:0 0 1.2rem; color:var(--muted); line-height:1.65; }
@media (max-width:760px){
  .blog-one-cikan{ grid-template-columns:1fr; }
  .blog-one-cikan__gorsel{ aspect-ratio:16/10; }
}

/* --- Yazı sonu Editöryal Çağrı Alanı (Açık Ton) ------------ */
.yazi-cta{
  position:relative;
  margin-top:clamp(3.5rem,6vw,5rem);
  padding:clamp(2rem,4vw,3rem) clamp(1.8rem,3.5vw,2.75rem);
  background:linear-gradient(135deg, rgba(234,243,240,.6) 0%, rgba(252,252,249,.95) 100%);
  border:1px solid rgba(18,120,111,.15);
  border-left:4px solid var(--steam-dark);
  border-radius:var(--radius);
  max-width:40rem;
  box-shadow:0 6px 24px rgba(7,27,34,.03);
}
.yazi-cta__tag{
  display:block;
  margin:0 0 .6rem;
  font-family:var(--mono);
  font-size:var(--text-label);
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--steam-dark);
}
.yazi-cta h2{
  font-family:var(--display);
  font-size:clamp(1.6rem,3vw,2.15rem);
  font-weight:550;
  line-height:1.18;
  margin:0 0 .75rem;
  color:var(--ink);
  letter-spacing:-.025em;
  font-variation-settings:"SOFT" 50, "WONK" 0;
}
.yazi-cta__lead{
  margin:0 0 1.75rem;
  color:var(--muted);
  line-height:1.6;
  font-size:clamp(.98rem,1.4vw,1.08rem);
  max-width:36rem;
}
.yazi-cta__act{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:1rem 1.6rem;
  padding-top:1.1rem;
  border-top:1px solid rgba(7,27,34,.08);
}
.yazi-cta__act .btn--wa{
  background:var(--steam-dark);
  color:#fff;
  border-radius:calc(var(--radius) - 2px);
  padding:.85rem 1.6rem;
  font-weight:650;
  text-decoration:none;
  box-shadow:0 4px 12px rgba(18,120,111,.2);
}
.yazi-cta__act .btn--wa:hover{
  background:var(--ink);
  color:#fff;
}
.yazi-cta__tel{
  display:inline-flex;
  flex-direction:row;
  align-items:center;
  gap:.75rem;
  padding:.55rem 1rem;
  border-radius:.85rem;
  background:rgba(7, 27, 34, .04);
  border:1px solid rgba(7, 27, 34, .1);
  color:var(--ink);
  text-decoration:none;
  font-family:var(--font-body);
  font-size:1.02rem;
  font-weight:700;
  transition:transform .2s var(--ease), background .2s, border-color .2s, color .2s;
}
.yazi-cta__tel:hover{
  background:rgba(7, 27, 34, .08);
  border-color:var(--ink);
  color:var(--ink);
  transform:translateY(-1px);
}
.yazi-cta__tel .ico{
  width:34px;
  height:34px;
  min-width:34px;
  padding:6px;
  border-radius:8px;
  background:rgba(14, 59, 72, .1);
  color:var(--ink);
  border:1px solid rgba(7, 27, 34, .12);
  box-sizing:border-box;
}
.yazi-cta__tel-sub{
  display:block;
  font-family:var(--mono);
  font-size:.62rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--muted);
}
@media (max-width:640px){
  .yazi-cta__act{flex-direction:column}
  /* Dar ekranda çağrı düğmeleri tam genişlik ve parmak dostu yükseklikte.
     min-height bildirimi daha önce bloğun dışında kalmıştı (ayrıştırıcı
     atıyordu); icerik-hero__act ile aynı ölçüye geri alındı. */
  .yazi-cta__act .btn{width:100%; flex:none; min-height:3.1rem;}
}

/* --- İlgili yazılar ------------------------------------- */
.ilgili{ margin-top:3.4rem; max-width:44rem; }
.ilgili__baslik{
  font-family:var(--mono);
  font-size:var(--text-label);
  letter-spacing:.09em;
  text-transform:uppercase;
  color:var(--muted);
  margin:0 0 1rem;
}
.ilgili__liste{ list-style:none; margin:0; padding:0; display:grid; gap:.15rem; }
.ilgili__liste li{ border-top:1px solid var(--line); }
.ilgili__liste li:last-child{ border-bottom:1px solid var(--line); }
.ilgili__liste a{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:1rem;
  padding:.95rem .2rem;
  color:var(--ink);
  text-decoration:none;
  font-weight:550;
  line-height:1.4;
  transition:color .18s var(--ease), padding-left .22s var(--ease);
}
.ilgili__liste a:hover{ color:var(--steam-dark); padding-left:.55rem; }
.ilgili__liste span{
  font-family:var(--mono);
  font-size:var(--text-label);
  color:var(--muted);
  flex:none;
}

/* --- 404 ------------------------------------------------ */
.hata-sayfa{
  min-height:72vh;
  display:grid;
  place-items:center;
  text-align:center;
  padding:calc(var(--pad) * 2) var(--pad);
}
.hata-sayfa__kod{
  font-family:var(--mono);
  font-size:var(--text-label);
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--steam-dark);
  margin:0 0 1rem;
}
.hata-sayfa h1{
  font-family:var(--display);
  font-size:var(--text-display-md);
  line-height:1.08;
  letter-spacing:-.02em;
  margin:0 0 1rem;
  color:var(--ink);
}
.hata-sayfa p{ color:var(--muted); max-width:34rem; margin:0 auto 1.8rem; line-height:1.65; }
.hata-sayfa__linkler{
  display:flex;
  flex-wrap:wrap;
  gap:.7rem;
  justify-content:center;
}

@media (max-width:900px){
  .adim-izgara{ grid-template-columns:1fr; }
  .faktor-izgara{ grid-template-columns:1fr; }
}
@media (max-width:760px){
  .yazi{ font-size:1.03rem; }
  .icerik-hero{ padding-top:calc(72px + var(--pad)); }
  .icerik-hero h1{ max-width:none; font-size:clamp(1.9rem,8.2vw,2.5rem); }
  .rehber-izgara{ grid-template-columns:1fr; }
}

@media (max-width:420px){
  .blog-izgara{grid-template-columns:minmax(0,1fr)}
  .kirinti li:last-child{ display:none; }
}

/* ---------- Vaka sayfaları (/isler/<slug>) ---------- */
/* Künye: işin doğrulanmış alanları. Boş alan hiç basılmıyor, bu yüzden
   satır sayısı vakadan vakaya değişebiliyor. */
.vaka-kunye{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));
  gap:1px;
  margin:0 0 clamp(2rem,4vw,3rem);
  padding:0;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--line);
  overflow:hidden;
}
.vaka-kunye>div{
  display:flex;
  flex-direction:column;
  gap:.45rem;
  padding:clamp(1rem,2.2vw,1.35rem);
  background:var(--paper);
}
.vaka-kunye dt{
  color:var(--steam-dark);
  font-family:var(--mono);
  font-size:.58rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.vaka-kunye dd{
  margin:0;
  color:var(--ink);
  font-size:.95rem;
  line-height:1.55;
}
.vaka-kunye a{color:var(--steam-dark);font-weight:650}

/* Önce/sonra kaydırıcısı yazı genişliğinde kalsın */
.page-sec .ba{
  max-width:640px;
  margin-inline:auto;
}

.vaka-galeri{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));
  gap:clamp(.75rem,2vw,1.25rem);
  margin:clamp(1.5rem,3vw,2.5rem) 0;
}
.vaka-media{
  margin:0;
  border-radius:var(--radius);
  overflow:hidden;
  background:var(--porcelain);
}
.vaka-media img{
  display:block;
  width:100%;
  height:auto;
  vertical-align:middle;
}
.vaka-media--video video{
  display:block;
  width:100%;
  height:auto;
  background:#071b22;
}
.vaka-media figcaption{
  padding:.65rem .85rem;
  color:var(--muted);
  font-size:.85rem;
  line-height:1.4;
}

.vaka-ilgili{
  margin:clamp(2rem,4vw,3rem) 0 0;
  padding-top:clamp(1.25rem,3vw,1.75rem);
  border-top:1px solid var(--line);
}
.vaka-ilgili__baslik{
  margin:0 0 1rem;
  color:var(--steam-dark);
  font-family:var(--mono);
  font-size:.58rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.vaka-ilgili__liste{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));
  gap:1rem;
}
.vaka-ilgili__kart{
  display:flex;
  flex-direction:column;
  gap:.45rem;
  color:inherit;
  text-decoration:none;
}
.vaka-ilgili__gorsel{
  border-radius:var(--radius);
  overflow:hidden;
  background:var(--porcelain);
}
.vaka-ilgili__gorsel img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3/4;
  object-fit:cover;
}
.vaka-ilgili__ad{
  font-family:var(--display);
  font-size:1.05rem;
  font-weight:600;
  letter-spacing:-.02em;
}
.vaka-ilgili__meta{
  color:var(--muted);
  font-size:.85rem;
}

.vaka-dosya-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));
  gap:clamp(1rem,2.5vw,1.5rem);
}
.vaka-dosya-kart{
  margin:0;
}
.vaka-dosya-kart__link{
  display:flex;
  flex-direction:column;
  gap:.55rem;
  color:inherit;
  text-decoration:none;
  height:100%;
}
.vaka-dosya-kart__gorsel{
  border-radius:var(--radius);
  overflow:hidden;
  background:var(--porcelain);
}
.vaka-dosya-kart__gorsel img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3/4;
  object-fit:cover;
}
.vaka-dosya-kart__baslik{
  margin:0;
  font-family:var(--display);
  font-size:clamp(1.15rem,2vw,1.35rem);
  font-weight:600;
  letter-spacing:-.02em;
  line-height:1.25;
}
.vaka-dosya-kart__meta{
  margin:0;
  color:var(--muted);
  font-size:.9rem;
}

/* Dağıtım kartları (hizmet / ilçe / ana sayfa inject) */
.calisma-dagitim{
  margin-top:0;
}
.calisma-dagitim__head{
  margin-bottom:clamp(1.25rem,3vw,1.75rem);
}
.calisma-dagitim__lead{
  max-width:40rem;
}
.calisma-kart-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));
  gap:clamp(1rem,2.5vw,1.5rem);
}
.calisma-kart{margin:0}
.calisma-kart__link{
  display:flex;
  flex-direction:column;
  gap:.5rem;
  color:inherit;
  text-decoration:none;
  height:100%;
}
.calisma-kart__gorsel{
  border-radius:var(--radius,12px);
  overflow:hidden;
  background:var(--porcelain,#f4f1eb);
}
.calisma-kart__gorsel img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3/4;
  object-fit:cover;
}
.calisma-kart__baslik{
  margin:0;
  font-family:var(--display);
  font-size:clamp(1.1rem,2vw,1.3rem);
  font-weight:600;
  letter-spacing:-.02em;
  line-height:1.25;
}
.calisma-kart__meta{
  margin:0;
  color:var(--muted);
  font-size:.88rem;
}
.calisma-kart__ozet{
  margin:0;
  color:var(--ink-soft,var(--ink));
  font-size:.92rem;
  line-height:1.5;
}
.calisma-kart__cta{
  margin-top:auto;
  color:var(--steam-dark,#1D5D80);
  font-weight:650;
  font-size:.9rem;
}



/* İki kareli önce–sonra karşılaştırması (far parlatma gibi). Aynı açıdan
   çekilmiş iki görsel yan yana; mobilde de yan yana kalıyor, çünkü asıl
   değer ikisini aynı anda görebilmek. */
.karsilastirma,
.yazi .karsilastirma{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.6rem;
  margin:1.6rem 0;
}
.karsilastirma img,
.yazi .karsilastirma img{
  width:100%;
  height:auto;
  border-radius:10px;
  margin:0;
}
.karsilastirma figcaption,
.yazi .karsilastirma figcaption{
  grid-column:1 / -1;
  margin-top:.2rem;
}
.karsilastirma--media{margin:0}

/* =========================================================
   Fiyatlar sayfası — editorial layout + sol/sağ reveal
   ========================================================= */
.fiyat-page .page-sec{padding-block:clamp(2.75rem,5.5vw,4.25rem)}
.fiyat-page .page-sec--soft{
  background:var(--porcelain);
  border-block:1px solid var(--line);
}
.fiyat-page .page-sec--ink{
  background:var(--ink);
  color:var(--paper);
  border:0;
}
.fiyat-page .page-sec--ink .esik{color:var(--steam)}
.fiyat-page .page-sec--ink h2{
  color:var(--paper);
  font-family:var(--display);
  font-size:clamp(1.7rem,3.2vw,2.5rem);
  font-weight:560;
  letter-spacing:-.03em;
  font-variation-settings:"SOFT" 48,"WONK" 0;
  margin:0 0 .75rem;
  max-width:16ch;
}
.fiyat-page .page-sec--ink .lead{
  margin:0;
  max-width:42ch;
  color:rgba(255,255,255,.62);
  font-size:.98rem;
}

/* Hero: metin sol, yol kartı sağ */
.fiyat-hero{
  position:relative;
  overflow:clip;
  padding:calc(var(--pad) * 2.5) 0 clamp(2.4rem,5vw,3.5rem);
  background:
    radial-gradient(ellipse 70% 80% at 0% 0%,rgba(23,142,132,.16),transparent 55%),
    radial-gradient(ellipse 50% 60% at 100% 20%,rgba(7,27,34,.06),transparent 50%),
    linear-gradient(180deg,var(--porcelain) 0%,var(--paper) 100%);
  border-bottom:1px solid var(--line);
}
.fiyat-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(16rem,.85fr);
  gap:clamp(1.75rem,4vw,3.25rem);
  align-items:end;
}
.fiyat-hero .kirinti{margin-bottom:1.25rem}
.fiyat-hero .esik{margin:0 0 .85rem;color:var(--steam-dark)}
.fiyat-hero h1{
  margin:0;
  max-width:14ch;
  font-family:var(--display);
  font-size:clamp(2.3rem,5vw,3.65rem);
  font-weight:590;
  line-height:1.02;
  letter-spacing:-.035em;
  font-variation-settings:"SOFT" 48,"WONK" 0;
  color:var(--ink);
  text-wrap:balance;
}
.fiyat-hero .lead{
  margin:1.15rem 0 0;
  max-width:40ch;
  color:var(--muted);
  font-size:clamp(1rem,1.3vw,1.1rem);
  line-height:1.62;
}
.fiyat-hero__act{
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  gap:.65rem .75rem;
  margin-top:1.6rem;
  max-width:36rem;
}
.fiyat-hero__act .btn--wa,
.fiyat-hero__act .btn--tel{
  min-height:3.15rem;
  padding:.82rem 1.15rem;
  font-size:.94rem;
  flex:1 1 11rem;
  box-shadow:none;
}
.fiyat-hero__act .btn--wa{
  background:var(--ink);
  color:var(--paper);
}
.fiyat-hero__act .btn--wa:hover{
  background:var(--ink-2);
  color:var(--paper);
}
.fiyat-hero__act .btn--tel{
  background:var(--paper);
  border-color:rgba(7,27,34,.16);
  color:var(--ink);
}
.fiyat-hero__act .btn--tel:hover{
  border-color:rgba(18,120,111,.45);
  color:var(--steam-dark);
  background:var(--porcelain);
}
.fiyat-hero__act > .text-link{
  flex:1 1 100%;
  margin-top:.1rem;
  font-size:.86rem;
  font-weight:650;
}
@media (max-width:640px){
  .fiyat-hero__act{
    flex-direction:column;
    align-items:stretch;
    max-width:none;
  }
  .fiyat-hero__act .btn--wa,
  .fiyat-hero__act .btn--tel{
    width:100%;
    flex:none;
    justify-content:center;
    white-space:normal;
    text-align:center;
    min-height:3.1rem;
  }
}
.fiyat-bolum__bas{
  max-width:40rem;
  margin:0 0 clamp(1.5rem,3vw,2.25rem);
}
.fiyat-bolum__bas h2{
  margin:.3rem 0 .7rem;
  font-family:var(--display);
  font-size:clamp(1.75rem,3.2vw,2.55rem);
  font-weight:560;
  letter-spacing:-.03em;
  font-variation-settings:"SOFT" 48,"WONK" 0;
  color:var(--ink);
  max-width:16ch;
  line-height:1.08;
}
.fiyat-bolum__bas p{
  margin:0;
  max-width:44ch;
  color:var(--muted);
  line-height:1.6;
  font-size:.98rem;
}

/* Fiyat faktörleri: sağlı sollu satırlar */
.fiyat-ray{
  display:grid;
  gap:0;
  margin:0;
}
.fiyat-ray__item{
  display:grid;
  grid-template-columns:minmax(4.5rem,7rem) minmax(0,1fr);
  gap:clamp(1rem,3vw,2rem);
  align-items:center;
  padding:clamp(1.35rem,2.8vw,1.85rem) 0;
  border-top:1px solid var(--line);
}
.fiyat-ray__item:last-child{border-bottom:1px solid var(--line)}
.fiyat-ray__item--flip{
  grid-template-columns:minmax(0,1fr) minmax(4.5rem,7rem);
}
.fiyat-ray__item--flip .fiyat-ray__no{order:2;text-align:right}
.fiyat-ray__item--flip .fiyat-ray__govde{order:1}
.fiyat-ray__no{
  font-family:var(--display);
  font-size:clamp(2.4rem,4.5vw,3.4rem);
  font-weight:520;
  line-height:.9;
  letter-spacing:-.04em;
  font-variation-settings:"SOFT" 70,"WONK" 1;
  color:rgba(23,142,132,.28);
}
.fiyat-ray__govde{
  padding:1.15rem 1.25rem 1.25rem;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--paper);
  transition:border-color .22s var(--ease), transform .28s var(--ease),
             box-shadow .28s var(--ease);
}
@media (hover:hover) and (pointer:fine){
  .fiyat-ray__item.is-visible .fiyat-ray__govde:hover{
    border-color:rgba(23,142,132,.4);
    transform:translateY(-2px);
    box-shadow:0 18px 36px -28px rgba(7,27,34,.4);
  }
}
.fiyat-ray__govde h3{
  margin:0 0 .4rem;
  font-family:var(--display);
  font-size:clamp(1.2rem,2vw,1.45rem);
  font-weight:560;
  letter-spacing:-.02em;
  font-variation-settings:"SOFT" 42,"WONK" 0;
  color:var(--ink);
  line-height:1.2;
}
.fiyat-ray__govde p{
  margin:0;
  color:var(--muted);
  font-size:.94rem;
  line-height:1.55;
}

/* Dahil / hariç ikili paneller */
.fiyat-ikili{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(1rem,2.5vw,1.5rem);
  align-items:stretch;
}
.fiyat-panel{
  margin:0;
  padding:clamp(1.35rem,2.8vw,1.85rem);
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--paper);
}
.fiyat-panel--in{
  background:
    linear-gradient(165deg,rgba(23,142,132,.09),transparent 50%),
    var(--paper);
  border-color:rgba(23,142,132,.28);
}
.fiyat-panel--out{
  background:
    linear-gradient(165deg,rgba(233,147,109,.1),transparent 50%),
    var(--paper);
}
.fiyat-panel h3{
  margin:0 0 .9rem;
  font-family:var(--display);
  font-size:clamp(1.25rem,2vw,1.5rem);
  font-weight:560;
  letter-spacing:-.02em;
  color:var(--ink);
}
.fiyat-panel ul{
  list-style:none;
  margin:0;
  padding:0;
}
.fiyat-panel li{
  position:relative;
  padding:.5rem 0 .5rem 1.15rem;
  border-top:1px solid var(--line);
  color:var(--text);
  font-size:.94rem;
  line-height:1.5;
}
.fiyat-panel li:first-child{border-top:0;padding-top:0}
.fiyat-panel li::before{
  content:"";
  position:absolute;
  left:0;
  top:.85em;
  width:.35rem;
  height:.35rem;
  border-radius:1px;
  background:var(--steam-dark);
  transform:rotate(45deg);
}
.fiyat-panel--out li::before{background:var(--warm,#c97a4a)}

/* Takım tipleri */
.fiyat-modeller{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.85rem;
  margin:0;
  padding:0;
  list-style:none;
}
.fiyat-modeller > li{
  padding:1.15rem 1.15rem 1.25rem;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--paper);
  transition:border-color .22s var(--ease), transform .28s var(--ease);
}
@media (hover:hover) and (pointer:fine){
  .fiyat-modeller > li:hover{
    border-color:rgba(23,142,132,.38);
    transform:translateY(-2px);
  }
}
.fiyat-modeller strong{
  display:block;
  margin-bottom:.4rem;
  font-family:var(--display);
  font-size:1.12rem;
  font-weight:560;
  letter-spacing:-.02em;
  color:var(--ink);
  line-height:1.2;
}
.fiyat-modeller span{
  color:var(--muted);
  font-size:.9rem;
  line-height:1.5;
}

/* Editorial split rows */
.fiyat-ed{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(1.25rem,3.5vw,2.75rem);
  align-items:start;
  padding-block:clamp(1.75rem,3.5vw,2.5rem);
  border-top:1px solid var(--line);
}
.fiyat-ed:first-child{border-top:0;padding-top:0}
.fiyat-ed--flip .fiyat-ed__etiket{order:2}
.fiyat-ed--flip .fiyat-ed__govde{order:1}
.fiyat-ed__etiket{
  margin:0;
  max-width:14ch;
  font-family:var(--display);
  font-size:clamp(1.45rem,2.6vw,1.95rem);
  font-weight:560;
  letter-spacing:-.03em;
  font-variation-settings:"SOFT" 48,"WONK" 0;
  color:var(--ink);
  line-height:1.12;
}
.fiyat-ed__govde{
  margin:0;
  color:var(--text);
  font-size:1.02rem;
  line-height:1.68;
}
.fiyat-ed__govde p{margin:0}
.fiyat-ed__govde p + p{margin-top:.85em}
.fiyat-ed__govde a{
  color:var(--steam-dark);
  text-decoration:none;
  border-bottom:1px solid rgba(23,142,132,.38);
}
.fiyat-ed__govde a:hover{border-bottom-color:currentColor}

/* Hizmet link şeridi */
.fiyat-hizmetler{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  margin:1.1rem 0 0;
  padding:0;
  list-style:none;
}
.fiyat-hizmetler a{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  padding:.55rem .9rem;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  color:rgba(255,255,255,.88);
  font-size:.86rem;
  font-weight:650;
  text-decoration:none;
  transition:border-color .2s, color .2s, background .2s;
}
.fiyat-hizmetler a:hover{
  border-color:var(--steam);
  color:var(--steam);
  background:rgba(23,142,132,.1);
}

/* Stagger for model cards children when parent visible */
.motion-ready .fiyat-modeller[data-reveal] > li{
  opacity:0;
  transform:translate3d(0,12px,0);
  transition:opacity .5s var(--ease), transform .5s var(--ease),
             border-color .22s var(--ease);
}
.motion-ready .fiyat-modeller[data-reveal].is-visible > li{
  opacity:1;
  transform:none;
}
.motion-ready .fiyat-modeller[data-reveal].is-visible > li:nth-child(1){transition-delay:.04s}
.motion-ready .fiyat-modeller[data-reveal].is-visible > li:nth-child(2){transition-delay:.08s}
.motion-ready .fiyat-modeller[data-reveal].is-visible > li:nth-child(3){transition-delay:.12s}
.motion-ready .fiyat-modeller[data-reveal].is-visible > li:nth-child(4){transition-delay:.16s}
.motion-ready .fiyat-modeller[data-reveal].is-visible > li:nth-child(5){transition-delay:.2s}

.fiyat-page .sss{max-width:none}
.fiyat-page .yazi-cta{max-width:none}

/* =========================================================
   Fiyat listesi — defter dizgisi
   Sayfanin omurgasi tipografi ve ince cizgi: kutu, dolgu ve
   renkli rozet yok. Rakamlar display ailesinde, tabular-nums
   ile ortak bir eksende saga hizali; satir adi ile rakam ayni
   yazi cizgisinde otursun diye grid baseline hizasi kullanildi.
   Indirim vurgusu tek satir mono: ustu cizili liste fiyati +
   fark. Kagit uzerinde AA'yi tutan koyu kiremit tonu.
   ========================================================= */
.fiyat-page{
  --fl-kural:rgba(7,27,34,.26);
  /* Damga murekkebi: hero muhurleriyle ayni aile, kagit uzerinde
     beyaz yaziyi tasiyacak kadar koyu (7.9:1). */
  --fl-muhur:#a8451f;
}

/* Indirim damgasi — hero muhurlerinin kucuk kardesi: dolu murekkep,
   kose yuvarlamasi 2px (hap degil), hafif egik basilmis duruyor. */
.fl-damga,
.endeks__damga,
.kampanya-band__damga{
  display:inline-block;
  padding:.3rem .52rem .26rem;
  border-radius:2px;
  background:var(--fl-muhur);
  color:var(--paper);
  font-family:var(--mono);
  font-size:.66rem;
  font-weight:700;
  letter-spacing:.07em;
  text-transform:uppercase;
  line-height:1;
  white-space:nowrap;
  transform:rotate(-1.2deg);
}
.fl-damga{margin-left:.55rem;vertical-align:.18em}

/* Liste fiyatindan web fiyatina gecis: iki rakam da okunur boyda,
   aradaki ok dususu acik ediyor. */
.fl-gecis{
  display:inline-flex;
  align-items:baseline;
  gap:.5rem;
  white-space:nowrap;
}
.fl-eski{
  font-family:var(--display);
  font-size:clamp(1rem,1.55vw,1.22rem);
  font-weight:520;
  letter-spacing:-.02em;
  font-variant-numeric:tabular-nums;
  color:var(--muted);
}
.fl-eski s{
  text-decoration-line:line-through;
  text-decoration-color:var(--fl-muhur);
  text-decoration-thickness:2px;
}
.fl-ok{
  font-size:.9rem;
  font-weight:700;
  color:var(--fl-muhur);
  transform:translateY(-.08em);
}

/* Bolum ustu kampanya bandi */
.kampanya-band{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:.55rem .8rem;
  margin:0 0 1.5rem;
  padding:.9rem 1.05rem;
  max-width:62rem;
  border:1px solid rgba(168,69,31,.28);
  border-left:3px solid var(--fl-muhur);
  border-radius:4px;
  background:rgba(233,147,109,.09);
  color:var(--text);
  font-size:.92rem;
  line-height:1.55;
}
.kampanya-band strong{color:var(--fl-muhur);font-weight:700}
.kampanya-band > span:last-child{flex:1 1 22rem;min-width:0}

/* Hero sag sutun: kart degil, dizgi endeksi */
.fiyat-hero__grid{
  grid-template-columns:minmax(0,1fr) minmax(17rem,.72fr);
  align-items:end;
}
.endeks{margin:0}
.endeks__baslik{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:1rem;
  margin:0 0 .6rem;
  font-family:var(--mono);
  font-size:.62rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--steam-dark);
}
.endeks__baslik > span:last-child{color:var(--muted)}
.endeks__liste{
  margin:0;
  border-top:1.5px solid var(--fl-kural);
}
.endeks__satir{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:.4rem 1rem;
  align-items:baseline;
  padding:.72rem 0;
  border-bottom:1px solid var(--line);
}
.endeks__satir dt{
  color:var(--text);
  font-size:.92rem;
  line-height:1.35;
}
.endeks__olcu{
  margin-left:.3rem;
  font-family:var(--mono);
  font-size:.58rem;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted);
  vertical-align:.12em;
}
.endeks__satir dd{
  margin:0;
  display:flex;
  align-items:baseline;
  gap:.5rem;
  white-space:nowrap;
}
.endeks__satir dd strong{
  font-family:var(--display);
  font-size:1.45rem;
  font-weight:600;
  line-height:1;
  letter-spacing:-.035em;
  font-variant-numeric:tabular-nums;
  font-variation-settings:"SOFT" 36,"WONK" 0;
  color:var(--ink);
}
.endeks__para{font-size:.5em;font-weight:600;color:var(--muted)}
.endeks__eski{
  font-family:var(--display);
  font-size:1rem;
  font-weight:520;
  letter-spacing:-.02em;
  color:var(--muted);
  font-variant-numeric:tabular-nums;
}
.endeks__eski s{
  text-decoration-line:line-through;
  text-decoration-color:var(--fl-muhur);
  text-decoration-thickness:2px;
}
.endeks__ok{
  font-size:.82rem;
  font-weight:700;
  color:var(--fl-muhur);
  transform:translateY(-.08em);
}
.endeks__not{
  margin:.75rem 0 0;
  color:var(--muted);
  font-size:.82rem;
  line-height:1.5;
}

/* Liste gruplari */
.fl-grup{margin-top:clamp(1.9rem,3.6vw,2.6rem)}
.fl-grup:first-of-type{margin-top:clamp(1.35rem,2.6vw,1.9rem)}
.fl-grup__bas{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:.3rem .85rem;
  padding-bottom:.7rem;
}
.fl-grup__ad{
  margin:0;
  font-family:var(--mono);
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--steam-dark);
}
.fl-grup__not{
  margin:0;
  color:var(--muted);
  font-size:.85rem;
  line-height:1.4;
}

/* Satir: ad ve rakam ayni yazi cizgisinde, aciklama altta */
.fl-liste{
  margin:0;
  padding:0;
  list-style:none;
  border-top:1.5px solid var(--fl-kural);
}
.fl-satir{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:
    "ad fiyat"
    "not fiyat";
  gap:.4rem clamp(1.5rem,4vw,3rem);
  align-items:baseline;
  padding:clamp(1.15rem,2.2vw,1.55rem) 0;
  border-bottom:1px solid var(--line);
}
.fl-satir__ad{
  grid-area:ad;
  margin:0;
  font-family:var(--display);
  font-size:clamp(1.06rem,1.75vw,1.26rem);
  font-weight:560;
  letter-spacing:-.02em;
  font-variation-settings:"SOFT" 42,"WONK" 0;
  color:var(--ink);
  line-height:1.22;
}
.fl-satir__olcu{
  margin-left:.42rem;
  font-family:var(--mono);
  font-size:.62rem;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted);
  vertical-align:.14em;
}
.fl-satir__not{
  grid-area:not;
  margin:0;
  max-width:54ch;
  color:var(--muted);
  font-size:.91rem;
  line-height:1.55;
}
.fl-satir__not a{
  color:var(--steam-dark);
  text-decoration:none;
  border-bottom:1px solid rgba(29,93,128,.35);
}
.fl-satir__not a:hover{border-bottom-color:currentColor}
.fl-satir__fiyat{
  grid-area:fiyat;
  display:grid;
  justify-items:end;
  gap:.3rem;
  text-align:right;
}
.fl-yeni{
  font-family:var(--display);
  font-size:clamp(1.6rem,2.7vw,2.05rem);
  font-weight:600;
  line-height:1;
  letter-spacing:-.04em;
  font-variant-numeric:tabular-nums;
  font-variation-settings:"SOFT" 36,"WONK" 0;
  color:var(--ink);
  white-space:nowrap;
}
.fl-para{font-size:.46em;font-weight:600;color:var(--muted)}
.fl-dipnot{
  margin:1.7rem 0 0;
  max-width:62ch;
  color:var(--muted);
  font-size:.87rem;
  line-height:1.6;
}
.fl-dipnot a{
  color:var(--steam-dark);
  text-decoration:none;
  border-bottom:1px solid rgba(29,93,128,.35);
}
.fl-dipnot a:hover{border-bottom-color:currentColor}

/* Teknik sira — ink zemin */
.teknik-sira{
  margin:clamp(1.75rem,3.5vw,2.5rem) 0 0;
  padding:0;
  list-style:none;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 clamp(1.5rem,4vw,3.25rem);
}
.teknik-sira > li{
  display:grid;
  grid-template-columns:2.5rem minmax(0,1fr);
  gap:.9rem;
  padding:1.15rem 0;
  border-top:1px solid rgba(255,255,255,.14);
}
.teknik-sira > li:nth-child(-n+2){border-top:0;padding-top:.25rem}
.teknik-sira__no{
  font-family:var(--mono);
  font-size:.7rem;
  font-weight:700;
  letter-spacing:.08em;
  color:var(--steam);
  padding-top:.3rem;
}
.teknik-sira h3{
  margin:0 0 .35rem;
  font-family:var(--display);
  font-size:1.06rem;
  font-weight:560;
  letter-spacing:-.02em;
  color:var(--paper);
  line-height:1.25;
}
.teknik-sira p{
  margin:0;
  color:rgba(255,255,255,.66);
  font-size:.91rem;
  line-height:1.58;
}
.page-sec--ink .fiyat-hizmetler{margin-top:clamp(1.75rem,3.5vw,2.4rem)}

@media (max-width:900px){
  .fiyat-hero__grid{align-items:start}
  .teknik-sira{grid-template-columns:1fr}
  .teknik-sira > li:nth-child(2){
    border-top:1px solid rgba(255,255,255,.14);
    padding-top:1.15rem;
  }
}
@media (max-width:640px){
  /* Ad ve rakam ustte kalir, aciklama tam genislige duser */
  .fl-satir{
    grid-template-areas:
      "ad fiyat"
      "not not";
    gap:.5rem .9rem;
  }
  .fl-yeni{font-size:1.5rem}
  .fl-satir__not{max-width:none}
  /* Dar ekranda liste->web gecisi alt alta; ok asagi doner */
  .fl-gecis{flex-direction:column;align-items:flex-end;gap:.1rem}
  .fl-ok{transform:rotate(90deg);font-size:.72rem;line-height:1}
  .fl-damga{margin-left:0;margin-top:.4rem;display:block;width:fit-content}
  .endeks__satir dd{gap:.4rem}
  .endeks__eski{font-size:.92rem}
}


@media (max-width:900px){
  .fiyat-hero__grid{grid-template-columns:1fr}
  .fiyat-hero h1{max-width:none}
  .fiyat-ray__item,
  .fiyat-ray__item--flip{
    grid-template-columns:3.5rem minmax(0,1fr);
  }
  .fiyat-ray__item--flip .fiyat-ray__no{order:0;text-align:left}
  .fiyat-ray__item--flip .fiyat-ray__govde{order:0}
  .fiyat-ikili{grid-template-columns:1fr}
  .fiyat-modeller{grid-template-columns:1fr 1fr}
  .fiyat-ed,
  .fiyat-ed--flip{
    grid-template-columns:1fr;
    gap:.65rem;
  }
  .fiyat-ed--flip .fiyat-ed__etiket,
  .fiyat-ed--flip .fiyat-ed__govde{order:initial}
}
@media (max-width:600px){
  .fiyat-modeller{grid-template-columns:1fr}
  .fiyat-ray__no{font-size:2rem}
}
@media (prefers-reduced-motion:reduce){
  .motion-ready .fiyat-modeller[data-reveal] > li{
    opacity:1;transform:none;transition:none;
  }
  .fiyat-ray__item.is-visible .fiyat-ray__govde:hover,
  .fiyat-modeller > li:hover{transform:none}
}

/* --- Metin sayfası reveal: bir tık daha kısa / sakin ------ */
.motion-ready .icerik-hero__in[data-reveal],
.motion-ready .yazi[data-reveal],
.motion-ready .sss[data-reveal],
.motion-ready .sss-blok[data-reveal],
.motion-ready .icindekiler[data-reveal],
.motion-ready .yazi-cta[data-reveal],
.motion-ready .vaka-kunye[data-reveal],
.motion-ready .blog-kart[data-reveal],
.motion-ready .blog-one-cikan[data-reveal],
.motion-ready .svc-flow__head[data-reveal],
.motion-ready .svc-flow__list[data-reveal],
.motion-ready .zone-intro[data-reveal],
.motion-ready .zone-panel[data-reveal]{
  transform:translate3d(0,12px,0);
  transition-duration:.52s;
  transition-timing-function:var(--ease);
}
.motion-ready .blog-izgara > .blog-kart[data-reveal]:nth-child(2){ transition-delay:.05s; }
.motion-ready .blog-izgara > .blog-kart[data-reveal]:nth-child(3){ transition-delay:.1s; }
.motion-ready .blog-izgara > .blog-kart[data-reveal]:nth-child(4){ transition-delay:.14s; }
.motion-ready .blog-izgara > .blog-kart[data-reveal]:nth-child(5){ transition-delay:.18s; }
.motion-ready .blog-izgara > .blog-kart[data-reveal]:nth-child(6){ transition-delay:.22s; }

/* Hero’daki başlık/alt metin: parent görünür olunca hafif gecikme —
   ekstra observer yok, yalnızca transition-delay. */
.motion-ready .icerik-hero__in[data-reveal] > h1{
  transition:opacity .55s var(--ease), transform .55s var(--ease);
}
.motion-ready .icerik-hero__in[data-reveal]:not(.is-visible) > h1,
.motion-ready .icerik-hero__in[data-reveal]:not(.is-visible) > .lead,
.motion-ready .icerik-hero__in[data-reveal]:not(.is-visible) > .icerik-hero__meta,
.motion-ready .icerik-hero__in[data-reveal]:not(.is-visible) > .icerik-hero__act,
.motion-ready .icerik-hero__in[data-reveal]:not(.is-visible) > .blog-kart__etiket{
  opacity:.01;
  transform:translate3d(0,8px,0);
}
.motion-ready .icerik-hero__in[data-reveal].is-visible > h1,
.motion-ready .icerik-hero__in[data-reveal].is-visible > .lead,
.motion-ready .icerik-hero__in[data-reveal].is-visible > .icerik-hero__meta,
.motion-ready .icerik-hero__in[data-reveal].is-visible > .icerik-hero__act,
.motion-ready .icerik-hero__in[data-reveal].is-visible > .blog-kart__etiket{
  opacity:1;
  transform:none;
  transition:opacity .5s var(--ease), transform .5s var(--ease);
}
.motion-ready .icerik-hero__in[data-reveal].is-visible > .lead{ transition-delay:.06s; }
.motion-ready .icerik-hero__in[data-reveal].is-visible > .icerik-hero__meta{ transition-delay:.1s; }
.motion-ready .icerik-hero__in[data-reveal].is-visible > .icerik-hero__act{ transition-delay:.12s; }
.motion-ready .icerik-hero__in[data-reveal].is-visible > .blog-kart__etiket{ transition-delay:0s; }

@media (prefers-reduced-motion:reduce){
  .motion-ready .icerik-hero__in[data-reveal] > h1,
  .motion-ready .icerik-hero__in[data-reveal] > .lead,
  .motion-ready .icerik-hero__in[data-reveal] > .icerik-hero__meta,
  .motion-ready .icerik-hero__in[data-reveal] > .icerik-hero__act,
  .motion-ready .icerik-hero__in[data-reveal] > .blog-kart__etiket{
    opacity:1;
    transform:none;
    transition:none;
  }
}

/* =========================================================
   Metin sayfası — okuma düzeni (düz duvar kırımı)
   main.js sınıf + yan panel ekler; CSS yoksa sayfa eski hâlinde kalır.
   ========================================================= */
.icerik-hero + .page-sec,
article > .icerik-hero + .page-sec{
  padding-top:clamp(2.4rem,4.8vw,3.6rem);
}
body.metin-sayfa .page-sec{
  padding-block:clamp(2.5rem,5vw,3.85rem);
}
body.metin-sayfa .icerik-hero{
  padding-bottom:clamp(1.6rem,3.2vw,2.2rem);
}

/* Geniş ekranda metin + sakin sticky iletişim; mobilde yan panel yok
   (dock zaten orada). */
.okuma-duzen{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(1.5rem,3vw,2.4rem);
  align-items:start;
}
.okuma-duzen > .okuma-ana{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:0;
  max-width:52rem;
}
/* Okuma ölçüsü korunur — max-width:none satır boyunu bozuyordu */
.okuma-duzen .yazi{ max-width:44rem; }
.okuma-duzen .yazi-cta,
.okuma-duzen .sss,
.okuma-duzen .sss-blok,
.okuma-duzen .ilgili,
.okuma-duzen .metin-pano,
.okuma-duzen .faktor-izgara,
.okuma-duzen .adim-izgara,
.okuma-duzen .rehber-izgara,
.okuma-duzen .icindekiler{
  max-width:52rem;
}
.okuma-duzen .sss-atlama{ max-width:52rem; }
.okuma-yan{
  display:none;
  margin:0;
  padding:1.2rem 1.2rem 1.25rem;
  border:1px solid var(--line);
  border-radius:calc(var(--radius) - 2px);
  background:
    linear-gradient(165deg,rgba(23,142,132,.08),transparent 48%),
    var(--paper);
  box-shadow:0 22px 40px -36px rgba(7,27,34,.45);
}
.okuma-yan__etiket{
  margin:0 0 .55rem;
  font-family:var(--mono);
  font-size:.6rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--steam-dark);
}
.okuma-yan__metin{
  margin:0 0 1rem;
  color:var(--muted);
  font-size:.9rem;
  line-height:1.5;
}
.okuma-yan .btn{
  width:100%;
  justify-content:center;
  text-align:center;
  white-space:normal;
  line-height:1.25;
}
.okuma-yan__tel{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:.6rem;
  margin-top:.75rem;
  padding:.55rem .85rem;
  border-radius:.75rem;
  background:rgba(7, 27, 34, .04);
  border:1px solid rgba(7, 27, 34, .09);
  color:var(--ink);
  font-family:var(--mono);
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.02em;
  text-decoration:none;
  transition:background .18s var(--ease), border-color .18s, color .18s;
}
.okuma-yan__tel:hover{
  background:rgba(7, 27, 34, .08);
  border-color:var(--ink);
  color:var(--ink);
}
.okuma-yan__tel .ico{
  width:20px;
  height:20px;
  min-width:20px;
  opacity:1;
  color:var(--aqua-deep);
}
.okuma-yan__link{
  list-style:none;
  margin:1rem 0 0;
  padding:1rem 0 0;
  border-top:1px solid var(--line);
  display:grid;
  gap:.35rem;
}
.okuma-yan__link a{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:.5rem;
  padding:.35rem 0;
  color:var(--text);
  font-size:.88rem;
  font-weight:550;
  text-decoration:none;
  line-height:1.35;
  transition:color .18s var(--ease);
}
.okuma-yan__link a::after{
  content:"↗";
  flex:none;
  color:var(--steam-dark);
  font-size:.8em;
  opacity:.7;
}
.okuma-yan__link a:hover{ color:var(--steam-dark); }

@media (min-width:1100px){
  .okuma-duzen{
    grid-template-columns:minmax(0,1fr) minmax(15.25rem,17rem);
    column-gap:clamp(1.75rem,3.5vw,2.75rem);
  }
  .okuma-yan{
    display:block;
    position:sticky;
    top:calc(4.75rem + env(safe-area-inset-top,0px));
  }
  .okuma-duzen > .okuma-ana{ max-width:none; }
  .okuma-duzen .yazi{ max-width:min(46rem,100%); }
  .okuma-duzen .yazi-cta,
  .okuma-duzen .sss,
  .okuma-duzen .sss-blok,
  .okuma-duzen .sss-atlama,
  .okuma-duzen .ilgili{ max-width:min(46rem,100%); }
}

/* Hero’da CTA yokken enjekte edilen düğmeler mevcut stili kullanır */
.icerik-hero__act .btn--ghost{
  border-color:rgba(7,27,34,.18);
  background:transparent;
  color:var(--ink);
}
.icerik-hero__act .btn--ghost:hover{
  border-color:rgba(23,142,132,.45);
  color:var(--steam-dark);
}

/* İlgili yazılar: biraz daha tıklanabilir satır */
.ilgili__liste a span[aria-hidden]{
  transition:transform .2s var(--ease);
}
.ilgili__liste a:hover span[aria-hidden]{
  transform:translateX(2px);
}

/* Kırıntı + etiket aralığı */
.icerik-hero .blog-kart__etiket{
  display:inline-block;
  margin:0 0 .65rem;
}

/* =========================================================
   Mahalle sayfası — sade editöryal düzen
   Ek JS yok; sadece mevcut font/renk değişkeni + tek görsel.
   ========================================================= */
body.mahalle-sayfa .icerik-hero{
  padding-bottom:clamp(1.8rem,3.5vw,2.5rem);
}
body.mahalle-sayfa .icerik-hero + .page-sec{
  padding-top:clamp(2.4rem,4.6vw,3.4rem);
}
.mahalle-hero .kirinti{ margin-bottom:1.1rem; }
.mahalle-hero__ilce{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.4rem .5rem;
  margin:0 0 .8rem;
  font-family:var(--mono);
  font-size:var(--text-label);
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--muted);
}
.mahalle-hero__ilce a{
  color:var(--steam-dark);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:border-color .18s var(--ease);
}
.mahalle-hero__ilce a:hover{ border-bottom-color:currentColor; }
.mahalle-hero .lead{
  max-width:38rem;
}
/* Randevu ipuçları: rozet/chip değil, mono etiket satırı */
.mahalle-chip{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:.15rem .1rem;
  margin:1.15rem 0 0;
  padding:0;
  list-style:none;
  max-width:40rem;
}
.mahalle-chip li{
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--muted);
  font-family:var(--mono);
  font-size:.68rem;
  font-weight:650;
  letter-spacing:.08em;
  text-transform:uppercase;
  line-height:1.4;
}
.mahalle-chip li:not(:last-child)::after{
  content:"·";
  margin:0 .55rem;
  opacity:.4;
  font-weight:400;
  letter-spacing:0;
}
.mahalle-chip li::before{ content:none; display:none; }
.yazi .mahalle-chip li+li{ margin-top:0; }
.mahalle-hero .icerik-hero__act{ margin-top:1.4rem; }

/* Vitrin görseli: caption yer adı + kısa cümle */
.mahalle-gorsel{
  margin:0 0 1.75rem;
}
.mahalle-gorsel figcaption{
  display:grid;
  gap:.15rem;
  padding:.75rem 1rem .85rem;
  background:var(--paper);
}
.mahalle-gorsel__yer{
  font-family:var(--mono);
  font-size:.58rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--steam-dark);
}
.mahalle-gorsel__yazi{
  color:var(--muted);
  font-size:var(--text-body-sm);
  line-height:1.45;
}

/* Yerinde not: kart değil, sol şeritli kısa asid */
.mahalle-not{
  margin:0 0 1.75rem;
  padding:.8rem 0 .85rem 1rem;
  border-left:2px solid var(--steam-dark);
  border-radius:0;
  background:transparent;
}
.mahalle-not__etiket{
  display:block;
  margin:0 0 .3rem;
  font-family:var(--mono);
  font-size:.58rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--steam-dark);
}
.mahalle-not p{
  margin:0;
  max-width:38rem;
  color:var(--ink);
  font-size:.98rem;
  line-height:1.55;
}
.mahalle-yazi > .mahalle-not + h2{
  margin-top:2.2em;
}

.mahalle-sss{
  margin-top:1.25rem;
  max-width:40rem;
}

/* Kardeş mahalle navigasyonu — metin bağlantıları, pill değil */
.mahalle-komsu{
  margin:clamp(2.1rem,4vw,2.85rem) 0 0;
  max-width:40rem;
}
.mahalle-komsu__in{
  padding:1.2rem 0 0;
  border-top:1px solid var(--line);
}
.mahalle-komsu__etiket{
  margin:0 0 .7rem;
  font-family:var(--mono);
  font-size:var(--text-label);
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--muted);
}
.mahalle-komsu__liste{
  display:flex;
  flex-wrap:wrap;
  gap:.35rem 1.1rem;
  margin:0;
  padding:0;
  list-style:none;
}
.mahalle-komsu__liste li{ margin:0; }
.mahalle-komsu__liste a{
  display:inline;
  padding:0 0 .15rem;
  border:0;
  border-bottom:1px solid rgba(7,27,34,.16);
  border-radius:0;
  background:transparent;
  color:var(--ink);
  font-size:.92rem;
  font-weight:600;
  letter-spacing:-.01em;
  text-decoration:none;
  transition:color .18s var(--ease), border-color .18s var(--ease);
}
.mahalle-komsu__liste a:hover{
  border-bottom-color:var(--steam-dark);
  background:transparent;
  color:var(--steam-dark);
}

body.mahalle-sayfa .yazi-cta{ margin-top:clamp(1.9rem,3.6vw,2.5rem); }
body.mahalle-sayfa .yazi{ max-width:40rem; }

@media (max-width:640px){
  .mahalle-hero .icerik-hero__act .btn{
    width:100%;
    justify-content:center;
  }
  .mahalle-chip li{ font-size:.64rem; }
}

@media (prefers-reduced-motion:reduce){
  .mahalle-komsu__liste a{ transition:none; }
}

/* 404 — merkez hizayı biraz yumuşat */
.hata-sayfa{
  background:
    radial-gradient(ellipse 55% 50% at 50% 20%,rgba(23,142,132,.1),transparent 60%),
    var(--paper);
}

@media (prefers-reduced-motion:reduce){
  .ilgili__liste a span[aria-hidden]{ transition:none; }
  .ilgili__liste a:hover span[aria-hidden]{ transform:none; }
}