/* ==========================================================================
   HUKUK BÜROSU — avukatlık bürosu teması (Tuna Creative, 15 Eki 2026)
   --------------------------------------------------------------------------
   GÖRSEL DÜNYA: kanun kitabı cildi. Koyu orman yeşili dolu bloklar, beyaz
   ve soğuk açık gri zemin, pirinç tonunda ince vurgu. Başlıklar ağırbaşlı
   bir serif (Source Serif 4), metin Inter. Yazı tipleri temaya gömülü —
   harici istek yok (CDN, ikon fontu, Google Fonts YOK).

   NEDEN BÖYLE: hukuk bürosu "güven, titizlik, süreklilik" satar. Serif
   başlık bunu tek bakışta söyler; ama sistem serifi (Georgia) büyük puntoda
   "font yüklenmemiş" gibi okunduğu için gerçek bir yazı tipi gömüldü.
   Yeşil, mürekkep lacivertinden ayrışır ve hukuk kütüphanesini çağrıştırır.

   MESLEK KURALI: Avukatlar reklam yasağına tabidir (TBB Meslek Kuralları ve
   Reklam Yasağı Yönetmeliği). Bu yüzden temada başarı oranı, kazanılan dava
   sayısı, müvekkil yorumu, "ücretsiz danışmanlık" ve "en iyi" gibi ifadeler
   YOKTUR. Rakamlar yalnız tanıtıcı bilgidir (kuruluş yılı, ofis sayısı,
   çalışma dilleri). Alıcı bu kurala uymak zorunda olduğu için bu bir artıdır.

   YASAKLI DESENLER (Tuna Creative tema denetimi): kenarlıklı + yuvarlak kart
   ızgarası, harf rozetleri, degrade hero, dekoratif ızgara zemini, tek yanda
   kalın renkli kenarlık, altı eşit ağırlıklı kart.
   Tek tema: AÇIK (satış demosu her ziyaretçide aynı görünmeli).
   ========================================================================== */

/* ---- Yazı tipleri (OFL — lisanslar assets/fonts altında) ------------- */
@font-face { font-family: 'Source Serif 4'; font-style: normal; font-weight: 600; font-display: swap;
    src: url('../fonts/source-serif-4-latin-600-normal.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Source Serif 4'; font-style: normal; font-weight: 600; font-display: swap;
    src: url('../fonts/source-serif-4-latin-ext-600-normal.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+20A0-20AB, U+20AD-20C0, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Source Serif 4'; font-style: normal; font-weight: 700; font-display: swap;
    src: url('../fonts/source-serif-4-latin-700-normal.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Source Serif 4'; font-style: normal; font-weight: 700; font-display: swap;
    src: url('../fonts/source-serif-4-latin-ext-700-normal.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+20A0-20AB, U+20AD-20C0, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap;
    src: url('../fonts/inter-latin-400-normal.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap;
    src: url('../fonts/inter-latin-ext-400-normal.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+20A0-20AB, U+20AD-20C0, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap;
    src: url('../fonts/inter-latin-500-normal.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap;
    src: url('../fonts/inter-latin-ext-500-normal.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+20A0-20AB, U+20AD-20C0, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap;
    src: url('../fonts/inter-latin-600-normal.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap;
    src: url('../fonts/inter-latin-ext-600-normal.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+20A0-20AB, U+20AD-20C0, U+2C60-2C7F, U+A720-A7FF; }

:root {
    /* — Renk — */
    --h-ink: #16201c;           /* ana metin — beyazda 16:1 */
    --h-ink-soft: #4f5d56;      /* ikincil metin — beyazda 6.9:1 */
    --h-green: #173d32;         /* koyu orman yeşili — dolu bloklar, eylem */
    --h-green-2: #1f4d40;       /* bir ton açık (hover, iç panel) */
    --h-green-3: #2a5f50;
    --h-on-green: #e9f0ec;      /* yeşil üstünde metin — 11:1 */
    --h-on-green-soft: #b9cbc2; /* yeşil üstünde ikincil — 6.6:1 */
    --h-brass: #c49a5c;         /* pirinç — YALNIZ koyu zeminde ve süsleme çizgisinde */
    --h-brass-ink: #7a5a26;     /* pirinç metin beyaz üstünde — 5.9:1 */
    --h-paper: #ffffff;
    --h-paper-2: #f3f5f3;       /* soğuk açık gri bölüm zemini (bej DEĞİL) */
    --h-rule: #dbe1dd;
    --h-rule-strong: #b7c2bc;

    /* — Yazı — */
    --h-serif: 'Source Serif 4', 'Iowan Old Style', 'Palatino Linotype', Georgia, serif;
    --h-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --h-text-sm: 0.875rem;
    --h-text-base: 1rem;
    --h-text-lg: 1.125rem;
    --h-text-xl: 1.375rem;
    --h-text-2xl: 1.875rem;
    --h-text-3xl: 2.5rem;
    --h-text-4xl: clamp(2.4rem, 1.6rem + 3.2vw, 4rem);

    /* — Ölçü — */
    --h-container: 1200px;
    --h-gutter: clamp(1.25rem, 4vw, 2.5rem);
    --h-section: clamp(4rem, 3rem + 4vw, 7rem);
    --h-radius: 4px;            /* hukuk: yumuşak ama ciddi — köşe çok az yuvarlak */

    /* — Hareket — */
    --h-ease: cubic-bezier(.22, .61, .36, 1);
    --h-fast: 160ms;
    --h-mid: 320ms;
}

/* ---- Temel --------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body {
    margin: 0; background: var(--h-paper); color: var(--h-ink);
    font: 400 var(--h-text-base)/1.65 var(--h-sans);
    -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; }
h1, h2, h3, h4 { font-family: var(--h-serif); font-weight: 600; color: var(--h-ink); margin: 0; }
h1 { font-size: var(--h-text-4xl); line-height: 1.08; letter-spacing: -0.018em; }
h2 { font-size: clamp(1.9rem, 1.4rem + 1.8vw, 2.75rem); line-height: 1.15; letter-spacing: -0.012em; }
h3 { font-size: var(--h-text-xl); line-height: 1.3; }
p { margin: 0 0 1em; }
:focus-visible { outline: 2px solid var(--h-green-3); outline-offset: 3px; }

.h-container { width: 100%; max-width: var(--h-container); margin-inline: auto; padding-inline: var(--h-gutter); }
.h-section { padding-block: var(--h-section); }
.h-section--tint { background: var(--h-paper-2); }
.h-skip { position: absolute; left: -999px; top: 0; z-index: 100; background: var(--h-green); color: #fff; padding: .75rem 1rem; }
.h-skip:focus { left: 1rem; top: 1rem; }

/* Bölüm etiketi: küçük büyük harf, açık harf aralığı, önünde pirinç çizgi */
.h-kicker {
    display: inline-flex; align-items: center; gap: .75rem;
    font: 600 .78rem/1 var(--h-sans); letter-spacing: .16em; text-transform: uppercase;
    color: var(--h-brass-ink); margin-bottom: 1.25rem;
}
.h-kicker::before { content: ''; width: 2.25rem; height: 1px; background: currentColor; }
.h-on-dark .h-kicker { color: var(--h-brass); }
.h-lead { font-size: var(--h-text-lg); color: var(--h-ink-soft); max-width: 38rem; }
.h-head { display: grid; gap: 1rem; margin-bottom: clamp(2.5rem, 4vw, 3.5rem); max-width: 46rem; }
.h-head p { color: var(--h-ink-soft); margin: 0; }

/* ---- Düğmeler ------------------------------------------------------ */
.h-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: .6rem;
    min-height: 48px; padding: .8rem 1.5rem; border-radius: var(--h-radius);
    background: var(--h-green); color: #fff; border: 1px solid var(--h-green);
    font: 600 .95rem/1.2 var(--h-sans); text-decoration: none; cursor: pointer;
    transition: background var(--h-fast) var(--h-ease), color var(--h-fast) var(--h-ease), border-color var(--h-fast) var(--h-ease);
}
.h-btn:hover { background: var(--h-green-2); border-color: var(--h-green-2); }
.h-btn--line { background: transparent; color: var(--h-green); border-color: var(--h-rule-strong); }
.h-btn--line:hover { background: var(--h-paper-2); color: var(--h-green); border-color: var(--h-green); }
.h-btn--brass { background: var(--h-brass); border-color: var(--h-brass); color: #1b160d; }
.h-btn--brass:hover { background: #d4ab6e; border-color: #d4ab6e; }
.h-arrow { display: inline-block; transition: transform var(--h-fast) var(--h-ease); }
a:hover .h-arrow, button:hover .h-arrow { transform: translateX(4px); }
.h-link { color: var(--h-green); font-weight: 600; text-decoration: none; border-bottom: 1px solid var(--h-rule-strong); padding-bottom: 2px; }
.h-link:hover { border-color: var(--h-green); }

/* ---- Üst şerit + başlık ------------------------------------------- */
.h-topbar { background: var(--h-green); color: var(--h-on-green-soft); font-size: .82rem; }
.h-topbar .h-container { display: flex; justify-content: space-between; gap: 1rem; padding-block: .55rem; }
.h-topbar a { color: var(--h-on-green); text-decoration: none; }
.h-topbar__list { display: flex; gap: 1.5rem; list-style: none; margin: 0; padding: 0; }

.h-header { position: sticky; top: 0; z-index: 50; background: rgba(255, 255, 255, .96); border-bottom: 1px solid var(--h-rule); backdrop-filter: saturate(140%) blur(8px); }
.h-header__inner { display: flex; align-items: center; gap: 2rem; min-height: 76px; }
.h-logo { display: grid; text-decoration: none; line-height: 1.1; margin-right: auto; }
.h-logo b { font: 700 1.45rem/1.1 var(--h-serif); color: var(--h-ink); letter-spacing: -0.01em; }
.h-logo span { font: 600 .75rem/1.4 var(--h-sans); letter-spacing: .22em; text-transform: uppercase; color: var(--h-brass-ink); }
.h-nav__list { display: flex; gap: 1.9rem; list-style: none; margin: 0; padding: 0; }
.h-nav a { text-decoration: none; font-weight: 500; font-size: .95rem; color: var(--h-ink-soft); padding-block: .5rem; position: relative; }
.h-nav a:hover, .h-nav a[aria-current="page"] { color: var(--h-ink); }
.h-nav a[aria-current="page"]::after { content: ''; position: absolute; left: 0; right: 0; bottom: -2px; height: 2px; background: var(--h-brass); }
.h-burger { display: none; width: 48px; height: 48px; border: 1px solid var(--h-rule); border-radius: var(--h-radius); background: #fff; cursor: pointer; padding: 0; }
.h-burger span { display: block; width: 20px; height: 2px; margin: 4px auto; background: var(--h-ink); transition: transform var(--h-fast) var(--h-ease), opacity var(--h-fast); }
.h-burger[aria-expanded="true"] span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.h-burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.h-burger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

/* ---- Hero ---------------------------------------------------------- */
.h-hero { padding-block: clamp(3rem, 2rem + 5vw, 6rem) clamp(4rem, 3rem + 5vw, 7rem); }
.h-hero__grid { display: grid; grid-template-columns: 1.08fr .92fr; gap: clamp(2.5rem, 5vw, 5rem); align-items: center; }
.h-hero h1 { margin-bottom: 1.5rem; }
.h-hero h1 em { font-style: normal; color: var(--h-green-3); }
.h-hero .h-lead { margin-bottom: 2.25rem; }
.h-actions { display: flex; flex-wrap: wrap; gap: .85rem; }
.h-hero__media { position: relative; padding: 0 0 3.5rem 2.5rem; }
.h-hero__media::before {            /* arkada yeşil çerçeve — fotoğrafı sayfaya bağlar */
    content: ''; position: absolute; inset: 2.5rem 2.5rem 0 0; border: 1px solid var(--h-brass); border-radius: var(--h-radius);
}
.h-hero__media .h-photo { position: relative; aspect-ratio: 4 / 5; }
.h-hero__card {
    position: absolute; left: 0; bottom: 0; width: min(78%, 330px);
    background: var(--h-green); color: var(--h-on-green); padding: 1.6rem 1.75rem; border-radius: var(--h-radius);
    box-shadow: 0 30px 60px -30px rgba(10, 30, 24, .55);
}
.h-facts { list-style: none; margin: 0; padding: 0; display: grid; gap: .85rem; }
.h-facts li { display: grid; grid-template-columns: 6.5rem 1fr; gap: .75rem; font-size: .9rem; border-top: 1px solid rgba(255, 255, 255, .14); padding-top: .85rem; }
.h-facts li:first-child { border-top: 0; padding-top: 0; }
.h-facts dt, .h-facts b { color: var(--h-brass); font-weight: 600; font-size: .78rem; letter-spacing: .1em; text-transform: uppercase; }

/* Fotoğraf yuvası: görsel gelmezse de düzen bozulmasın diye zemin tonu */
.h-photo { overflow: hidden; border-radius: var(--h-radius); background: #d9e1dc; }
.h-photo img { width: 100%; height: 100%; object-fit: cover; }

/* ---- Künye şeridi (tanıtıcı bilgi — başarı iddiası DEĞİL) ---------- */
.h-strip { border-block: 1px solid var(--h-rule); }
.h-strip__list { display: grid; grid-template-columns: repeat(4, 1fr); list-style: none; margin: 0; padding: 0; }
.h-strip__list li { padding: 1.75rem 1.5rem; border-left: 1px solid var(--h-rule); }
.h-strip__list li:first-child { border-left: 0; padding-left: 0; }
.h-strip__list b { display: block; font: 600 1.75rem/1.1 var(--h-serif); color: var(--h-green); margin-bottom: .35rem; font-variant-numeric: lining-nums tabular-nums; }
.h-strip__list span { color: var(--h-ink-soft); font-size: .92rem; }

/* ---- Çalışma alanları ---------------------------------------------- */
.h-areas { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(2.5rem, 5vw, 5rem); align-items: start; }
.h-areas__intro { position: sticky; top: 110px; }
.h-areas__intro p { color: var(--h-ink-soft); }
.h-area-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--h-rule); }
.h-area { border-bottom: 1px solid var(--h-rule); }
.h-area a { display: grid; grid-template-columns: 3.25rem 1fr auto; gap: 1.25rem; align-items: baseline; padding: 1.6rem .25rem; text-decoration: none; transition: background var(--h-fast) var(--h-ease); }
.h-area a:hover { background: var(--h-paper-2); }
.h-area__no { font: 600 1rem/1 var(--h-serif); color: var(--h-brass-ink); font-variant-numeric: lining-nums tabular-nums; }
.h-area h3 { margin-bottom: .35rem; }
.h-area p { margin: 0; color: var(--h-ink-soft); font-size: .95rem; }
.h-area .h-arrow { color: var(--h-green); font-size: 1.2rem; }
/* Amiral gemisi alan: dolu yeşil — hiyerarşi kurar */
.h-area--lead { border: 0; margin-bottom: .5rem; }
.h-area--lead a { background: var(--h-green); border-radius: var(--h-radius); padding: 2rem 1.75rem; }
.h-area--lead a:hover { background: var(--h-green-2); }
.h-area--lead h3 { color: #fff; font-size: var(--h-text-2xl); }
.h-area--lead p { color: var(--h-on-green-soft); }
.h-area--lead .h-area__no, .h-area--lead .h-arrow { color: var(--h-brass); }

/* ---- İlke bandı: büyük serif cümle ---------------------------------- */
.h-statement { display: grid; grid-template-columns: auto 1fr; gap: clamp(1.5rem, 4vw, 3.5rem); align-items: start; }
.h-statement__mark { font: 700 6rem/0.8 var(--h-serif); color: var(--h-brass); }
.h-statement blockquote { margin: 0; font: 600 clamp(1.5rem, 1.1rem + 1.5vw, 2.25rem)/1.35 var(--h-serif); letter-spacing: -0.01em; color: var(--h-ink); }
.h-statement figcaption { margin-top: 1.25rem; color: var(--h-ink-soft); font-size: .95rem; }

/* ---- Süreç: yatay zaman çizgisi ------------------------------------- */
.h-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; counter-reset: adim; }
.h-step { position: relative; padding-top: 2.25rem; border-top: 1px solid var(--h-rule-strong); counter-increment: adim; }
.h-step::before { content: counter(adim, decimal-leading-zero); position: absolute; top: -0.75rem; left: 0; background: var(--h-paper); padding-right: .75rem; font: 600 1rem/1.5rem var(--h-serif); color: var(--h-brass-ink); }
.h-section--tint .h-step::before { background: var(--h-paper-2); }
.h-step h3 { font-size: var(--h-text-lg); margin-bottom: .5rem; }
.h-step p { color: var(--h-ink-soft); font-size: .95rem; margin: 0; }

/* ---- Ekip ---------------------------------------------------------- */
.h-team { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(1.25rem, 2.5vw, 2rem); list-style: none; margin: 0; padding: 0; }
.h-person .h-photo { aspect-ratio: 4 / 5; margin-bottom: 1.1rem; }
.h-person h3 { font-size: var(--h-text-lg); margin-bottom: .2rem; }
.h-person__role { color: var(--h-brass-ink); font-size: .85rem; font-weight: 600; letter-spacing: .04em; margin: 0 0 .5rem; }
.h-person__meta { color: var(--h-ink-soft); font-size: .88rem; margin: 0; }

/* ---- Makaleler: editoryal liste -------------------------------------- */
.h-posts { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--h-rule); }
.h-post a { display: grid; grid-template-columns: 11rem 1fr auto; gap: 2rem; align-items: baseline; padding: 1.75rem 0; border-bottom: 1px solid var(--h-rule); text-decoration: none; }
.h-post a:hover h3 { color: var(--h-green-3); }
.h-post__meta { font-size: .85rem; color: var(--h-ink-soft); display: grid; gap: .2rem; }
.h-post__meta b { color: var(--h-brass-ink); font-weight: 600; font-size: .78rem; letter-spacing: .1em; text-transform: uppercase; }
.h-post h3 { transition: color var(--h-fast) var(--h-ease); margin-bottom: .35rem; }
.h-post p { margin: 0; color: var(--h-ink-soft); font-size: .95rem; }
.h-post .h-arrow { color: var(--h-green); }
/* Öne çıkan makale (makaleler sayfası): görselli geniş satır */
.h-feature { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(2rem, 4vw, 3.5rem); align-items: center; margin-bottom: 3.5rem; text-decoration: none; }
.h-feature .h-photo { aspect-ratio: 3 / 2; }
.h-feature h2 { margin-block: .75rem 1rem; }
.h-feature:hover h2 { color: var(--h-green-3); }

/* ---- Kapanış bandı -------------------------------------------------- */
.h-cta { background: var(--h-green); color: var(--h-on-green); }
.h-cta__inner { display: grid; grid-template-columns: 1fr auto; gap: 2rem; align-items: center; padding-block: clamp(3rem, 2rem + 4vw, 5rem); }
.h-cta h2 { color: #fff; margin-bottom: .75rem; }
.h-cta p { color: var(--h-on-green-soft); margin: 0; max-width: 40rem; }

/* ---- Sayfa başlığı (alt sayfalar) ---------------------------------- */
.h-pagehead { background: var(--h-paper-2); border-bottom: 1px solid var(--h-rule); padding-block: clamp(3rem, 2rem + 4vw, 5rem); }
.h-crumbs { display: flex; flex-wrap: wrap; gap: .5rem; list-style: none; margin: 0 0 1.5rem; padding: 0; font-size: .85rem; color: var(--h-ink-soft); }
.h-crumbs li + li::before { content: '/'; margin-right: .5rem; color: var(--h-rule-strong); }
.h-crumbs a { text-decoration: none; }
.h-crumbs a:hover { color: var(--h-green); }
.h-pagehead h1 { font-size: clamp(2.2rem, 1.6rem + 2.4vw, 3.4rem); margin-bottom: 1rem; max-width: 50rem; }
.h-pagehead .h-lead { margin: 0; }

/* ---- Uzun metin (makale, alan detayı, büro) ------------------------- */
.h-prose { max-width: 44rem; font-size: 1.06rem; line-height: 1.75; }
.h-prose h2 { font-size: var(--h-text-2xl); margin: 2.5rem 0 1rem; }
.h-prose h3 { margin: 2rem 0 .75rem; }
.h-prose ul { padding-left: 1.2rem; margin: 0 0 1.25em; }
.h-prose li { margin-bottom: .5rem; }
.h-prose li::marker { color: var(--h-brass-ink); }
.h-prose blockquote { margin: 2rem 0; padding: .25rem 0 .25rem 1.5rem; border-left: 2px solid var(--h-brass); font: 600 1.25rem/1.5 var(--h-serif); color: var(--h-ink); }
.h-note { margin-top: 2.5rem; padding: 1.25rem 1.5rem; background: var(--h-paper-2); border-radius: var(--h-radius); font-size: .88rem; color: var(--h-ink-soft); }

.h-split { display: grid; grid-template-columns: 1fr 20rem; gap: clamp(2.5rem, 5vw, 5rem); align-items: start; }
.h-aside { position: sticky; top: 110px; display: grid; gap: 1.5rem; }
.h-aside__box { background: var(--h-green); color: var(--h-on-green); border-radius: var(--h-radius); padding: 1.75rem; }
.h-aside__box h3 { color: #fff; font-size: var(--h-text-lg); margin-bottom: .6rem; }
.h-aside__box p { color: var(--h-on-green-soft); font-size: .92rem; }
.h-aside__list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--h-rule); }
.h-aside__list a { display: flex; justify-content: space-between; padding: .85rem 0; border-bottom: 1px solid var(--h-rule); text-decoration: none; font-size: .92rem; color: var(--h-ink-soft); }
.h-aside__list a:hover, .h-aside__list a[aria-current="page"] { color: var(--h-green); }
.h-aside__title { font: 600 .78rem/1 var(--h-sans); letter-spacing: .14em; text-transform: uppercase; color: var(--h-brass-ink); margin-bottom: .75rem; }

.h-wide-photo { aspect-ratio: 16 / 7; margin-bottom: clamp(2.5rem, 4vw, 3.5rem); }
.h-twocol { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 5vw, 5rem); }
.h-checks { list-style: none; margin: 0; padding: 0; display: grid; gap: .9rem; }
.h-checks li { position: relative; padding-left: 1.75rem; }
.h-checks li::before { content: ''; position: absolute; left: 0; top: .55em; width: .9rem; height: .5rem; border-left: 2px solid var(--h-green-3); border-bottom: 2px solid var(--h-green-3); transform: rotate(-45deg); }

/* ---- SSS akordeonu -------------------------------------------------- */
.h-faq { border-top: 1px solid var(--h-rule); }
.h-faq__item { border-bottom: 1px solid var(--h-rule); }
.h-faq__btn { width: 100%; display: flex; justify-content: space-between; gap: 1.5rem; align-items: center; padding: 1.35rem 0; background: none; border: 0; cursor: pointer; text-align: left; font: 600 1.08rem/1.4 var(--h-serif); color: var(--h-ink); }
.h-faq__icon { flex: 0 0 auto; width: 14px; height: 14px; position: relative; }
.h-faq__icon::before, .h-faq__icon::after { content: ''; position: absolute; left: 0; top: 6px; width: 14px; height: 2px; background: var(--h-green); transition: transform var(--h-mid) var(--h-ease); }
.h-faq__icon::after { transform: rotate(90deg); }
.h-faq__btn[aria-expanded="true"] .h-faq__icon::after { transform: rotate(0deg); }
.h-faq__panel { display: grid; grid-template-rows: 1fr; transition: grid-template-rows var(--h-mid) var(--h-ease); }
.h-faq__panel[data-collapsed] { grid-template-rows: 0fr; }
.h-faq__panel > div { overflow: hidden; }
.h-faq__panel p { color: var(--h-ink-soft); padding-bottom: 1.35rem; margin: 0; max-width: 44rem; }
@media (prefers-reduced-motion: reduce) { .h-faq__panel, .h-faq__icon::before, .h-faq__icon::after { transition: none; } }

/* ---- İletişim + form ------------------------------------------------- */
.h-contact { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(2.5rem, 5vw, 5rem); align-items: start; }
.h-office { padding-block: 1.5rem; border-top: 1px solid var(--h-rule); }
.h-office h3 { font-size: var(--h-text-lg); margin-bottom: .5rem; }
.h-office p { margin: 0 0 .35rem; color: var(--h-ink-soft); }
.h-office a { color: var(--h-green); font-weight: 500; text-decoration: none; }
.h-form { background: var(--h-paper-2); border-radius: var(--h-radius); padding: clamp(1.5rem, 3vw, 2.5rem); }
.h-form__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.1rem 1.25rem; }
.h-field { display: grid; gap: .4rem; }
.h-field--full { grid-column: 1 / -1; }
.h-field label { font-weight: 600; font-size: .9rem; }
.h-field label small { font-weight: 400; color: var(--h-ink-soft); }
.h-field input, .h-field select, .h-field textarea {
    width: 100%; min-height: 48px; padding: .75rem .9rem; border: 1px solid var(--h-rule-strong); border-radius: var(--h-radius);
    background: #fff; color: var(--h-ink); font: 400 1rem/1.4 var(--h-sans);
    transition: border-color var(--h-fast) var(--h-ease), box-shadow var(--h-fast) var(--h-ease);
}
.h-field textarea { min-height: 140px; resize: vertical; }
.h-field input:focus, .h-field select:focus, .h-field textarea:focus { outline: none; border-color: var(--h-green-3); box-shadow: 0 0 0 3px rgba(42, 95, 80, .18); }
.h-field [aria-invalid="true"] { border-color: #a3332b; }
.h-error { color: #9b2c24; font-size: .85rem; min-height: 0; }
.h-error:empty { display: none; }
.h-consent { display: flex; gap: .7rem; align-items: flex-start; font-size: .88rem; color: var(--h-ink-soft); }
.h-consent input { width: 20px; height: 20px; min-height: 0; margin-top: .15rem; accent-color: var(--h-green); flex: 0 0 auto; }
.h-form__foot { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; justify-content: space-between; margin-top: 1.5rem; }
.h-form__foot small { color: var(--h-ink-soft); max-width: 24rem; }
.h-result { margin-top: 1.25rem; padding: 1rem 1.15rem; border-radius: var(--h-radius); font-size: .95rem; display: none; }
.h-result[data-shown] { display: block; }
.h-result[data-durum="ok"] { background: #e3efe8; color: #1d4a3b; }
.h-result[data-durum="hata"] { background: #f6e4e2; color: #8a2a22; }

/* ---- Alt bilgi ------------------------------------------------------ */
.h-footer { background: #0f1a16; color: #aebcb5; font-size: .92rem; }
.h-footer__grid { display: grid; grid-template-columns: 1.3fr 1fr 1fr 1fr; gap: 2.5rem; padding-block: clamp(3.5rem, 5vw, 5rem) 2.5rem; }
.h-footer .h-logo b { color: #fff; }
.h-footer .h-logo span { color: var(--h-brass); }
.h-footer h2 { font: 600 .78rem/1 var(--h-sans); letter-spacing: .14em; text-transform: uppercase; color: var(--h-brass); margin-bottom: 1.1rem; }
.h-footer ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .6rem; }
.h-footer a { color: #d5ded9; text-decoration: none; }
.h-footer a:hover { color: #fff; }
.h-footer p { margin: 0 0 .5rem; }
.h-footer__legal { border-top: 1px solid rgba(255, 255, 255, .1); padding-block: 1.5rem 2rem; display: grid; gap: .75rem; font-size: .82rem; color: #8fa198; }
.h-footer__legal p { margin: 0; max-width: 62rem; }

.h-top {
    position: fixed; right: 1.25rem; bottom: 1.25rem; z-index: 40; width: 48px; height: 48px; border-radius: var(--h-radius);
    border: 0; background: var(--h-green); color: #fff; cursor: pointer; font-size: 1.2rem;
    opacity: 0; transform: translateY(10px); pointer-events: none;
    transition: opacity var(--h-mid) var(--h-ease), transform var(--h-mid) var(--h-ease);
}
.h-top[data-shown] { opacity: 1; transform: none; pointer-events: auto; }

/* ---- Belirme (JS yalnız sınıf ekler) -------------------------------- */
.h-reveal { opacity: 0; transform: translateY(14px); transition: opacity 600ms var(--h-ease), transform 600ms var(--h-ease); transition-delay: calc(var(--h-i, 0) * 70ms); }
.h-reveal[data-visible] { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .h-reveal { opacity: 1; transform: none; transition: none; } }

/* ---- Tablet --------------------------------------------------------- */
@media (max-width: 1024px) {
    .h-nav__list { gap: 1.25rem; }
    .h-team { grid-template-columns: repeat(2, 1fr); }
    .h-steps { grid-template-columns: repeat(2, 1fr); row-gap: 3rem; }
    .h-footer__grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 900px) {
    .h-burger { display: block; }
    .h-header .h-btn { display: none; }
    .h-nav { position: absolute; left: 0; right: 0; top: 100%; background: #fff; border-bottom: 1px solid var(--h-rule); display: none; box-shadow: 0 20px 40px -24px rgba(0, 0, 0, .25); }
    .h-nav[data-open="true"] { display: block; }
    .h-nav__list { flex-direction: column; gap: 0; padding: .5rem var(--h-gutter) 1rem; }
    .h-nav a { display: block; padding: .85rem 0; border-bottom: 1px solid var(--h-rule); font-size: 1rem; }
    .h-nav a[aria-current="page"]::after { display: none; }
    .h-nav a[aria-current="page"] { color: var(--h-green); font-weight: 600; }
    .h-nav__cta { display: block; padding-top: 1rem; }
    .h-hero__grid, .h-areas, .h-split, .h-contact, .h-feature, .h-twocol { grid-template-columns: 1fr; }
    .h-areas__intro, .h-aside { position: static; }
    .h-hero__media { max-width: 520px; }
    .h-strip__list { grid-template-columns: 1fr 1fr; }
    .h-strip__list li:nth-child(3) { border-left: 0; padding-left: 0; }
    .h-strip__list li:nth-child(n+3) { border-top: 1px solid var(--h-rule); }
    .h-cta__inner { grid-template-columns: 1fr; }
}
@media (min-width: 901px) { .h-nav__cta { display: none; } }

/* ---- Telefon -------------------------------------------------------- */
@media (max-width: 640px) {
    .h-topbar__list li:nth-child(n+2) { display: none; }
    .h-topbar__extra { display: none; }
    .h-header__inner { min-height: 66px; }
    .h-logo b { font-size: 1.25rem; }
    .h-hero__media { padding: 0 0 4.5rem 1.25rem; }
    .h-hero__media::before { inset: 1.5rem 1.5rem 3rem 0; }
    .h-hero__card { width: calc(100% - 1.5rem); padding: 1.35rem 1.4rem; }
    .h-actions .h-btn { flex: 1 1 100%; }
    .h-strip__list li { padding: 1.25rem .75rem 1.25rem 0; }
    .h-strip__list li:nth-child(even) { padding-left: 1rem; }
    .h-strip__list b { font-size: 1.45rem; }
    .h-area a { grid-template-columns: 2.25rem 1fr; }
    .h-area .h-arrow { display: none; }
    .h-area--lead a { padding: 1.5rem 1.25rem; }
    .h-statement { grid-template-columns: 1fr; gap: .5rem; }
    .h-statement__mark { font-size: 4.5rem; }
    .h-steps, .h-team { grid-template-columns: 1fr; }
    .h-team { grid-template-columns: 1fr 1fr; gap: 1.25rem 1rem; }
    .h-post a { grid-template-columns: 1fr; gap: .6rem; }
    .h-post .h-arrow { display: none; }
    .h-form__grid { grid-template-columns: 1fr; }
    .h-footer__grid { grid-template-columns: 1fr; gap: 2rem; }
    .h-wide-photo { aspect-ratio: 4 / 3; }
}

/* ---- Makale araçları (17 Eki 2026): süzgeç, arama, ilerleme, içindekiler */
.h-vh { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.h-filter { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 1rem 2rem; margin-bottom: 1.5rem; }
.h-chips { display: flex; flex-wrap: wrap; gap: .5rem; }
.h-chips button { min-height: 40px; padding: .4rem .95rem; border: 1px solid var(--h-rule-strong); border-radius: var(--h-radius); background: #fff; font: 500 .9rem/1.2 var(--h-sans); color: var(--h-ink-soft); cursor: pointer; transition: background var(--h-fast), color var(--h-fast), border-color var(--h-fast); }
.h-chips button:hover { border-color: var(--h-green); color: var(--h-green); }
.h-chips button[aria-pressed="true"] { background: var(--h-green); border-color: var(--h-green); color: #fff; }
.h-search input { width: min(280px, 100%); min-height: 44px; padding: .55rem .9rem; border: 1px solid var(--h-rule-strong); border-radius: var(--h-radius); font: 400 1rem/1.2 var(--h-sans); color: var(--h-ink); background: #fff; }
.h-search input:focus { outline: none; border-color: var(--h-green); box-shadow: 0 0 0 3px rgba(23, 61, 50, .15); }
.h-post[hidden], .h-post.h-reveal[hidden] { display: none; }
.h-empty { padding: 2rem 0; color: var(--h-ink-soft); }

.h-progress { position: fixed; inset: 0 0 auto; height: 3px; z-index: 60; pointer-events: none; }
.h-progress span { display: block; height: 100%; background: var(--h-brass); transform-origin: 0 50%; transform: scaleX(0); }
.h-prose h2[id] { scroll-margin-top: 110px; }
.h-toc ol { list-style: none; margin: 0 0 1rem; padding: 0; border-left: 2px solid var(--h-rule); }
.h-toc a { display: block; padding: .45rem 0 .45rem 1rem; margin-left: -2px; border-left: 2px solid transparent; font-size: .92rem; color: var(--h-ink-soft); text-decoration: none; transition: color var(--h-fast), border-color var(--h-fast); }
.h-toc a:hover { color: var(--h-green); }
.h-toc a[aria-current="true"] { color: var(--h-green); border-left-color: var(--h-brass); font-weight: 600; }
.h-copy { min-height: 40px; padding: .4rem .9rem; border: 1px solid var(--h-rule-strong); border-radius: var(--h-radius); background: #fff; font: 500 .9rem/1.2 var(--h-sans); color: var(--h-ink); cursor: pointer; }
.h-copy:hover { border-color: var(--h-green); color: var(--h-green); }
.h-copy__ok { display: block; margin-top: .4rem; font-size: .88rem; color: var(--h-green); min-height: 1.3em; }
@media (max-width: 900px) { .h-toc { display: none; } }