/*
Theme Name: Eskişehir Masaj Salonu 2026
Description: Eskişehir masaj salonları ve spa merkezleri rehberi için editoryal, duyarlı klasik tema.
Version: 1.0.0
Author: Eskişehir Masaj Salonu
Text Domain: ems-2026
Requires at least: 6.3
Requires PHP: 7.4
*/

/* ==========================================================================
   Eskişehir Masaj Salonu — arayüz prototipi
   Tasarım yönü: "Lületaşı Editoryal"
   Zemin lületaşı beyazı, mürekkep füme yeşil-siyah, vurgu termal patina
   yeşili ve kehribar. Başlık Fraunces, metin Instrument Sans.
   ========================================================================== */

/* 1. Değişkenler ---------------------------------------------------------- */
:root {
  /* Renk */
  --kagit: #f5f0e7;
  --kagit-koyu: #ece5d7;
  --kagit-acik: #fbf8f2;
  --murekkep: #1d2220;
  --ikincil: #565d57;
  --soluk: #858b83;
  --patina: #2d4a42;
  --patina-koyu: #1b2f2a;
  --patina-acik: #dfe6de;
  --kehribar: #8d5e22;
  --kehribar-acik: #c79a5b;
  --cizgi: rgba(29, 34, 32, 0.14);
  --cizgi-guclu: rgba(29, 34, 32, 0.32);
  --cizgi-acik: rgba(245, 240, 231, 0.2);
  --hata: #8c3a2b;

  /* Yazı */
  --serif: "Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --sans: "Instrument Sans", "Helvetica Neue", Arial, sans-serif;

  /* Yazı ölçeği (akışkan) */
  --y-xs: 0.75rem;
  --y-s: 0.875rem;
  --y-m: 1rem;
  --y-l: clamp(1.0625rem, 0.98rem + 0.35vw, 1.25rem);
  --y-xl: clamp(1.375rem, 1.2rem + 0.8vw, 1.875rem);
  --y-2xl: clamp(1.75rem, 1.35rem + 1.8vw, 2.875rem);
  --y-3xl: clamp(2.125rem, 1.4rem + 3.4vw, 4.25rem);

  /* Boşluk ölçeği: 4 · 8 · 12 · 16 · 24 · 32 · 48 · 72 · 112 */
  --b1: 0.25rem;
  --b2: 0.5rem;
  --b3: 0.75rem;
  --b4: 1rem;
  --b5: 1.5rem;
  --b6: 2rem;
  --b7: 3rem;
  --b8: 4.5rem;
  --b9: 7rem;
  --bolum: clamp(3.5rem, 2rem + 6vw, 7rem);

  /* Izgara: 12 sütun, 1320 piksel azami genişlik */
  --kenar: clamp(1.25rem, 0.4rem + 3.6vw, 3.5rem);
  --oluk: clamp(1rem, 0.6rem + 1.2vw, 1.75rem);
  --azami: 82.5rem;

  /* Hareket */
  --yumusak: cubic-bezier(0.22, 0.61, 0.36, 1);
  --sure: 0.5s;
}

/* 2. Temel ---------------------------------------------------------------- */
*,
*::before,
*::after { box-sizing: border-box; }

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scroll-behavior: smooth;
  scroll-padding-top: 6rem;
}

body {
  margin: 0;
  background: var(--kagit);
  color: var(--murekkep);
  font-family: var(--sans);
  font-size: var(--y-m);
  line-height: 1.65;
  font-feature-settings: "kern", "liga";
  -webkit-font-smoothing: antialiased;
  overflow-x: clip;
}

img, svg { display: block; max-width: 100%; }
img { height: auto; }

h1, h2, h3, h4, p, ul, ol, dl, dd, figure, blockquote { margin: 0; }
ul, ol { padding: 0; list-style: none; }

h1, h2, h3, h4 {
  font-family: var(--serif);
  font-weight: 400;
  font-variation-settings: "opsz" 96, "SOFT" 40;
  line-height: 1.12;
  letter-spacing: -0.012em;
  text-wrap: balance;
  overflow-wrap: break-word;
}

p { text-wrap: pretty; }

a { color: inherit; text-decoration: none; }

button, input, textarea, select { font: inherit; color: inherit; }
button { cursor: pointer; }

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

::selection { background: var(--patina); color: var(--kagit); }

.gorunmez {
  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

.atla {
  position: absolute; left: var(--kenar); top: -4rem; z-index: 100;
  padding: var(--b3) var(--b4); background: var(--murekkep); color: var(--kagit);
  transition: top 0.2s;
}
.atla:focus { top: var(--b3); }

/* 3. Yerleşim ------------------------------------------------------------- */
.kap {
  width: 100%;
  max-width: calc(var(--azami) + 2 * var(--kenar));
  margin-inline: auto;
  padding-inline: var(--kenar);
}

.izgara12 {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--oluk);
}

.bolum { padding-block: var(--bolum); }
.bolum + .bolum { border-top: 1px solid var(--cizgi); }
.bolum--koyu + .bolum,
.bolum + .bolum--koyu { border-top: 0; }

/* 4. Ortak parçalar ------------------------------------------------------- */
.etiket {
  font-family: var(--sans);
  font-size: var(--y-xs);
  font-weight: 600;
  font-variation-settings: normal;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  line-height: 1.4;
  color: var(--kehribar);
}

.baglanti {
  display: inline-flex; align-items: center; gap: var(--b2);
  font-size: var(--y-s); font-weight: 600; letter-spacing: 0.02em;
  padding-bottom: 2px;
  background: linear-gradient(currentColor, currentColor) 0 100% / 100% 1px no-repeat;
  transition: background-size var(--sure) var(--yumusak), color 0.2s;
}
.baglanti svg { width: 1rem; height: 1rem; transition: transform var(--sure) var(--yumusak); }
.baglanti:hover { background-size: 0 1px; background-position: 100% 100%; color: var(--kehribar); }
.baglanti:hover svg { transform: translateX(4px); }

.dugme {
  display: inline-flex; align-items: center; justify-content: center; gap: var(--b3);
  min-height: 3rem; padding: 0.7rem 1.4rem;
  border: 1px solid var(--patina); border-radius: 999px;
  background: var(--patina); color: var(--kagit-acik);
  font-size: var(--y-s); font-weight: 600; letter-spacing: 0.03em; line-height: 1.2;
  text-align: center;
  transition: background 0.25s, color 0.25s, border-color 0.25s, transform 0.25s var(--yumusak);
}
.dugme svg { width: 1.05rem; height: 1.05rem; flex: none; }
.dugme:hover { background: var(--patina-koyu); border-color: var(--patina-koyu); }
.dugme:active { transform: scale(0.98); }
.dugme--cizgi { background: transparent; color: var(--murekkep); border-color: var(--cizgi-guclu); }
.dugme--cizgi:hover { background: var(--murekkep); color: var(--kagit); border-color: var(--murekkep); }
.dugme--acik { background: var(--kagit-acik); color: var(--patina-koyu); border-color: var(--kagit-acik); }
.dugme--acik:hover { background: var(--kehribar-acik); border-color: var(--kehribar-acik); color: var(--murekkep); }
.dugme--tam { width: 100%; }

/* Bölüm başlığı: solda etiket ve başlık, sağda kısa açıklama ya da bağlantı */
.bolum-ust {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--oluk);
  row-gap: var(--b4);
  align-items: end;
  margin-bottom: clamp(2rem, 1.2rem + 2.4vw, 3.5rem);
}
.bolum-ust__baslik { grid-column: 1 / span 7; }
.bolum-ust__baslik .etiket { display: block; margin-bottom: var(--b3); }
.bolum-ust__baslik h2 { font-size: var(--y-2xl); }
.bolum-ust__yan {
  grid-column: 9 / -1; justify-self: end; text-align: right;
  color: var(--ikincil); font-size: var(--y-s); max-width: 34ch;
}
.bolum-ust__yan .baglanti { color: var(--murekkep); }

@media (max-width: 699px) {
  .bolum-ust__baslik, .bolum-ust__yan { grid-column: 1 / -1; justify-self: start; text-align: left; max-width: none; }
}

/* Görsel çerçevesi: yüklenirken zemin tonu, yüklenince yumuşak geçiş */
.gorsel {
  position: relative; overflow: hidden;
  background: var(--kagit-koyu);
  aspect-ratio: 3 / 2;
}
.gorsel img {
  width: 100%; height: 100%; object-fit: cover;
  filter: saturate(0.86);
  transition: opacity 0.7s ease, transform 1.2s var(--yumusak);
}
.js .gorsel img:not(.yuklendi) { opacity: 0; }
.js .gorsel:not(.gorsel--hazir):not(.gorsel--yok)::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(100deg, transparent 30%, rgba(251, 248, 242, 0.55) 50%, transparent 70%);
  background-size: 220% 100%;
  animation: isilti 1.6s linear infinite;
}
@keyframes isilti { from { background-position: 120% 0; } to { background-position: -100% 0; } }

/* Görselsiz durum: baş harf ve halka deseni */
.gorsel--yok {
  display: grid; place-items: center;
  background:
    radial-gradient(circle at 78% 118%, transparent 0 34%, rgba(245, 240, 231, 0.09) 34% 34.4%, transparent 34.4% 46%, rgba(245, 240, 231, 0.08) 46% 46.4%, transparent 46.4% 58%, rgba(245, 240, 231, 0.07) 58% 58.4%, transparent 58.4% 70%, rgba(245, 240, 231, 0.06) 70% 70.4%, transparent 70.4%),
    var(--patina);
  color: var(--kagit);
}
.gorsel--yok .gorsel__harf {
  font-family: var(--serif); font-size: clamp(3.5rem, 2.5rem + 4vw, 5.5rem); line-height: 1;
  font-variation-settings: "opsz" 144, "SOFT" 60; font-weight: 300; opacity: 0.92;
}
.gorsel--yok .gorsel__not {
  position: absolute; left: var(--b4); bottom: var(--b3);
  font-size: 0.6875rem; letter-spacing: 0.14em; text-transform: uppercase; opacity: 0.62;
}

/* 5. Üst bölüm ------------------------------------------------------------ */
.ust { position: sticky; top: 0; z-index: 50; background: var(--kagit); transition: box-shadow 0.3s; }
.ust--kaymis { box-shadow: 0 1px 0 var(--cizgi), 0 12px 30px -24px rgba(29, 34, 32, 0.5); }

.ust__serit { border-bottom: 1px solid var(--cizgi); font-size: var(--y-xs); color: var(--ikincil); }
.ust__serit .kap { display: flex; justify-content: space-between; gap: var(--b4); padding-block: 0.55rem; }
.ust__serit p { letter-spacing: 0.14em; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ust__serit a { font-weight: 600; color: var(--murekkep); white-space: nowrap; border-bottom: 1px solid var(--cizgi-guclu); }
.ust__serit a:hover { color: var(--kehribar); border-color: currentColor; }

.ust__ana { border-bottom: 1px solid var(--cizgi); }
.ust__ana .kap { display: flex; align-items: center; justify-content: space-between; gap: var(--b5); min-height: 4.75rem; transition: min-height 0.3s var(--yumusak); }
.ust--kaymis .ust__ana .kap { min-height: 3.75rem; }

.logo { flex: none; display: block; }
.logo img { width: auto; height: 3.25rem; mix-blend-mode: multiply; transition: height 0.3s var(--yumusak); }
.ust--kaymis .logo img { height: 2.6rem; }

.menu ul { display: flex; align-items: center; gap: clamp(1rem, 0.2rem + 1.5vw, 2rem); }
.menu a {
  position: relative; display: block; padding-block: 0.5rem;
  font-size: var(--y-s); font-weight: 500; letter-spacing: 0.01em; white-space: nowrap;
}
.menu a::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0.2rem; height: 1px; background: currentColor;
  transform: scaleX(0); transform-origin: left; transition: transform 0.35s var(--yumusak);
}
.menu a:hover::after,
.menu a[aria-current="page"]::after { transform: scaleX(1); }
.menu a[aria-current="page"] { color: var(--patina); }
.menu .menu__dugme a { padding: 0.55rem 1.1rem; border: 1px solid var(--cizgi-guclu); border-radius: 999px; font-weight: 600; transition: background 0.25s, color 0.25s; }
.menu .menu__dugme a::after { content: none; }
.menu .menu__dugme a:hover { background: var(--murekkep); color: var(--kagit); }

.menu-dugme {
  display: none; align-items: center; gap: var(--b3);
  min-height: 2.75rem; padding: 0 1rem; border: 1px solid var(--cizgi-guclu); border-radius: 999px; background: none;
  font-size: var(--y-s); font-weight: 600;
}
.menu-dugme__cizgi { position: relative; width: 1.1rem; height: 0.6rem; }
.menu-dugme__cizgi::before,
.menu-dugme__cizgi::after { content: ""; position: absolute; left: 0; right: 0; height: 1.5px; background: currentColor; transition: transform 0.3s var(--yumusak), top 0.3s var(--yumusak); }
.menu-dugme__cizgi::before { top: 0; }
.menu-dugme__cizgi::after { top: calc(100% - 1.5px); }
.menu-dugme[aria-expanded="true"] .menu-dugme__cizgi::before { top: 50%; transform: rotate(45deg); }
.menu-dugme[aria-expanded="true"] .menu-dugme__cizgi::after { top: 50%; transform: rotate(-45deg); }

@media (max-width: 1039px) {
  .js .menu-dugme { display: inline-flex; }
  .js .menu {
    position: absolute; left: 0; right: 0; top: 100%;
    background: var(--kagit); border-bottom: 1px solid var(--cizgi-guclu);
    max-height: calc(100dvh - 7rem); overflow-y: auto;
    visibility: hidden; opacity: 0; transform: translateY(-0.5rem);
    transition: opacity 0.3s, transform 0.3s var(--yumusak), visibility 0.3s;
  }
  .js .menu.acik { visibility: visible; opacity: 1; transform: none; }
  .menu ul { flex-direction: column; align-items: stretch; gap: 0; padding: var(--b3) var(--kenar) var(--b6); }
  .menu li + li { border-top: 1px solid var(--cizgi); }
  .menu a { padding-block: 1rem; font-family: var(--serif); font-size: 1.375rem; font-weight: 400; white-space: normal; }
  .menu a::after { content: none; }
  .menu .menu__dugme { border-top: 0; margin-top: var(--b4); }
  .menu .menu__dugme a { text-align: center; font-family: var(--sans); font-size: var(--y-s); padding-block: 0.9rem; }
  html:not(.js) .ust__ana .kap { flex-wrap: wrap; padding-block: var(--b3); }
  html:not(.js) .menu { width: 100%; }
}
@media (max-width: 599px) {
  .ust__serit p { display: none; }
  .ust__serit .kap { justify-content: flex-end; }
  .ust__ana .kap { min-height: 4rem; }
  .logo img { height: 2.75rem; }
}

/* 6. Ana sayfa: künye ve vitrin ------------------------------------------- */
.kunye { padding-block: clamp(1.5rem, 1rem + 2vw, 2.75rem) clamp(1.25rem, 0.9rem + 1.4vw, 2rem); }
.kunye .izgara12 { align-items: end; row-gap: var(--b3); }
.kunye h1 { grid-column: 1 / span 8; font-size: var(--y-2xl); font-weight: 300; }
.kunye h1 em { font-style: italic; font-weight: 300; color: var(--patina); }
.kunye__yan { grid-column: 10 / -1; font-size: var(--y-s); color: var(--ikincil); }

@media (max-width: 899px) {
  .kunye h1, .kunye__yan { grid-column: 1 / -1; }
  .kunye__yan { max-width: 44ch; }
}

.vitrin { padding-bottom: clamp(2rem, 1.2rem + 2.5vw, 3.5rem); }
.vitrin__ust {
  display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--b2) var(--b5);
  padding-block: var(--b3); margin-bottom: var(--oluk);
  border-top: 1px solid var(--murekkep); border-bottom: 1px solid var(--cizgi);
}
.vitrin__ust h2 { margin: 0; }
.vitrin__ust p { font-size: var(--y-s); color: var(--ikincil); margin-right: auto; }

/* Vitrin: firmaların kendi afişleri (950 × 300) üç boyut kademesinde.
   01 tam genişlik, 02 geniş, 03–04 küçük. Sağ sütun genişliği, 02 ile
   03+04 yığınının yükseklikleri eşitlenecek biçimde hesaplanır. */
.vitrin__izgara {
  --oran: 3.1667;
  --serit: 3rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) calc((100% - var(--oluk) - var(--oran) * (var(--oluk) + var(--serit))) / 3);
  gap: var(--oluk);
}
.afis { min-width: 0; }
.afis--1 { grid-column: 1 / -1; }
.afis--2 { grid-column: 1; grid-row: 2 / span 2; }
.afis--3 { grid-column: 2; grid-row: 2; }
.afis--4 { grid-column: 2; grid-row: 3; }

.afis__kutu {
  display: block; background: var(--kagit-acik);
  outline: 1px solid var(--cizgi-guclu); outline-offset: -1px;
  transition: outline-color 0.25s, background-color 0.25s;
}
.afis__kutu:hover { outline-color: var(--murekkep); }
.afis__gorsel { display: block; aspect-ratio: 950 / 300; }
.afis__gorsel img { filter: none; }
.afis__alt {
  display: flex; align-items: center; gap: var(--b4);
  height: var(--serit); padding-inline: var(--b4);
  border-top: 1px solid var(--cizgi);
}
.afis__sira {
  flex: none; display: flex; align-items: center; gap: var(--b3);
  font-size: 0.6875rem; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ikincil);
}
.afis__sira b { font-family: var(--serif); font-size: 1.125rem; font-weight: 400; letter-spacing: 0; color: var(--kehribar); font-variant-numeric: lining-nums; }
.afis__ad {
  flex: 1; min-width: 0; margin: 0; text-align: right;
  font-size: 1.125rem; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.afis__alt svg { flex: none; width: 1rem; height: 1rem; transition: transform var(--sure) var(--yumusak); }
.afis__kutu:hover .afis__alt svg { transform: translateX(4px); }
.afis--3 .afis__sira span, .afis--4 .afis__sira span { display: none; }
.afis--3 .afis__ad, .afis--4 .afis__ad { font-family: var(--sans); font-size: var(--y-s); font-weight: 600; font-variation-settings: normal; letter-spacing: 0.01em; }
.afis--3 .afis__alt, .afis--4 .afis__alt { gap: var(--b3); }

/* Boş vitrin yuvası */
.afis--bos .afis__kutu { outline-style: dashed; }
.afis--bos .afis__kutu:hover { background-color: var(--patina-acik); outline-color: var(--patina); }
.afis--bos .afis__gorsel { display: grid; place-items: center; align-content: center; gap: var(--b2); padding: var(--b2) var(--b4); text-align: center; container-type: inline-size; }
.afis__cagri { font-family: var(--serif); font-size: clamp(0.9375rem, 4.6cqw, 2.75rem); line-height: 1.1; font-variation-settings: "opsz" 96, "SOFT" 40; font-weight: 300; }
.afis__olcu { font-size: clamp(0.625rem, 1.4cqw, 0.8125rem); letter-spacing: 0.14em; text-transform: uppercase; color: var(--soluk); }
.afis--bos .afis__ad { color: var(--patina); }

@media (max-width: 899px) {
  .vitrin__izgara { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .afis--1, .afis--2 { grid-column: 1 / -1; grid-row: auto; }
  .afis--3 { grid-column: 1; grid-row: auto; }
  .afis--4 { grid-column: 2; grid-row: auto; }
}
@media (max-width: 599px) {
  .vitrin__izgara { --serit: 2.75rem; }
  .afis__alt { padding-inline: var(--b3); gap: var(--b3); }
  .afis--1 .afis__sira span, .afis--2 .afis__sira span { display: none; }
  .afis--3 .afis__olcu, .afis--4 .afis__olcu, .afis--3 .afis__alt svg, .afis--4 .afis__alt svg { display: none; }
}

/* 7. Ana sayfa: giriş ve dizin -------------------------------------------- */
.giris .izgara12 { row-gap: var(--b7); }
.giris__metin { grid-column: 1 / span 6; }
.giris__metin .etiket { display: block; margin-bottom: var(--b4); }
.giris__metin h2 { font-size: var(--y-2xl); margin-bottom: var(--b5); }
.giris__one { font-family: var(--serif); font-size: var(--y-xl); line-height: 1.35; font-variation-settings: "opsz" 48, "SOFT" 40; font-weight: 300; margin-bottom: var(--b5); }
.giris__metin > p:not(.giris__one) { color: var(--ikincil); max-width: 58ch; }

.sayac { display: grid; grid-template-columns: repeat(3, minmax(0, max-content)); gap: var(--b4) clamp(1.25rem, 5vw, 3rem); margin-top: var(--b7); padding-top: var(--b5); border-top: 1px solid var(--cizgi); }
.sayac div { display: grid; gap: var(--b1); }
.sayac dt { order: 2; font-size: var(--y-xs); letter-spacing: 0.14em; text-transform: uppercase; color: var(--ikincil); }
.sayac dd { font-family: var(--serif); font-size: var(--y-2xl); line-height: 1; font-weight: 300; font-variant-numeric: lining-nums; color: var(--patina); }

.dizin { grid-column: 8 / -1; }
.dizin h3 { font-family: var(--sans); font-size: var(--y-xs); font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; font-variation-settings: normal; color: var(--kehribar); padding-bottom: var(--b3); border-bottom: 1px solid var(--murekkep); }
.dizin li { border-bottom: 1px solid var(--cizgi); }
.dizin a { display: flex; align-items: baseline; justify-content: space-between; gap: var(--b4); padding-block: 0.8rem; transition: color 0.2s, padding 0.35s var(--yumusak); }
.dizin a:hover { color: var(--patina); padding-left: var(--b3); }
.dizin__ad { font-family: var(--serif); font-size: 1.125rem; line-height: 1.3; font-variation-settings: "opsz" 24; }
.dizin__tur { flex: none; font-size: 0.6875rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--soluk); }

@media (max-width: 899px) {
  .giris__metin, .dizin { grid-column: 1 / -1; }
}

/* 8. Kartlar -------------------------------------------------------------- */
/* Yetim kart kuralı: son satırda tek kart kalacaksa ilk kart genişler. */
.kartlar {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(2rem, 1.2rem + 2.5vw, 3.5rem) var(--oluk);
}
.kartlar--iki { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.kart { position: relative; display: grid; grid-template-rows: auto 1fr; min-width: 0; }
.kart__govde { display: grid; grid-template-rows: auto auto 1fr auto; gap: var(--b3); padding-top: var(--b4); border-top: 1px solid transparent; }
.kart__ust { display: flex; align-items: baseline; justify-content: space-between; gap: var(--b3); font-size: 0.6875rem; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; }
.kart__tur { color: var(--kehribar); }
.kart__semt { color: var(--soluk); text-align: right; }
.kart h3 { font-size: var(--y-xl); line-height: 1.16; }
.kart h3 a::before { content: ""; position: absolute; inset: 0; z-index: 1; }
.kart h3 a { transition: color 0.2s; }
.kart:hover h3 a { color: var(--patina); }
.kart__ozet { color: var(--ikincil); font-size: 0.9375rem; line-height: 1.6; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; line-clamp: 4; overflow: hidden; align-self: start; }
.kart__alt { display: flex; align-items: center; justify-content: space-between; gap: var(--b3); padding-top: var(--b3); border-top: 1px solid var(--cizgi); font-size: var(--y-s); font-weight: 600; }
.kart__alt svg { width: 1.1rem; height: 1.1rem; transition: transform var(--sure) var(--yumusak); }
.kart:hover .kart__alt svg { transform: translateX(5px); }
.kart:hover .gorsel img { transform: scale(1.035); }
.kart:focus-within { outline: 2px solid var(--kehribar); outline-offset: 6px; }
.kart h3 a:focus-visible { outline: none; }

/* Yatay (öne çıkan) kart düzeni */
@media (min-width: 1000px) {
  /* 3 sütun: kalan 1 ise ilk kart tam satır, kalan 2 ise ilk kart 2 sütun kaplar */
  .kartlar:not(.kartlar--iki) > .kart:first-child:nth-last-child(3n + 1) { grid-column: span 3; }
  .kartlar:not(.kartlar--iki) > .kart:first-child:nth-last-child(3n + 2) { grid-column: span 2; }
  .kartlar:not(.kartlar--iki) > .kart:first-child:nth-last-child(3n + 1),
  .kartlar:not(.kartlar--iki) > .kart:first-child:nth-last-child(3n + 2) { grid-template-rows: none; grid-template-columns: 1.2fr 1fr; column-gap: var(--oluk); }
  .kartlar:not(.kartlar--iki) > .kart:first-child:nth-last-child(3n + 1) .gorsel,
  .kartlar:not(.kartlar--iki) > .kart:first-child:nth-last-child(3n + 2) .gorsel { aspect-ratio: auto; height: 100%; min-height: 19rem; }
  .kartlar:not(.kartlar--iki) > .kart:first-child:nth-last-child(3n + 1) .kart__govde,
  .kartlar:not(.kartlar--iki) > .kart:first-child:nth-last-child(3n + 2) .kart__govde { padding-top: 0; align-content: center; grid-template-rows: none; }
}
@media (min-width: 600px) and (max-width: 999px) {
  .kartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 600px) {
  /* 2 sütun: kart sayısı tekse ilk kart tam satır kaplar */
  .kartlar--iki > .kart:first-child:nth-last-child(odd) { grid-column: span 2; grid-template-rows: none; grid-template-columns: 1.2fr 1fr; column-gap: var(--oluk); }
  .kartlar--iki > .kart:first-child:nth-last-child(odd) .gorsel { aspect-ratio: auto; height: 100%; min-height: 17rem; }
  .kartlar--iki > .kart:first-child:nth-last-child(odd) .kart__govde { padding-top: 0; align-content: center; grid-template-rows: none; }
}
@media (min-width: 600px) and (max-width: 999px) {
  .kartlar > .kart:first-child:nth-last-child(odd) { grid-column: span 2; grid-template-rows: none; grid-template-columns: 1.2fr 1fr; column-gap: var(--oluk); }
  .kartlar > .kart:first-child:nth-last-child(odd) .gorsel { aspect-ratio: auto; height: 100%; min-height: 17rem; }
  .kartlar > .kart:first-child:nth-last-child(odd) .kart__govde { padding-top: 0; align-content: center; grid-template-rows: none; }
}
@media (max-width: 599px) {
  .kartlar, .kartlar--iki { grid-template-columns: minmax(0, 1fr); }
}

/* Yükleniyor iskeleti */
.iskelet { display: block; height: 0.8rem; border-radius: 2px; background: var(--kagit-koyu); }
.iskelet--baslik { height: 1.6rem; width: 70%; }
.iskelet--kisa { width: 45%; }

/* Masaj salonları: iki geniş kart */
.kartlar--iki .kart h3 { font-size: var(--y-2xl); }
.kartlar--iki .gorsel { aspect-ratio: 16 / 10; }

/* 9. Bilmeniz gerekenler (koyu bölüm) ------------------------------------- */
.bolum--koyu { background: var(--patina-koyu); color: var(--kagit); }
.bolum--koyu .etiket { color: var(--kehribar-acik); }
.bolum--koyu .bolum-ust__yan { color: rgba(245, 240, 231, 0.7); }
.bilgi { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--oluk); border-top: 1px solid var(--cizgi-acik); }
.bilgi__madde { display: grid; grid-template-columns: 3.5rem minmax(0, 1fr); gap: var(--b4); padding-block: clamp(1.75rem, 1.2rem + 1.6vw, 2.75rem); border-bottom: 1px solid var(--cizgi-acik); }
.bilgi__no { font-family: var(--serif); font-size: var(--y-xl); line-height: 1.1; font-weight: 300; color: var(--kehribar-acik); font-variant-numeric: lining-nums; }
.bilgi__madde h3 { font-size: var(--y-xl); margin-bottom: var(--b4); }
.bilgi__madde p, .bilgi__madde li { color: rgba(245, 240, 231, 0.78); font-size: 0.9375rem; }
.bilgi__madde p + p, .bilgi__madde ul + p { margin-top: var(--b4); }
.bilgi__madde a { color: var(--kagit-acik); border-bottom: 1px solid var(--kehribar-acik); transition: color 0.2s; }
.bilgi__madde a:hover { color: var(--kehribar-acik); }
.bilgi__madde ul { display: grid; gap: var(--b2); }
.bilgi__madde li { position: relative; padding-left: 1.25rem; }
.bilgi__madde li::before { content: ""; position: absolute; left: 0; top: 0.72em; width: 0.6rem; height: 1px; background: var(--kehribar-acik); }
@media (max-width: 799px) {
  .bilgi { grid-template-columns: minmax(0, 1fr); }
  .bilgi__madde { grid-template-columns: 2.5rem minmax(0, 1fr); }
}

/* 10. Rehber yazıları ----------------------------------------------------- */
.yazilar { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--oluk); row-gap: var(--b6); }
.yazi-one { grid-column: 1 / span 5; position: relative; display: flex; flex-direction: column; gap: var(--b4); padding: clamp(1.5rem, 1rem + 2vw, 2.75rem); background: var(--kagit-koyu); min-height: 100%; }
.yazi-one .yazi__no { font-family: var(--serif); font-size: var(--y-3xl); font-weight: 300; line-height: 0.9; color: var(--patina); font-variant-numeric: lining-nums; }
.yazi-one h3 { font-size: var(--y-2xl); font-weight: 300; margin-top: auto; }
.yazi-one p { color: var(--ikincil); }
.yazi-one h3 a::before, .yazi-satir h3 a::before { content: ""; position: absolute; inset: 0; }
.yazi-one .baglanti { align-self: flex-start; }
.yazi-liste { grid-column: 7 / -1; border-top: 1px solid var(--murekkep); }
.yazi-satir { position: relative; display: grid; grid-template-columns: 3rem minmax(0, 1fr) 1.25rem; gap: var(--b4); align-items: start; padding-block: var(--b5); border-bottom: 1px solid var(--cizgi); transition: padding 0.35s var(--yumusak); }
.yazi-satir:hover { padding-left: var(--b3); }
.yazi-satir .yazi__no { font-family: var(--serif); font-size: 1.25rem; color: var(--kehribar); font-variant-numeric: lining-nums; line-height: 1.5; }
.yazi-satir h3 { font-size: var(--y-xl); margin-bottom: var(--b2); transition: color 0.2s; }
.yazi-satir:hover h3 { color: var(--patina); }
.yazi-satir p { color: var(--ikincil); font-size: 0.9375rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; align-self: start; }
.yazi-satir svg { width: 1.15rem; height: 1.15rem; margin-top: 0.5rem; transition: transform var(--sure) var(--yumusak); }
.yazi-satir:hover svg { transform: translateX(4px); }
@media (max-width: 999px) {
  .yazi-one, .yazi-liste { grid-column: 1 / -1; }
  .yazi-one { min-height: 0; }
  .yazi-one h3 { margin-top: var(--b5); }
}
@media (max-width: 599px) {
  .yazi-satir { grid-template-columns: 2.25rem minmax(0, 1fr); }
  .yazi-satir svg { display: none; }
}

/* 11. Başvuru şeridi ------------------------------------------------------ */
.serit { background: var(--kagit-koyu); }
.serit .izgara12 { align-items: center; row-gap: var(--b5); padding-block: clamp(2.5rem, 1.6rem + 3vw, 4.5rem); }
.serit__metin { grid-column: 1 / span 7; }
.serit__metin .etiket { display: block; margin-bottom: var(--b3); }
.serit__metin h2 { font-size: var(--y-2xl); font-weight: 300; margin-bottom: var(--b4); }
.serit__metin p { color: var(--ikincil); max-width: 56ch; }
.serit__eylem { grid-column: 9 / -1; display: flex; flex-wrap: wrap; gap: var(--b3); justify-content: flex-end; }
@media (max-width: 899px) {
  .serit__metin, .serit__eylem { grid-column: 1 / -1; justify-content: flex-start; }
}

/* 12. Alt bilgi ----------------------------------------------------------- */
.alt { background: var(--murekkep); color: rgba(245, 240, 231, 0.72); font-size: var(--y-s); }
.alt .izgara12 { row-gap: var(--b7); padding-block: clamp(3rem, 2rem + 3vw, 5rem) var(--b7); }
.alt__marka { grid-column: 1 / span 5; }
.alt__ad { font-family: var(--serif); font-size: var(--y-2xl); font-weight: 300; line-height: 1.1; color: var(--kagit-acik); margin-bottom: var(--b4); font-variation-settings: "opsz" 96, "SOFT" 40; }
.alt__marka p { max-width: 38ch; }
.alt__sutun { grid-column: span 2; }
.alt__sutun--genis { grid-column: span 3; }
.alt h2 { font-family: var(--sans); font-size: var(--y-xs); font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; font-variation-settings: normal; color: var(--kehribar-acik); margin-bottom: var(--b4); }
.alt li + li { margin-top: var(--b3); }
.alt a { color: var(--kagit); transition: color 0.2s; }
.alt a:hover { color: var(--kehribar-acik); }
.alt__son { border-top: 1px solid var(--cizgi-acik); }
.alt__son .kap { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--b3) var(--b5); padding-block: var(--b5); font-size: var(--y-xs); }
.alt__son ul { display: flex; flex-wrap: wrap; gap: var(--b2) var(--b5); }
.alt__son li + li { margin-top: 0; }
@media (max-width: 899px) {
  .alt__marka { grid-column: 1 / -1; }
  .alt__sutun, .alt__sutun--genis { grid-column: span 4; }
}
@media (max-width: 599px) {
  .alt__sutun { grid-column: span 6; }
  .alt__sutun--genis { grid-column: 1 / -1; }
}

/* 13. İç sayfa başlığı ---------------------------------------------------- */
.iz { display: flex; flex-wrap: wrap; gap: var(--b2); padding-block: var(--b5) 0; font-size: var(--y-xs); letter-spacing: 0.06em; color: var(--ikincil); }
.iz li { display: flex; gap: var(--b2); min-width: 0; }
.iz li + li::before { content: "/"; color: var(--soluk); }
.iz a { border-bottom: 1px solid transparent; transition: border-color 0.2s, color 0.2s; }
.iz a:hover { color: var(--murekkep); border-color: currentColor; }
.iz [aria-current] { color: var(--murekkep); }

.sayfa-ust { padding-block: clamp(1.75rem, 1rem + 3vw, 3.5rem) clamp(2rem, 1.2rem + 3vw, 3.5rem); }
.sayfa-ust .izgara12 { row-gap: var(--b5); align-items: end; }
.sayfa-ust__ana { grid-column: 1 / span 8; }
.sayfa-ust__ana .etiket { display: block; margin-bottom: var(--b4); }
.sayfa-ust h1 { font-size: var(--y-3xl); font-weight: 300; letter-spacing: -0.022em; line-height: 1.04; }
.sayfa-ust__one { margin-top: var(--b5); font-family: var(--serif); font-size: var(--y-xl); line-height: 1.4; font-weight: 300; font-variation-settings: "opsz" 48, "SOFT" 40; max-width: 44ch; color: var(--murekkep); }
.sayfa-ust__yan { grid-column: 10 / -1; font-size: var(--y-s); color: var(--ikincil); }
.sayfa-ust__eylem { grid-column: 9 / -1; display: flex; flex-wrap: wrap; gap: var(--b3); justify-content: flex-end; }
@media (max-width: 899px) {
  .sayfa-ust__ana, .sayfa-ust__yan, .sayfa-ust__eylem { grid-column: 1 / -1; justify-content: flex-start; }
}

/* 14. İşletme sayfası ----------------------------------------------------- */
.galeri { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--oluk); }
.galeri__oge { position: relative; padding: 0; border: 0; background: none; cursor: zoom-in; min-width: 0; text-align: left; }
.galeri__oge .gorsel { height: 100%; }
.galeri__oge:hover .gorsel img { transform: scale(1.03); }
.galeri__oge--ana { grid-column: 1 / span 8; grid-row: span 2; }
.galeri__oge--ana .gorsel { aspect-ratio: 3 / 2; }
.galeri__oge--yan { grid-column: 9 / -1; }
.galeri__oge--yan .gorsel { aspect-ratio: auto; min-height: 9rem; }
.galeri__oge--bos { cursor: default; }
.galeri__sayi { position: absolute; right: var(--b3); bottom: var(--b3); padding: 0.35rem 0.7rem; background: rgba(29, 34, 32, 0.78); color: var(--kagit); font-size: var(--y-xs); letter-spacing: 0.08em; border-radius: 999px; }
.galeri__not { margin-top: var(--b3); font-size: var(--y-xs); color: var(--soluk); }
@media (max-width: 699px) {
  .galeri__oge--ana { grid-column: 1 / -1; grid-row: auto; }
  .galeri__oge--yan { grid-column: span 6; }
  .galeri__oge--yan .gorsel { aspect-ratio: 3 / 2; min-height: 0; }
}

.isletme { padding-block: var(--bolum); }
.isletme .izgara12 { row-gap: var(--b8); align-items: start; }
.isletme__ana { grid-column: 1 / span 7; min-width: 0; }
.isletme__yan { grid-column: 9 / -1; position: sticky; top: 6.5rem; min-width: 0; }

.blok + .blok { margin-top: clamp(2.5rem, 1.8rem + 2.4vw, 4rem); padding-top: clamp(2.5rem, 1.8rem + 2.4vw, 4rem); border-top: 1px solid var(--cizgi); }
.blok .etiket { display: block; margin-bottom: var(--b3); }
.blok h2 { font-size: var(--y-2xl); margin-bottom: var(--b5); }
.blok > p { color: var(--ikincil); font-size: var(--y-l); line-height: 1.7; max-width: 62ch; }

.olanak { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: var(--b6); border-top: 1px solid var(--cizgi); border-left: 1px solid var(--cizgi); }
.olanak li { display: flex; align-items: center; gap: var(--b3); min-height: 4.25rem; padding: var(--b3) var(--b4); border-right: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); font-size: 0.9375rem; font-weight: 500; line-height: 1.3; }
.olanak svg { flex: none; width: 1.35rem; height: 1.35rem; color: var(--patina); }
@media (max-width: 599px) { .olanak { grid-template-columns: repeat(2, minmax(0, 1fr)); } .olanak li:last-child:nth-child(odd) { grid-column: span 2; } }

.secenek { margin-top: var(--b6); columns: 2; column-gap: var(--oluk); border-top: 1px solid var(--murekkep); }
.secenek li { display: flex; align-items: baseline; gap: var(--b4); padding-block: 0.8rem; border-bottom: 1px solid var(--cizgi); break-inside: avoid; }
.secenek__no { flex: none; width: 1.75rem; font-size: var(--y-xs); color: var(--kehribar); font-variant-numeric: tabular-nums lining-nums; letter-spacing: 0.06em; }
.secenek__ad { font-family: var(--serif); font-size: 1.1875rem; line-height: 1.3; font-variation-settings: "opsz" 24; }
.secenek__not { margin-left: auto; font-size: 0.6875rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--soluk); white-space: nowrap; }
@media (max-width: 599px) { .secenek { columns: 1; } }

.oncesi { margin-top: var(--b6); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--oluk); }
.oncesi li { padding: var(--b5); background: var(--kagit-koyu); display: grid; gap: var(--b2); align-content: start; }
.oncesi strong { font-family: var(--serif); font-weight: 400; font-size: 1.25rem; line-height: 1.25; }
.oncesi span { font-size: var(--y-s); color: var(--ikincil); }
@media (max-width: 599px) { .oncesi { grid-template-columns: minmax(0, 1fr); gap: var(--b3); } }

.kutu { border: 1px solid var(--murekkep); background: var(--kagit-acik); }
.kutu__ust { padding: var(--b5); border-bottom: 1px solid var(--cizgi); }
.kutu__ust h2 { font-size: var(--y-xl); margin-top: var(--b2); }
.kutu dl { padding: 0 var(--b5); }
.kutu dl > div { display: grid; grid-template-columns: 1.35rem minmax(0, 1fr); gap: var(--b1) var(--b4); padding-block: var(--b4); border-bottom: 1px solid var(--cizgi); }
.kutu dl svg { grid-row: span 2; width: 1.25rem; height: 1.25rem; margin-top: 0.15rem; color: var(--patina); }
.kutu dt { font-size: 0.6875rem; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--soluk); }
.kutu dd { grid-column: 2; font-size: 0.9375rem; line-height: 1.5; overflow-wrap: anywhere; }
.kutu dd a { border-bottom: 1px solid var(--cizgi-guclu); transition: color 0.2s, border-color 0.2s; }
.kutu dd a:hover { color: var(--patina); border-color: currentColor; }
.kutu__saat { display: grid; grid-template-columns: auto 1fr; gap: 0 var(--b4); }
.kutu__saat span:nth-child(even) { text-align: right; font-variant-numeric: tabular-nums lining-nums; }
.kutu__eylem { display: grid; gap: var(--b3); padding: var(--b5); }
.kutu__paylas { display: flex; flex-wrap: wrap; gap: var(--b2) var(--b5); padding: 0 var(--b5) var(--b5); font-size: var(--y-xs); color: var(--ikincil); }
.kutu__paylas a { font-weight: 600; color: var(--murekkep); border-bottom: 1px solid var(--cizgi-guclu); }
.kutu__paylas a:hover { color: var(--patina); }

@media (max-width: 999px) {
  .isletme__ana, .isletme__yan { grid-column: 1 / -1; }
  .isletme__yan { position: static; order: -1; }
  .isletme .izgara12 { row-gap: var(--b7); }
}

/* Telefonda sabit eylem çubuğu */
.cubuk { display: none; }
@media (max-width: 699px) {
  .cubuk {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 40;
    display: grid; grid-template-columns: 1fr 1fr; gap: var(--b2);
    padding: var(--b3) var(--kenar) calc(var(--b3) + env(safe-area-inset-bottom));
    background: rgba(245, 240, 231, 0.94); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
    border-top: 1px solid var(--cizgi-guclu);
  }
  .cubuk .dugme { min-height: 2.9rem; padding-inline: 0.75rem; }
  .cubuklu { padding-bottom: 0; }
  .cubuklu ~ .alt { padding-bottom: 4.75rem; }
  .cubuklu .sayfa-ust__eylem { display: none; }
}

/* Yorumlar */
.yorumlar .izgara12 { row-gap: var(--b7); align-items: start; }
.yorumlar__liste { grid-column: 1 / span 7; }
.yorumlar__form { grid-column: 9 / -1; }
.yorumlar h2 { font-size: var(--y-2xl); margin-bottom: var(--b5); }
.yorumlar h3 { font-size: var(--y-xl); margin-bottom: var(--b2); }
.yorum { padding-block: var(--b5); border-top: 1px solid var(--cizgi); }
.yorum:last-child { border-bottom: 1px solid var(--cizgi); }
.yorum__ust { display: flex; align-items: center; gap: var(--b3); margin-bottom: var(--b3); }
.yorum__harf { flex: none; display: grid; place-items: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; background: var(--patina-acik); color: var(--patina-koyu); font-family: var(--serif); font-size: 1.125rem; }
.yorum__ad { font-weight: 600; font-size: 0.9375rem; line-height: 1.3; }
.yorum__tarih { display: block; font-size: var(--y-xs); color: var(--soluk); font-weight: 400; }
.yorum p { color: var(--ikincil); max-width: 62ch; }
.yorum--yanit { margin-left: clamp(1.25rem, 4vw, 3.25rem); padding-left: var(--b5); border-left: 2px solid var(--patina); }
.yorum__rozet { margin-left: auto; font-size: 0.6875rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--patina); font-weight: 600; }

.bos-durum { padding: var(--b6) var(--b5); border: 1px dashed var(--cizgi-guclu); text-align: left; display: grid; gap: var(--b2); }
.bos-durum strong { font-family: var(--serif); font-weight: 400; font-size: var(--y-xl); line-height: 1.2; }
.bos-durum span { color: var(--ikincil); font-size: 0.9375rem; max-width: 52ch; }
.bos-durum .baglanti { justify-self: start; margin-top: var(--b3); }

.form { display: grid; gap: var(--b4); padding: var(--b5); background: var(--kagit-koyu); }
.form__aciklama { font-size: var(--y-s); color: var(--ikincil); }
.alan { display: grid; gap: var(--b2); }
.alan label { font-size: var(--y-xs); font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ikincil); }
.alan input, .alan textarea {
  width: 100%; padding: 0.8rem 0.9rem; border: 1px solid var(--cizgi-guclu); border-radius: 2px;
  background: var(--kagit-acik); font-size: 1rem; line-height: 1.5; transition: border-color 0.2s, box-shadow 0.2s;
}
.alan textarea { min-height: 8rem; resize: vertical; }
.alan input:hover, .alan textarea:hover { border-color: var(--murekkep); }
.alan input:focus, .alan textarea:focus { outline: none; border-color: var(--patina); box-shadow: 0 0 0 3px rgba(45, 74, 66, 0.18); }
.alan__hata { display: none; font-size: var(--y-xs); color: var(--hata); font-weight: 500; }
.alan--hatali input, .alan--hatali textarea { border-color: var(--hata); box-shadow: 0 0 0 3px rgba(140, 58, 43, 0.12); }
.alan--hatali .alan__hata { display: block; }
.form__sonuc { display: none; padding: var(--b4); border-left: 2px solid var(--patina); background: var(--kagit-acik); font-size: var(--y-s); }
.form--gonderildi .form__sonuc { display: block; }
.form--bekliyor .dugme { opacity: 0.65; pointer-events: none; }
@media (max-width: 899px) { .yorumlar__liste, .yorumlar__form { grid-column: 1 / -1; } }

/* Büyük görsel penceresi */
.pencere { width: min(92vw, 68rem); max-height: 92dvh; padding: 0; border: 0; background: transparent; color: var(--kagit); overflow: visible; }
.pencere::backdrop { background: rgba(16, 22, 20, 0.9); }
.pencere img { width: 100%; max-height: 80dvh; object-fit: contain; }
.pencere__alt { display: flex; align-items: center; justify-content: space-between; gap: var(--b4); padding-top: var(--b3); font-size: var(--y-s); }
.pencere__dugmeler { display: flex; gap: var(--b2); }
.pencere button { min-width: 2.75rem; min-height: 2.75rem; padding: 0 0.9rem; border: 1px solid var(--cizgi-acik); border-radius: 999px; background: none; color: inherit; font-size: var(--y-s); transition: background 0.2s, color 0.2s; }
.pencere button:hover { background: var(--kagit); color: var(--murekkep); }

/* 15. Kategori sayfası ---------------------------------------------------- */
.liste-ust { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--b3) var(--b5); padding-block: var(--b3); margin-bottom: clamp(2rem, 1.2rem + 2.4vw, 3.5rem); border-top: 1px solid var(--murekkep); border-bottom: 1px solid var(--cizgi); font-size: var(--y-s); color: var(--ikincil); }
.liste-ust strong { color: var(--murekkep); font-weight: 600; }
.liste-ust ul { display: flex; flex-wrap: wrap; gap: var(--b2) var(--b5); }
.liste-ust a { font-weight: 600; color: var(--murekkep); border-bottom: 1px solid transparent; padding-bottom: 2px; }
.liste-ust a:hover, .liste-ust a[aria-current="page"] { border-color: currentColor; color: var(--patina); }

/* 16. Makale -------------------------------------------------------------- */
.makale { padding-bottom: var(--bolum); }
.makale .izgara12 { align-items: start; row-gap: var(--b6); }
.icindekiler { grid-column: 1 / span 3; position: sticky; top: 6.5rem; max-height: calc(100dvh - 8rem); overflow-y: auto; padding-right: var(--b3); }
.icindekiler h2 { font-family: var(--sans); font-size: var(--y-xs); font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; font-variation-settings: normal; color: var(--kehribar); padding-bottom: var(--b3); border-bottom: 1px solid var(--murekkep); }
.icindekiler ol { counter-reset: ic; }
.icindekiler li { counter-increment: ic; border-bottom: 1px solid var(--cizgi); }
.icindekiler a { display: grid; grid-template-columns: 1.75rem minmax(0, 1fr); gap: var(--b2); padding-block: 0.55rem; font-size: 0.8125rem; line-height: 1.4; color: var(--ikincil); transition: color 0.2s; }
.icindekiler a::before { content: counter(ic, decimal-leading-zero); font-size: 0.6875rem; color: var(--soluk); font-variant-numeric: tabular-nums; padding-top: 0.1rem; }
.icindekiler a:hover, .icindekiler a.etkin { color: var(--murekkep); }
.icindekiler a.etkin { font-weight: 600; }
.icindekiler a.etkin::before { color: var(--kehribar); }
.icindekiler summary { display: none; }

.yazi { grid-column: 5 / span 7; min-width: 0; counter-reset: bas; }
.yazi > p { font-size: var(--y-l); line-height: 1.75; color: #343a36; max-width: 64ch; }
.yazi > p + p { margin-top: var(--b5); }
.yazi > h2 { counter-increment: bas; position: relative; font-size: var(--y-2xl); margin-top: clamp(2.5rem, 1.8rem + 2.4vw, 4rem); padding-top: var(--b5); margin-bottom: var(--b4); border-top: 1px solid var(--cizgi); }
.yazi > h2::before { content: counter(bas, decimal-leading-zero); display: block; margin-bottom: var(--b2); font-family: var(--sans); font-size: var(--y-xs); font-weight: 600; letter-spacing: 0.16em; color: var(--kehribar); font-variation-settings: normal; }
.yazi > p a { color: var(--patina); border-bottom: 1px solid currentColor; transition: color 0.2s; }
.yazi > p a:hover { color: var(--kehribar); }
.yazi__not { margin-top: var(--b7); padding: var(--b5); background: var(--kagit-koyu); border-left: 2px solid var(--patina); font-size: 0.9375rem; color: var(--ikincil); }
.yazi__paylas { display: flex; flex-wrap: wrap; align-items: center; gap: var(--b3) var(--b5); margin-top: var(--b6); padding-top: var(--b5); border-top: 1px solid var(--cizgi); font-size: var(--y-s); color: var(--ikincil); }

@media (max-width: 999px) {
  .icindekiler { grid-column: 1 / -1; position: static; max-height: none; padding: 0; }
  .yazi { grid-column: 1 / -1; }
  .icindekiler details { border: 1px solid var(--cizgi-guclu); }
  .icindekiler summary { display: flex; align-items: center; justify-content: space-between; padding: var(--b4); font-size: var(--y-s); font-weight: 600; cursor: pointer; list-style: none; }
  .icindekiler summary::-webkit-details-marker { display: none; }
  .icindekiler summary::after { content: "+"; font-family: var(--serif); font-size: 1.25rem; line-height: 1; }
  .icindekiler details[open] summary::after { content: "–"; }
  .icindekiler h2 { display: none; }
  .icindekiler ol { padding: 0 var(--b4) var(--b3); columns: 2; column-gap: var(--oluk); }
  .icindekiler li { break-inside: avoid; }
}
@media (max-width: 599px) { .icindekiler ol { columns: 1; } }

/* Diğer yazılar: 4 kart (4 → 2 → 1 sütun, yetim kalmaz) */
.dortlu { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--oluk); }
.dortlu .yazi-kart { position: relative; display: flex; flex-direction: column; gap: var(--b3); padding: var(--b5); background: var(--kagit-koyu); min-height: 15rem; transition: background 0.3s; }
.dortlu .yazi-kart:hover { background: var(--patina-acik); }
.yazi-kart .yazi__no { font-family: var(--serif); font-size: var(--y-xl); color: var(--patina); font-variant-numeric: lining-nums; }
.yazi-kart h3 { font-size: 1.3125rem; line-height: 1.22; margin-top: auto; }
.yazi-kart h3 a::before { content: ""; position: absolute; inset: 0; }
.yazi-kart .yazi-kart__git { font-size: var(--y-s); font-weight: 600; display: inline-flex; gap: var(--b2); align-items: center; }
.yazi-kart svg { width: 1rem; height: 1rem; transition: transform var(--sure) var(--yumusak); }
.yazi-kart:hover svg { transform: translateX(4px); }
@media (max-width: 999px) { .dortlu { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 599px) { .dortlu { grid-template-columns: minmax(0, 1fr); } .dortlu .yazi-kart { min-height: 0; } .yazi-kart h3 { margin-top: var(--b4); } }

/* 17. Durumlar sayfası ---------------------------------------------------- */
.durum-not { font-size: var(--y-s); color: var(--ikincil); max-width: 70ch; margin-bottom: var(--b6); }
.hata-sayfa { display: grid; gap: var(--b4); justify-items: start; padding: clamp(2rem, 1rem + 4vw, 4.5rem); border: 1px solid var(--cizgi-guclu); }
.hata-sayfa__no { font-family: var(--serif); font-size: clamp(4rem, 2rem + 9vw, 8rem); line-height: 0.9; font-weight: 300; color: var(--patina); font-variant-numeric: lining-nums; }
.hata-sayfa h3 { font-size: var(--y-2xl); }
.hata-sayfa p { color: var(--ikincil); max-width: 52ch; }

/* 18. Hareket ------------------------------------------------------------- */
.js .belir { opacity: 0; transform: translateY(1.25rem); transition: opacity 0.8s var(--yumusak), transform 0.8s var(--yumusak); transition-delay: calc(var(--sira, 0) * 70ms); }
.js .belir.gorundu { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition-duration: 0.01ms !important; transition-delay: 0s !important; }
  .js .belir { opacity: 1; transform: none; }
}

@media print {
  .ust, .cubuk, .alt, .serit, .form { display: none; }
  .js .belir { opacity: 1; transform: none; }
}


/* ==========================================================================
   WordPress ek stilleri
   Prototipte karşılığı olmayan; şablon, menü, yazı içeriği, form eklentisi
   ve yorum çıktısı sınıfları. Düzenleyici içeriğinin kendi stilleri
   :where() ile düşük öncelikli tutulur; tema bileşenleri onları ezmez.
   ========================================================================== */

/* WP 1. Erişilebilirlik ve hizalama ---------------------------------------- */
.screen-reader-text {
  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0;
  overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%);
  white-space: nowrap; border: 0; word-wrap: normal;
}
.screen-reader-text:focus {
  position: fixed; left: var(--b3); top: var(--b3); z-index: 100;
  width: auto; height: auto; margin: 0; padding: var(--b3) var(--b4);
  clip: auto; clip-path: none; overflow: visible; white-space: normal;
  background: var(--murekkep); color: var(--kagit);
}
.alignleft { float: left; margin: 0.35rem var(--b5) var(--b4) 0; max-width: 50%; }
.alignright { float: right; margin: 0.35rem 0 var(--b4) var(--b5); max-width: 50%; }
.aligncenter { display: block; margin-inline: auto; clear: both; }
.alignwide, .alignfull { max-width: 100%; }
@media (max-width: 599px) {
  .alignleft, .alignright { float: none; display: block; max-width: 100%; margin: var(--b4) 0; }
}

/* WP 2. Ana menü (wp_nav_menu) --------------------------------------------- */
.menu ul { margin: 0; padding: 0; list-style: none; }
.menu li { position: relative; margin: 0; list-style: none; }
.menu .current-menu-item > a,
.menu .current-menu-ancestor > a,
.menu .current_page_item > a,
.menu .current-page-ancestor > a { color: var(--patina); }
.menu .current-menu-item > a::after,
.menu .current-menu-ancestor > a::after,
.menu .current_page_item > a::after { transform: scaleX(1); }
.menu .menu__dugme.current-menu-item > a { color: inherit; }

/* İkinci düzey: geniş ekranda açılır liste, dar ekranda girintili liste */
.menu .sub-menu { margin: 0; padding: 0; list-style: none; }
@media (min-width: 1040px) {
  .menu .menu-item-has-children > a { padding-right: 0.15rem; }
  .menu .sub-menu {
    position: absolute; left: -1rem; top: 100%; z-index: 60;
    display: block; min-width: 14rem; padding: var(--b2) 0;
    background: var(--kagit-acik); border: 1px solid var(--cizgi-guclu);
    box-shadow: 0 18px 36px -24px rgba(29, 34, 32, 0.5);
    visibility: hidden; opacity: 0; transform: translateY(0.4rem);
    transition: opacity 0.2s, transform 0.25s var(--yumusak), visibility 0.2s;
  }
  .menu .sub-menu li { display: block; }
  .menu .sub-menu a { display: block; padding: 0.6rem 1.1rem; white-space: nowrap; }
  .menu .sub-menu a::after { content: none; }
  .menu .sub-menu a:hover { background: var(--patina-acik); }
  .menu li:hover > .sub-menu,
  .menu li:focus-within > .sub-menu { visibility: visible; opacity: 1; transform: none; }
}
@media (max-width: 1039px) {
  .menu .sub-menu { padding: 0 0 var(--b2) var(--b5); }
  .menu .sub-menu li + li { border-top: 0; }
  .menu .sub-menu a { padding-block: 0.6rem; font-size: 1.0625rem; color: var(--ikincil); }
}

/* WP 3. Sayfa şablonu ve sayfa üst bilgisi --------------------------------- */
.liste { padding-bottom: var(--bolum); }
.sayfa-ust__bilgi { display: flex; flex-wrap: wrap; gap: var(--b2) var(--b5); margin-top: var(--b4); font-size: var(--y-s); color: var(--ikincil); }
.sayfa-ust__bilgi:empty { display: none; }
.sayfa-ust__bilgi a { border-bottom: 1px solid var(--cizgi-guclu); transition: color 0.2s, border-color 0.2s; }
.sayfa-ust__bilgi a:hover { color: var(--patina); border-color: currentColor; }

.sayfa-govde { padding-bottom: var(--bolum); }
.sayfa-govde .izgara12 { align-items: start; }
.sayfa-govde__icerik { grid-column: 1 / span 8; min-width: 0; }
@media (max-width: 899px) { .sayfa-govde__icerik { grid-column: 1 / -1; } }

.hata-sayfa h1 { font-size: var(--y-2xl); }

/* Dinamik durum sınıfları */
.isletme__ana--tam { grid-column: 1 / span 8; }
@media (max-width: 899px) { .isletme__ana--tam { grid-column: 1 / -1; } }
.cubuk--tek { grid-template-columns: minmax(0, 1fr); }
.yazi--tek { grid-column: 3 / span 8; }
@media (max-width: 999px) { .yazi--tek { grid-column: 1 / -1; } }
.yazilar--tek .yazi-one { grid-column: 1 / -1; }
.dortlu--1 { grid-template-columns: minmax(0, 1fr); }
.dortlu--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 599px) { .dortlu--2 { grid-template-columns: minmax(0, 1fr); } }

/* Rehber listesi (kategori sayfası): tam genişlik, h2 başlıklı satırlar */
.yazi-liste--tam { grid-column: 1 / -1; }
.yazi-satir h2 { font-size: var(--y-xl); margin-bottom: var(--b2); transition: color 0.2s; }
.yazi-satir h2 a::before { content: ""; position: absolute; inset: 0; }
.yazi-satir:hover h2 { color: var(--patina); }

/* WP 4. Serbest yazı içeriği ----------------------------------------------- */
.icerik { min-width: 0; overflow-wrap: break-word; }
.icerik > :first-child { margin-top: 0; }
:where(.icerik) > * + * { margin-top: var(--b5); }
:where(.icerik) p { color: var(--ikincil); font-size: var(--y-l); line-height: 1.75; max-width: 64ch; }
:where(.icerik) h2 { font-size: var(--y-2xl); margin-top: clamp(2.5rem, 1.8rem + 2.4vw, 4rem); margin-bottom: var(--b4); }
:where(.icerik) h3 { font-size: var(--y-xl); margin-top: var(--b7); margin-bottom: var(--b3); }
:where(.icerik) h4 { font-size: var(--y-l); margin-top: var(--b6); margin-bottom: var(--b2); }
:where(.icerik) > h2:first-child,
:where(.icerik) > h3:first-child { margin-top: 0; }
:where(.icerik) a { color: var(--patina); border-bottom: 1px solid currentColor; transition: color 0.2s; }
:where(.icerik) a:hover { color: var(--kehribar); }
:where(.icerik) strong, :where(.icerik) b { font-weight: 600; color: var(--murekkep); }
:where(.icerik) ul, :where(.icerik) ol { max-width: 64ch; padding: 0; }
:where(.icerik) ul { list-style: none; }
:where(.icerik) ol { list-style: decimal; padding-left: 1.5rem; }
:where(.icerik) ol li::marker { color: var(--kehribar); font-variant-numeric: lining-nums; }
:where(.icerik) li { color: var(--ikincil); font-size: var(--y-m); line-height: 1.7; }
:where(.icerik) ul > li { position: relative; padding-left: 1.5rem; }
:where(.icerik) ul > li::before { content: ""; position: absolute; left: 0; top: 0.85em; width: 0.6rem; height: 1px; background: var(--kehribar); }
:where(.icerik) ol > li { padding-left: 0.4rem; }
:where(.icerik) li + li { margin-top: var(--b2); }
:where(.icerik) li > ul, :where(.icerik) li > ol { margin-top: var(--b2); }
:where(.icerik) img { max-width: 100%; height: auto; }
:where(.icerik) figure, :where(.icerik) .wp-block-image { max-width: 100%; margin-block: var(--b6); }
:where(.icerik) figure img, :where(.icerik) .wp-block-image img { display: block; width: 100%; height: auto; }
:where(.icerik) figcaption, :where(.icerik) .wp-caption-text, :where(.icerik) .wp-element-caption { margin-top: var(--b3); font-size: var(--y-xs); color: var(--soluk); line-height: 1.5; }
:where(.icerik) .wp-caption { max-width: 100%; }
:where(.icerik) blockquote { margin-block: var(--b6); padding: var(--b4) var(--b5); border-left: 2px solid var(--patina); background: var(--kagit-koyu); font-family: var(--serif); font-size: var(--y-xl); line-height: 1.4; font-weight: 300; color: var(--murekkep); max-width: 52ch; }
:where(.icerik) blockquote p { font: inherit; color: inherit; max-width: none; }
:where(.icerik) blockquote p + p { margin-top: var(--b3); }
:where(.icerik) hr { border: 0; border-top: 1px solid var(--cizgi); margin-block: var(--b7); }
:where(.icerik) table { width: 100%; border-collapse: collapse; font-size: var(--y-s); display: block; overflow-x: auto; }
:where(.icerik) th, :where(.icerik) td { padding: var(--b3) var(--b4); border-bottom: 1px solid var(--cizgi); text-align: left; vertical-align: top; }
:where(.icerik) th { font-weight: 600; color: var(--murekkep); border-bottom-color: var(--murekkep); }
:where(.icerik) iframe, :where(.icerik) video, :where(.icerik) embed { max-width: 100%; }
:where(.icerik) .wp-block-gallery, :where(.icerik) .gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 14rem), 1fr)); gap: var(--oluk); margin-block: var(--b6); }
:where(.icerik) .gallery-item { margin: 0; }
:where(.icerik) .gallery-caption { font-size: var(--y-xs); color: var(--soluk); }
.icerik::after { content: ""; display: table; clear: both; }

/* Satır içi renk taşıyan öğeler tema rengini miras alır */
.icerik span[style*="color"],
.icerik font,
.icerik p[style*="color"],
.icerik strong[style*="color"],
.icerik em[style*="color"],
.icerik a[style*="color"] { color: inherit !important; }
.icerik span[style*="background"] { background: none !important; }
.icerik span[style*="font-size"],
.icerik span[style*="font-family"] { font-size: inherit !important; font-family: inherit !important; }

/* Smart Slider ve benzeri taşıyıcılar */
.icerik .n2-section-smartslider,
.icerik .n2-ss-align,
.icerik .n2-ss-slider,
.icerik [class*="n2-ss-"],
.icerik [id^="n2-ss-"] { max-width: 100%; }
.icerik .n2-section-smartslider { margin-block: var(--b6); overflow: hidden; }
.icerik .n2-section-smartslider img { max-width: none; }

/* WP 5. Contact Form 7 ----------------------------------------------------- */
.wpcf7 { max-width: 40rem; margin-block: var(--b6); }
.wpcf7 form { display: grid; gap: var(--b4); padding: var(--b5); background: var(--kagit-koyu); margin: 0; }
.wpcf7 form > p, .wpcf7 form p { margin: 0; max-width: none; font-size: var(--y-m); line-height: 1.5; color: var(--murekkep); }
.wpcf7 form label { display: grid; gap: var(--b2); font-size: var(--y-xs); font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ikincil); }
.wpcf7 .wpcf7-form-control-wrap { display: block; letter-spacing: normal; text-transform: none; font-weight: 400; }
.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 input[type="number"],
.wpcf7 input[type="date"],
.wpcf7 select,
.wpcf7 textarea {
  width: 100%; max-width: 100%; padding: 0.8rem 0.9rem;
  border: 1px solid var(--cizgi-guclu); border-radius: 2px;
  background: var(--kagit-acik); color: var(--murekkep);
  font-size: 1rem; line-height: 1.5; letter-spacing: normal; text-transform: none; font-weight: 400;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.wpcf7 textarea { min-height: 8rem; resize: vertical; }
.wpcf7 input[type="text"]:hover,
.wpcf7 input[type="tel"]:hover,
.wpcf7 input[type="email"]:hover,
.wpcf7 select:hover,
.wpcf7 textarea:hover { border-color: var(--murekkep); }
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="url"]:focus,
.wpcf7 input[type="number"]:focus,
.wpcf7 input[type="date"]:focus,
.wpcf7 select:focus,
.wpcf7 textarea:focus { outline: none; border-color: var(--patina); box-shadow: 0 0 0 3px rgba(45, 74, 66, 0.18); }
.wpcf7 input[type="file"] { max-width: 100%; font-size: var(--y-s); }
.wpcf7 .wpcf7-list-item { display: block; margin: 0 0 var(--b2); }
.wpcf7 .wpcf7-list-item label { display: flex; align-items: flex-start; gap: var(--b3); font-size: var(--y-s); font-weight: 400; letter-spacing: normal; text-transform: none; color: var(--ikincil); }
.wpcf7 input[type="checkbox"], .wpcf7 input[type="radio"] { flex: none; margin-top: 0.25rem; accent-color: var(--patina); }
.wpcf7 input[type="submit"],
.wpcf7 .wpcf7-submit {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 3rem; padding: 0.7rem 1.4rem; width: 100%;
  border: 1px solid var(--patina); border-radius: 999px;
  background: var(--patina); color: var(--kagit-acik);
  font-size: var(--y-s); font-weight: 600; letter-spacing: 0.03em; line-height: 1.2; text-align: center;
  cursor: pointer; transition: background 0.25s, color 0.25s, border-color 0.25s, transform 0.25s var(--yumusak);
}
.wpcf7 input[type="submit"]:hover,
.wpcf7 .wpcf7-submit:hover { background: var(--patina-koyu); border-color: var(--patina-koyu); }
.wpcf7 input[type="submit"]:active { transform: scale(0.98); }
.wpcf7 input[type="submit"]:disabled { opacity: 0.65; cursor: not-allowed; }
.wpcf7 .wpcf7-spinner { margin: var(--b2) auto 0; }
.wpcf7 .wpcf7-not-valid { border-color: var(--hata); box-shadow: 0 0 0 3px rgba(140, 58, 43, 0.12); }
.wpcf7 .wpcf7-not-valid-tip { display: block; margin-top: var(--b2); font-size: var(--y-xs); font-weight: 500; letter-spacing: normal; text-transform: none; color: var(--hata); }
.wpcf7 form .wpcf7-response-output,
.wpcf7-response-output { margin: 0; padding: var(--b4); border: 0; border-left: 2px solid var(--patina); background: var(--kagit-acik); font-size: var(--y-s); color: var(--murekkep); }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output { border-left-color: var(--hata); }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output { display: none; }
.wpcf7 .screen-reader-response { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); }

/* WP 6. Sayfalama ---------------------------------------------------------- */
.sayfalama { margin-top: clamp(2.5rem, 1.6rem + 3vw, 4rem); padding-top: var(--b5); border-top: 1px solid var(--cizgi); font-size: var(--y-s); }
.sayfalama .nav-links { display: flex; flex-wrap: wrap; align-items: center; gap: var(--b2); }
.sayfalama .page-numbers,
.sayfalama > a,
.sayfalama > span {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 2.75rem; min-height: 2.75rem; padding: 0 var(--b3);
  border: 1px solid var(--cizgi-guclu); border-radius: 999px;
  font-weight: 600; line-height: 1; color: var(--murekkep);
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}
.sayfalama a.page-numbers:hover,
.sayfalama > a:hover { background: var(--murekkep); color: var(--kagit); border-color: var(--murekkep); }
.sayfalama .page-numbers.current,
.sayfalama > span { background: var(--patina); color: var(--kagit-acik); border-color: var(--patina); }
.sayfalama .page-numbers.dots { border-color: transparent; min-width: 1.5rem; padding: 0; }
.sayfalama .nav-previous, .sayfalama .nav-next { display: inline-flex; }
.sayfalama .nav-previous a, .sayfalama .nav-next a {
  display: inline-flex; align-items: center; min-height: 2.75rem; padding: 0 var(--b4);
  border: 1px solid var(--cizgi-guclu); border-radius: 999px; font-weight: 600; color: var(--murekkep);
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}
.sayfalama .nav-previous a:hover, .sayfalama .nav-next a:hover { background: var(--murekkep); color: var(--kagit); border-color: var(--murekkep); }
.sayfalama--yorum { margin-top: var(--b5); padding-top: var(--b4); }
.sayfalama--yorum .nav-links { justify-content: space-between; }

/* WP 7. Yorum listesi ------------------------------------------------------ */
.yorumlar__liste--tam { grid-column: 1 / -1; }
.yorum-liste, .yorum-liste .children { margin: 0; padding: 0; list-style: none; }
.yorum-oge { margin: 0; list-style: none; }
.yorum-liste .yorum { border-bottom: 0; }
.yorum-liste > .yorum-oge:last-child { border-bottom: 1px solid var(--cizgi); }
.yorum-liste .children { margin-left: 0; }
.yorum-liste .children .yorum { border-top: 1px solid var(--cizgi); }
.yorum__metin { color: var(--ikincil); }
.yorum__metin p { color: var(--ikincil); max-width: 62ch; }
.yorum__metin p + p { margin-top: var(--b3); }
.yorum__metin a { color: var(--patina); border-bottom: 1px solid currentColor; overflow-wrap: anywhere; }
.yorum__bekliyor { margin-bottom: var(--b3); padding: var(--b3) var(--b4); border-left: 2px solid var(--kehribar); background: var(--kagit-koyu); font-size: var(--y-s); color: var(--ikincil); }
.yorum__yanitla { margin-top: var(--b3); font-size: var(--y-s); font-weight: 600; letter-spacing: 0.02em; }
.yorum__yanitla a { color: var(--murekkep); border-bottom: 1px solid var(--cizgi-guclu); padding-bottom: 2px; transition: color 0.2s, border-color 0.2s; }
.yorum__yanitla a:hover { color: var(--patina); border-color: currentColor; }
.yorum__kapali { margin-top: var(--b5); font-size: var(--y-s); color: var(--ikincil); }

/* WP 8. Yorum formu -------------------------------------------------------- */
.comment-reply-title { font-family: var(--serif); font-size: var(--y-xl); line-height: 1.2; margin-bottom: var(--b3); }
.comment-reply-title small { display: block; margin-top: var(--b2); font-family: var(--sans); font-size: var(--y-xs); font-weight: 600; letter-spacing: 0.04em; }
.comment-reply-title small a { border-bottom: 1px solid var(--cizgi-guclu); }
.comment-form { margin-top: var(--b4); }
.comment-form .form-submit { margin: 0; }
.comment-form .form-submit input[type="submit"] { width: 100%; cursor: pointer; font-family: inherit; }
.comment-form .comment-form-cookies-consent { display: flex; align-items: flex-start; gap: var(--b3); font-size: var(--y-s); color: var(--ikincil); }
.comment-form .comment-form-cookies-consent input { margin-top: 0.3rem; accent-color: var(--patina); }
.comment-form .logged-in-as, .comment-form .comment-notes { font-size: var(--y-s); color: var(--ikincil); }
.comment-form .required { color: var(--hata); }
.comment-form input[type="submit"].dugme { border: 1px solid var(--patina); border-radius: 999px; background: var(--patina); color: var(--kagit-acik); min-height: 3rem; font-weight: 600; font-size: var(--y-s); letter-spacing: 0.03em; transition: background 0.25s, border-color 0.25s, transform 0.25s var(--yumusak); }
.comment-form input[type="submit"].dugme:hover { background: var(--patina-koyu); border-color: var(--patina-koyu); }
.comment-form input[type="submit"].dugme:active { transform: scale(0.98); }
.yorumlar .alan input:invalid:not(:placeholder-shown):not(:focus) { border-color: var(--hata); }

/* WP 9. Yönetim çubuğu ve sayfa içi bağlantılar ---------------------------- */
body.admin-bar .ust { top: 32px; }
@media (max-width: 782px) { body.admin-bar .ust { top: 46px; } }
@media (max-width: 600px) { body.admin-bar .ust { top: 0; } }
body.admin-bar { scroll-padding-top: 8rem; }
.wp-block-embed iframe, .wp-block-video video { max-width: 100%; }