/* =====================================================================
   Estorix anasayfa — tasarım sistemi + bölümler (2026-10-13)
   ---------------------------------------------------------------------
   Gövde: inc/anasayfa-govde.php · Yükleyen: index.php (extraCss).
   Header, footer ve modallar iç sayfalarla AYNI landing paketinden gelir
   (estorix-landing-paket.css); bu dosya yalnız <main class="eh"> içini çizer.
   Tüm seçiciler `.eh` altında: ortak katmanlardaki `body.estorix-vibe h2`
   (0,1,2) gibi kurallar (0,2,0) ile ezilir, başka sayfaya sızmaz.

   Belirteçler
     Renk   : gece #0A1628 (başlık) · metin #3A4556 · ikincil #5B6678 ·
              mavi #2563EB / #1D4ED8 · açık mavi #EFF4FF · çizgi #E3E8F0 ·
              zemin #FFF / #F6F8FB · onay yeşili #0F9D6E (yalnız ikon)
     Tip    : Inter · H1 36→56 · H2 28→40 · H3 19 · giriş 17→20 · gövde 16
     Boşluk : 4'ün katları · bölüm 64→112 · kap 1200 + 16→32 kenar
     Köşe   : 10 (küçük) · 16 (kart) · 24 (panel) · düğme hap
     Hareket: 160 ms; kaydırmaya bağlı animasyon YOK; reduced-motion saygılı
     Kırılım: 1080 · 960 · 768 · 560 · 400
   ===================================================================== */

/* Inter (font-display: swap) gelene kadar kullanılan yedek: Inter'in ölçülerine ayarlı sistem fontu —
   Arial (Windows / macOS / iOS) ya da Roboto (Android). Satır kırılımları Inter'e çok yakın kalır,
   Inter gelince metin yer değiştirmez (CLS). "optional" denendi: Chrome önyüklenmiş optional fontu
   ilk boyamada bekliyor, FCP ~0,5 sn gecikti. */
@font-face {
  font-family: "Inter Yedek";
  font-weight: 100 549;
  src: local("Arial"), local("ArialMT"), local("Roboto"), local("Roboto-Regular");
  ascent-override: 89.45%;
  descent-override: 22.27%;
  line-gap-override: 0%;
  size-adjust: 108.3%;   /* ölçüm: Inter 400 / Arial 400 = %108,1 · Inter 500 / Arial 400 = %110,1 */
}
@font-face {
  font-family: "Inter Yedek";
  font-weight: 550 900;
  src: local("Arial Bold"), local("Arial-BoldMT"), local("Roboto Bold"), local("Roboto-Bold");
  ascent-override: 94.05%;
  descent-override: 23.42%;
  line-gap-override: 0%;
  size-adjust: 103%;     /* ölçüm: Inter 600–700 / Arial Bold = %102,3–103,2 */
}

.eh {
  --eh-gece: #0A1628;
  --eh-metin: #3A4556;
  --eh-ikincil: #5B6678;
  --eh-mavi: #2563EB;
  --eh-mavi-k: #1D4ED8;
  --eh-mavi-a: #EFF4FF;
  --eh-cizgi: #E3E8F0;
  --eh-cizgi-k: #CBD3DF;
  --eh-zemin-2: #F6F8FB;
  --eh-yesil: #0F9D6E;
  --eh-h1: clamp(2.25rem, 1.35rem + 3.1vw, 3.5rem);
  --eh-h2: clamp(1.75rem, 1.25rem + 1.75vw, 2.5rem);
  --eh-giris: clamp(1.0625rem, 1rem + 0.35vw, 1.25rem);
  --eh-kenar: clamp(16px, 4vw, 32px);
  --eh-bosluk: clamp(64px, 6vw + 32px, 112px);
  --eh-r: 16px;
  --eh-golge-1: 0 1px 2px rgba(10, 22, 40, 0.05);
  --eh-golge-2: 0 18px 40px -20px rgba(10, 22, 40, 0.22);
  --eh-gecis: 160ms cubic-bezier(0.2, 0, 0, 1);

  display: block;
  font-family: Inter, "Inter Yedek", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: -0.006em;
  color: var(--eh-metin);
  background: #fff;
  -webkit-font-smoothing: antialiased;
}
.eh:focus { outline: none; }   /* "İçeriğe geç" hedefi (tabindex=-1) */
.eh :where(section[id], article[id], details[id]) { scroll-margin-top: 96px; }   /* sabit üst çubuk payı */
.eh *, .eh *::before, .eh *::after { box-sizing: border-box; }
.eh :where(h1, h2, h3, h4, p, ul, ol, figure, figcaption, dl, dd) { margin: 0; padding: 0; }
.eh :where(ul, ol) { list-style: none; }
.eh img { display: block; max-width: 100%; height: auto; }
/* Font Awesome CSS'i ertelenmiş yüklenir: ikon kutusu baştan 1em ayrılır → CSS gelince metin kaymaz */
.eh i:where([class*="fa-"]) { display: inline-block; width: 1em; line-height: 1; text-align: center; font-style: normal; }
.eh :where(a) { color: inherit; }
.eh :where(button) { font: inherit; }

/* ---------- Yerleşim ---------- */
.eh .eh-wrap { width: 100%; max-width: calc(1200px + 2 * var(--eh-kenar)); margin-inline: auto; padding-inline: var(--eh-kenar); }
.eh .eh-bolum { padding-block: var(--eh-bosluk); }
.eh .eh-bolum--gri { background: var(--eh-zemin-2); }
.eh .eh-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ---------- Tipografi ---------- */
.eh .eh-bas { max-width: 720px; margin-bottom: clamp(32px, 3vw + 16px, 56px); }
.eh .eh-bas--orta { margin-inline: auto; text-align: center; }
.eh .eh-bas-satir { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px 32px; flex-wrap: wrap; margin-bottom: clamp(24px, 2vw + 12px, 40px); }
.eh .eh-bas-satir .eh-bas { margin-bottom: 0; }
.eh .eh-ust { display: block; margin-bottom: 12px; font-size: 14px; font-weight: 600; line-height: 1.4; letter-spacing: 0; color: var(--eh-mavi); }
.eh .eh-h2 { font-size: var(--eh-h2); line-height: 1.14; font-weight: 700; letter-spacing: -0.03em; color: var(--eh-gece); text-wrap: balance; }
.eh .eh-h2--kucuk { font-size: clamp(1.375rem, 1.2rem + 0.6vw, 1.625rem); letter-spacing: -0.022em; }
.eh .eh-h3 { font-size: 1.1875rem; line-height: 1.35; font-weight: 650; letter-spacing: -0.018em; color: var(--eh-gece); }
.eh .eh-giris { margin-top: 14px; font-size: var(--eh-giris); line-height: 1.55; color: var(--eh-metin); text-wrap: pretty; }
.eh .eh-not { font-size: 13.5px; line-height: 1.5; color: var(--eh-ikincil); }
.eh .eh-metin-link { color: var(--eh-mavi); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.eh .eh-metin-link:hover { color: var(--eh-mavi-k); }

/* ---------- Düğmeler ---------- */
.eh .eh-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 48px; padding: 0 22px; border: 1px solid transparent; border-radius: 999px;
  font-size: 15.5px; font-weight: 600; line-height: 1.2; letter-spacing: -0.01em;
  text-decoration: none; white-space: nowrap; cursor: pointer; background: none;
  transition: background-color var(--eh-gecis), border-color var(--eh-gecis), color var(--eh-gecis), transform var(--eh-gecis);
}
.eh .eh-btn i { font-size: 0.85em; }
.eh .eh-btn:focus-visible { outline: 3px solid rgba(37, 99, 235, 0.45); outline-offset: 2px; }
.eh .eh-btn:active { transform: translateY(1px); }
.eh .eh-btn--ana { background: var(--eh-mavi); color: #fff; box-shadow: 0 1px 2px rgba(10, 22, 40, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.14); }
.eh .eh-btn--ana:hover { background: var(--eh-mavi-k); color: #fff; }
.eh .eh-btn--ikincil { background: #fff; color: var(--eh-gece); border-color: var(--eh-cizgi-k); }
.eh .eh-btn--ikincil:hover { background: #F8FAFC; border-color: #A9B4C4; color: var(--eh-gece); }
.eh .eh-btn--koyu { background: var(--eh-gece); color: #fff; }
.eh .eh-btn--koyu:hover { background: #1B2A44; color: #fff; }
.eh .eh-btn--hayalet { color: #fff; border-color: rgba(255, 255, 255, 0.36); }
.eh .eh-btn--hayalet:hover { background: rgba(255, 255, 255, 0.08); border-color: rgba(255, 255, 255, 0.6); color: #fff; }
.eh .eh-btn--buyuk { min-height: 52px; padding: 0 26px; font-size: 16px; }
.eh .eh-btn--kucuk { min-height: 40px; padding: 0 16px; font-size: 14.5px; }

.eh .eh-ok {
  display: inline-flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 600;
  color: var(--eh-mavi); text-decoration: none; transition: color var(--eh-gecis);
}
.eh .eh-ok i { font-size: 0.8em; transition: transform var(--eh-gecis); }
.eh .eh-ok:hover { color: var(--eh-mavi-k); }
.eh .eh-ok:hover i { transform: translateX(3px); }
.eh .eh-ok:focus-visible, .eh .eh-link-kart:focus-visible { outline: 3px solid rgba(37, 99, 235, 0.45); outline-offset: 3px; border-radius: 6px; }

/* ---------- Kart ve ikon ---------- */
.eh .eh-kart { background: #fff; border: 1px solid var(--eh-cizgi); border-radius: var(--eh-r); box-shadow: var(--eh-golge-1); }
.eh .eh-link-kart { text-decoration: none; transition: border-color var(--eh-gecis), box-shadow var(--eh-gecis), transform var(--eh-gecis); }
@media (hover: hover) {
  .eh .eh-link-kart:hover { border-color: var(--eh-cizgi-k); box-shadow: var(--eh-golge-2); transform: translateY(-2px); }
}
.eh .eh-ikon {
  display: inline-flex; align-items: center; justify-content: center; flex: none;
  width: 40px; height: 40px; border-radius: 10px; background: var(--eh-mavi-a); color: var(--eh-mavi); font-size: 17px;
}
.eh .eh-rozet {
  display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: 999px;
  background: #F1F4F9; color: var(--eh-ikincil); font-size: 12px; font-weight: 600; letter-spacing: 0; white-space: nowrap;
}
.eh .eh-rozet--mavi { background: var(--eh-mavi-a); color: var(--eh-mavi-k); }

/* =====================================================================
   1 · HERO
   ===================================================================== */
.eh .eh-hero {
  padding: clamp(112px, 9vw + 40px, 152px) 0 clamp(48px, 5vw, 80px);
  background: linear-gradient(180deg, var(--eh-zemin-2) 0%, #fff 100%);
  overflow: clip;
}
/* align-items: start — görsel metnin yüksekliğine bağlı ortalanmaz; Inter gelip satırlar değişince kaymaz */
.eh .eh-hero__in { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr); gap: clamp(32px, 4.5vw, 64px); align-items: start; }
.eh .eh-hero__gorsel { margin-top: clamp(0px, 1.5vw, 20px); }
.eh .eh-hero__metin { max-width: 560px; }
.eh .eh-hero__h1 { font-size: var(--eh-h1); line-height: 1.05; font-weight: 700; letter-spacing: -0.038em; color: var(--eh-gece); text-wrap: balance; }
.eh .eh-hero__kat { display: block; margin-bottom: 18px; font-size: 15px; font-weight: 600; line-height: 1.4; letter-spacing: -0.005em; color: var(--eh-mavi); }
.eh .eh-hero__alt { margin-top: 22px; max-width: 33em; font-size: var(--eh-giris); line-height: 1.55; color: var(--eh-metin); text-wrap: pretty; }
.eh .eh-hero__cta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.eh .eh-guven { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-top: 22px; font-size: 14px; line-height: 1.4; color: var(--eh-ikincil); }
.eh .eh-guven li { display: inline-flex; align-items: center; gap: 8px; }
.eh .eh-guven i { color: var(--eh-yesil); font-size: 14px; }

/* Geniş ekranda ürün görseli kabın sağ kenarını aşar (en fazla 160 px) — ekran okunur boyda kalsın */
.eh .eh-hero__gorsel { position: relative; margin-right: calc(-1 * clamp(0px, (100vw - 1264px) / 2, 160px)); }
.eh .eh-hero__sahne { position: relative; padding: 0 0 9% 7%; }
.eh .eh-ekran {
  position: relative; overflow: hidden; border-radius: 14px; background: #fff;
  box-shadow: 0 0 0 1px rgba(10, 22, 40, 0.08), 0 40px 80px -32px rgba(10, 22, 40, 0.32), 0 12px 24px -12px rgba(10, 22, 40, 0.12);
}
.eh .eh-ekran img { width: 100%; aspect-ratio: 16 / 9; }   /* hero-panel-*.webp 2880×1620 kaynak */
.eh .eh-tablet {
  position: absolute; left: 0; bottom: 0; width: 47%; padding: 6px; border-radius: 16px;
  background: #0B1220; box-shadow: 0 28px 56px -18px rgba(10, 22, 40, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.06) inset;
}
.eh .eh-tablet img { width: 100%; border-radius: 10px; aspect-ratio: 1366 / 768; }   /* hero-satis-*.webp 2732×1536 kaynak */
.eh .eh-hero__not { margin-top: 14px; padding-left: 50%; font-size: 12.5px; line-height: 1.4; color: var(--eh-ikincil); text-align: right; }

/* =====================================================================
   2 · KAMPANYALAR (kart bileşeni: estorix-vitrin.css .kx-kart — /kampanyalar ile ortak)
   ===================================================================== */
.eh .eh-kampanya { padding: 8px 0 clamp(56px, 5vw + 24px, 88px); }

/* =====================================================================
   3 · ENTEGRASYON LOGOLARI
   ===================================================================== */
.eh .eh-ortak { padding: 40px 0 36px; border-block: 1px solid var(--eh-cizgi); }
.eh .eh-ortak__etiket { margin-bottom: 22px; font-size: 14px; font-weight: 600; color: var(--eh-ikincil); text-align: center; }
.eh .eh-ortak__liste { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 16px 24px; align-items: center; }
.eh .eh-ortak__liste a {
  display: flex; align-items: center; justify-content: center; height: 48px; border-radius: 10px;
  transition: background-color var(--eh-gecis);
}
.eh .eh-ortak__liste a:hover { background: var(--eh-zemin-2); }
.eh .eh-ortak__liste a:focus-visible { outline: 3px solid rgba(37, 99, 235, 0.45); outline-offset: 2px; }
.eh .eh-ortak__liste img { width: auto; max-width: 112px; max-height: 30px; object-fit: contain; transition: transform var(--eh-gecis); }
/* 2026-10-14 (kullanıcı): logolar gri değil, kendi renkleriyle */
@media (hover: hover) { .eh .eh-ortak__liste a:hover img { transform: scale(1.04); } }
.eh .eh-ortak__not { margin-top: 18px; text-align: center; }

/* =====================================================================
   4 · NEDEN ESTORIX — sorun → çözüm
   ===================================================================== */
.eh .eh-neden__izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.eh .eh-neden__kart { display: flex; flex-direction: column; padding: clamp(24px, 2vw + 12px, 32px); }
.eh .eh-neden__ust { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 20px; }
.eh .eh-neden__sorun { margin: 10px 0 0; padding-left: 12px; border-left: 2px solid var(--eh-cizgi-k); font-size: 14.5px; line-height: 1.5; color: var(--eh-ikincil); }
.eh .eh-neden__cozum { margin-top: 14px; font-size: 15.5px; line-height: 1.6; color: var(--eh-metin); }
.eh .eh-neden__kart .eh-ok { margin-top: auto; padding-top: 18px; }

/* =====================================================================
   5 · ÜRÜN TURU — modül sekmeleri + gerçek ekranlar
   ===================================================================== */
.eh .eh-tur__ic { display: grid; grid-template-columns: 272px minmax(0, 1fr); gap: 32px; align-items: start; }
.eh .eh-tur__sekmeler { display: flex; flex-direction: column; gap: 4px; }
.eh .eh-tur__sekme {
  display: flex; align-items: center; gap: 12px; width: 100%; min-height: 48px; padding: 10px 14px;
  border: 1px solid transparent; border-radius: 12px; background: none; cursor: pointer; text-align: left;
  font-size: 15px; font-weight: 550; line-height: 1.3; color: var(--eh-metin);
  transition: background-color var(--eh-gecis), color var(--eh-gecis), border-color var(--eh-gecis);
}
.eh .eh-tur__sekme i { width: 20px; flex: none; text-align: center; font-size: 15px; color: var(--eh-ikincil); transition: color var(--eh-gecis); }
.eh .eh-tur__sekme:hover { background: var(--eh-zemin-2); color: var(--eh-gece); }
.eh .eh-tur__sekme.is-aktif { background: #fff; border-color: var(--eh-cizgi); color: var(--eh-gece); font-weight: 650; box-shadow: var(--eh-golge-1); }
.eh .eh-tur__sekme.is-aktif i { color: var(--eh-mavi); }
.eh .eh-tur__sekme:focus-visible { outline: 3px solid rgba(37, 99, 235, 0.45); outline-offset: 1px; }
.eh .eh-tur__panel { padding: clamp(20px, 2vw + 8px, 32px); }
.eh .eh-tur__panel[hidden] { display: none; }
.eh .eh-tur__metin { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 24px; align-items: start; }
.eh .eh-tur__metin .eh-ok { grid-column: 2; grid-row: 1; align-self: center; }
.eh .eh-tur__baslik { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.eh .eh-tur__lead { grid-column: 1 / -1; font-size: 15.5px; color: var(--eh-metin); }
.eh .eh-tur__liste { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px 20px; margin-top: 10px; }
.eh .eh-tur__liste li { display: flex; gap: 9px; align-items: baseline; font-size: 14.5px; line-height: 1.45; color: var(--eh-metin); }
.eh .eh-tur__liste li i { flex: none; font-size: 12px; color: var(--eh-yesil); }
.eh .eh-tur__liste a { color: var(--eh-gece); text-decoration: underline; text-decoration-color: var(--eh-cizgi-k); text-underline-offset: 3px; }
.eh .eh-tur__liste a:hover { color: var(--eh-mavi); text-decoration-color: currentColor; }
.eh .eh-tur__ekran { margin-top: 24px; }
.eh .eh-tur__ekran img { width: 100%; aspect-ratio: 16 / 9; border-radius: 10px; box-shadow: 0 0 0 1px rgba(10, 22, 40, 0.08); background: var(--eh-zemin-2); }
.eh .eh-tur__ekran figcaption { margin-top: 10px; font-size: 13px; color: var(--eh-ikincil); }

/* "Büyük güncelleme" vitrini (inc/home-guncelleme.php kendi stilini taşır) — tipografiyi sisteme bağla */
.eh .egn { border-color: var(--eh-cizgi); }
.eh .egn__in { max-width: calc(1200px + 2 * var(--eh-kenar)); padding-inline: var(--eh-kenar); }
.eh .egn__h { font-size: var(--eh-h2); font-weight: 700; letter-spacing: -0.03em; line-height: 1.14; color: var(--eh-gece); }
.eh .egn__h span { color: inherit; }
.eh .egn__rozet { letter-spacing: 0.02em; font-weight: 600; }
.eh .egn__p, .eh .egn__l li { color: var(--eh-metin); }

/* =====================================================================
   6 · İŞLETME TÜRLERİ
   ===================================================================== */
.eh .eh-turler__izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.eh .eh-tur-kart { position: relative; display: flex; flex-direction: column; gap: 6px; height: 100%; padding: 22px 22px 20px; color: var(--eh-metin); }
.eh .eh-tur-kart .eh-ikon { margin-bottom: 10px; }
.eh .eh-tur-kart__ad { font-size: 16.5px; font-weight: 650; letter-spacing: -0.015em; color: var(--eh-gece); }
.eh .eh-tur-kart__not { font-size: 14px; line-height: 1.5; color: var(--eh-ikincil); }
.eh .eh-tur-kart__ok { position: absolute; top: 24px; right: 22px; font-size: 13px; color: var(--eh-cizgi-k); transition: color var(--eh-gecis), transform var(--eh-gecis); }
.eh .eh-tur-kart:hover .eh-tur-kart__ok { color: var(--eh-mavi); transform: translateX(2px); }

/* =====================================================================
   7 · DONANIM
   ===================================================================== */
.eh .eh-donanim__ic { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: clamp(32px, 4vw, 64px); align-items: center; }
.eh .eh-donanim__metin .eh-bas { margin-bottom: 0; }
.eh .eh-donanim__liste { display: grid; gap: 10px; margin: 24px 0 28px; }
.eh .eh-donanim__liste li { display: flex; gap: 10px; align-items: baseline; font-size: 15px; color: var(--eh-metin); }
.eh .eh-donanim__liste i { flex: none; width: 16px; color: var(--eh-yesil); font-size: 13px; }
.eh .eh-donanim__izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.eh .eh-hw { display: flex; flex-direction: column; overflow: hidden; color: var(--eh-metin); }
.eh .eh-hw__gorsel { display: flex; align-items: center; justify-content: center; height: 168px; padding: 16px; background: var(--eh-zemin-2); border-bottom: 1px solid var(--eh-cizgi); }
.eh .eh-hw__gorsel img { width: auto; max-height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.eh .eh-hw__metin { display: grid; gap: 2px; padding: 14px 18px 16px; }
.eh .eh-hw__ad { font-size: 15.5px; font-weight: 650; color: var(--eh-gece); }
.eh .eh-hw__sayi { font-size: 13px; color: var(--eh-ikincil); }
.eh .eh-hw__fiyat { margin-top: 6px; font-size: 14px; font-weight: 600; color: var(--eh-gece); font-variant-numeric: tabular-nums; }
.eh .eh-hw__fiyat small { font-size: 12.5px; font-weight: 500; color: var(--eh-ikincil); }

/* =====================================================================
   8 · ÜÇ ADIMDA BAŞLANGIÇ
   ===================================================================== */
.eh .eh-adim__izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; counter-reset: eh-adim; }
.eh .eh-adim { position: relative; padding: 28px 26px 26px; }
.eh .eh-adim__no {
  display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; margin-bottom: 18px;
  border-radius: 999px; background: var(--eh-gece); color: #fff; font-size: 14px; font-weight: 700; font-variant-numeric: tabular-nums;
}
.eh .eh-adim p { margin-top: 8px; font-size: 15px; line-height: 1.6; }
.eh .eh-adim__sure { display: inline-block; margin-top: 14px; }
.eh .eh-adim__cta { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 12px 20px; margin-top: 40px; }

/* (9 · referanslar ve 10 · fiyat bandı: aşağıda 9b / 10b) */

/* =====================================================================
   11 · SSS
   ===================================================================== */
.eh .eh-sss__ic { display: grid; grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr); gap: clamp(32px, 5vw, 80px); align-items: start; }
.eh .eh-iletisim { margin-top: 28px; padding: 22px 22px 20px; }
.eh .eh-iletisim__h { font-size: 16px; font-weight: 650; color: var(--eh-gece); }
.eh .eh-iletisim p { margin-top: 4px; font-size: 14.5px; }
.eh .eh-iletisim__yollar { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.eh .eh-sss__liste { border-top: 1px solid var(--eh-cizgi); }
.eh .eh-sss__oge { border-bottom: 1px solid var(--eh-cizgi); }
.eh .eh-sss__oge summary {
  display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 2px;
  list-style: none; cursor: pointer; font-size: 16.5px; font-weight: 600; line-height: 1.4; letter-spacing: -0.012em; color: var(--eh-gece);
}
.eh .eh-sss__oge summary::-webkit-details-marker { display: none; }
.eh .eh-sss__oge summary:focus-visible { outline: 3px solid rgba(37, 99, 235, 0.45); outline-offset: 2px; border-radius: 6px; }
.eh .eh-sss__oge summary:hover { color: var(--eh-mavi-k); }
.eh .eh-sss__arti { position: relative; flex: none; width: 28px; height: 28px; border-radius: 999px; border: 1px solid var(--eh-cizgi-k); }
.eh .eh-sss__arti::before, .eh .eh-sss__arti::after { content: ""; position: absolute; top: 50%; left: 50%; width: 10px; height: 1.5px; margin: -0.75px 0 0 -5px; background: var(--eh-gece); transition: transform var(--eh-gecis); }
.eh .eh-sss__arti::after { transform: rotate(90deg); }
.eh .eh-sss__oge[open] .eh-sss__arti::after { transform: rotate(0deg); }
.eh .eh-sss__cevap { padding: 0 48px 22px 2px; font-size: 15.5px; line-height: 1.65; color: var(--eh-metin); }
.eh .eh-sss__cevap a { color: var(--eh-mavi); text-decoration: underline; text-underline-offset: 3px; }
.eh .eh-sss__cevap strong { color: var(--eh-gece); font-weight: 600; }

/* =====================================================================
   12 · BLOG
   ===================================================================== */
.eh .eh-blog__izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.eh .eh-yazi { display: flex; flex-direction: column; gap: 10px; height: 100%; padding: 24px; color: var(--eh-metin); }
.eh .eh-yazi__ust { font-size: 13px; font-weight: 600; color: var(--eh-ikincil); }
.eh .eh-yazi__h { font-size: 17.5px; font-weight: 650; line-height: 1.35; letter-spacing: -0.015em; color: var(--eh-gece); }
.eh .eh-yazi__d { font-size: 14.5px; line-height: 1.55; color: var(--eh-ikincil); }
.eh .eh-yazi .eh-ok { margin-top: auto; padding-top: 6px; font-size: 14.5px; }

/* =====================================================================
   13 · UYGULAMALAR (indirme)
   ===================================================================== */
.eh .eh-indir__izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.eh .eh-uyg { display: flex; flex-direction: column; gap: 6px; padding: 22px; }
.eh .eh-uyg__ust { display: flex; align-items: center; gap: 12px; margin-bottom: 6px; }
.eh .eh-uyg__ust i { font-size: 22px; color: var(--eh-gece); width: 24px; text-align: center; }
.eh .eh-uyg__ad { font-size: 16px; font-weight: 650; color: var(--eh-gece); }
.eh .eh-uyg p { font-size: 14px; line-height: 1.5; color: var(--eh-ikincil); }
.eh .eh-uyg .eh-btn { margin-top: auto; width: 100%; }
.eh .eh-uyg__ek { display: flex; flex-wrap: wrap; gap: 4px 14px; margin-top: 10px; font-size: 13.5px; }
.eh .eh-uyg__ek a { color: var(--eh-mavi); text-decoration: underline; text-underline-offset: 3px; }
.eh .eh-uyg__govde { flex: 1; }
.eh .eh-indir__diger { display: flex; flex-wrap: wrap; gap: 10px 24px; align-items: center; justify-content: center; margin-top: 24px; font-size: 14px; color: var(--eh-ikincil); }
.eh .eh-indir__diger a { color: var(--eh-mavi); font-weight: 600; text-decoration: none; }
.eh .eh-indir__diger a:hover { text-decoration: underline; text-underline-offset: 3px; }

/* =====================================================================
   14 · KAPANIŞ CTA — sade (2026-10-13 kullanıcı isteği): açık zemin, başlık + tek cümle + iki düğme;
   koyu panel, ışık efekti, güven listesi ve telefon satırı kaldırıldı.
   ===================================================================== */
.eh .eh-son { padding: 0 0 var(--eh-bosluk); }
.eh .eh-son__panel {
  padding: clamp(40px, 4vw + 16px, 64px) clamp(20px, 4vw, 48px);
  border: 1px solid var(--eh-cizgi); border-radius: 24px; background: var(--eh-zemin-2); text-align: center;
}
.eh .eh-son .eh-h2 { max-width: 18em; margin-inline: auto; }
.eh .eh-son .eh-giris { max-width: 34em; margin-inline: auto; color: var(--eh-ikincil); }
.eh .eh-son__cta { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 28px; }

/* =====================================================================
   9b · REFERANS ŞERİDİ — adisyo.com logo şeridi düzeni (2026-10-14): tam genişlik bant, tek sıra,
   durmadan sola akan logo + ad. İz iki özdeş listeden oluşur; −%50 kayınca başa sorunsuz bağlanır
   (bu yüzden liste sonunda da boşluk var: padding-right = gap). Süre satır içi --eh-ref-sure.
   ===================================================================== */
/* 14.10 kurumsal düzen: gri bant, başlık + rakamlar, ters yönlere akan iki sıra beyaz kart. */
.eh .eh-ref-serit { padding: clamp(56px, 5vw + 24px, 88px) 0 48px; border-block: 1px solid var(--eh-cizgi); background: var(--eh-zemin-2); }
.eh .eh-ref-serit__bas { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px 48px; margin-bottom: 36px; }
.eh .eh-ref-serit__baslik { max-width: 20em; }
.eh .eh-ref-serit__sayilar { display: flex; flex: none; gap: 0; margin: 0; border: 1px solid var(--eh-cizgi); border-radius: 14px; background: #fff; box-shadow: var(--eh-golge-1); }
.eh .eh-ref-serit__sayilar > div { padding: 14px 26px; }
.eh .eh-ref-serit__sayilar > div + div { border-left: 1px solid var(--eh-cizgi); }
.eh .eh-ref-serit__sayilar dt { font-size: 12.5px; font-weight: 600; letter-spacing: 0.02em; text-transform: uppercase; color: var(--eh-ikincil); }
.eh .eh-ref-serit__sayilar dd { margin: 2px 0 0; font-size: 28px; font-weight: 700; line-height: 1.1; letter-spacing: -0.03em; color: var(--eh-gece); font-variant-numeric: tabular-nums; }
.eh .eh-ref-serit__ray {
  --eh-ref-sis: clamp(24px, 8vw, 140px);
  overflow: hidden; padding: 6px 0;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 var(--eh-ref-sis), #000 calc(100% - var(--eh-ref-sis)), transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 var(--eh-ref-sis), #000 calc(100% - var(--eh-ref-sis)), transparent 100%);
}
.eh .eh-ref-serit__ray + .eh-ref-serit__ray { margin-top: 4px; }
.eh .eh-ref-serit__iz { display: flex; width: max-content; animation: ehRefKay var(--eh-ref-sure, 110s) linear infinite; }
.eh .eh-ref-serit__ray--ters .eh-ref-serit__iz { animation-direction: reverse; }
.eh .eh-ref-serit.is-bekle .eh-ref-serit__iz { animation-play-state: paused; }
@keyframes ehRefKay { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-50%, 0, 0); } }
.eh .eh-ref-serit__liste { display: flex; flex: none; align-items: stretch; gap: 14px; margin: 0; padding: 0 14px 0 0; list-style: none; }
.eh .eh-ref-serit__kart {
  display: flex; flex: none; align-items: center; gap: 12px; min-width: 220px; padding: 10px 20px 10px 10px;
  border: 1px solid var(--eh-cizgi); border-radius: 14px; background: #fff; box-shadow: var(--eh-golge-1);
}
.eh .eh-ref-serit__logo {
  flex: none; width: 44px; height: 44px; border-radius: 10px; object-fit: cover; background: #fff;
  box-shadow: 0 0 0 1px rgba(10, 22, 40, 0.08);
}
.eh .eh-ref-serit__logo--harf {
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, #13306B, #0A1628); color: #fff; font-size: 15px; font-weight: 700; letter-spacing: 0.02em;
}
.eh .eh-ref-serit__metin { display: flex; flex-direction: column; gap: 2px; white-space: nowrap; }
.eh .eh-ref-serit__ad { font-size: 15px; font-weight: 650; line-height: 1.3; letter-spacing: -0.01em; color: var(--eh-gece); }
.eh .eh-ref-serit__alt { font-size: 12.5px; line-height: 1.35; color: var(--eh-ikincil); }
.eh .eh-ref-serit__not { margin-top: 28px; text-align: center; }

/* =====================================================================
   10b · FİYAT BANDI — adisyo.com fiyat şeridi düzeni (2026-10-13), Estorix lacivert → mavi
   ===================================================================== */
.eh .eh-fiyat-bant {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px clamp(32px, 5vw, 80px); align-items: center;
  padding: clamp(36px, 4vw + 12px, 64px) clamp(24px, 5vw, 72px); border-radius: 24px; color: #fff;
  background: linear-gradient(110deg, #0A1628 0%, #13306B 55%, #1D4ED8 100%);
}
.eh .eh-fiyat-bant__ust { font-size: 15px; font-weight: 600; color: #C9D6EE; }
.eh .eh-fiyat-bant__h { margin-top: 10px; font-size: clamp(2rem, 1.4rem + 2vw, 2.875rem); line-height: 1.1; font-weight: 700; letter-spacing: -0.03em; color: #9DC2FF; text-wrap: balance; }
.eh .eh-fiyat-bant__d { margin-top: 16px; max-width: 30em; font-size: 16px; line-height: 1.6; color: #DCE4F2; }
.eh .eh-fiyat-bant .eh-btn--beyaz { margin-top: 26px; }
.eh .eh-fiyat-bant__kdv { margin-top: 12px; font-size: 12.5px; color: #9FB0CC; }
.eh .eh-fiyat-bant__sag { display: grid; gap: 32px; }
.eh .eh-fiyat-oge { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 18px; align-items: start; }
.eh .eh-fiyat-oge__ikon { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%; background: #fff; color: var(--eh-gece); font-size: 21px; }
.eh .eh-fiyat-oge__h { font-size: clamp(1.125rem, 1rem + 0.5vw, 1.375rem); line-height: 1.3; font-weight: 650; letter-spacing: -0.015em; color: #9DC2FF; }
.eh .eh-fiyat-oge__d { margin-top: 6px; font-size: 15px; line-height: 1.55; color: #C9D6EE; }
.eh .eh-fiyat-oge .eh-btn { margin-top: 14px; }
.eh .eh-btn--beyaz { background: #fff; color: var(--eh-gece); }
.eh .eh-btn--beyaz:hover { background: #EAF1FF; color: var(--eh-gece); }
.eh .eh-btn--cizgi { color: #fff; border-color: rgba(255, 255, 255, 0.55); }
.eh .eh-btn--cizgi:hover { background: rgba(255, 255, 255, 0.1); border-color: #fff; color: #fff; }
.eh .eh-btn--beyaz:focus-visible, .eh .eh-btn--cizgi:focus-visible { outline-color: rgba(255, 255, 255, 0.7); }

/* =====================================================================
   DUYARLILIK
   ===================================================================== */
@media (max-width: 1080px) {
  .eh .eh-ortak__liste { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .eh .eh-turler__izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .eh .eh-indir__izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .eh .eh-tur__ic { grid-template-columns: 236px minmax(0, 1fr); gap: 24px; }
  .eh .eh-tur__liste { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 960px) {
  .eh .eh-fiyat-bant { grid-template-columns: minmax(0, 1fr); }
  .eh .eh-fiyat-bant__sag { padding-top: 32px; border-top: 1px solid rgba(255, 255, 255, 0.16); }
  .eh .eh-hero__in { grid-template-columns: minmax(0, 1fr); }
  .eh .eh-hero__gorsel { width: 100%; max-width: 680px; margin-inline: auto; }
  .eh .eh-hero__metin { max-width: 640px; }
  .eh .eh-donanim__ic { grid-template-columns: minmax(0, 1fr); }
  .eh .eh-sss__ic { grid-template-columns: minmax(0, 1fr); }
  .eh .eh-tur__ic { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .eh .eh-tur__sekmeler {
    flex-direction: row; gap: 8px; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none;
    margin-inline: calc(-1 * var(--eh-kenar)); padding: 2px var(--eh-kenar) 6px; scroll-padding-inline: var(--eh-kenar);
  }
  .eh .eh-tur__sekmeler::-webkit-scrollbar { display: none; }
  .eh .eh-tur__sekme { width: auto; flex: none; min-height: 44px; padding: 8px 14px; border-color: var(--eh-cizgi); border-radius: 999px; background: #fff; white-space: nowrap; scroll-snap-align: start; }
  .eh .eh-tur__sekme.is-aktif { background: var(--eh-gece); border-color: var(--eh-gece); color: #fff; box-shadow: none; }
  .eh .eh-tur__sekme.is-aktif i { color: #fff; }
}

@media (max-width: 768px) {
  .eh .eh-neden__izgara, .eh .eh-adim__izgara, .eh .eh-blog__izgara { grid-template-columns: minmax(0, 1fr); }
  .eh .eh-tur__metin { grid-template-columns: minmax(0, 1fr); }
  .eh .eh-tur__metin .eh-ok { grid-column: 1; grid-row: auto; justify-self: start; margin-top: 6px; }
  .eh .eh-tur__liste { grid-template-columns: minmax(0, 1fr); }
  .eh .eh-hero__not { padding-left: 0; text-align: left; }
  .eh .eh-hero__sahne { padding: 0 0 14% 0; }
  .eh .eh-tablet { left: auto; right: -1%; width: 52%; padding: 4px; border-radius: 12px; }
  .eh .eh-tablet img { border-radius: 8px; }
  /* Kampanya kartları telefonda yatay kaydırma (estorix-vitrin.css) — ray kenardan kenara */
  .eh .eh-kampanya .eh-wrap--ray { padding-inline: 0; }
  .eh .eh-kampanya .eh-bas-satir { padding-inline: var(--eh-kenar); }
  .eh .eh-kampanya .kx-izgara { padding-inline: var(--eh-kenar); scroll-padding-left: var(--eh-kenar); }
}

@media (max-width: 560px) {
  .eh .eh-hero__cta .eh-btn, .eh .eh-son__cta .eh-btn { width: 100%; }
  .eh .eh-ref-serit { padding-bottom: 36px; }
  .eh .eh-ref-serit__bas { flex-direction: column; align-items: flex-start; margin-bottom: 24px; }
  .eh .eh-ref-serit__sayilar > div { padding: 10px 18px; }
  .eh .eh-ref-serit__sayilar dd { font-size: 22px; }
  .eh .eh-ref-serit__liste { gap: 10px; padding-right: 10px; }
  .eh .eh-ref-serit__kart { min-width: 0; gap: 10px; padding: 8px 14px 8px 8px; border-radius: 12px; }
  .eh .eh-ref-serit__logo { width: 38px; height: 38px; border-radius: 9px; }
  .eh .eh-ref-serit__logo--harf { font-size: 13px; }
  .eh .eh-ref-serit__ad { font-size: 14px; }
  .eh .eh-ref-serit__alt { font-size: 12px; }
  .eh .eh-ref-serit__not { margin-top: 20px; }
  .eh .eh-fiyat-bant { border-radius: 20px; }
  .eh .eh-fiyat-oge { grid-template-columns: 44px minmax(0, 1fr); gap: 14px; }
  .eh .eh-fiyat-oge__ikon { width: 44px; height: 44px; font-size: 17px; }
  .eh .eh-guven { gap: 8px 16px; }
  .eh .eh-ortak__liste { gap: 8px 12px; }
  .eh .eh-ortak__liste img { max-width: 96px; max-height: 26px; }
  .eh .eh-turler__izgara, .eh .eh-indir__izgara { grid-template-columns: minmax(0, 1fr); }
  .eh .eh-neden__kart { padding: 22px 20px; }
  .eh .eh-neden__ust { margin-bottom: 14px; }

  /* İşletme türleri: telefonda kart yerine sıkı satır (ikon | ad + not) */
  .eh .eh-turler__izgara { gap: 8px; }
  .eh .eh-tur-kart { display: grid; grid-template-columns: 40px minmax(0, 1fr) 16px; column-gap: 14px; row-gap: 2px; align-items: center; padding: 14px 16px; }
  .eh .eh-tur-kart .eh-ikon { grid-row: span 2; margin: 0; }
  .eh .eh-tur-kart__ad { grid-column: 2; font-size: 15.5px; }
  .eh .eh-tur-kart__not { grid-column: 2; font-size: 13.5px; }
  .eh .eh-tur-kart__ok { position: static; grid-column: 3; grid-row: 1 / span 2; }

  /* Fiyat: iki sütun, kart içi düğmeler yerine tek CTA (alttaki) */

  /* Uygulamalar: telefonda satır (ikon + ad | düğme), açıklama gizli */
  .eh .eh-uyg { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 4px 12px; padding: 14px 16px; }
  .eh .eh-uyg__ust { margin: 0; }
  .eh .eh-uyg__govde p:not(.eh-uyg__ek) { display: none; }
  .eh .eh-uyg__govde { grid-column: 1 / -1; grid-row: 2; }
  .eh .eh-uyg__ek { margin-top: 0; }
  .eh .eh-uyg .eh-btn { grid-column: 2; grid-row: 1; width: auto; margin: 0; }
  .eh .eh-donanim__izgara { gap: 12px; }
  .eh .eh-hw__gorsel { height: 128px; padding: 12px; }
  .eh .eh-hw__metin { padding: 12px 14px 14px; }
  .eh .eh-sss__oge summary { font-size: 16px; padding: 18px 0; }
  .eh .eh-sss__cevap { padding-right: 0; }
  .eh .eh-adim__cta .eh-btn { width: 100%; }
}

@media (max-width: 400px) {
  .eh .eh-hw__gorsel { height: 112px; }
  .eh .eh-hw__ad { font-size: 14.5px; }
  .eh .eh-hw__fiyat small { display: block; }
}

@media (prefers-reduced-motion: reduce) {
  .eh *, .eh *::before, .eh *::after { transition-duration: 0.01ms !important; }
  .eh .eh-link-kart:hover { transform: none; }
  /* Referans şeridi akmaz; tek liste elle yatay kaydırılır */
  .eh .eh-ref-serit__ray { overflow-x: auto; scrollbar-width: none; -webkit-mask-image: none; mask-image: none; }
  .eh .eh-ref-serit__ray::-webkit-scrollbar { display: none; }
  .eh .eh-ref-serit__iz { animation: none; padding-inline: var(--eh-kenar); }
  .eh .eh-ref-serit__liste[aria-hidden="true"] { display: none; }
}