/* Kendi sunucumuzda barındırılan fontlar — üçüncü taraf isteği yok (KVKK/GDPR uyumlu, daha hızlı).
   Değişken (variable) fontlar: tek dosya tüm ağırlıkları kapsar. */

/* Inter — gövde metni */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/inter-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/inter-latin.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;
}

/* Playfair Display — başlıklar */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url('../fonts/playfair-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url('../fonts/playfair-latin.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;
}


/* ==========================================================================
   Av. Zahide BOZKUŞ — Hukuk & Danışmanlık
   Tasarım sistemi
   ========================================================================== */

:root {
  /* Renkler */
  --slate-900: #1B242B;
  --slate-800: #2C3A45;
  --slate-700: #34434E;
  --slate:     #3F4F59;
  --slate-400: #6E7D88;
  --slate-200: #C3CBD1;

  --gold:       #A88126;
  --gold-light: #C9A227;
  --gold-pale:  #E8DCC2;

  --cream:      #FAF8F4;
  --cream-dark: #F2EDE4;

  --ink:       #1C2429;
  --ink-body:  #4A555E;
  --ink-muted: #77828B;

  --line:       rgba(28, 36, 41, .12);
  --line-light: rgba(255, 255, 255, .16);

  /* Tipografi */
  --font-baslik: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-govde:  'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Ölçü */
  --kapsayici: 1240px;
  --dar: 820px;
  --bolum-bosluk: clamp(4.5rem, 9vw, 8rem);
  --radius: 2px;

  --gecis: 320ms cubic-bezier(.22, .61, .36, 1);
  --golge:    0 1px 2px rgba(28, 36, 41, .04), 0 8px 28px rgba(28, 36, 41, .07);
  --golge-lg: 0 2px 4px rgba(28, 36, 41, .05), 0 20px 50px rgba(28, 36, 41, .12);
}

/* ---------- Sıfırlama ---------- */
*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; }

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  scroll-padding-top: 110px;
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

body {
  font-family: var(--font-govde);
  font-size: 1.0625rem;
  line-height: 1.75;
  color: var(--ink-body);
  background: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  font-feature-settings: 'kern' 1, 'liga' 1;
}

img, svg, video { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; color: inherit; }

:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 3px;
}

::selection { background: var(--gold); color: #fff; }

/* ---------- Tipografi ---------- */
h1, h2, h3, h4 {
  font-family: var(--font-baslik);
  color: var(--ink);
  font-weight: 600;
  line-height: 1.18;
  letter-spacing: -.012em;
  text-wrap: balance;
}
h1 { font-size: clamp(2.15rem, 1.35rem + 3.4vw, 3.85rem); font-weight: 600; }
h2 { font-size: clamp(1.8rem, 1.25rem + 2.2vw, 2.85rem); }
h3 { font-size: clamp(1.3rem, 1.1rem + .8vw, 1.65rem); }
h4 { font-size: 1.175rem; }

p { text-wrap: pretty; }
p + p { margin-top: 1.05em; }

strong, b { font-weight: 600; color: var(--ink); }

/* ---------- Yerleşim ---------- */
.kapsayici {
  width: 100%;
  max-width: var(--kapsayici);
  margin-inline: auto;
  padding-inline: clamp(1.25rem, 4vw, 2.5rem);
}
.dar { max-width: var(--dar); margin-inline: auto; }
.bolum { padding-block: var(--bolum-bosluk); }
.bolum--krem { background: var(--cream); }
.bolum--koyu { background: var(--slate-800); color: rgba(255,255,255,.82); }
.bolum--koyu h2, .bolum--koyu h3 { color: #fff; }

.merkez { text-align: center; }

/* ---------- Bölüm başlığı ---------- */
.etiket {
  display: inline-flex;
  align-items: center;
  gap: .7rem;
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .19em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 1.1rem;
}
.etiket::before {
  content: '';
  width: 34px;
  height: 1px;
  background: var(--gold);
  flex: none;
}
.merkez .etiket { justify-content: center; }
.merkez .etiket::after {
  content: '';
  width: 34px;
  height: 1px;
  background: var(--gold);
  flex: none;
}
.bolum--koyu .etiket { color: var(--gold-light); }
.bolum--koyu .etiket::before, .bolum--koyu .etiket::after { background: var(--gold-light); }

.bolum-basi { margin-bottom: clamp(2.5rem, 5vw, 3.75rem); }
.bolum-basi p { margin-top: 1.25rem; color: var(--ink-muted); font-size: 1.075rem; }
.merkez.bolum-basi p { margin-inline: auto; max-width: 62ch; }

/* ---------- Butonlar ---------- */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .6rem;
  padding: .95rem 2rem;
  font-size: .9rem;
  font-weight: 600;
  letter-spacing: .055em;
  text-transform: uppercase;
  border: 1px solid transparent;
  border-radius: var(--radius);
  cursor: pointer;
  transition: background var(--gecis), color var(--gecis), border-color var(--gecis), transform var(--gecis), box-shadow var(--gecis);
  text-align: center;
}
.btn svg { width: 1.15em; height: 1.15em; flex: none; }
.btn:hover { transform: translateY(-2px); }
.btn:active { transform: translateY(0); }

.btn--altin { background: var(--gold); color: #fff; box-shadow: 0 6px 20px rgba(168,129,38,.24); }
.btn--altin:hover { background: var(--gold-light); box-shadow: 0 10px 28px rgba(168,129,38,.32); }

.btn--slate { background: var(--slate); color: #fff; }
.btn--slate:hover { background: var(--slate-800); }

.btn--cizgi { border-color: currentColor; color: var(--slate); background: transparent; }
.btn--cizgi:hover { background: var(--slate); border-color: var(--slate); color: #fff; }

.btn--cizgi-acik { border-color: rgba(255,255,255,.5); color: #fff; background: transparent; }
.btn--cizgi-acik:hover { background: #fff; border-color: #fff; color: var(--slate-800); }

.btn-grup { display: flex; flex-wrap: wrap; gap: .9rem; }

/* ---------- Üst bar ---------- */
.ustbar {
  background: var(--slate-800);
  color: rgba(255,255,255,.78);
  font-size: .8rem;
  letter-spacing: .01em;
}
.ustbar__ic {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.5rem;
  min-height: 42px;
  flex-wrap: wrap;
}
.ustbar a {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding-block: .35rem;
  transition: color var(--gecis);
}
.ustbar a:hover { color: var(--gold-light); }
.ustbar svg { width: 15px; height: 15px; flex: none; color: var(--gold-light); }
.ustbar__sol, .ustbar__sag { display: flex; align-items: center; gap: 1.6rem; flex-wrap: wrap; }

/* ---------- Başlık / menü ---------- */
.baslik {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(255,255,255,.97);
  backdrop-filter: saturate(180%) blur(12px);
  border-bottom: 1px solid var(--line);
  transition: box-shadow var(--gecis);
}
.baslik--kayar { box-shadow: 0 4px 24px rgba(28,36,41,.08); }

.baslik__ic {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  min-height: 88px;
  transition: min-height var(--gecis);
}
.baslik--kayar .baslik__ic { min-height: 70px; }

.logo { display: block; flex: none; }
.logo img { width: 232px; height: auto; transition: width var(--gecis); }
.baslik--kayar .logo img { width: 200px; }

.menu { display: flex; align-items: center; gap: clamp(1.1rem, 2.2vw, 2.1rem); }
.menu a {
  position: relative;
  font-size: .845rem;
  font-weight: 600;
  letter-spacing: .085em;
  text-transform: uppercase;
  color: var(--slate);
  padding-block: .55rem;
  transition: color var(--gecis);
  white-space: nowrap;
}
.menu a::after {
  content: '';
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 2px;
  background: var(--gold);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform var(--gecis);
}
.menu a:hover { color: var(--gold); }
.menu a:hover::after, .menu a[aria-current="page"]::after { transform: scaleX(1); }
.menu a[aria-current="page"] { color: var(--gold); }

.baslik__eylem { display: flex; align-items: center; gap: 1rem; }
.baslik__eylem .btn { padding: .78rem 1.5rem; font-size: .8rem; white-space: nowrap; }
/* "Randevu Al" düğmesi yalnızca mobil menüde görünür */
.menu > .btn { display: none; }

/* Mobil menü düğmesi */
.menu-dugme {
  display: none;
  width: 46px; height: 46px;
  align-items: center; justify-content: center;
  background: transparent;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  cursor: pointer;
  color: var(--slate);
}
.menu-dugme span {
  position: relative;
  display: block;
  width: 20px; height: 1.5px;
  background: currentColor;
  transition: background var(--gecis);
}
.menu-dugme span::before, .menu-dugme span::after {
  content: '';
  position: absolute;
  left: 0;
  width: 20px; height: 1.5px;
  background: currentColor;
  transition: transform var(--gecis), top var(--gecis);
}
.menu-dugme span::before { top: -6px; }
.menu-dugme span::after  { top: 6px; }
.menu-dugme[aria-expanded="true"] span { background: transparent; }
.menu-dugme[aria-expanded="true"] span::before { top: 0; transform: rotate(45deg); }
.menu-dugme[aria-expanded="true"] span::after  { top: 0; transform: rotate(-45deg); }

@media (max-width: 1040px) {
  .menu-dugme { display: inline-flex; }
  .baslik__eylem .btn { display: none; }
  /* backdrop-filter, içindeki position:fixed öğeler için kapsayıcı blok oluşturur.
     Mobil menünün ekranı kaplayabilmesi için bu efekti kaldırıyoruz. */
  .baslik { backdrop-filter: none; background: #fff; }
  .menu {
    position: fixed;
    inset: 0 0 0 auto;
    width: min(340px, 86vw);
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0;
    padding: 6.5rem 2rem 2rem;
    background: #fff;
    box-shadow: var(--golge-lg);
    transform: translateX(105%);
    transition: transform var(--gecis);
    overflow-y: auto;
  }
  .menu[data-acik="true"] { transform: translateX(0); }
  .menu a {
    font-size: 1rem;
    padding-block: 1.05rem;
    border-bottom: 1px solid var(--line);
    letter-spacing: .06em;
  }
  .menu a::after { display: none; }
  .menu > .btn { display: inline-flex; margin-top: 1.75rem; border-bottom: 0; }
  .menu-ortu {
    position: fixed;
    inset: 0;
    background: rgba(27,36,43,.5);
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--gecis), visibility var(--gecis);
    z-index: 99;
  }
  .menu-ortu[data-acik="true"] { opacity: 1; visibility: visible; }
}

/* ---------- Hero ---------- */
.hero {
  position: relative;
  display: grid;
  align-items: center;
  min-height: clamp(520px, 78vh, 760px);
  isolation: isolate;
  overflow: hidden;
}
.hero__gorsel {
  position: absolute;
  inset: 0;
  z-index: -2;
}
.hero__gorsel img {
  width: 100%; height: 100%;
  object-fit: cover;
  object-position: center;
}
/* Karartma: solda metnin okunabilirliği için koyu, sağda fotoğraf görünsün diye açık.
   Geniş ekranlarda fotoğrafı yıkamaması için sağ taraf bilinçli olarak şeffaf bırakıldı. */
.hero::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    /* 90deg kullanıldı: açı verildiğinde (ör. 100deg) gradyan çizgisi kutunun dışından
       başlar ve karartma beklenenden çok daha geniş alana yayılır — fotoğraf yıkanır. */
    linear-gradient(90deg,
      rgba(20,28,34,.93) 0%,
      rgba(20,28,34,.88) 28%,
      rgba(20,28,34,.55) 48%,
      rgba(20,28,34,.12) 68%,
      rgba(20,28,34,0)   82%),
    linear-gradient(to top, rgba(20,28,34,.5) 0%, transparent 30%);
}
@media (max-width: 900px) {
  /* Dar ekranda metin fotoğrafın üstüne biner; okunabilirlik için daha koyu */
  .hero::after {
    background: linear-gradient(180deg, rgba(20,28,34,.86) 0%, rgba(20,28,34,.78) 55%, rgba(20,28,34,.88) 100%);
  }
}
.hero__ic { padding-block: clamp(4rem, 9vw, 7rem); max-width: 680px; }
.hero h1 { color: #fff; margin-bottom: 1.5rem; }
.hero h1 em {
  font-style: normal;
  color: var(--gold-light);
  display: block;
}
.hero__metin {
  color: rgba(255,255,255,.82);
  font-size: clamp(1rem, .95rem + .25vw, 1.135rem);
  line-height: 1.8;
  max-width: 56ch;
  margin-bottom: 2.4rem;
}
.hero .etiket { color: var(--gold-light); }
.hero .etiket::before { background: var(--gold-light); }

/* Hero altı iletişim şeridi */
.hero-serit {
  background: var(--slate-800);
  border-top: 1px solid rgba(255,255,255,.09);
}
.hero-serit__ic {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.hero-serit__oge {
  display: flex;
  align-items: center;
  gap: 1.1rem;
  padding: 1.75rem clamp(1rem, 2.5vw, 2rem);
  color: rgba(255,255,255,.8);
  transition: background var(--gecis);
}
.hero-serit__oge + .hero-serit__oge { border-left: 1px solid rgba(255,255,255,.09); }
a.hero-serit__oge:hover { background: rgba(255,255,255,.05); }
.hero-serit__oge svg { width: 26px; height: 26px; color: var(--gold-light); flex: none; }
.hero-serit__oge span { display: block; }
.hero-serit__oge b {
  display: block;
  font-family: var(--font-govde);
  font-size: .71rem;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--gold-light);
  margin-bottom: .2rem;
}
.hero-serit__oge em { font-style: normal; font-size: .95rem; color: #fff; line-height: 1.55; }

@media (max-width: 860px) {
  .hero-serit__ic { grid-template-columns: 1fr; }
  .hero-serit__oge + .hero-serit__oge { border-left: 0; border-top: 1px solid rgba(255,255,255,.09); }
}

/* ---------- Sayfa başlığı (iç sayfalar) ---------- */
.sayfa-basi {
  position: relative;
  isolation: isolate;
  padding-block: clamp(3.5rem, 7vw, 5.5rem);
  background: var(--slate-800);
  overflow: hidden;
}
.sayfa-basi__gorsel { position: absolute; inset: 0; z-index: -2; }
.sayfa-basi__gorsel img { width: 100%; height: 100%; object-fit: cover; }
.sayfa-basi::after {
  content: '';
  position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(100deg, rgba(27,36,43,.95), rgba(27,36,43,.72));
}
.sayfa-basi h1 { color: #fff; }
.sayfa-basi__ozet { color: rgba(255,255,255,.76); margin-top: 1.1rem; max-width: 62ch; }

/* Kırıntı navigasyonu */
.kirinti { margin-bottom: 1rem; font-size: .82rem; }
.kirinti ol { display: flex; flex-wrap: wrap; align-items: center; gap: .55rem; list-style: none; padding: 0; margin: 0; }
.kirinti li { display: flex; align-items: center; gap: .55rem; color: rgba(255,255,255,.55); }
.kirinti li + li::before { content: '/'; color: rgba(255,255,255,.35); }
.kirinti a { color: rgba(255,255,255,.75); transition: color var(--gecis); }
.kirinti a:hover { color: var(--gold-light); }
.kirinti [aria-current] { color: var(--gold-light); }

/* ---------- Alan kartları ---------- */
.alan-izgara {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 1.5rem;
}
.alan-kart {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: .85rem;
  padding: 2.15rem 1.9rem 2.3rem;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  transition: transform var(--gecis), box-shadow var(--gecis), border-color var(--gecis);
  overflow: hidden;
}
.alan-kart::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: var(--gold);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform var(--gecis);
}
.alan-kart:hover {
  transform: translateY(-5px);
  box-shadow: var(--golge);
  border-color: transparent;
}
.alan-kart:hover::before { transform: scaleX(1); }
.alan-kart__ikon {
  width: 50px; height: 50px;
  display: grid; place-items: center;
  color: var(--slate);
  background: var(--cream);
  border-radius: var(--radius);
  transition: background var(--gecis), color var(--gecis);
}
.alan-kart__ikon svg { width: 26px; height: 26px; }
.alan-kart:hover .alan-kart__ikon { background: var(--slate); color: var(--gold-light); }
.alan-kart h3 { font-size: 1.28rem; }
.alan-kart h3 a::after { content: ''; position: absolute; inset: 0; }
.alan-kart p { font-size: .945rem; color: var(--ink-muted); line-height: 1.7; }
.alan-kart__devam {
  margin-top: auto;
  padding-top: .5rem;
  display: inline-flex; align-items: center; gap: .5rem;
  font-size: .78rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase;
  color: var(--gold);
}
.alan-kart__devam svg { width: 15px; height: 15px; transition: transform var(--gecis); }
.alan-kart:hover .alan-kart__devam svg { transform: translateX(4px); }

/* Kompakt liste (anasayfa) */
.alan-liste {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(272px, 1fr));
  gap: .35rem 2.5rem;
  list-style: none;
  padding: 0;
}
.alan-liste a {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.05rem .25rem;
  border-bottom: 1px solid var(--line);
  font-weight: 500;
  color: var(--ink);
  transition: color var(--gecis), padding-left var(--gecis);
}
.alan-liste a:hover { color: var(--gold); padding-left: .6rem; }
.alan-liste .ok {
  width: 30px; height: 30px;
  flex: none;
  display: grid; place-items: center;
  border-radius: 50%;
  background: var(--slate);
  color: #fff;
  transition: background var(--gecis);
}
.alan-liste a:hover .ok { background: var(--gold); }
.alan-liste .ok svg { width: 13px; height: 13px; }

/* ---------- İki sütun ---------- */
.ikili {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr));
  gap: clamp(2.5rem, 5vw, 4.5rem);
  align-items: center;
}
.ikili--ust { align-items: start; }

.gorsel-cerceve {
  position: relative;
  border-radius: var(--radius);
  overflow: hidden;
}
.gorsel-cerceve img { width: 100%; }
.gorsel-cerceve--suslu::after {
  content: '';
  position: absolute;
  inset: 12px;
  border: 1px solid rgba(255,255,255,.35);
  pointer-events: none;
}

/* Logolu görsel kutu */
.marka-kutu {
  position: relative;
  display: grid;
  place-items: center;
  aspect-ratio: 1 / 1;
  padding: clamp(1.5rem, 4vw, 2.75rem);
  background: var(--slate-800);
  border-radius: var(--radius);
  isolation: isolate;
  overflow: hidden;
}
.marka-kutu img.zemin {
  position: absolute; inset: 0; z-index: -2;
  width: 100%; height: 100%; object-fit: cover;
  opacity: .22;
  filter: grayscale(1);
}
.marka-kutu::after {
  content: '';
  position: absolute; inset: 14px; z-index: -1;
  border: 1px solid rgba(201,162,39,.4);
}
.marka-kutu img.marka { width: min(74%, 330px); max-height: 100%; object-fit: contain; }

/* ---------- Metin bloğu ---------- */
.metin > * + * { margin-top: 1.15rem; }
.metin h2, .metin h3 { margin-top: 2.5rem; }
.metin h2:first-child, .metin h3:first-child { margin-top: 0; }
.metin p { font-size: 1.045rem; }

.altin-cizgi {
  width: 56px; height: 2px;
  background: var(--gold);
  margin-block: 1.4rem;
}

/* Alıntı / öne çıkan cümle */
.alinti {
  position: relative;
  padding: 1.5rem 0 1.5rem 2rem;
  border-left: 2px solid var(--gold);
  font-family: var(--font-baslik);
  font-size: clamp(1.15rem, 1rem + .6vw, 1.5rem);
  line-height: 1.55;
  color: var(--ink);
}

/* ---------- Hizmet listesi (onaylı) ---------- */
.onay-liste { list-style: none; padding: 0; display: grid; gap: .9rem; }
.onay-liste li {
  display: grid;
  grid-template-columns: 22px 1fr;
  gap: .95rem;
  align-items: start;
  font-size: 1.005rem;
  line-height: 1.65;
}
.onay-liste li::before {
  content: '';
  width: 22px; height: 22px;
  margin-top: .22rem;
  background: var(--gold);
  border-radius: 50%;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z' fill='%23fff'/%3E%3C/svg%3E") center/13px no-repeat, linear-gradient(#000,#000);
  -webkit-mask-composite: xor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z' fill='%23fff'/%3E%3C/svg%3E") center/13px no-repeat, linear-gradient(#000,#000);
  mask-composite: exclude;
}
.onay-liste--iki { grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); column-gap: 2.5rem; }

/* ---------- Değer kartları ---------- */
.deger-izgara {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));
  gap: clamp(1.75rem, 3.5vw, 3rem);
}
.deger { text-align: left; }
.deger__ikon {
  width: 46px; height: 46px;
  color: var(--gold-light);
  margin-bottom: 1.15rem;
}
.deger__ikon svg { width: 100%; height: 100%; }
.deger h3 { font-size: 1.25rem; margin-bottom: .7rem; }
.deger p { font-size: .965rem; line-height: 1.72; }
.bolum--koyu .deger p { color: rgba(255,255,255,.68); }

/* ---------- Çağrı şeridi ---------- */
.cagri {
  position: relative;
  isolation: isolate;
  padding-block: clamp(4rem, 8vw, 6.5rem);
  overflow: hidden;
}
.cagri__gorsel { position: absolute; inset: 0; z-index: -2; }
.cagri__gorsel img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); }
.cagri::after {
  content: '';
  position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(100deg, rgba(27,36,43,.93), rgba(44,58,69,.8));
}
.cagri h2 { color: #fff; }
.cagri p { color: rgba(255,255,255,.78); margin-top: 1.1rem; max-width: 60ch; }
.cagri .btn-grup { margin-top: 2.2rem; }

/* ---------- İletişim ---------- */
.iletisim-izgara {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 270px), 1fr));
  gap: 1.5rem;
}
.iletisim-kart {
  padding: 2.15rem 1.85rem;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  transition: transform var(--gecis), box-shadow var(--gecis);
}
.iletisim-kart:hover { transform: translateY(-4px); box-shadow: var(--golge); }
.iletisim-kart__ikon {
  width: 48px; height: 48px;
  display: grid; place-items: center;
  background: var(--slate);
  color: var(--gold-light);
  border-radius: 50%;
  margin-bottom: 1.25rem;
}
.iletisim-kart__ikon svg { width: 22px; height: 22px; }
.iletisim-kart h3 { font-size: 1.15rem; margin-bottom: .6rem; }
.iletisim-kart p, .iletisim-kart a { font-size: .985rem; line-height: 1.7; color: var(--ink-body); }
.iletisim-kart a:hover { color: var(--gold); }

.iletisim-alt {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr));
  gap: 1.75rem;
  margin-top: 1.75rem;
}
.kutu {
  padding: clamp(1.75rem, 3.5vw, 2.5rem);
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
}
.kutu > h2 { font-size: 1.55rem; margin-bottom: 1.5rem; }

.iletisim-alt > .kutu { display: flex; flex-direction: column; }
.iletisim-alt > .kutu > .form { flex: 1; }

.harita {
  position: relative;
  flex: 1;
  min-height: 340px;
  aspect-ratio: 4 / 3.4;
  border-radius: var(--radius);
  overflow: hidden;
  background: var(--cream-dark);
}
@supports (aspect-ratio: 1) {
  .iletisim-alt .harita { aspect-ratio: auto; }
}
.harita iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* ---------- Form ---------- */
.form { display: grid; gap: 1.1rem; }
.alan-grup { display: grid; gap: .45rem; }
.alan-grup label {
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--slate);
}
.alan-grup label .zorunlu { color: var(--gold); }
.form input[type="text"],
.form input[type="email"],
.form input[type="tel"],
.form textarea {
  width: 100%;
  padding: .85rem 1rem;
  background: var(--cream);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  font-size: .985rem;
  transition: border-color var(--gecis), background var(--gecis), box-shadow var(--gecis);
}
.form input:focus, .form textarea:focus {
  outline: none;
  background: #fff;
  border-color: var(--gold);
  box-shadow: 0 0 0 3px rgba(168,129,38,.13);
}
.form textarea { resize: vertical; min-height: 150px; }
.form input::placeholder, .form textarea::placeholder { color: var(--ink-muted); opacity: .72; }

.onay-kutu {
  display: grid;
  grid-template-columns: 20px 1fr;
  gap: .8rem;
  align-items: start;
  font-size: .875rem;
  line-height: 1.6;
  color: var(--ink-muted);
}
.onay-kutu input { width: 19px; height: 19px; margin-top: .18rem; accent-color: var(--gold); }
.onay-kutu a { color: var(--slate); text-decoration: underline; text-underline-offset: 2px; }

.tuzak { position: absolute !important; left: -9999px !important; opacity: 0; height: 0; width: 0; overflow: hidden; }

.bildirim {
  padding: 1rem 1.25rem;
  border-radius: var(--radius);
  font-size: .945rem;
  border-left: 3px solid;
}
.bildirim--basarili { background: #EEF6EF; border-color: #3E7D48; color: #245530; }
.bildirim--hata     { background: #FBEFEF; border-color: #A6373A; color: #7C2528; }

/* ---------- Altbilgi ---------- */
.altbilgi {
  background: var(--slate-800);
  color: rgba(255,255,255,.68);
  font-size: .945rem;
}
.altbilgi__ic {
  display: grid;
  grid-template-columns: 1.45fr 1fr 1fr;
  gap: clamp(2rem, 5vw, 4rem);
  padding-block: clamp(3.25rem, 6vw, 4.75rem);
}
@media (max-width: 880px) { .altbilgi__ic { grid-template-columns: 1fr; } }

.altbilgi h2, .altbilgi h3 {
  font-family: var(--font-govde);
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .17em;
  text-transform: uppercase;
  color: var(--gold-light);
  margin-bottom: 1.4rem;
}
.altbilgi__logo { width: 220px; margin-bottom: 1.5rem; }
.altbilgi p { line-height: 1.8; }
.altbilgi a { transition: color var(--gecis); }
.altbilgi a:hover { color: var(--gold-light); }

.altbilgi__liste { list-style: none; padding: 0; display: grid; gap: .72rem; }
.altbilgi__liste a { display: inline-block; }

.altbilgi__iletisim { display: grid; gap: 1.15rem; }
.altbilgi__iletisim div { display: grid; grid-template-columns: 20px 1fr; gap: .85rem; align-items: start; }
.altbilgi__iletisim svg { width: 18px; height: 18px; color: var(--gold-light); margin-top: .28rem; }

.sosyal { display: flex; gap: .7rem; margin-top: 1.6rem; }
.sosyal a {
  width: 40px; height: 40px;
  display: grid; place-items: center;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 50%;
  transition: background var(--gecis), border-color var(--gecis), color var(--gecis), transform var(--gecis);
}
.sosyal a:hover { background: var(--gold); border-color: var(--gold); color: #fff; transform: translateY(-3px); }
.sosyal svg { width: 17px; height: 17px; }

.altbilgi__dip {
  border-top: 1px solid rgba(255,255,255,.1);
  padding-block: 1.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  font-size: .845rem;
  color: rgba(255,255,255,.5);
}

/* ---------- Yüzen düğmeler ---------- */
.yuzen {
  position: fixed;
  right: clamp(1rem, 2.5vw, 1.75rem);
  bottom: clamp(1rem, 2.5vw, 1.75rem);
  z-index: 90;
  display: grid;
  gap: .7rem;
  justify-items: end;
}
.yuzen__btn {
  width: 54px; height: 54px;
  display: grid; place-items: center;
  border-radius: 50%;
  color: #fff;
  box-shadow: 0 6px 22px rgba(27,36,43,.26);
  transition: transform var(--gecis), box-shadow var(--gecis), opacity var(--gecis), visibility var(--gecis);
  border: 0;
  cursor: pointer;
}
.yuzen__btn:hover { transform: translateY(-3px) scale(1.04); box-shadow: 0 10px 30px rgba(27,36,43,.34); }
.yuzen__btn svg { width: 26px; height: 26px; }
.yuzen__wa { background: #25D366; }
.yuzen__tel { background: var(--gold); }
.yuzen__yukari {
  background: var(--slate-800);
  width: 46px; height: 46px;
  opacity: 0; visibility: hidden;
}
.yuzen__yukari svg { width: 19px; height: 19px; }
.yuzen__yukari[data-gorunur="true"] { opacity: 1; visibility: visible; }

/* ---------- Blog ---------- */
.bos-durum {
  text-align: center;
  padding: clamp(3rem, 7vw, 5.5rem) 1.5rem;
  background: var(--cream);
  border: 1px dashed var(--line);
  border-radius: var(--radius);
}
.bos-durum svg { width: 54px; height: 54px; color: var(--gold); margin: 0 auto 1.5rem; }
.bos-durum p { max-width: 52ch; margin-inline: auto; color: var(--ink-muted); }

/* ---------- Yardımcılar ---------- */
.gizli-erisim {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}
.atla {
  position: absolute;
  top: -100px; left: 1rem;
  z-index: 200;
  padding: .8rem 1.4rem;
  background: var(--gold);
  color: #fff;
  font-size: .9rem;
  font-weight: 600;
  border-radius: var(--radius);
  transition: top var(--gecis);
}
.atla:focus { top: 1rem; }

/* Görünürlük animasyonu */
.beliren {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity .7s cubic-bezier(.22,.61,.36,1), transform .7s cubic-bezier(.22,.61,.36,1);
}
.beliren[data-gorunur="true"] { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .beliren { opacity: 1; transform: none; }
}

@media print {
  .baslik, .ustbar, .yuzen, .cagri, .altbilgi__dip { display: none; }
  body { color: #000; }
}

/* ==========================================================================
   Blog — Hukuk Rehberi
   ========================================================================== */

/* Kategori şeridi */
.etiket-serit {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--line);
}
.etiket-serit a {
  padding: .5rem 1.05rem;
  font-size: .845rem;
  font-weight: 500;
  color: var(--ink-body);
  background: var(--cream);
  border: 1px solid var(--line);
  border-radius: 100px;
  transition: background var(--gecis), color var(--gecis), border-color var(--gecis);
}
.etiket-serit a:hover { background: #fff; color: var(--gold); border-color: var(--gold); }
.etiket-serit a.secili { background: var(--slate); border-color: var(--slate); color: #fff; }

/* Yazı kartları */
.yazi-izgara {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 330px), 1fr));
  gap: 1.5rem;
}
.yazi-kart {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: .9rem;
  padding: 1.9rem 1.75rem 1.6rem;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  transition: transform var(--gecis), box-shadow var(--gecis), border-color var(--gecis);
  overflow: hidden;
}
.yazi-kart::before {
  content: '';
  position: absolute; top: 0; left: 0; right: 0;
  height: 3px; background: var(--gold);
  transform: scaleX(0); transform-origin: left;
  transition: transform var(--gecis);
}
.yazi-kart:hover { transform: translateY(-5px); box-shadow: var(--golge); border-color: transparent; }
.yazi-kart:hover::before { transform: scaleX(1); }

.yazi-kart__ust { display: flex; align-items: center; gap: .75rem; }
.yazi-kart__ikon {
  width: 38px; height: 38px; flex: none;
  display: grid; place-items: center;
  background: var(--cream); color: var(--slate);
  border-radius: var(--radius);
  transition: background var(--gecis), color var(--gecis);
}
.yazi-kart__ikon svg { width: 20px; height: 20px; }
.yazi-kart:hover .yazi-kart__ikon { background: var(--slate); color: var(--gold-light); }
.yazi-kart__kategori {
  font-size: .7rem; font-weight: 600; letter-spacing: .14em;
  text-transform: uppercase; color: var(--gold);
}
.yazi-kart h2 { font-size: 1.28rem; line-height: 1.3; }
.yazi-kart h2 a::after { content: ''; position: absolute; inset: 0; }
.yazi-kart p { font-size: .935rem; line-height: 1.7; color: var(--ink-muted); }
.yazi-kart__alt {
  margin-top: auto; padding-top: 1rem;
  border-top: 1px solid var(--line);
  display: flex; align-items: center; gap: .5rem;
  font-size: .805rem; color: var(--ink-muted);
}

/* Yazı sayfası */
.sayfa-basi--yazi h1 { max-width: 22ch; }
.yazi-bilgi {
  display: flex; flex-wrap: wrap; gap: 1.5rem;
  margin-top: 1.5rem;
  font-size: .875rem;
  color: rgba(255,255,255,.72);
}
.yazi-bilgi > * { display: inline-flex; align-items: center; gap: .5rem; }
.yazi-bilgi svg { width: 16px; height: 16px; color: var(--gold-light); }

.yazi-duzen {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 340px);
  gap: clamp(2.5rem, 5vw, 4.5rem);
  align-items: start;
}
@media (max-width: 980px) { .yazi-duzen { grid-template-columns: 1fr; } }
.yazi-yan { position: sticky; top: 110px; }
@media (max-width: 980px) { .yazi-yan { position: static; } }

/* Yazı gövdesi tipografisi */
.yazi-govde { max-width: 72ch; font-size: 1.075rem; line-height: 1.82; }
.yazi-giris {
  font-size: 1.235rem;
  line-height: 1.72;
  color: var(--ink);
  padding-bottom: 1.9rem;
  margin-bottom: 2.2rem;
  border-bottom: 1px solid var(--line);
}
.yazi-govde h2 {
  font-size: clamp(1.55rem, 1.3rem + .9vw, 1.95rem);
  margin-top: 3.1rem;
  margin-bottom: 1.1rem;
  scroll-margin-top: 120px;
}
.yazi-govde h2::after {
  content: '';
  display: block;
  width: 48px; height: 2px;
  background: var(--gold);
  margin-top: .95rem;
}
.yazi-govde h3 {
  font-size: 1.28rem;
  margin-top: 2.2rem;
  margin-bottom: .75rem;
  scroll-margin-top: 120px;
}
.yazi-govde p { margin-top: 1.05em; }
.yazi-govde > p:first-of-type { margin-top: 0; }
.yazi-govde a:not(.btn) {
  color: var(--slate);
  text-decoration: underline;
  text-decoration-color: var(--gold);
  text-underline-offset: 3px;
  text-decoration-thickness: 1.5px;
  transition: color var(--gecis);
}
.yazi-govde a:not(.btn):hover { color: var(--gold); }

.yazi-govde ul, .yazi-govde ol { margin: 1.25rem 0 1.25rem 1.35rem; display: grid; gap: .6rem; }
.yazi-govde li { padding-left: .35rem; }
.yazi-govde ul li::marker { color: var(--gold); }
.yazi-govde ol li::marker { color: var(--gold); font-weight: 600; }

.yazi-govde blockquote {
  margin: 2.1rem 0;
  padding: .35rem 0 .35rem 1.85rem;
  border-left: 2px solid var(--gold);
  font-family: var(--font-baslik);
  font-size: 1.28rem;
  line-height: 1.55;
  color: var(--ink);
}

/* Bilgi kutusu */
.yazi-govde .bilgi {
  margin: 2.1rem 0;
  padding: 1.5rem 1.75rem;
  background: var(--cream);
  border-left: 3px solid var(--gold);
  border-radius: var(--radius);
  font-size: 1rem;
  line-height: 1.75;
}
.yazi-govde .bilgi p:first-child { margin-top: 0; }
.yazi-govde .bilgi strong { color: var(--slate); }

/* Süre / dikkat kutusu */
.yazi-govde .sure {
  margin: 2.1rem 0;
  padding: 1.5rem 1.75rem;
  background: #FBF6EA;
  border-left: 3px solid #B8860B;
  border-radius: var(--radius);
  font-size: 1rem;
  line-height: 1.75;
}
.yazi-govde .sure p:first-child { margin-top: 0; }

/* Mahkeme kararı — açılır tam metin (yazı içinde) */
.yazi-govde .karar {
  margin: 2.1rem 0;
  border: 1px solid var(--line);
  border-left: 3px solid var(--slate);
  border-radius: var(--radius);
  background: #fff;
  overflow: hidden;
}
.yazi-govde .karar > summary {
  padding: 1.15rem 3rem 1.15rem 1.5rem;
  font-family: var(--font-govde);
  font-size: .82rem;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--slate);
  cursor: pointer;
  list-style: none;
  position: relative;
  transition: background var(--gecis);
}
.yazi-govde .karar > summary::-webkit-details-marker { display: none; }
.yazi-govde .karar > summary::after {
  content: '';
  position: absolute;
  right: 1.5rem; top: 50%;
  width: 10px; height: 10px;
  border-right: 2px solid var(--gold);
  border-bottom: 2px solid var(--gold);
  transform: translateY(-70%) rotate(45deg);
  transition: transform var(--gecis);
}
.yazi-govde .karar[open] > summary { background: var(--cream); }
.yazi-govde .karar[open] > summary::after { transform: translateY(-30%) rotate(-135deg); }
.yazi-govde .karar > div { padding: .2rem 1.5rem 1.4rem; font-size: .95rem; line-height: 1.72; }
.yazi-govde .karar > div p { margin-top: .85em; }
.yazi-govde .karar > div p:first-child { margin-top: .35rem; }
.yazi-govde .karar > div h4 {
  margin: 1.5em 0 0;
  font-family: var(--font-govde);
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--gold);
}

/* Tablo */
.yazi-govde .tablo-sar { overflow-x: auto; margin: 2rem 0; }
.yazi-govde table {
  width: 100%;
  min-width: 460px;
  border-collapse: collapse;
  font-size: .96rem;
}
.yazi-govde th, .yazi-govde td {
  padding: .85rem 1rem;
  text-align: left;
  border-bottom: 1px solid var(--line);
  vertical-align: top;
}
.yazi-govde th {
  background: var(--slate);
  color: #fff;
  font-family: var(--font-govde);
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.yazi-govde tbody tr:nth-child(even) { background: var(--cream); }

/* İçindekiler */
.icindekiler {
  margin: 0 0 2.6rem;
  padding: 1.6rem 1.85rem;
  background: var(--cream);
  border: 1px solid var(--line);
  border-radius: var(--radius);
}
.icindekiler h2 {
  font-family: var(--font-govde) !important;
  font-size: .78rem !important;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--gold);
  margin: 0 0 1rem !important;
}
.icindekiler h2::after { display: none; }
.icindekiler ol { margin: 0 0 0 1.15rem; gap: .5rem; }
.icindekiler a { font-size: .96rem; }

/* SSS */
.sss { display: grid; gap: .7rem; margin-top: 1.6rem; }
.sss details {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #fff;
  overflow: hidden;
}
.sss summary {
  padding: 1.15rem 1.5rem;
  font-weight: 600;
  color: var(--ink);
  cursor: pointer;
  list-style: none;
  position: relative;
  padding-right: 3rem;
  transition: background var(--gecis);
}
.sss summary::-webkit-details-marker { display: none; }
.sss summary::after {
  content: '';
  position: absolute;
  right: 1.5rem; top: 50%;
  width: 10px; height: 10px;
  border-right: 2px solid var(--gold);
  border-bottom: 2px solid var(--gold);
  transform: translateY(-70%) rotate(45deg);
  transition: transform var(--gecis);
}
.sss details[open] summary { background: var(--cream); }
.sss details[open] summary::after { transform: translateY(-30%) rotate(-135deg); }
.sss details > div { padding: 0 1.5rem 1.35rem; font-size: 1rem; line-height: 1.78; }
.sss details > div p:first-child { margin-top: .35rem; }

/* Yasal uyarı */
.uyari {
  display: grid;
  grid-template-columns: 26px 1fr;
  gap: 1.1rem;
  margin-top: 3rem;
  padding: 1.5rem 1.75rem;
  background: var(--cream);
  border: 1px dashed var(--line);
  border-radius: var(--radius);
  font-size: .93rem;
  line-height: 1.72;
  color: var(--ink-muted);
}
.uyari svg { width: 24px; height: 24px; color: var(--gold); margin-top: .18rem; }
.uyari p { margin: 0; }

/* Yazı sonu çağrı */
.yazi-cta {
  margin-top: 2.5rem;
  padding: clamp(1.75rem, 3.5vw, 2.5rem);
  background: var(--slate-800);
  border-radius: var(--radius);
  color: rgba(255,255,255,.78);
  display: grid;
  gap: 1.75rem;
}
.yazi-cta h2 { color: #fff; font-size: 1.5rem !important; margin-top: 0 !important; }
.yazi-cta h2::after { display: none; }
.yazi-cta .btn--cizgi { color: #fff; border-color: rgba(255,255,255,.5); }
.yazi-cta .btn--cizgi:hover { background: #fff; color: var(--slate-800); border-color: #fff; }

/* Yan sütun listesi */
.yan-liste { list-style: none; padding: 0; margin: 0; display: grid; gap: .1rem; }
.yan-liste a {
  display: grid;
  gap: .3rem;
  padding: .85rem 0;
  border-bottom: 1px solid var(--line);
  transition: padding-left var(--gecis);
}
.yan-liste a:hover { padding-left: .4rem; }
.yan-liste__kat {
  font-size: .68rem; font-weight: 600; letter-spacing: .13em;
  text-transform: uppercase; color: var(--gold);
}
.yan-liste__ad {
  font-size: .95rem; line-height: 1.45; color: var(--ink);
  transition: color var(--gecis);
}
.yan-liste a:hover .yan-liste__ad { color: var(--gold); }

/* ---------- Çalışma alanı detay sayfası ---------- */
.alan-duzen {
  display: grid;
  grid-template-columns: minmax(0, 1.9fr) minmax(0, 1fr);
  gap: clamp(2.5rem, 5vw, 4.5rem);
  align-items: start;
}
@media (max-width: 900px) { .alan-duzen { grid-template-columns: 1fr; } }

.alan-yan-liste { list-style: none; padding: 0; margin: 0; display: grid; gap: .15rem; }
.alan-yan-liste a {
  display: flex;
  align-items: center;
  gap: .7rem;
  padding: .68rem 0;
  border-bottom: 1px solid var(--line);
  font-size: .94rem;
  color: var(--ink);
  transition: color var(--gecis), padding-left var(--gecis);
}
.alan-yan-liste a span { color: var(--gold); font-size: .75rem; }
.alan-yan-liste a:hover { color: var(--gold); padding-left: .4rem; }

/* Altbilgi yasal bağlantıları */
.altbilgi__yasal { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; }
.altbilgi__yasal a { text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(255,255,255,.3); }
.altbilgi__yasal span { opacity: .4; }

/* KVKK sayfası: satır başlıklı tablo */
.yazi-govde th[scope="row"] {
  background: var(--slate);
  color: #fff;
  white-space: nowrap;
  width: 1%;
  vertical-align: top;
}
.yazi-govde code {
  background: var(--cream-dark);
  padding: .15em .45em;
  border-radius: var(--radius);
  font-size: .92em;
}

/* Altı yetkinlik kartı 3+3 dizilsin (4+2 yerine) */
@media (min-width: 1000px) {
  .deger-izgara--uc { grid-template-columns: repeat(3, 1fr); }
}

/* ==========================================================================
   Yumuşatılmış görünüm — yuvarlatılmış köşeler
   ========================================================================== */
:root {
  --radius-lg:   14px;   /* kartlar, görseller, kutular */
  --radius-pill: 100px;  /* düğmeler */
}

.btn { border-radius: var(--radius-pill); }
.alan-kart, .yazi-kart, .iletisim-kart, .kutu, .bos-durum,
.gorsel-cerceve, .marka-kutu, .harita, .yazi-cta, .icindekiler,
.sss details, .uyari, .yazi-govde .bilgi, .yazi-govde .sure, .yazi-govde .karar { border-radius: var(--radius-lg); }
.alan-kart::before, .yazi-kart::before { border-radius: var(--radius-lg) var(--radius-lg) 0 0; }
.form input, .form textarea { border-radius: 8px; }
.alan-kart__ikon, .yazi-kart__ikon { border-radius: 12px; }
.hero-serit__oge, .altbilgi__logo { border-radius: 0; }

/* ==========================================================================
   Portre fotoğraf çerçevesi (altın kaydırılmış çerçeve)
   ========================================================================== */
.portre {
  position: relative;
  max-width: 460px;
  margin-inline: auto;
  padding: 18px 0 0 18px;
}
.portre::before {
  content: '';
  position: absolute;
  inset: 0 18px 18px 0;
  border: 1px solid var(--gold);
  border-radius: var(--radius-lg);
  pointer-events: none;
}
.portre__ic {
  position: relative;
  aspect-ratio: 4 / 5;
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: linear-gradient(150deg, var(--slate-800), var(--slate));
  box-shadow: var(--golge);
}
.portre__ic img { width: 100%; height: 100%; object-fit: cover; }

/* Fotoğraf henüz yokken: yer tutucu */
.portre__yer {
  position: absolute;
  inset: 0;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: .9rem;
  text-align: center;
  padding: 2rem;
  color: rgba(255,255,255,.55);
}
.portre__yer svg { width: 46px; height: 46px; color: var(--gold-light); }
.portre__yer strong { display: block; color: #fff; font-size: 1.02rem; font-weight: 600; }
.portre__yer span { font-size: .875rem; line-height: 1.6; max-width: 26ch; }
.portre__yer::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    repeating-linear-gradient(135deg, rgba(255,255,255,.03) 0 12px, transparent 12px 24px);
}

/* Mühür rozeti */
.portre__muhur {
  position: absolute;
  left: -6px; bottom: 12%;
  width: 92px; height: 92px;
  display: grid; place-items: center;
  border-radius: 50%;
  background: var(--slate-800);
  border: 1px solid rgba(201,162,39,.45);
  box-shadow: var(--golge);
  padding: 14px;
}
.portre__muhur img { width: 100%; height: auto; }
@media (max-width: 600px) { .portre__muhur { width: 68px; padding: 10px; left: -2px; } }

/* ==========================================================================
   Sertifikalar
   ========================================================================== */
.sertifika-izgara {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 270px), 1fr));
  gap: 1.5rem;
}
.sertifika {
  margin: 0;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: transform var(--gecis), box-shadow var(--gecis);
}
.sertifika:hover { transform: translateY(-5px); box-shadow: var(--golge); }

.sertifika__gorsel {
  position: relative;
  aspect-ratio: 297 / 210;      /* A4 yatay */
  background: var(--cream-dark);
  overflow: hidden;
}
/* Belgeler yatay/dikey karışık olduğu için tamamı görünsün diye 'contain' */
.sertifika__gorsel img { width: 100%; height: 100%; object-fit: contain; padding: .5rem; }
.sertifika__gorsel a { display: block; height: 100%; }

/* Görsel yokken: bulanık örnek sertifika (tamamen CSS, ek dosya yok) */
.sertifika__yer {
  position: absolute;
  inset: 0;
  background: linear-gradient(160deg, #FBF8F1 0%, #F1E9D9 100%);
  filter: blur(3.5px);
  transform: scale(1.06);
}
.sertifika__yer::before {
  content: '';
  position: absolute;
  inset: 11%;
  border: 2px solid rgba(168,129,38,.5);
  border-radius: 3px;
  box-shadow: inset 0 0 0 4px rgba(255,255,255,.85), inset 0 0 0 5px rgba(168,129,38,.28);
}
.sertifika__yer::after {
  content: '';
  position: absolute;
  left: 24%; right: 24%; top: 34%;
  height: 44%;
  background:
    linear-gradient(rgba(63,79,89,.55) 0 5px, transparent 5px 100%) top/100% 15px repeat-y,
    radial-gradient(circle at 50% 8%, rgba(168,129,38,.55) 0 9px, transparent 10px);
  opacity: .75;
}
.sertifika__rozet {
  position: absolute;
  inset: auto 0 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  padding: .6rem;
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #fff;
  background: linear-gradient(transparent, rgba(27,36,43,.86) 45%);
  z-index: 1;
}
.sertifika__rozet svg { width: 15px; height: 15px; color: var(--gold-light); }

.sertifika figcaption { padding: 1.25rem 1.35rem 1.4rem; }
.sertifika figcaption h3 { font-size: 1.06rem; line-height: 1.35; margin-bottom: .35rem; }
.sertifika figcaption p { font-size: .865rem; color: var(--ink-muted); line-height: 1.55; }

.sertifika-not {
  margin-top: 2rem;
  padding: 1rem 1.4rem;
  background: var(--cream);
  border: 1px dashed var(--line);
  border-radius: var(--radius-lg);
  font-size: .9rem;
  color: var(--ink-muted);
  display: grid;
  grid-template-columns: 22px 1fr;
  gap: .9rem;
  align-items: start;
}
.sertifika-not svg { width: 20px; height: 20px; color: var(--gold); margin-top: .15rem; }

/* ==========================================================================
   Yüzen alt eylem çubuğu
   ========================================================================== */
.yuzen {
  right: 50%;
  transform: translateX(50%);
  bottom: clamp(.9rem, 2vw, 1.5rem);
  display: flex;
  align-items: center;
  gap: .35rem;
  padding: .4rem;
  background: rgba(255,255,255,.92);
  backdrop-filter: saturate(180%) blur(14px);
  border: 1px solid var(--line);
  border-radius: var(--radius-pill);
  box-shadow: 0 8px 30px rgba(27,36,43,.18);
  justify-items: initial;
}
.yuzen__btn {
  width: auto; height: 44px;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: 0 1.15rem;
  border-radius: var(--radius-pill);
  font-size: .775rem;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  box-shadow: none;
  white-space: nowrap;
}
.yuzen__btn:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(27,36,43,.2); }
.yuzen__btn svg { width: 17px; height: 17px; }
.yuzen__wa  { background: #25D366; }
.yuzen__tel { background: var(--gold); }
.yuzen__randevu { background: var(--slate-800); }
.yuzen__yukari {
  width: 44px; height: 44px;
  padding: 0;
  background: transparent;
  color: var(--slate);
  border: 1px solid var(--line);
  opacity: 0; visibility: hidden;
  order: -1;
}
.yuzen__yukari[data-gorunur="true"] { opacity: 1; visibility: visible; }
.yuzen__yukari:hover { background: var(--cream); }
.yuzen__btn span { display: inline; }
@media (max-width: 560px) {
  .yuzen { gap: .25rem; padding: .35rem; }
  .yuzen__btn { padding: 0 .85rem; font-size: .7rem; }
  .yuzen__btn span { display: none; }
  .yuzen__btn { width: 44px; padding: 0; justify-content: center; }
  .yuzen__randevu { width: auto; padding: 0 1rem; }
  .yuzen__randevu span { display: inline; }
}

/* Emniyet: JavaScript kapalıysa "beliren" içerik gizli kalmasın.
   (Satır içi betik kullanılamaz — CSP script-src 'self' bunu engeller.) */
@media (scripting: none) {
  .beliren { opacity: 1 !important; transform: none !important; }
}

/* ---------- Altbilgi imzası (tasarım kredisi) ---------- */
.altbilgi__imza {
  border-top: 1px solid rgba(255,255,255,.08);
  padding-block: 1.15rem;
  text-align: center;
}
.altbilgi__imza p {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: .5rem;
  font-size: .82rem;
  letter-spacing: .02em;
  color: rgba(255,255,255,.42);
}
.altbilgi__imza .kalp {
  display: inline-flex;
  color: var(--gold);
  animation: kalp-at 2.4s ease-in-out infinite;
}
.altbilgi__imza .kalp svg { width: 14px; height: 14px; }
@keyframes kalp-at {
  0%, 72%, 100% { transform: scale(1); }
  78%           { transform: scale(1.22); }
  84%           { transform: scale(1); }
  90%           { transform: scale(1.14); }
}
@media (prefers-reduced-motion: reduce) { .altbilgi__imza .kalp { animation: none; } }

.altbilgi__imza a {
  display: inline-flex;
  align-items: baseline;
  gap: .45rem;
  color: rgba(255,255,255,.62);
  transition: color var(--gecis);
}
.altbilgi__imza a strong { color: rgba(255,255,255,.82); font-weight: 600; transition: color var(--gecis); }
.altbilgi__imza a:hover, .altbilgi__imza a:hover strong { color: var(--gold-light); }
.altbilgi__imza-alan {
  font-size: .74rem;
  letter-spacing: .05em;
  color: rgba(255,255,255,.32);
}
@media (max-width: 480px) { .altbilgi__imza-alan { display: none; } }

/* ---------- Yüzen çubuk: yukarı düğmesini diğerleriyle hizala ---------- */
.yuzen__yukari {
  width: 44px;
  height: 44px;
  min-width: 44px;
  padding: 0;
  flex: none;
  align-self: center;
  border: 1px solid var(--line);
  background: #fff;
  color: var(--slate);
}
.yuzen__yukari svg { width: 16px; height: 16px; }
.yuzen__yukari:hover { background: var(--cream); border-color: var(--slate-200); }
@media (max-width: 560px) { .yuzen__yukari { width: 40px; min-width: 40px; height: 40px; } }

/* Yüzen çubuk altbilginin son satırını kapatmasın */
.altbilgi { padding-bottom: calc(44px + clamp(.9rem, 2vw, 1.5rem) + 1rem); }
@media (max-width: 560px) { .altbilgi { padding-bottom: calc(40px + 1.9rem); } }

/* ---------- Çerez onay bandı ---------- */
.cerez-bant {
  position: fixed;
  left: clamp(.75rem, 2vw, 1.5rem);
  right: clamp(.75rem, 2vw, 1.5rem);
  bottom: clamp(.75rem, 2vw, 1.5rem);
  z-index: 120;
  max-width: 900px;
  margin-inline: auto;
  padding: 1.35rem clamp(1.25rem, 3vw, 1.85rem);
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  box-shadow: 0 12px 40px rgba(27,36,43,.22);
  opacity: 0;
  transform: translateY(14px);
  transition: opacity var(--gecis), transform var(--gecis);
}
.cerez-bant[data-acik="true"] { opacity: 1; transform: none; }
.cerez-bant__ic {
  display: flex;
  gap: clamp(1rem, 3vw, 2rem);
  align-items: center;
  flex-wrap: wrap;
}
.cerez-bant__ic > div:first-child { flex: 1; min-width: 260px; }
.cerez-bant__baslik {
  font-family: var(--font-baslik);
  font-size: 1.08rem;
  color: var(--ink);
  margin-bottom: .3rem;
}
.cerez-bant p { font-size: .885rem; line-height: 1.65; color: var(--ink-muted); }
.cerez-bant a { color: var(--gold); text-decoration: underline; text-underline-offset: 2px; }
.cerez-bant__dugmeler { display: flex; gap: .65rem; flex-wrap: wrap; }
.cerez-bant .btn { padding: .78rem 1.5rem; font-size: .78rem; }
/* Bant açıkken yüzen çubuk üstüne binmesin — karar verilince geri gelir */
.cerez-bant:not([hidden]) ~ .yuzen { opacity: 0; visibility: hidden; pointer-events: none; }
.yuzen { transition: opacity var(--gecis), visibility var(--gecis), transform var(--gecis); }

@media (max-width: 620px) {
  .cerez-bant__dugmeler { width: 100%; }
  .cerez-bant__dugmeler .btn { flex: 1; }
}

/* ---------- Yazı sonu iletişim bilgisi (nötr, teşvik dili içermez) ---------- */
.yazi-iletisim {
  margin-top: 2.5rem;
  padding: 1.6rem 1.85rem;
  background: var(--cream);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
}
.yazi-iletisim__baslik {
  font-family: var(--font-govde);
  font-size: .74rem;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: .7rem;
}
.yazi-iletisim > p { font-size: .98rem; line-height: 1.72; color: var(--ink-muted); }
.yazi-iletisim ul {
  list-style: none;
  margin: 1.15rem 0 0;
  padding: 0;
  display: grid;
  gap: .7rem;
}
.yazi-iletisim li {
  display: grid;
  grid-template-columns: 20px 1fr;
  gap: .8rem;
  align-items: center;
  padding: 0;
  font-size: .96rem;
}
.yazi-iletisim li::marker { content: none; }
.yazi-iletisim svg { width: 18px; height: 18px; color: var(--slate-400); }
.yazi-iletisim a { color: var(--ink); text-decoration: none; }
.yazi-iletisim a:hover { color: var(--gold); }

/* ---------- Hesaplama araçları (/hesaplama) ---------- */
.hesap-kart {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 2.25rem 2rem;
  margin-bottom: 2rem;
  scroll-margin-top: 90px;
}
.hesap-kart h2 { font-size: 1.5rem; margin-bottom: .65rem; }
.hesap-kart__giris {
  color: var(--ink-muted);
  font-size: .95rem;
  line-height: 1.75;
  margin: 1.25rem 0 1.75rem;
}
.hesap-form select {
  width: 100%;
  padding: .85rem 1rem;
  background: var(--cream);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  font-size: .985rem;
  font-family: inherit;
  color: inherit;
  transition: border-color var(--gecis), background var(--gecis), box-shadow var(--gecis);
}
.hesap-form input[type="date"] {
  width: 100%;
  padding: .8rem 1rem;
  background: var(--cream);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  font-size: .985rem;
  font-family: inherit;
  color: inherit;
}
.hesap-form select:focus,
.hesap-form input[type="date"]:focus {
  outline: none;
  background: #fff;
  border-color: var(--gold);
  box-shadow: 0 0 0 3px rgba(168,129,38,.13);
}
.alan-grup__ipucu {
  font-size: .82rem;
  line-height: 1.65;
  color: var(--ink-muted);
  margin-top: .1rem;
}
.hesap-sonuc {
  margin-top: 1.75rem;
  padding: 1.6rem 1.5rem;
  background: var(--cream);
  border: 1px solid var(--line);
  border-left: 3px solid var(--gold);
  border-radius: var(--radius);
}
.hesap-sonuc__baslik {
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 1.1rem;
}
.hesap-satir {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 1.25rem;
  padding: .6rem 0;
  border-bottom: 1px dashed var(--line);
  font-size: .95rem;
}
.hesap-satir:last-of-type { border-bottom: 0; }
.hesap-satir span { color: var(--ink-muted); }
.hesap-satir strong { font-variant-numeric: tabular-nums; text-align: right; }
.hesap-satir--vurgu {
  background: rgba(168,129,38,.07);
  margin: .35rem -.6rem;
  padding: .75rem .6rem;
  border-radius: 6px;
  border-bottom: 0;
}
.hesap-satir--vurgu strong { font-size: 1.15rem; color: var(--slate-800); }
.hesap-ayrac { height: 1px; background: var(--line); margin: 1.1rem 0; }
.hesap-sonuc__not {
  font-size: .85rem;
  line-height: 1.7;
  color: var(--ink-muted);
  margin-top: 1.1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--line);
}
.hesap-sonuc__hata {
  font-size: .92rem;
  line-height: 1.7;
  color: #8c2f2f;
}
@media (max-width: 640px) {
  .hesap-kart { padding: 1.75rem 1.25rem; }
  .hesap-satir { flex-direction: column; gap: .15rem; }
  .hesap-satir strong { text-align: left; }
}