/* etr-karar-dili.css — 2026-09-15
   Sağlayıcı sayfasının karar dili (etr-decision.css tokenları: krem bant, siyah yan panel, limon buton,
   sıkı-kalın başlık, tracked büyük harf kicker) ec-hero kullanan HER sayfa tipine uygulanır:
   vs, en-iyi, alternatifleri, senaryo, gizli-maliyet, fiyat, araçlar, karşılaştır, fiyat-geçmişi,
   metodoloji, iletişim, sözlük, sektör, vendor-watch, blog arşivi, rozetler, hakkımızda, istatistikler…
   Kategori sayfası (.efx-directory) kendi siyah bandını korur (özgüllük 0,2,0 > burada 0,1,2 değil;
   bu yüzden hero kuralları :not(.efx-directory .ec-hero) ile dışlanır).
   Lacivert kart (#102239) = eski v2 dili; bu katman onu geçersiz kılar. Yükleme: etr-karar-dili.php (öncelik 130). */
:root{--k-ink:#131c21;--k-paper:#f5f4ef;--k-line:#d6d8d3;--k-accent:#dff572;--k-accent-line:#c7df57;--k-accent-hover:#d2ec52;--k-panel:#111d22;--k-panel-line:#3d474a;--k-muted:#414d49;--k-kicker:#425049;--k-green:#354f26;--k-green-soft:#577646}

/* ---------- sayfa gövdesi ---------- */
html body .ec-page{color:var(--k-ink);font-family:var(--etr-font,Inter,ui-sans-serif,system-ui,sans-serif);padding-top:0}
html body .ec-page>.v2-breadcrumb{margin:0;padding:18px 0;font-size:12px;color:#515953;background:var(--k-paper);box-shadow:0 0 0 100vmax var(--k-paper);clip-path:inset(0 -100vmax)}
html body .ec-page>.v2-breadcrumb a{color:#424e4a}

/* ---------- hero: krem bant (tam genişlik boya) + sol metin + sağ siyah panel ---------- */
html body .ec-hero:not(.efx-directory .ec-hero){display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);column-gap:0;align-items:stretch;background:var(--k-paper);color:var(--k-ink);border:0;border-radius:0;padding:0;margin-top:0;box-shadow:0 0 0 100vmax var(--k-paper),0 1px 0 100vmax var(--k-line);clip-path:inset(0 -100vmax -1px -100vmax)}
html body .ec-hero:not(.efx-directory .ec-hero)>*{grid-column:1;min-width:0}
html body .ec-hero:not(.efx-directory .ec-hero)>:first-child{margin-top:34px}
html body .ec-hero:not(.efx-directory .ec-hero)>.ec-kicker{margin:34px 46px 17px 0;font-size:11px;letter-spacing:.11em;line-height:1.5;font-weight:800;color:var(--k-kicker);text-transform:uppercase}
html body .ec-hero:not(.efx-directory .ec-hero)>h1{margin:0 46px 22px 0;max-width:none;font-size:clamp(34px,4.6vw,64px);line-height:1.06;font-weight:850;letter-spacing:-.052em;color:var(--k-ink);text-wrap:balance}
html body .ec-hero:not(.efx-directory .ec-hero)>h1 span[style]{color:var(--k-green)!important}
html body .ec-hero:not(.efx-directory .ec-hero)>p{margin:0 46px 25px 0;max-width:660px;font-size:16px;line-height:1.7;color:var(--k-muted)}
html body .ec-hero:not(.efx-directory .ec-hero)>p strong[style]{color:var(--k-ink)!important}
html body .ec-hero:not(.efx-directory .ec-hero)>p a{color:var(--k-ink)}
html body .ec-hero:not(.efx-directory .ec-hero)>:last-child:not(nav){margin-bottom:30px}
/* hero içi meta rozetleri (fiyat sayfası) ve sayaçlar (vendor-watch): lacivert için yazılmıştı */
html body .ec-hero:not(.efx-directory .ec-hero) .ts-vp-lede-meta,html body .ec-hero:not(.efx-directory .ec-hero) .vw-stat{margin:0 46px 30px 0}
html body .ec-hero:not(.efx-directory .ec-hero) .ts-vp-lede-meta span{border:1px solid #b9c0b6;background:#fff;color:#2f3a35;border-radius:3px}
html body .ec-hero:not(.efx-directory .ec-hero) .vw-stat div{background:#fff;border:1px solid var(--k-line);border-radius:3px}
html body .ec-hero:not(.efx-directory .ec-hero) .vw-stat strong{color:var(--k-ink)}
html body .ec-hero:not(.efx-directory .ec-hero) .vw-stat small{color:#526057}
/* sağ panel: nav → "30 saniyede karar" paneli; ilk bağlantı limon birincil buton, kalanı satır */
html body .ec-hero:not(.efx-directory .ec-hero)>nav{grid-column:2;grid-row:1/span 12;display:flex;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:37px 30px 30px;background:var(--k-panel);color:#f5f6ef}
html body .ec-hero:not(.efx-directory .ec-hero)>nav::before{content:attr(aria-label);display:block;font-size:11px;letter-spacing:.11em;line-height:1.5;font-weight:800;text-transform:uppercase;color:var(--k-accent);margin:0 0 18px}
html body .ec-hero:not(.efx-directory .ec-hero)>nav a{border:0;border-top:1px solid var(--k-panel-line);border-radius:0;padding:15px 0;margin:0;background:transparent;color:#f1f4f0;font-size:15px;font-weight:700;line-height:1.4;text-decoration:none}
html body .ec-hero:not(.efx-directory .ec-hero)>nav a:hover{color:var(--k-accent);background:transparent}
html body .ec-hero:not(.efx-directory .ec-hero)>nav a:first-child{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:13px 21px;margin:0 0 18px;background:var(--k-accent);border:1px solid var(--k-accent-line);border-radius:3px;color:#141e15;font-size:14px;font-weight:800;text-align:center}
html body .ec-hero:not(.efx-directory .ec-hero)>nav a:first-child:hover{background:var(--k-accent-hover);color:#141e15}
html body .ec-hero:not(.efx-directory .ec-hero)>nav a:nth-child(2){border-top:0}
/* çok bağlantılı panel (sözlük bölümleri): satır yerine küçük çipler */
html body .ec-hero:not(.efx-directory .ec-hero)>nav[aria-label="Sözlük bölümleri"]{flex-direction:row;flex-wrap:wrap;gap:8px;align-content:flex-start}
html body .ec-hero:not(.efx-directory .ec-hero)>nav[aria-label="Sözlük bölümleri"]::before{flex-basis:100%;margin-bottom:8px}
html body .ec-hero:not(.efx-directory .ec-hero)>nav[aria-label="Sözlük bölümleri"] a,html body .ec-hero:not(.efx-directory .ec-hero)>nav[aria-label="Sözlük bölümleri"] a:first-child{display:inline-block;min-height:0;margin:0;padding:8px 10px;border:1px solid var(--k-panel-line);border-radius:3px;background:transparent;color:#f1f4f0;font-size:13px;font-weight:600;text-align:left}
html body .ec-hero:not(.efx-directory .ec-hero)>nav[aria-label="Sözlük bölümleri"] a:hover{border-color:var(--k-accent);color:var(--k-accent)}
/* v2 (vs/en-iyi/fiyat) kalıntıları: beyaz h1 ve limon alt çizgi */
html body .v2-page .ec-hero h1{color:var(--k-ink)}
html body .ec-hero.v2-hero,html body .v2-page .ec-hero.v2-hero{border-bottom:0}

/* ---------- bölüm tipografisi ve kartlar ---------- */
html body .ec-page .ec-kicker{font-size:11px;letter-spacing:.11em;font-weight:800;color:var(--k-kicker);text-transform:uppercase}
html body .ec-section{border-bottom:1px solid var(--k-line)}
html body .ec-section h2{font-size:clamp(26px,2.6vw,31px);letter-spacing:-.04em;font-weight:800;color:var(--k-ink)}
html body .v2-page h2,html body .v2-page h3,html body .ec-card h3,html body .v2-home h2{color:var(--k-ink)}
html body .ec-card,html body .ec-brief-grid article,html body .ec-table-scroll,html body .ec-price-notes,html body .v2-next,html body .v2-shortlist,html body .v2-common-inputs,html body .v2-budget-grid fieldset,html body .v2-page [data-v2-budget-result],html body .v2-home-card,html body .v2-home-callout,html body .v2-page [data-v2-channel]{border-radius:3px}
html body .ec-card,html body .ec-brief-grid article,html body .ec-table-scroll,html body .v2-budget-grid fieldset,html body .v2-page [data-v2-channel]{border-color:var(--k-line);box-shadow:none}
html body .ec-table caption,html body .ec-table thead th{background:var(--k-paper)}
html body .ec-table tbody th{background:#fbfbf8}
html body .ec-table th,html body .ec-table td{border-bottom-color:#e2e4dd}
html body .ec-price-notes,html body .v2-requirements li,html body .v2-step-list li,html body .v2-checklist,html body .v2-common-inputs,html body .v2-shortlist,html body .v2-source-method,html body .v2-home-card{background:var(--k-paper);border-color:var(--k-line)}
html body .v2-requirements li,html body .ec-provider-links{border-left:3px solid var(--k-green-soft)}
html body .ec-provider-links{background:var(--k-paper)}
html body .ec-card .ec-caution{border-left-color:#8a6b20;color:#443918}
html body .v2-next,html body .v2-home-callout{background:var(--k-panel);color:#f5f6ef}
html body .v2-button,html body .v2-next .v2-button{background:var(--k-accent);color:#141e15!important;border:1px solid var(--k-accent-line);border-radius:3px;font-weight:800}
html body .v2-button:hover,html body .v2-next .v2-button:hover{background:var(--k-accent-hover)}
html body .v2-page [data-v2-budget-result]{border-color:#b5c493;background:#f7f9ef}
html body .v2-home-card:hover{border-color:var(--k-ink);background:#eef0e6}
html body .v2-home-card small{color:var(--k-green)}
html body .ts-badge-logo-ph{background:#eef0e6;color:var(--k-ink)}

/* ---------- mobil ---------- */
@media(max-width:700px){
html body .ec-hero:not(.efx-directory .ec-hero){display:block}
html body .ec-hero:not(.efx-directory .ec-hero)>:first-child,html body .ec-hero:not(.efx-directory .ec-hero)>.ec-kicker{margin-top:22px}
html body .ec-hero:not(.efx-directory .ec-hero)>.ec-kicker{margin-right:0;margin-bottom:14px;font-size:10px}
html body .ec-hero:not(.efx-directory .ec-hero)>h1{margin:0 0 16px;font-size:39px;line-height:1.09}
html body .ec-hero:not(.efx-directory .ec-hero)>p{margin:0 0 22px;font-size:15px}
html body .ec-hero:not(.efx-directory .ec-hero)>:last-child:not(nav){margin-bottom:24px}
html body .ec-hero:not(.efx-directory .ec-hero) .ts-vp-lede-meta,html body .ec-hero:not(.efx-directory .ec-hero) .vw-stat{margin:0 0 22px}
html body .ec-hero:not(.efx-directory .ec-hero)>nav{margin:0 -16px;padding:25px 22px}
html body .ec-hero:not(.efx-directory .ec-hero)>nav a{padding:13px 0;font-size:14px}
html body .ec-hero:not(.efx-directory .ec-hero)>nav a:first-child{margin-bottom:14px}
html body .ec-page>.v2-breadcrumb{padding:14px 0;line-height:1.7}
}