/* Page-specific layouts. Existing form names, IDs, visibility and API hooks are preserved. */
.eh-content > section, .eh-page-host { max-width: 1392px !important; width: calc(100% - 64px); margin-inline: auto; padding: 42px 24px 80px; }
.eh-content h1 { font-family: Inter,sans-serif; font-size: clamp(32px,4vw,54px); text-transform: none; letter-spacing: -.05em; line-height: 1.14; max-width: 900px; margin-bottom: 24px; }
/* Ortali sayfalarda (bedava-hile vb.) 900px'lik h1 blogu sola yaslaniyordu:
   metin blok ICINDE ortalaniyor ama blok kapsayicida ortalanmiyordu. */
.eh-content .text-center h1, .eh-content h1.text-center { margin-left: auto; margin-right: auto; }
.eh-content h2, .eh-content h3 { text-transform: none; letter-spacing: -.025em; }
.eh-content h2 { scroll-margin-top: 100px; }
.eh-breadcrumb { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; color: var(--text-3); font-size: 11px; margin-bottom: 36px; }
.eh-breadcrumb a { color: var(--text-2); }
.eh-content .u-eyebrow { display: inline-block; padding: 5px 10px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); color: var(--accent); }
.eh-reading-grid { display: grid; grid-template-columns: 210px minmax(0,1fr); gap: 56px; align-items: start; }
.eh-reading-nav { position: sticky; top: 96px; max-height: calc(100dvh - 130px); overflow-y: auto; padding: 20px 0; }
.eh-reading-nav p { font-size: 10px; color: var(--text-3); text-transform: uppercase; letter-spacing: .12em; padding: 0 12px 16px; }
.eh-reading-nav a { display: block; border-left: 1px solid var(--line); padding: 10px 12px; font-size: 12px; line-height: 1.6; color: var(--text-3); transition: color .2s, background .2s; }
.eh-reading-nav a:hover, .eh-reading-nav a[aria-current] { border-color: var(--accent); background: var(--surface); color: var(--text); }
.eh-reading-body { min-width: 0; }
.eh-reading-body > .space-y-6 { font-size: 15px; line-height: 1.95; }
.eh-content .u-card { border-radius: 14px; }
.eh-content .u-acc { border-radius: 10px; background: var(--surface); border-color: var(--line); margin-bottom: 10px; }
.eh-content .u-acc summary { padding: 21px 24px; }
.eh-content .u-acc[open] { border-color: var(--line-strong); }
.eh-content .u-acc[open] .u-acc-body { animation: eh-panel-in .25s ease; }
.eh-faq-search { margin: 28px 0 32px; padding: 24px; background: var(--surface); border: 1px solid var(--line); border-radius: 14px; }
.eh-faq-search label { display: block; font-size: 12px; color: var(--text-2); margin-bottom: 10px; }
.eh-faq-search input { padding: 15px; }
.eh-faq-search p { margin-top: 10px; font-size: 12px; color: var(--text-3); }
.eh-guide-library { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; counter-reset: guide; }
.eh-guide-library > a { margin: 0 !important; min-height: 245px; padding: 30px; display: flex; flex-direction: column; transition: transform .25s,border-color .25s; }
.eh-guide-library > a::before { counter-increment: guide; content: '0' counter(guide) ' / REHBER'; font: 10px 'JetBrains Mono',monospace; color: var(--accent); margin-bottom: 30px; letter-spacing: .1em; }
.eh-guide-library > a:hover { transform: translateY(-4px); }
.eh-guide-library > a > span:last-child { margin-top: auto; padding-top: 20px; }
.eh-page-sozluk #term-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.eh-page-sozluk #term-list > div { margin: 0; }
.eh-page-sozluk #term-list > div[style*="display: none"] { display: none !important; }
.eh-page-sozluk #term-search { max-width: 560px; padding: 15px 18px; }
.eh-page-sozluk #term-filters { margin-top: 8px; }
.eh-page-sozluk .term-chip { border-radius: 7px; padding: 9px 15px; }

/* Authentication: product introduction and a separate focused form column. */
.eh-auth-layout { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); gap: 80px; max-width: 1180px; margin: 64px auto 80px; padding: 0 32px; align-items: center; }
.eh-auth-story { padding: 40px 0; min-width: 0; }
.eh-auth-story > .eh-label { color: var(--accent); }
.eh-auth-story h2 { font-size: clamp(34px,3.6vw,50px); line-height: 1.13; letter-spacing: -.05em; font-weight: 500; margin: 24px 0 20px; }
.eh-auth-story > p { color: var(--text-2); font-size: 14px; line-height: 1.85; max-width: 380px; }
.eh-auth-visual { margin-top: 34px; padding: 24px; background: var(--surface); border: 1px solid var(--line); border-radius: 14px; overflow: hidden; }
.eh-auth-visual img { max-height: 245px; width: 100%; object-fit: contain; transition: transform .5s; }
.eh-auth-visual:hover img { transform: scale(1.04); }
.eh-auth-points { display: flex; flex-wrap: wrap; gap: 12px 20px; font-size: 10px; color: var(--text-3); margin-top: 22px; }
.eh-auth-layout > section { max-width: none; width: 100%; min-width: 0; margin: 0; padding: 32px; background: var(--surface); border: 1px solid var(--line); border-radius: 18px; }
.eh-auth-layout .auth-stage > .absolute { display: none; }
.eh-auth-layout .auth-stage > .relative { padding: 0; max-width: none; }
.eh-auth-layout h1 { font-size: 28px; text-align: left; }
.eh-auth-layout .text-center:has(h1) { text-align: left; margin-bottom: 28px; }
.eh-auth-layout .u-card { padding: 0; border: 0; background: transparent; box-shadow: none; }
.eh-auth-layout .u-input { min-height: 48px; background: var(--bg); }
.eh-auth-layout .u-label { font-family: Inter,sans-serif; font-size: 12px; text-transform: none; letter-spacing: 0; color: var(--text-2); }
.eh-auth-layout .u-btn-primary { min-height: 48px; }

/* Pricing places the decision first, while preserving server-rendered prices and links. */
.eh-pricing-layout { display: flex; flex-direction: column; }
.eh-pricing-layout > * { order: 3; }
.eh-pricing-layout > .eh-breadcrumb { order: -2; }
.eh-pricing-layout > .u-enter { order: -1; text-align: center; margin-bottom: 18px; }
.eh-pricing-layout > .u-enter > * { margin-inline: auto; }
.eh-pricing-layout > .eh-pricing-grid { order: 0; gap: 24px; align-items: stretch; }
.eh-pricing-layout .pkg-card { padding: 30px; border-radius: 18px; background: var(--surface); transition: transform .25s,border-color .25s; }
.eh-pricing-layout .pkg-card:hover { transform: translateY(-6px); }
.eh-pricing-layout .pkg-card.is-best { border-color: var(--accent); background: #1d1d1b; }
.eh-pricing-layout .pkg-price { font-family: Inter,sans-serif; letter-spacing: -.045em; }
.eh-pricing-layout .pkg-card h3 { font-size: 23px; }
.eh-pricing-layout .pkg-features { line-height: 1.85; }
.eh-pricing-layout > .eh-pricing-preview { order: 2; display: grid; grid-template-columns: 1fr 1fr; gap: 30px; align-items: center; padding: 28px; width: 100%; max-width: none; background: var(--surface); border: 1px solid var(--line); border-radius: 14px; }
.eh-pricing-preview img { max-height: 230px; object-fit: contain; border: 0; }
.eh-pricing-preview figcaption { text-align: left; font-family: Inter,sans-serif; font-size: 22px; line-height: 1.4; text-transform: none; letter-spacing: -.025em; color: var(--text); }
.eh-page-odeme #checkout > div:first-child { background: var(--surface); border: 1px solid var(--line); border-radius: 16px; padding: 28px; }
.eh-page-odeme .method-card { border-radius: 12px; padding: 20px; transition: background .2s,border-color .2s,transform .2s; }
.eh-page-odeme .method-card:hover { transform: translateY(-2px); }

/* Persistent account/admin workspaces, with route-specific active navigation. */
.eh-workspace-sidebar { position: fixed; left: 0; top: 64px; bottom: 0; width: 224px; border-right: 1px solid var(--line); background: #101215; padding: 26px 14px; z-index: 30; overflow-y: auto; }
.eh-workspace-heading { padding: 0 12px 24px; }
.eh-workspace-heading .eh-label { color: var(--text-3); font-size: 9px; }
.eh-workspace-heading strong { display: block; font-size: 17px; font-weight: 500; margin-top: 6px; letter-spacing: -.03em; }
.eh-workspace-sidebar nav a { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 11px 12px; border-radius: 7px; margin-bottom: 3px; font-size: 12px; color: var(--text-2); transition: background .2s,color .2s; }
.eh-workspace-sidebar nav a > span:last-child { opacity: 0; transition: opacity .2s; }
.eh-workspace-sidebar nav a:hover, .eh-workspace-sidebar nav a[aria-current] { background: var(--surface-3); color: var(--text); }
.eh-workspace-sidebar nav a[aria-current] { box-shadow: inset 2px 0 var(--accent); }
.eh-workspace-sidebar nav a:hover > span:last-child, .eh-workspace-sidebar nav a[aria-current] > span:last-child { opacity: 1; color: var(--accent); }
.eh-sidebar-group { font-size: 9px; letter-spacing: .1em; text-transform: uppercase; color: var(--text-3); padding: 20px 12px 9px; }
.eh-sidebar-help { display: block; border-top: 1px solid var(--line); margin-top: 24px; padding: 20px 12px; color: var(--text-3); font-size: 10px; }
.eh-sidebar-help strong { display: block; color: var(--text-2); font-size: 12px; margin-top: 6px; font-weight: 500; }
.eh-workspace > section, .eh-workspace > main, .eh-workspace > footer { margin-left: 224px; width: calc(100% - 224px); max-width: none !important; }
.eh-workspace > section, .eh-workspace > main { padding: 40px; }
.eh-workspace h1 { font-family: Inter,sans-serif; font-size: 30px; line-height: 1.2; text-transform: none; letter-spacing: -.04em; }
.eh-workspace h2, .eh-workspace h3 { text-transform: none; letter-spacing: -.02em; }
.eh-workspace .u-card { border-radius: 12px; }
.eh-workspace .a-row { border-radius: 7px; background: var(--surface); padding-block: 18px; }
.eh-workspace .a-head { padding-top: 15px; padding-bottom: 14px; background: var(--surface-2); border-radius: 7px; }
.eh-workspace .a-btn { text-transform: none; letter-spacing: 0; min-height: 32px; padding-inline: 12px; }
.eh-workspace .stat-box { padding: 24px; background: var(--surface); }
.eh-workspace .stat-value { font-size: 34px; letter-spacing: -.04em; }
.eh-panel #license-card { padding: 30px; border-left: 3px solid var(--accent); }
.eh-workspace .u-input, .eh-workspace .u-select { background: var(--bg); }
.eh-workspace table { border-collapse: separate; border-spacing: 0; font-size: 13px; }
.eh-workspace th { background: var(--surface-3); padding: 14px 18px; font-weight: 500; }
.eh-workspace td { padding: 16px 18px; border-bottom: 1px solid var(--line); }

@media (max-width: 1100px) {
    .eh-reading-grid { grid-template-columns: 175px minmax(0,1fr); gap: 28px; }
    .eh-auth-layout { gap: 36px; }
    .eh-workspace-sidebar { width: 190px; }
    .eh-workspace > section, .eh-workspace > main, .eh-workspace > footer { margin-left: 190px; width: calc(100% - 190px); }
    .eh-workspace > section, .eh-workspace > main { padding: 28px; }
}
@media (max-width: 767px) {
    .eh-content > section, .eh-page-host { width: 100%; padding: 28px 20px 56px; }
    .eh-content h1 { font-size: 32px; }
    .eh-reading-grid { display: block; }
    .eh-reading-nav { position: static; display: flex; overflow-x: auto; gap: 8px; padding: 0 0 22px; margin-bottom: 22px; max-height: none; }
    .eh-reading-nav p { display: none; }
    .eh-reading-nav a { flex: 0 0 auto; border: 1px solid var(--line); border-radius: 6px; max-width: 210px; padding: 8px 12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
    .eh-breadcrumb { margin-bottom: 24px; }
    .eh-guide-library, .eh-page-sozluk #term-list { grid-template-columns: 1fr; }
    .eh-auth-layout { display: block; margin: 28px auto 45px; padding: 0 20px; }
    .eh-auth-story { padding: 0 0 28px; }
    .eh-auth-story h2 { font-size: 30px; margin: 14px 0 12px; }
    .eh-auth-story h2 br { display: none; }
    .eh-auth-visual, .eh-auth-points { display: none; }
    .eh-auth-layout > section { padding: 24px; }
    .eh-auth-layout h1 { font-size: 24px; }
    .eh-pricing-layout > .eh-pricing-preview { grid-template-columns: 1fr; gap: 20px; }
    .eh-pricing-layout .pkg-card { padding: 26px; }
    .eh-pricing-layout > .eh-pricing-grid { grid-template-columns: 1fr; }
    .eh-page-odeme #checkout > div:first-child { padding: 20px; }
    .eh-workspace-sidebar { position: static; width: 100%; padding: 12px 20px; border: 0; border-bottom: 1px solid var(--line); }
    .eh-workspace-heading, .eh-sidebar-group, .eh-sidebar-help { display: none; }
    .eh-workspace-sidebar nav { display: flex; gap: 6px; overflow-x: auto; }
    .eh-workspace-sidebar nav a { white-space: nowrap; margin: 0; flex-shrink: 0; padding: 9px 12px; }
    .eh-workspace-sidebar nav a > span:last-child { display: none; }
    .eh-workspace > section, .eh-workspace > main, .eh-workspace > footer { margin-left: 0; width: 100%; }
    .eh-workspace > section, .eh-workspace > main { padding: 28px 20px; }
    .eh-workspace h1 { font-size: 26px; }
}
@media (prefers-reduced-motion: reduce) {
    .eh-content .u-acc[open] .u-acc-body { animation: none; }
    .eh-guide-library > a, .eh-pricing-layout .pkg-card, .eh-auth-visual img { transition: none; }
}

/* Product selection and account library */
.eh-product-switch{display:flex;gap:6px;width:fit-content;padding:5px;background:#17191c;border:1px solid #303338;border-radius:12px;margin:0 0 24px}
.eh-product-switch a{padding:10px 24px;border-radius:8px;color:#a3a7ad;text-decoration:none;transition:background .18s,color .18s}
.eh-product-switch a[aria-current="page"]{background:#e1a862;color:#151515}
.eh-product-switch a:hover{color:#fff;background:#303338}
/* Ana sayfadaki urun gecisi <button> ile kuruludur (JS panelleri degistirir);
   yukaridaki <a> kurallari sayfa gecisi yapan diger switch'ler icindir.
   ⚠ Ortalama BURADA olmali: pages.css editorial.css'ten SONRA yuklendigi
   icin yukaridaki `margin:0 0 24px` kurali oradaki her ortalamayi eziyor.
   Diger sayfalarda switch sola yasli kalir, yalnizca ana sayfa ortalanir. */
#moduller .eh-product-switch{margin:0 auto 20px}
.eh-product-switch-btn{padding:10px 24px;border-radius:8px;border:0;background:none;color:#a3a7ad;font:inherit;cursor:pointer;display:flex;align-items:baseline;gap:8px;transition:background .18s,color .18s}
.eh-product-switch-btn small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.7}
.eh-product-switch-btn:hover{color:#fff;background:#303338}
.eh-product-switch-btn.is-active{background:#e1a862;color:#151515}
.eh-product-switch-btn.is-active small{opacity:.8}

.eh-product-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:28px 0 60px}
.eh-product-card{border:1px solid #303338;border-radius:18px;background:#15171a;padding:32px;display:flex;flex-direction:column;align-items:flex-start;gap:18px}
/* Internal one cikarilir: vurgulu kenarlik + ustte ince serit. */
.eh-product-card-featured{border-color:#e1a862;position:relative;overflow:hidden}
.eh-product-card-featured::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:#e1a862}
.eh-badge{display:inline-block;margin-left:8px;padding:3px 9px;border-radius:999px;background:#e1a862;color:#151515;font-size:10px;letter-spacing:.1em;text-transform:uppercase;vertical-align:middle}
.eh-product-card h2,.eh-product-card h3{font-size:clamp(24px,3vw,40px);letter-spacing:-.04em;line-height:1.12;color:#f1f2ef}
.eh-product-card p{color:#a3a7ad;line-height:1.7}.eh-product-card a{margin-top:auto}
.eh-config-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;margin-top:24px}
.eh-config-list article{padding:24px;border:1px solid #303338;border-radius:14px;background:#17191c}
.eh-config-list h3{font-size:18px;margin-bottom:12px;overflow-wrap:anywhere}.eh-config-list code{display:block;font-size:24px;letter-spacing:.15em;margin:12px 0;color:#e1a862}
.eh-config-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.eh-release-notes{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;color:#a3a7ad}
@media(max-width:640px){.eh-product-cards{grid-template-columns:1fr}.eh-product-card{padding:24px}.eh-product-switch{max-width:100%}}

.eh-feature-intro{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:24px 0 42px}.eh-feature-intro p{max-width:660px;color:#a3a7ad;line-height:1.8}.eh-feature-intro a{flex-shrink:0}
.eh-feature-tools{display:flex;align-items:center;gap:18px;padding:18px 0;border-top:1px solid #303338;border-bottom:1px solid #303338;margin-bottom:28px}.eh-feature-tools label{font-size:13px;white-space:nowrap}.eh-feature-tools input{max-width:440px}.eh-feature-tools span{margin-left:auto;font-size:12px;color:#a3a7ad;white-space:nowrap}
.eh-feature-grid{columns:2;column-gap:20px}.eh-feature-card{border:1px solid #303338;border-radius:16px;background:#141619;padding:28px;break-inside:avoid;margin-bottom:20px;display:block}.eh-feature-card header{position:relative;padding:0 40px 22px 0;border-bottom:1px solid #303338}.eh-feature-card header>span{position:absolute;right:0;top:0;color:#e1a862}.eh-feature-card header p{color:#898f96;font-size:11px;margin-bottom:12px}.eh-feature-card h2{font-size:27px;font-weight:600;letter-spacing:-.04em;line-height:1.2}.eh-feature-card dl>div{padding-top:20px}.eh-feature-card dt{font-size:14px;font-weight:600;margin-bottom:6px;color:#eee}.eh-feature-card dd{color:#959ca5;font-size:13px;line-height:1.7}.eh-feature-card[hidden],.eh-feature-card [hidden]{display:none!important}
@media(max-width:700px){.eh-feature-grid{columns:1}.eh-feature-intro{align-items:flex-start;flex-direction:column}.eh-feature-tools{flex-wrap:wrap;gap:12px}.eh-feature-tools input{order:3;max-width:none;width:100%}.eh-feature-card{padding:22px}}