/* Says Enerji — WordPress'e özgü yerleşim.
   Tasarım sistemi (says-ds.css) burada TEKRARLANMAZ; yalnızca sayfa kurgusu eklenir.
   Ham renk ve ölçü yazılmaz — hepsi token üzerinden gelir. */

/* ---------- Erişilebilirlik ---------- */
.says-atla{position:absolute;left:-9999px;top:0;z-index:calc(var(--z-header) + 10);background:var(--accent);color:var(--on-accent);padding:12px 20px;font-family:var(--font-display);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.06em;border-radius:0 0 var(--r-sm) 0}
.says-atla:focus{left:0}

/* ---------- Üst çubuk ---------- */
.says-header{position:sticky;top:0;z-index:var(--z-header);background:var(--surface-band);border-bottom:var(--bw-hair) solid var(--border-inverse)}
.says-header__ic{display:flex;align-items:center;gap:var(--sp-6);height:76px}
.says-header__sag{display:flex;align-items:center;gap:var(--sp-3);margin-left:auto}

.says-wordmark{display:inline-flex;flex-direction:column;line-height:1;text-decoration:none;border:0;flex:none}
.says-wordmark:hover{border:0}
/* Tracking NEGATİF olmalı: tabeladaki kanal harfler birbirine kilitli.
   Buradaki +.005em, README'nin display kuralına (−0.01…−0.02em) aykırı tek satırdı. */
.says-wordmark__ad{font-family:var(--font-display);font-weight:var(--fw-black);color:var(--says-yellow-500);letter-spacing:-.015em}

/* Kanal harf iadesi: sarı yüz + koyu sarı yan duvar + yumuşak düşen gölge.
   Yalnız koyu yüzeydeki wordmark'ta; gövde metnine, butona, karta asla bulaşmaz.
   Ekstrüzyon .07em'i aşmaz (üstü WordArt'a döner) ve blur kullanılmaz —
   PARILTI = ETKİLEŞİM (yalnız birincil buton hover'ı), EKSTRÜZYON = KİMLİK. */
.says-header .says-wordmark__ad,
.says-band .says-wordmark__ad{
	text-shadow:
		.012em .014em 0 var(--says-yellow-700),
		.024em .028em 0 var(--says-yellow-800),
		.036em .042em 0 var(--says-yellow-800),
		.05em .062em .04em rgba(0,0,0,.5)
}
@media (prefers-contrast:more){
	.says-header .says-wordmark__ad,
	.says-band .says-wordmark__ad{text-shadow:none}
}
.says-wordmark__alt{font-family:var(--font-display);font-weight:var(--fw-extrabold);color:var(--says-blue-400);letter-spacing:.19em}
.says-wordmark--sm .says-wordmark__ad{font-size:26px}
.says-wordmark--sm .says-wordmark__alt{font-size:8px;margin-top:2px}
.says-wordmark--md .says-wordmark__ad{font-size:40px}
.says-wordmark--md .says-wordmark__alt{font-size:11px;margin-top:3px}
/* Gerçek logo. Boyut yüksekliğe göre verilir, genişlik oranla gelir. */
.says-wordmark__logo{display:block;height:auto;width:auto}
.says-wordmark--sm .says-wordmark__logo{max-height:44px;max-width:210px}
.says-wordmark--md .says-wordmark__logo{max-height:74px;max-width:300px}
.says-wordmark picture{display:block;line-height:0}
@media (max-width:560px){
	.says-wordmark--sm .says-wordmark__logo{max-height:38px;max-width:168px}
}
@media (max-width:480px){
	/* Gerçek logo tipografik dizimden geniş; 320px'te logo + kapsül + iki düğme
	   üst çubuğa sığmıyor ve sayfayı yatay kaydırıyordu.
	   Kapsül kaldırılıyor: mobilde sabit alt çubukta zaten "ARA" düğmesi var,
	   yani telefona erişim kaybolmuyor. */
	.says-header .says-capsule{display:none}
	.says-wordmark--sm .says-wordmark__logo{max-height:34px;max-width:146px}
	.says-header__ic{gap:var(--sp-3)}
}

.says-nav{margin-left:var(--sp-4)}
.says-nav__liste{display:flex;align-items:center;gap:var(--sp-6);list-style:none;margin:0;padding:0}
.says-nav__liste a{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-inverse);text-decoration:none;border:0;padding:28px 0;display:inline-block;position:relative;transition:color var(--dur) var(--ease)}
.says-nav__liste a:hover{color:var(--says-yellow-500);border:0}
.says-nav__liste .current-menu-item > a,
.says-nav__liste .current_page_item > a{color:var(--says-yellow-500)}
/* Aktif sekme altı çizgisi — sistemin 3px imzası. */
.says-nav__liste .current-menu-item > a::after,
.says-nav__liste .current_page_item > a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--bw-rule);background:var(--accent)}

.says-menu-dugme{display:none;background:transparent;border:var(--bw-hair) solid var(--border-inverse);color:var(--text-inverse);border-radius:var(--r-control);width:44px;height:44px;align-items:center;justify-content:center;cursor:pointer}
.says-menu-dugme:hover{background:rgba(255,255,255,.08)}

.says-mobil-menu{background:var(--says-navy-900);border-top:var(--bw-hair) solid var(--border-inverse);padding:var(--sp-4) 0 var(--sp-6)}
.says-mobil-menu__liste{list-style:none;margin:0 0 var(--sp-4);padding:0}
.says-mobil-menu__liste a{display:block;padding:14px 0;font-family:var(--font-display);font-weight:var(--fw-bold);font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-inverse);text-decoration:none;border:0;border-bottom:var(--bw-hair) solid var(--border-inverse)}
.says-mobil-menu__liste a:hover{color:var(--says-yellow-500)}

/* ---------- Yerleşim yardımcıları ---------- */
.says-main{min-height:40vh}
.says-dar{max-width:var(--container-narrow)}
/* Açık temada sayfa zemini ile aynı; ayrım koyu/sarı bantlardan geliyor.
   Koyu temada ikisi ayrıştığı için kural DURUYOR, silinmemeli. */
.says-section--subtle{background:var(--surface-subtle)}
/* Yaprak zeminin üstünde BEYAZ kalan bölüm. İletişim sayfasında form için:
   form doldurulacak bir kâğıt, sayfanın geri kalanı ise okunacak bir yüzey.
   Token kullanıyor, dolayısıyla koyu temada kendiliğinden kalkık koyu yüzey. */
.says-section--paper{background:var(--surface-card)}
.says-grid--2{grid-template-columns:repeat(2,1fr)}
.says-grid--3{grid-template-columns:repeat(3,1fr)}
.says-grid--4{grid-template-columns:repeat(4,1fr)}

.says-dipnot{display:flex;align-items:flex-start;gap:var(--sp-2);margin-top:var(--sp-8);font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--text-muted);max-width:none}
.says-dipnot .says-icon{flex:none;margin-top:2px}

/* ---------- Fotoğraf yer tutucu ---------- */
/* Yalnızca gerçek fotoğraf gelene kadar. Dekoratif değil, etikettir. */
/* min-height + aspect-ratio birlikte gizli bir minimum GENİŞLİK üretiyordu (220px × 1000/640
   = 344px) ve çözüm blokları 360/320px ekranlarda sütunu taşırıyordu. min-height yerine
   aspect-ratio taşıyan yerlerde devre dışı bırakılabilen bir değişken kullanılıyor. */
.says-photo--bos{background:var(--says-navy-900);background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.028) 0 12px,transparent 12px 24px);display:flex;align-items:center;justify-content:center;min-height:var(--photo-min-h,220px);border-radius:var(--r-card)}
/* Oranı belli olan yuvalarda yükseklik oranla gelsin; min-height genişliği zorlamasın. */
.says-cozum__gorsel .says-photo--bos{--photo-min-h:0}
.says-photo__etiket{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:var(--sp-6);color:var(--text-inverse-muted)}
.says-photo__konu{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--says-yellow-500)}
.says-photo__olcu{font-family:var(--font-mono);font-size:11px;color:rgba(255,255,255,.42)}

/* ---------- Hero ---------- */
/* İki satırlı ızgara: üstte içerik, altta hizmet şeridi.
   Fotoğraf zemini YALNIZCA üst satırı kaplar — daha önce tüm hero'yu kaplayıp
   yer tutucu etiketi şeridin arkasından sızıyordu. Izgara alanı kullanmak
   "şerit şu kadar yüksek" gibi sihirli sayı gerektirmiyor. */
.says-hero{position:relative;background:var(--surface-band);overflow:hidden;isolation:isolate;
	display:grid;grid-template-areas:"ust" "serit"}
.says-hero__zemin{grid-area:ust;position:relative;z-index:-1;overflow:hidden}
.says-hero__ic{grid-area:ust}
.says-hero__serit{grid-area:serit;position:relative}
.says-hero__zemin .says-photo{position:absolute;inset:0;width:100%;height:100%;border-radius:0}

/* HERO KORUMA GRADYANI.
   Standart --protect-bottom yalnız alttan koruyor; hero'da metin SOLDA, hesap
   kutusu SAĞDA, yani içerik tüm genişliğe yayılıyor. Parlak bir öğle fotoğrafında
   (gerçek Says kurulumu, gökyüzü ve yeşillik dolu) bu yetmiyor: üst etiket ve
   hesap kutusu okunmaz hâle geliyordu.
   İki eksenli ramp: yanlar korunur, orta bant fotoğrafı görünür bırakır.
   README kuralı gereği yarı saydam KART kullanılmıyor — koruma zeminde. */
.says-hero__zemin .says-photo--protect::after{
	background:
		linear-gradient(to right,
			rgba(11,27,43,.90) 0%,
			rgba(11,27,43,.74) 34%,
			rgba(11,27,43,.44) 52%,
			rgba(11,27,43,.72) 76%,
			rgba(11,27,43,.88) 100%),
		linear-gradient(to bottom,
			rgba(11,27,43,.44) 0%,
			rgba(11,27,43,.16) 42%,
			rgba(11,27,43,.56) 100%)
}
/* Hesap kutusunun girdi alanı fotoğraf üstünde daha da belirgin olmalı. */
.says-hero .says-hesap__giris .says-input{background:rgba(11,27,43,.62);border-color:rgba(255,255,255,.30)}
.says-hero .says-hesap__giris .says-input:focus{background:rgba(11,27,43,.78)}
/* Hero zemininde tarama deseni YOK. Desen "burada fotoğraf olacak" etiketinin parçası;
   etiket gizlendiği için tek başına dekoratif dokuya dönüşüyor ve marka tekrarlayan
   deseni yasaklıyor. Gerçek fotoğraf gelene kadar düz cephe koyusu. */
.says-hero__zemin .says-photo--bos{--photo-min-h:0;height:100%;background-image:none;background:var(--surface-band)}
/* Yer tutucu etiketi ORTADA metnin üstüne biniyordu; köşeye alındı. Böylece hem
   metni örtmüyor hem de "buraya fotoğraf gelecek" bilgisi görünür kalıyor —
   müşteri hero'nun arkasına görsel yükleyebileceğini buradan anlıyor.
   Gerçek fotoğraf yüklenince bu etiket kendiliğinden kaybolur. */
.says-hero__zemin .says-photo__etiket{
	position:absolute;right:var(--sp-5);bottom:var(--sp-5);
	flex-direction:row;align-items:center;gap:var(--sp-2);
	padding:8px 14px;border:var(--bw-hair) solid var(--border-inverse);
	border-radius:var(--r-control);background:rgba(0,0,0,.35);text-align:left
}
.says-hero__zemin .says-photo__konu{font-size:10px;letter-spacing:.1em}
.says-hero__zemin .says-photo__olcu{font-size:10px}
@media (max-width:1024px){
	/* Yalnız masaüstünde. Altında hero tek sütuna düşüyor ve etiket butonların
	   hizasına giriyor; ayrıca mobilde WhatsApp düğmesiyle çakışıyor. */
	.says-hero__zemin .says-photo__etiket{display:none}
}
/* Cephe downlight'ını yankılayan tek ışık yıkaması — sayfa başına bir kez. */
.says-hero::before{content:"";grid-area:ust;background:var(--lamp-wash);pointer-events:none;z-index:-1}
/* DİKKAT: padding kısayolu kullanma. Bu öğe aynı zamanda .says-container ve kısayol
   onun yatay boşluğunu (padding:0 var(--gutter)) siliyor — hero ekran kenarına yapışıyor. */
/* İki sütun. DOM sırası metin → hesap → eylem → totem; masaüstünde alanlarla dağılır,
   mobilde tek sütuna düşüp aynı sırayla akar (istenen mobil sıra bu). */
.says-hero__ic{
	padding-top:var(--sp-16);padding-bottom:var(--sp-12);
	max-width:var(--container-max);position:relative;
	display:grid;grid-template-columns:1.04fr .96fr;
	/* Rozet satırı İKİ SÜTUNU birden kaplıyor: dar metin sütununda üç rozet
	   2+1 kırılıyordu. Sıra: metin+hesap -> rozetler -> butonlar. */
	grid-template-areas:"metin hesap" "rozet rozet" "eylem eylem";
	column-gap:var(--sp-12);row-gap:var(--sp-8);align-items:start
}
.says-hero__metin{grid-area:metin}
.says-hero .says-hesap{grid-area:hesap;align-self:start}
.says-hero__rozet{grid-area:rozet}
.says-hero__eylem{grid-area:eylem;align-self:start}

.says-hero .says-rule{margin:var(--sp-3) 0 var(--sp-5)}
/* İki satır AYNI boyda; ayrım ağırlık (900/800) ve renkle. Tabeladaki kilit ilişkisi. */
.says-hero__baslik{margin:0;max-width:15ch}
.says-hero__baslik-vurgu,
.says-hero__baslik-devam{display:block;font-family:var(--font-display);font-size:var(--fs-display-1);line-height:.94;letter-spacing:var(--ls-display-1);text-transform:uppercase}
.says-hero__baslik-vurgu{font-weight:var(--fw-black);color:var(--says-yellow-500)}
.says-hero__baslik-devam{font-weight:var(--fw-extrabold);color:var(--text-inverse)}
.says-hero__alt{color:var(--text-inverse-muted);margin:var(--sp-5) 0 0;max-width:48ch}
.says-hero__eylem{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-content:start}

/* ---------- Hero hesap kutusu ---------- */
.says-hesap{display:flex;flex-direction:column;gap:var(--sp-3);min-width:0}
.says-hesap__giris{position:relative;display:flex;align-items:center}
.says-hesap__giris .says-input{padding-right:52px;height:60px;min-height:60px;font-family:var(--font-mono);font-size:26px;font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;letter-spacing:var(--ls-data);background:rgba(255,255,255,.06);border-color:var(--border-inverse);color:var(--text-inverse)}
.says-hesap__giris .says-input::placeholder{color:rgba(255,255,255,.3)}
.says-hesap__giris .says-input:hover{border-color:rgba(255,255,255,.42)}
.says-hesap__giris .says-input:focus{background:rgba(255,255,255,.1);border-color:var(--focus-ring)}
.says-hesap__birim{position:absolute;right:16px;font-family:var(--font-text);font-weight:var(--fw-semibold);font-size:15px;color:var(--text-inverse-muted);pointer-events:none}

.says-hesap__sonuc{display:flex;flex-direction:column;gap:var(--sp-1);margin-top:var(--sp-1)}
.says-hesap__satir{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-4);padding:11px 0 11px var(--sp-4);border-left:var(--bw-rule) solid var(--accent);border-bottom:var(--bw-hair) solid var(--border-inverse)}
.says-hesap__satir:last-child{border-bottom:0}
.says-hesap__etiket{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-inverse-muted)}
.says-hesap__deger{font-size:var(--fs-data-lg);font-weight:var(--fw-semibold);color:var(--says-yellow-500);white-space:nowrap;font-variant-numeric:tabular-nums}
.says-hesap__deger .says-unit{font-size:13px;margin-left:4px;color:var(--text-inverse-muted)}
.says-hesap__not{margin:0;font-size:var(--fs-caption);line-height:var(--lh-caption);color:rgba(255,255,255,.45);max-width:46ch}

/* ---------- Hero altı hizmet şeridi ---------- */
/* Totemin yan yatırılmış hâli: dört hizmet yan yana, sağ uçta telefon kapsülü.
   Üstte 3px sarı çizgi — dikey totemdeki kapağın yatay karşılığı. */
.says-hero__serit{border-top:var(--bw-rule) solid var(--accent);background:var(--surface-inverse)}

/* İKİ SINIF birden: aynı özgüllükte (.says-totem) kuralı bu dosyada AŞAĞIDA
   tanımlı olduğu için tek sınıflı override kaybediyordu — şerit, dikey totemin
   1px kutu çerçevesini ve ikinci bir 3px sarı çizgiyi de çiziyordu (tablo görüntüsü).
   Çift sınıf kullanmak kural sırasına bağımlılığı ortadan kaldırıyor. */
.says-totem.says-totem--yatay{border:0;background:none;width:auto}
.says-totem--yatay .says-totem__liste{display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch}
/* Ayraç tam yükseklikte çizgi değil, ortada duran kısa bir çizgi — hücre duvarı
   gibi değil, ayraç gibi okunuyor. */
.says-totem--yatay .says-totem__liste li{position:relative;border-top:0;border-left:0}
.says-totem--yatay .says-totem__liste li + li::before{
	content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
	width:var(--bw-hair);height:56%;background:var(--border-inverse)
}
/* Açıklama satırı geldikten sonra öğeler DİKEY dizilir: ikon üstte, başlık ve
   açıklama altında. Yan yana dizilim açıklamayı üç satıra kırıyordu.

   BOŞLUK: müşteri "çok yapışık" dedi. Sorun yalnız padding değildi — ikon,
   başlık ve açıklama üç ayrı ritimde duruyordu. Şimdi ikonun altında sabit bir
   nefes, başlık ile açıklama arasında ondan küçük bir nefes; göz üçünü tek blok
   olarak okuyor. Şerit yüksekliği de arttı, hero fotoğrafına yapışmıyor. */
.says-totem--yatay .says-totem__liste .says-service{height:100%;padding:var(--sp-10) var(--sp-6) var(--sp-10);flex-direction:column;align-items:flex-start;gap:0;text-align:left}
.says-totem--yatay .says-service__icon{
	display:grid;place-items:center;width:46px;height:46px;border-radius:var(--r-control);
	background:rgba(249,182,23,.12);color:var(--says-yellow-500);margin-bottom:var(--sp-5);
	transition:background var(--dur) var(--ease)
}
.says-totem--yatay .says-service:hover .says-service__icon{background:rgba(249,182,23,.20)}
.says-totem--yatay .says-service__label{font-size:15px;line-height:1.25;margin-bottom:var(--sp-2)}
.says-totem--yatay .says-service__not{margin-top:0}
.says-totem--yatay .says-totem__ayak{border-top:var(--bw-hair) solid var(--border-inverse);padding:var(--sp-4) 0;display:flex;justify-content:flex-end}
/* Şerit tek satıra sığsın: dört hizmet + kapsül aynı hizada. */
@media (min-width:1025px){
	/* Kapsül kalktı; şerit tüm genişliği hizmetlere veriyor. */
	.says-totem--yatay{display:block}
	.says-totem--yatay .says-totem__liste .says-service{padding-left:var(--sp-5);padding-right:var(--sp-5)}
	.says-totem--yatay .says-totem__liste li:first-child .says-service{padding-left:0}
}

/* ---------- Totem (dikey — dar sütunlar için saklı) ---------- */
/* Tabeladaki dikey levha. İkonlar ÇIPLAK — kaynak fotoğrafta hiçbir glif kutu içinde değil. */
.says-totem{border:var(--bw-hair) solid var(--border-inverse);border-top:var(--bw-rule) solid var(--accent);background:var(--totem-zemin,rgba(255,255,255,.03));width:100%;min-width:0}
.says-totem__liste{list-style:none;margin:0;padding:0}
.says-totem__liste li + li{border-top:var(--bw-hair) solid var(--border-inverse)}
.says-totem__liste .says-service{padding:var(--sp-4) var(--sp-5);align-items:center;gap:var(--sp-4)}
.says-totem__liste .says-service:hover{background:rgba(255,255,255,.06)}
.says-totem__ayak{padding:var(--sp-4) var(--sp-5) var(--sp-5);border-top:var(--bw-hair) solid var(--border-inverse)}

/* ---------- Vitrin şeridi ---------- */
/* Dükkân camındaki ürün sözlüğü. Kart yok, gölge yok, başlık yok — bir geçiş, bölüm değil. */
.says-vitrin{background:var(--surface-inverse);padding:var(--sp-10) 0}
.says-vitrin__liste{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-6);list-style:none;margin:0;padding:0}
.says-vitrin__liste li{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);text-align:center}
.says-vitrin__ikon{color:var(--text-inverse);display:inline-flex}
.says-vitrin__ad{font-family:var(--font-display);font-weight:var(--fw-extrabold);font-size:12px;letter-spacing:.12em;text-transform:uppercase;line-height:1.5;color:var(--text-inverse-muted);max-width:11ch}

/* ---------- Çözüm blokları ---------- */
.says-cozum{display:grid;grid-template-columns:1.15fr .85fr;gap:var(--sp-12);align-items:center;padding:var(--sp-12) 0;border-top:var(--bw-hair) solid var(--border-subtle)}
.says-cozum:first-of-type{border-top:0;padding-top:var(--sp-4)}
.says-cozum--ters .says-cozum__metin{order:2}
.says-cozum--ters .says-cozum__gorsel{order:1}
/* Kutu yok: glif cizgi genisligiyle tasiniyor, dolgulu karoyla degil. Kutu gidince
   gorsel agirlik dustugu icin boyut 26 -> 30 px cikarildi (front-page.php). */
.says-cozum__ikon{display:inline-flex;color:var(--text-strong);margin-bottom:var(--sp-4)}
.says-cozum__kicker{font-family:var(--font-display);font-weight:var(--fw-extrabold);font-size:var(--fs-h3);line-height:1.25;letter-spacing:.01em;text-transform:uppercase;color:var(--text-strong);margin:0 0 var(--sp-4)}
.says-cozum__odak{display:flex;flex-wrap:wrap;gap:var(--sp-2);list-style:none;margin:0 0 var(--sp-5);padding:0}
.says-cozum__mesaj{margin:0 0 var(--sp-6);max-width:var(--measure)}
/* Sayilar BOLUNMEZ. Onceki sabit uc sutunlu grid dar kalinca '250 - 5.000' iki
   satira dusuyor ve birim uzakta kaliyordu. Esnek sarmali liste + nowrap deger:
   ogeler gerekirse alt satira gecer ama sayinin kendisi hic bolunmez. */
.says-cozum__spec{display:flex;flex-wrap:wrap;gap:var(--sp-6) var(--sp-10);margin:0 0 var(--sp-6)}
.says-cozum__spec > div{min-width:0}
.says-cozum__spec dt{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin:0 0 4px}
.says-cozum__spec dd{margin:0;font-size:var(--fs-data-lg);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;color:var(--text-strong);display:flex;align-items:baseline;gap:4px;white-space:nowrap}
.says-cozum__spec dd .says-unit{font-size:14px}
.says-cozum__gorsel .says-photo{border-radius:var(--r-card);aspect-ratio:1000/640}

/* ---------- Neden biz ---------- */
.says-neden__baslik{margin:0 0 var(--sp-8);color:var(--text-strong)}
.says-neden .says-card{padding:var(--sp-6)}
.says-neden__ikon{display:inline-flex;color:var(--text-strong);margin-bottom:var(--sp-4)}
.says-neden h3{font-size:var(--fs-h4);margin:0 0 var(--sp-2)}
.says-neden p{margin:0;font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);color:var(--text-body)}

.says-surec{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gutter);margin-top:var(--sp-12);padding-top:var(--sp-10);border-top:var(--bw-hair) solid var(--border-default)}
.says-surec__adim{position:relative}
.says-surec__no{display:block;font-size:var(--fs-caption);color:var(--accent-ink);font-weight:var(--fw-semibold);margin-bottom:var(--sp-3)}
.says-surec__ikon{display:inline-flex;color:var(--text-strong);margin-bottom:var(--sp-3)}
.says-surec h4{font-size:15px;margin:0 0 6px;letter-spacing:.01em}
.says-surec p{margin:0;font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--text-muted)}

/* ---------- Sarı çağrı şeridi (sayfadaki TEK tam sarı yüzey) ---------- */
/* Bant yukseklikleri icerige gore farklilasiyor: sari cagri seridi KISA (bu bir tabela
   bandi), vitrin seridi orta, cozumler ve form tam boy. Hepsi ayni 96px olunca her
   blok esit onemli oldugunu iddia ediyor ve hicbiri one cikmiyor. */
.says-cta-serit{background:var(--surface-brand);color:var(--on-accent);padding:var(--sp-8) 0}
.says-cta-serit__ic{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-10);flex-wrap:wrap}
.says-cta-serit h2{color:var(--on-accent);margin:0 0 var(--sp-3)}
.says-cta-serit p{margin:0;max-width:60ch;color:var(--on-accent-muted)}
.says-cta-serit__tel{display:flex;flex-direction:column;gap:4px;text-decoration:none;border:0;color:var(--on-accent);flex:none}
.says-cta-serit__tel:hover{border:0;color:var(--on-accent)}
.says-cta-serit__tel .says-eyebrow{color:var(--on-accent-faint)}
.says-cta-serit__tel strong{font-size:30px;font-weight:var(--fw-semibold);letter-spacing:-.01em;white-space:nowrap}

/* ---------- Sayfa başı bandı (iç sayfalar) ---------- */
.says-sayfa-basi{padding:var(--sp-16) 0 var(--sp-12)}
.says-sayfa-basi .says-rule{margin:var(--sp-3) 0 var(--sp-5)}
.says-sayfa-basi h1{color:var(--text-inverse);margin:0}
.says-sayfa-basi__alt{color:var(--text-inverse-muted);margin:var(--sp-4) 0 0;max-width:60ch}

.says-icerik h2{margin-top:var(--sp-10)}
.says-icerik h3{margin-top:var(--sp-8)}
.says-icerik ul,.says-icerik ol{max-width:var(--measure);line-height:var(--lh-body)}
/* Editörden eklenen görseller. Marka grade'i .says-photo img ile AYNI değerlerde
   (doygunluk .92, kontrast 1.04) — müşteri panelden fotoğraf eklediğinde sitedeki
   diğer fotoğraflarla aynı görünsün. Metin sütunu dar (--container-narrow), görsel
   bilerek ondan taşıyor: okuma genişliği metnin, fotoğrafın değil. */
.says-icerik figure{margin:var(--sp-12) 0}
.says-icerik img{display:block;width:100%;height:auto;border-radius:var(--r-card);filter:saturate(.92) contrast(1.04)}
.says-icerik figcaption{margin-top:var(--sp-3);font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--text-muted)}
@media (min-width:1040px){
	.says-icerik figure{width:calc(100% + var(--sp-20));margin-left:calc(var(--sp-20) / -2)}
}

/* ---------- Mobil sabit çubuk ---------- */
/* Üst kenar 3px sarı: çubuk sabit konumlu ve footer'ın bant rengi (--says-charcoal-900)
   ile 'ARA' butonunun dolgusu birebir aynı — sayfa sonuna gelindiğinde buton footer'a
   karışıyordu. Sarı çizgi sistemin imzası ve her zemin üstünde 9:1'in üstünde. */
.says-mobil-cta{display:none;position:fixed;left:0;right:0;bottom:0;z-index:var(--z-header);border-top:var(--bw-rule) solid var(--accent);box-shadow:0 -10px 28px -12px rgba(0,0,0,.6)}
.says-mobil-cta a{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;padding:15px 10px;font-family:var(--font-display);font-weight:var(--fw-bold);font-size:13px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border:0}
/* İki yarı da cephe koyusu. Sarı DOLGU kaldırıldı: 390px'te hero'nun birincil
   butonuyla aynı anda ekranda oluyor ve "sayfa başına tek tam sarı yüzey" kuralını
   bozuyordu. Ayrım artık üstteki 3px sarı çizgi ve yazı rengiyle yapılıyor. */
.says-mobil-cta__tel{background:var(--says-charcoal-900);color:var(--text-inverse)}
.says-mobil-cta__teklif{background:var(--says-charcoal-900);color:var(--says-yellow-500);border-left:var(--bw-hair) solid var(--border-inverse)}
.says-mobil-cta__teklif:hover{background:var(--says-navy-900)}

/* ---------- Footer ---------- */
.says-footer{padding:var(--sp-16) 0 var(--sp-8)}
.says-footer__ust{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:var(--sp-12)}
.says-footer__ozet{color:var(--text-inverse-muted);font-size:var(--fs-body-sm);margin:var(--sp-5) 0 var(--sp-6);max-width:42ch}
.says-footer__sutun .says-eyebrow{margin-bottom:var(--sp-4)}
.says-footer__liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.says-footer__liste a{color:var(--text-inverse-muted);font-size:var(--fs-body-sm);text-decoration:none;border:0}
.says-footer__liste a:hover{color:var(--says-yellow-500);border:0}
.says-footer__iletisim li{display:flex;gap:10px;align-items:flex-start;color:var(--text-inverse-muted);font-size:var(--fs-body-sm)}
.says-footer__iletisim .says-icon{flex:none;margin-top:2px;color:var(--says-yellow-500)}
.says-footer__sosyal{list-style:none;margin:var(--sp-6) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--sp-4)}
.says-footer__sosyal a{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-caption);color:var(--text-inverse-muted);text-decoration:none;border:0}
.says-footer__sosyal a:hover{color:var(--says-yellow-500);border:0}
.says-footer__alt{margin-top:var(--sp-12);padding-top:var(--sp-6);border-top:var(--bw-hair) solid var(--border-inverse);display:flex;justify-content:space-between;gap:var(--sp-6);flex-wrap:wrap}
.says-footer__alt p{margin:0;font-size:var(--fs-caption);color:rgba(255,255,255,.5)}
.says-footer__not{max-width:60ch;text-align:right}

/* ---------- Duyarlılık ---------- */
@media (max-width:1024px){
	.says-nav{display:none}
	.says-menu-dugme{display:inline-flex}
	/* Hero tek sütuna düşer; DOM sırası zaten metin → hesap → buton → totem.
	   grid-area adlarını da SIFIRLAMAK şart: alan adı tanımsız kalınca dört blok
	   aynı hücreye yerleşip üst üste biniyordu. */
	.says-hero__ic{grid-template-columns:minmax(0,1fr);grid-template-areas:none;row-gap:var(--sp-6)}
	.says-hero__metin,
	.says-hero .says-hesap,
	.says-hero__rozet,
	.says-hero__eylem{grid-area:auto}
	.says-hesap,.says-totem{max-width:none}
	/* Şerit iki sütuna düşer; kapsül altta tam genişlik. */
	.says-totem--yatay .says-totem__liste{grid-template-columns:repeat(2,1fr)}
	/* İki sütunda: dikey ayraç yalnız sağdaki öğelerde, yatay ayraç alt satırda. */
	.says-totem--yatay .says-totem__liste li + li::before{display:none}
	.says-totem--yatay .says-totem__liste li:nth-child(2n)::before{display:block}
	.says-totem--yatay .says-totem__liste li:nth-child(n+3){border-top:var(--bw-hair) solid var(--border-inverse)}
	.says-totem--yatay .says-totem__ayak{justify-content:flex-start}
	.says-cozum{grid-template-columns:1fr;gap:var(--sp-8)}
	.says-cozum--ters .says-cozum__metin,.says-cozum--ters .says-cozum__gorsel{order:0}
	.says-surec{grid-template-columns:repeat(2,1fr);row-gap:var(--sp-8)}
	.says-footer__ust{grid-template-columns:1fr 1fr;gap:var(--sp-10)}
	.says-footer__marka{grid-column:1 / -1}
}
@media (max-width:820px){
	.says-vitrin__liste{grid-template-columns:repeat(2,1fr);row-gap:var(--sp-8)}
	.says-grid--3,.says-grid--4{grid-template-columns:1fr}
	.says-hero__ic{padding-top:var(--sp-16);padding-bottom:var(--sp-12)}
	.says-cta-serit__ic{flex-direction:column;align-items:flex-start}
	.says-footer__not{text-align:left}
	.says-mobil-cta{display:flex}
	body{padding-bottom:56px}
}
@media (max-width:560px){
	.says-totem--yatay .says-totem__liste{grid-template-columns:1fr}
	.says-totem--yatay .says-totem__liste li::before{display:none !important}
	.says-totem--yatay .says-totem__liste li + li{border-top:var(--bw-hair) solid var(--border-inverse)}
	.says-cozum__spec{grid-template-columns:1fr 1fr;gap:var(--sp-5)}
	.says-footer__ust{grid-template-columns:1fr}
	.says-hero__eylem .says-btn{width:100%}
}

/* ---------- Kırıntı navigasyonu ---------- */
.says-kirinti{margin-bottom:var(--sp-5)}
.says-kirinti ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2)}
.says-kirinti li{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-caption);line-height:1}
.says-kirinti a{color:var(--text-inverse-muted);text-decoration:none;border:0}
.says-kirinti a:hover{color:var(--says-yellow-500);border:0}
.says-kirinti [aria-current="page"]{color:var(--says-yellow-500);font-weight:var(--fw-semibold)}
.says-kirinti__ok{color:rgba(255,255,255,.34)}

/* ---------- Tema değiştirme düğmesi ---------- */
.says-tema-dugme{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;background:transparent;border:var(--bw-hair) solid var(--border-inverse);border-radius:var(--r-control);color:var(--text-inverse);cursor:pointer;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease)}
.says-tema-dugme:hover{background:rgba(255,255,255,.08);color:var(--says-yellow-500);border-color:rgba(255,255,255,.34)}
/* Açık temada ay, koyu temada güneş — düğme basınca NE OLACAĞINI gösterir.
   Sistem tercihine bakan kural kaldırıldı: varsayılan her zaman açık tema. */
.says-tema-dugme__gunes{display:none}
.says-tema-dugme__ay{display:inline-flex}
:root[data-theme="dark"] .says-tema-dugme__gunes{display:inline-flex}
:root[data-theme="dark"] .says-tema-dugme__ay{display:none}

/* ---------- WhatsApp düğmesi ---------- */
/* README "no floating chat bubble" diyor; bu, müşterinin doğrudan isteği üzerine
   bilinçli istisna. Sarı KULLANILMIYOR (WhatsApp'ın kendi yeşili), sohbet penceresi
   açmıyor, tek tık doğrudan uygulamaya gidiyor. */
.says-wa{position:fixed;right:var(--sp-5);bottom:var(--sp-5);z-index:var(--z-overlay);display:inline-flex;align-items:center;gap:var(--sp-2);padding:12px 18px 12px 14px;border-radius:var(--r-pill);background:#25D366;color:#0B2B18;text-decoration:none;border:0;box-shadow:var(--shadow-md);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.says-wa:hover{color:#0B2B18;border:0;box-shadow:var(--shadow-lg);transform:translateY(-2px)}
.says-wa:active{transform:translateY(1px);box-shadow:var(--shadow-sm)}
.says-wa__yazi{font-family:var(--font-display);font-weight:var(--fw-extrabold);font-size:13px;letter-spacing:.06em}
@media (max-width:820px){
	/* Mobilde sabit alt çubuk var; üstüne binmesin ve yalnız simge kalsın. */
	.says-wa{bottom:calc(56px + var(--sp-4));right:var(--sp-4);padding:14px}
	.says-wa__yazi{display:none}
}

/* ---------- Çözüm alt maddeleri (Mobil & Taşınabilir) ---------- */
.says-cozum__altlar{list-style:none;margin:0 0 var(--sp-6);padding:0;display:flex;flex-direction:column;gap:var(--sp-4);max-width:var(--measure)}
.says-cozum__altlar li{display:flex;gap:var(--sp-4);align-items:flex-start;padding-left:var(--sp-4);border-left:var(--bw-rule) solid var(--border-default)}
.says-cozum__alt-ikon{flex:none;display:inline-flex;color:var(--text-strong);margin-top:2px}
.says-cozum__altlar strong{display:block;font-family:var(--font-display);font-weight:var(--fw-bold);font-size:14px;letter-spacing:.02em;color:var(--text-strong);margin-bottom:4px}
.says-cozum__altlar span{display:block;font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);color:var(--text-body)}

/* ---------- Hesap kutusu: çevre satırı ---------- */
/* Yeşil YALNIZCA burada ve yalnız veri rengi olarak. Marka paleti değişmiyor;
   --success-500 zaten sistemin "devrede" rengi. */
.says-hesap__satir--cevre{border-left-color:var(--success-500)}
.says-hesap__satir--cevre .says-hesap__deger{color:var(--success-500)}
.says-hesap__agac{display:flex;align-items:flex-start;gap:var(--sp-2);margin:0;font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--success-500)}
.says-hesap__agac .says-icon{flex:none;margin-top:1px}

/* ---------- İletişim sayfası ---------- */
.says-iletisim{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gutter);list-style:none;margin:0;padding:0}
.says-iletisim__kart{display:flex;flex-direction:column;gap:var(--sp-2)}
.says-iletisim__ikon{display:inline-flex;color:var(--text-strong);margin-bottom:var(--sp-2)}
.says-iletisim__baslik{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin:0}
.says-iletisim__deger{font-size:19px;font-weight:var(--fw-semibold);color:var(--text-strong);text-decoration:none;border:0;line-height:1.35;word-break:break-word}
a.says-iletisim__deger:hover{color:var(--text-link);border:0}
.says-iletisim__adres{font-family:var(--font-text);font-size:17px;margin:0}
.says-iletisim__not{margin:auto 0 0;padding-top:var(--sp-3);font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--text-muted)}

.says-harita{margin-top:var(--sp-10);border:var(--bw-hair) solid var(--border-subtle);border-radius:var(--r-card);overflow:hidden;aspect-ratio:16/7;background:var(--surface-subtle)}
.says-harita iframe{width:100%;height:100%;border:0;display:block;filter:saturate(.92) contrast(1.04)}

@media (max-width:1024px){
	.says-iletisim{grid-template-columns:repeat(2,1fr)}
	.says-harita{aspect-ratio:16/10}
}
@media (max-width:560px){
	.says-iletisim{grid-template-columns:1fr}
	.says-harita{aspect-ratio:4/3}
}

/* ---------- Çözümler: senaryo eşlemesi ---------- */
/* Ürün diliyle değil müşteri diliyle giriş. Kart değil, hairline ayraçlı liste —
   dört kartlık bir ızgara daha koymak sayfayı yine anasayfaya benzetirdi. */
.says-senaryo{display:grid;grid-template-columns:repeat(2,1fr);gap:0;list-style:none;margin:0;padding:0;border-top:var(--bw-rule) solid var(--accent)}
.says-senaryo__oge{border-bottom:var(--bw-hair) solid var(--border-default)}
.says-senaryo__oge:nth-child(odd){border-right:var(--bw-hair) solid var(--border-default)}
.says-senaryo__oge a{display:block;padding:var(--sp-6) var(--sp-6) var(--sp-6) 0;text-decoration:none;border:0;transition:background var(--dur) var(--ease)}
.says-senaryo__oge:nth-child(even) a{padding-left:var(--sp-6);padding-right:0}
.says-senaryo__oge a:hover{background:var(--surface-hover);border:0}
.says-senaryo__ikon{display:inline-flex;color:var(--text-strong);margin-bottom:var(--sp-3)}
.says-senaryo__durum{font-family:var(--font-text);font-size:var(--fs-body-lg);line-height:1.5;color:var(--text-strong);margin:0 0 var(--sp-3);max-width:34ch}
.says-senaryo__cozum{display:flex;align-items:center;gap:var(--sp-2);margin:0 0 var(--sp-2);font-family:var(--font-display);font-weight:var(--fw-bold);font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:var(--accent-ink)}
.says-senaryo__oge a:hover .says-senaryo__cozum{color:var(--text-strong)}
.says-senaryo__sebep{margin:0;font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);color:var(--text-muted);max-width:44ch}

/* ---------- Çözümler: karşılaştırma tablosu ---------- */
.says-gizli{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.says-tablo-sarmal{overflow-x:auto;-webkit-overflow-scrolling:touch}
.says-tablo{width:100%;border-collapse:collapse;min-width:760px}
.says-tablo th,.says-tablo td{text-align:left;padding:var(--sp-4) var(--sp-4);border-bottom:var(--bw-hair) solid var(--border-default);vertical-align:top}
.says-tablo thead th{border-bottom:var(--bw-rule) solid var(--accent);padding-top:0}
.says-tablo thead a{display:flex;flex-direction:column;gap:var(--sp-2);text-decoration:none;border:0;font-family:var(--font-display);font-weight:var(--fw-extrabold);font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-strong);line-height:1.3}
.says-tablo thead a:hover{color:var(--text-link);border:0}
.says-tablo__ikon{color:var(--text-muted)}
.says-tablo thead a:hover .says-tablo__ikon{color:var(--text-link)}
.says-tablo tbody th{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);width:150px;white-space:nowrap}
.says-tablo tbody td{font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);color:var(--text-body)}
.says-tablo tbody tr:last-child th,.says-tablo tbody tr:last-child td{border-bottom:0}
.says-tablo__sayi .says-data{font-size:var(--fs-data);font-weight:var(--fw-semibold);color:var(--text-strong);white-space:nowrap}
.says-tablo__sayi .says-unit{margin-left:4px}
.says-tablo__bos{color:var(--text-muted);cursor:help}

/* ---------- Çözümler: künyeler ---------- */
.says-kunye{padding:var(--sp-10) 0;border-top:var(--bw-hair) solid var(--border-subtle)}
.says-kunye:first-of-type{border-top:0;padding-top:var(--sp-2)}
.says-kunye__bas{display:flex;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-6)}
.says-kunye__ikon{display:inline-flex;color:var(--text-strong);flex:none}
.says-kunye__bas h3{font-family:var(--font-display);font-weight:var(--fw-extrabold);font-size:var(--fs-h3);letter-spacing:.01em;text-transform:uppercase;color:var(--text-strong);margin:0;line-height:1.25}
.says-kunye__govde{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--sp-8)}
.says-kunye__blok p:not(.says-eyebrow){margin:var(--sp-3) 0 0;font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);color:var(--text-body)}
.says-kunye__liste{list-style:none;margin:var(--sp-3) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2)}
.says-kunye__liste li{display:flex;gap:var(--sp-2);align-items:flex-start;font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);color:var(--text-body)}
.says-kunye__liste .says-icon{flex:none;margin-top:3px;color:var(--success-500)}
.says-kunye__liste--dikkat .says-icon{color:var(--warning-500)}

/* ---------- İletişim: telefon + WhatsApp tek kart ---------- */
.says-iletisim__kart--genis{grid-column:span 2}
.says-iletisim__deger--buyuk{font-size:26px;letter-spacing:-.01em}
.says-iletisim__eylem{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-4)}
/* WhatsApp yesili METIN olarak. Marka yesili #25D366 ve yaygin koyusu #128C4A
   beyazda sirasiyla 1,8:1 ve 4,31:1 kaliyor; 13px kalin yazi icin ikisi de AA'yi
   gecmiyor. #0E7A3F beyazda 5,42:1, yaprak zeminde 4,89:1 ve hover'daki beyaz
   yazi da ayni orani aliyor. Yuzen dugmedeki parlak yesile DOKUNULMADI -- orada
   metin koyu (#0B2B18), oran zaten yuksek. */
.says-wa-btn{color:#0E7A3F;border-color:currentColor}
.says-wa-btn:hover{background:#0E7A3F;color:#fff;border-color:#0E7A3F}

@media (max-width:1024px){
	.says-kunye__govde{grid-template-columns:1fr;gap:var(--sp-6)}
	.says-iletisim__kart--genis{grid-column:span 2}
}
@media (max-width:820px){
	.says-senaryo{grid-template-columns:1fr}
	.says-senaryo__oge:nth-child(odd){border-right:0}
	.says-senaryo__oge a,
	.says-senaryo__oge:nth-child(even) a{padding-left:0;padding-right:0}
}
@media (max-width:560px){
	.says-iletisim__kart--genis{grid-column:span 1}
	.says-iletisim__eylem .says-btn{flex:1;justify-content:center}
}

/* ---------- Çevre satırı (footer) ---------- */
/* Yeşil serpiştirme. Marka kuralı: yeşil YALNIZCA ölçülmüş çevresel çıktıda.
   Zemin, başlık veya buton olarak kullanılmaz — sarı kadar dar rasyonlu. */
.says-cevre{display:flex;align-items:flex-start;gap:var(--sp-2);margin:var(--sp-5) 0 0;max-width:44ch;font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);color:var(--text-inverse-muted)}
.says-cevre .says-icon{flex:none;margin-top:3px;color:var(--eco)}
.says-cevre strong{color:var(--eco);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums}
.says-cevre__kaynak{display:block;margin-top:4px;font-size:var(--fs-caption);line-height:1.45;color:rgba(255,255,255,.42)}

/* Mevcut yeşil kullanımları --eco anlamına bağlandı: kod okunurken
   "burada niye yeşil var" sorusu kalmasın. */
.says-hesap__satir--cevre{border-left-color:var(--eco)}
.says-hesap__satir--cevre .says-hesap__deger{color:var(--eco)}
.says-hesap__agac{color:var(--eco)}
.says-kunye__liste .says-icon{color:var(--eco)}

/* ---------- Sabit WhatsApp düğmesi çakışması ---------- */
/* Düğme position:fixed; sayfanın en altına inildiğinde footer künyesinin üstüne
   biniyordu (ölçüldü: 30px örtüşme). Footer'ın son satırına düğme genişliği
   kadar pay veriliyor — düğmeyi kaldırmak yerine metni çekmek doğru çözüm,
   çünkü düğme her yerde aynı yerde durmalı. */
.says-footer__alt{padding-right:var(--wa-pay, 0)}
@media (min-width:821px){
	:root{--wa-pay:190px}
}
@media (max-width:820px){
	/* Mobilde düğme sadece simge (78px) ve alt çubuğun üstünde duruyor. */
	:root{--wa-pay:0}
	.says-footer__alt{padding-bottom:var(--sp-10)}
}

/* ---------- Çevre bandı ---------- */
/* Tam genişlikte doğa fotoğrafı, AÇIK yıkamayla. Sistemdeki koruma gradyanları
   lacivert (koyu); bu bandın açık olması bilinçli — istenen his "ferah" ve sayfaya
   dördüncü bir koyu bant eklemek tam tersini yapardı.
   Yıkama düz bir katman, gradient değil: marka arka planlarda gradient yasaklıyor. */
/* ÇEVRE BANDI — beyaz kâğıt + SAĞDA gerçek fotoğraf.

   Önce tam genişlikte fotoğraf + üzerine .89 açık yıkama vardı. Sayfa zemini
   beyazken çalışıyordu: bant "yeşil olan" idi. Sayfa yaprak yeşiline dönünce
   aynı bant çevresinden DAHA DONUK kaldı ve kirli bir leke gibi okundu.
   Yıkamayı açmak çözmedi — bu fotoğrafın kadrajının çoğu koyu panel, açıldıkça
   yeşile değil çamura gidiyor (.89/.82/.74/.66 hepsi ölçüldü).

   Şimdi: zemin beyaz kâğıt (tablo ve formla aynı mantık — ölçülmüş olgular
   paneli), fotoğraf sağ sütunda YIKANMADAN duruyor. Ağaçlar ilk kez gerçekten
   görünüyor ve metin fotoğrafın üstünde değil, yanında — koruma gradyanına
   ihtiyaç kalmıyor. Üst etiket de yıkanmış gri yerine beyazda: 4,09:1 → 5,65:1.

   DİKKAT: metin sütunu ile fotoğrafın çakışmaması padding-right'a bağlı.
   Fotoğrafın sol kenarı %58'de, metin kutusunun sağ payı %46. Birini
   değiştirirsen ötekini de değiştir. */
.says-cevre-bant{position:relative;isolation:isolate;overflow:hidden;background:var(--surface-card)}
.says-cevre-bant__zemin{position:absolute;top:0;bottom:0;left:58%;right:0;z-index:0}
.says-cevre-bant__zemin .says-photo{position:absolute;inset:0;width:100%;height:100%;border-radius:0}
.says-cevre-bant__zemin .says-photo--bos{--photo-min-h:0;height:100%;background-image:none;background:var(--surface-subtle)}
.says-cevre-bant__zemin .says-photo--bos .says-photo__konu{color:var(--says-green-700,var(--eco-strong))}
.says-cevre-bant__zemin .says-photo--bos .says-photo__etiket{color:var(--text-muted)}
/* Yıkama: fotoğrafı bir his olarak bırakır, metni garantiye alır. */
/* DİKKAT: burada "padding: X 0" YAZMA. .says-container'ın yan boşluğunu siler
   ve dar ekranda metin ekranın soluna yapışır. Yalnızca dikey eksen. */
.says-cevre-bant__ic{padding-top:var(--sp-16);padding-bottom:var(--sp-16);position:relative;z-index:1;padding-right:46%}
.says-cevre-bant .says-rule{margin:var(--sp-3) 0 var(--sp-5)}
.says-cevre-bant h2{margin:0 0 var(--sp-8);max-width:18ch}

.says-cevre-bant__sayilar{display:flex;flex-wrap:wrap;gap:var(--sp-12);margin-bottom:var(--sp-6)}
.says-cevre-bant__sayilar .says-stat--ruled{border-left-color:var(--eco)}
.says-cevre-bant__sayilar .says-stat__value{color:var(--eco-strong)}
.says-cevre-bant__sayilar .says-unit{color:var(--text-muted)}

/* Kaynak notu kucuk metin (13px) — WCAG 4,5:1 istiyor. --text-muted ile, yikanmis
   fotografin koyu bolgelerinde 3,13:1 olculdu. --text-body ile eshige cikiyor. */
.says-cevre-bant__kaynak{display:flex;align-items:flex-start;gap:var(--sp-2);margin:0;max-width:var(--measure);font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--text-body)}
.says-cevre-bant__kaynak .says-icon{flex:none;margin-top:2px}

/* Dar ekranda yan yana durmuyor: fotoğraf metnin ÜSTÜNE tam genişlikte geçiyor.
   __zemin, __ic'ten önce geldiği için static'e alınca kendiliğinden yukarı düşüyor. */
@media (max-width:980px){
	.says-cevre-bant__zemin{position:static;left:auto;height:220px}
	.says-cevre-bant__zemin .says-photo{position:relative;height:220px}
	.says-cevre-bant__ic{padding-right:0}
}
@media (max-width:820px){
	.says-cevre-bant__ic{padding-top:var(--sp-12);padding-bottom:var(--sp-12)}
	.says-cevre-bant__sayilar{gap:var(--sp-8)}
	.says-cevre-bant__zemin,.says-cevre-bant__zemin .says-photo{height:180px}
}

/* =========================================================================
   GÜVEN BİLEŞENLERİ
   Müşteri: "siteye ilk girdiğimizde insan çekiniyor, sanki tuzağa düşecekmişiz
   gibi; güven vermiyor." Buradaki her parça o cümlenin cevabı — dekorasyon değil.
   ========================================================================= */

/* ---------- Üst iletişim şeridi ---------- */
/* Yapışkan DEĞİL. İki yapışkan çubuk mobilde okuma alanını yiyor; bu şerit
   sayfa kayınca yukarı çıkar, ekranı yalnızca .says-header tutar. */
.says-ust-serit{background:var(--says-navy-900);color:var(--text-inverse-muted);font-size:13px;line-height:1.4;border-bottom:var(--bw-hair) solid var(--border-inverse)}
.says-ust-serit__ic{display:flex;flex-wrap:wrap;gap:var(--sp-6);align-items:center;justify-content:center;padding:9px 0}
.says-ust-serit__oge{display:inline-flex;align-items:center;gap:var(--sp-2);color:var(--text-inverse-muted);text-decoration:none;border:0}
.says-ust-serit__oge .says-icon{color:var(--says-yellow-500);flex:none}
a.says-ust-serit__oge:hover{color:var(--text-inverse)}
@media (min-width:900px){ .says-ust-serit__ic{justify-content:space-between;gap:var(--sp-4)} }
/* Dar ekranda konum düşer: telefon ve e-posta işlem yapılabilir, konum bilgi. */
@media (max-width:560px){ .says-ust-serit__oge--sabit{display:none} .says-ust-serit{font-size:12px} }

/* ---------- Hero güven rozetleri ---------- */
/* Sarı ÇEMBER içinde ikon: marka sarıyı rasyonluyor ama bu çember dolgu değil,
   kıl payı çizgi — sayfadaki tek dolu sarı yüzey hâlâ CTA şeridi. */
.says-guven{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-6);grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:820px){ .says-guven{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--sp-4)} }
.says-guven__oge{display:flex;align-items:flex-start;gap:var(--sp-3)}
.says-guven__ikon{flex:none;width:42px;height:42px;border-radius:var(--r-pill);display:grid;place-items:center;border:2px solid var(--says-yellow-500);color:var(--says-yellow-500)}
.says-guven__metin{display:flex;flex-direction:column;gap:2px;min-width:0}
.says-guven__metin strong{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:15px;color:var(--says-yellow-500);letter-spacing:.01em}
.says-guven__metin span{font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);color:rgba(255,255,255,.82)}
@media (max-width:520px){
	.says-guven{gap:var(--sp-4)}
	.says-guven__ikon{width:36px;height:36px}
	.says-guven__metin strong{font-size:14px}
}

/* ---------- Hesap kutusundaki yeşil çevre rozeti ---------- */
/* Yeşil bu sayfada rasyonlu: yalnızca ÖLÇÜLMÜŞ çevresel çıktının yanında.
   Rozet slogan değil, altındaki hesabın etiketi. */
/* align-self / width:fit-content ŞART: .says-hesap bir flex/grid kolonu ve
   inline-flex tek başına yeterli olmuyor, rozet tüm genişliğe yayılıp bant gibi
   görünüyordu. */
.says-hesap__cevre-rozet{align-self:flex-start;width:fit-content;max-width:100%;display:inline-flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-4);padding:7px 13px 7px 9px;border-radius:var(--r-pill);background:var(--eco-soft);color:var(--eco-strong);font-family:var(--font-display);font-weight:var(--fw-bold);font-size:11px;letter-spacing:.07em}
.says-hesap__cevre-ikon{display:grid;place-items:center;width:22px;height:22px;border-radius:var(--r-pill);background:var(--eco);color:var(--n-0);flex:none}
/* Koyu hero zemininde soft yeşil yeterince ayrışmıyor; orada dolu daire. */
.says-hero .says-hesap__cevre-rozet{background:rgba(30,158,90,.18);color:#7BE3A8}
.says-hero .says-hesap__cevre-ikon{background:var(--eco);color:#06271A}

/* ---------- Hizmet şeridi: tıklanabilir kart ---------- */
/* Müşteri "insan tıklamak istesin oraya" dedi. Zaten bağlantıydılar ama
   tıklanabilir GÖRÜNMÜYORLARDI: ok yok, hover yok, açıklama yok. */
.says-service__not{display:block;margin-top:4px;font-family:var(--font-text);font-weight:var(--fw-regular);font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);letter-spacing:0;text-transform:none;color:rgba(255,255,255,.72)}
.says-service__ok{position:absolute;top:var(--sp-4);right:var(--sp-4);color:var(--says-yellow-500);opacity:0;transform:translateX(-4px);transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}
.says-totem--yatay .says-service{position:relative;padding:var(--sp-5) var(--sp-5) var(--sp-6);border-radius:var(--r-card);transition:background var(--dur) var(--ease),transform var(--dur) var(--ease)}
.says-totem--yatay .says-service:hover{background:rgba(255,255,255,.06);transform:translateY(-2px)}
.says-totem--yatay .says-service:hover .says-service__ok{opacity:1;transform:translateX(0)}
.says-totem--yatay .says-service:focus-visible .says-service__ok{opacity:1;transform:translateX(0)}

/* ---------- İstatistik şeridi ---------- */
/* Müşteri "çok yavan" dedi ve haklıydı: ince gri ikon, koyu rakam, düz beyaz
   zemin — hiçbir öğe göze çarpmıyordu. Üç değişiklik:
     - ikon YAPRAK YEŞİLİ daire içinde (sayfanın kendi yeşili, yeni renk değil)
     - rakam belirgin şekilde büyüdü ve altına kısa sarı çizgi geldi
     - etiket display fontunda, büyük harf, harf aralıklı
   Sarı çizgi markanın imza öğesi (.says-rule) ve burada rakamı işaretliyor;
   dolu sarı yüzey değil, o hâlâ sayfada tek. */
.says-istatistik{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-8) var(--sp-6);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));text-align:center}
.says-istatistik__oge{display:flex;flex-direction:column;align-items:center;gap:0;padding:0 var(--sp-3);position:relative}
.says-istatistik__oge + .says-istatistik__oge::before{content:"";position:absolute;left:0;top:6%;bottom:6%;width:var(--bw-hair);background:var(--border-subtle)}
.says-istatistik__ikon{
	display:grid;place-items:center;width:56px;height:56px;border-radius:var(--r-pill);
	background:var(--surface-subtle);color:var(--eco-strong);margin-bottom:var(--sp-4)
}
.says-istatistik__sayi{font-size:clamp(34px,4.6vw,46px);font-weight:var(--fw-bold);color:var(--text-strong);line-height:1;letter-spacing:-.01em}
.says-istatistik__sayi::after{content:"";display:block;width:32px;height:3px;background:var(--accent);margin:var(--sp-3) auto var(--sp-3)}
.says-istatistik__etiket{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);line-height:1.35}
@media (max-width:560px){
	.says-istatistik{grid-template-columns:repeat(2,1fr);gap:var(--sp-6) var(--sp-3)}
	/* İki sütuna düşünce sol kenardaki çizgi ikinci sıranın başında yanlış yere
	   geliyor; ayrımı boşluk yapıyor. */
	.says-istatistik__oge + .says-istatistik__oge::before{display:none}
}

/* ---------- Markalar şeridi ---------- */
/* Müşteri "hiç dikkat çekmiyor" dedi. Küçük gri yazı + sola yatık başlık,
   şerit sayfanın dibine düşmüştü. Şimdi başlık ortalı ve altında imza sarı
   çizgi; marka adları kıl payı çerçeveli kutularda duruyor. Kutu aynı zamanda
   logo geldiğinde onun yuvası — yazı görsele dönünce yerleşim değişmiyor. */
.says-markalar{margin-top:var(--sp-12);padding-top:var(--sp-10);border-top:var(--bw-hair) solid var(--border-subtle)}
/* max-width:none ŞART: .says-eyebrow okuma genişliğiyle sınırlı (554px ölçüldü)
   ve text-align:center o dar kutunun içinde ortalıyordu — başlık sola kaçmış
   görünüyordu. Çizgide de margin kısayolu global hr kuralına yeniliyordu;
   yan boşluklar tek tek yazılıyor. */
.says-markalar__baslik{text-align:center;color:var(--text-muted);margin:0 0 var(--sp-3);max-width:none;width:100%}
.says-markalar__cizgi{display:block;width:44px;height:3px;background:var(--accent);border:0;margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:var(--sp-7)}
.says-markalar__liste{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:var(--sp-4)}
.says-markalar__liste li{
	display:grid;place-items:center;min-width:150px;min-height:66px;padding:var(--sp-4) var(--sp-6);
	border:var(--bw-hair) solid var(--border-subtle);border-radius:var(--r-card);
	background:var(--surface-card);
	transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease)
}
.says-markalar__liste li:hover{border-color:var(--accent);transform:translateY(-2px)}
.says-markalar__liste img{max-height:38px;max-width:100%;width:auto;opacity:.78;filter:grayscale(1);transition:opacity var(--dur) var(--ease),filter var(--dur) var(--ease)}
.says-markalar__liste li:hover img{opacity:1;filter:grayscale(0)}
/* Logo dosyası yokken marka ADI yazıyla dizilir. Üçüncü tarafın logo dosyası
   depoya konmuyor; müşteri panelden yükleyince bu yazılar görsele döner. */
.says-markalar__ad{font-family:var(--font-display);font-weight:var(--fw-extrabold);font-size:18px;letter-spacing:.01em;color:var(--text-strong);white-space:nowrap}
@media (max-width:560px){
	.says-markalar__liste{gap:var(--sp-3)}
	.says-markalar__liste li{min-width:calc(50% - var(--sp-2));min-height:58px;padding:var(--sp-3) var(--sp-4)}
	.says-markalar__ad{font-size:15px}
}