/* adresli · ortak sayfa stili (fiyat kartı, emlak, turizm). Taban stil kişisel sayfadan alındı (27 Eylül 2026). */
@font-face { font-family: "Brygada 1918"; font-weight: 400; font-display: swap; src: url(/assets/fonts/brygada-1918-latin-400-normal.woff2) format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Brygada 1918"; font-weight: 400; font-display: swap; src: url(/assets/fonts/brygada-1918-latin-ext-400-normal.woff2) format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+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: "Hanken Grotesk"; font-weight: 400; font-display: swap; src: url(/assets/fonts/hanken-grotesk-latin-400-normal.woff2) format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Hanken Grotesk"; font-weight: 400; font-display: swap; src: url(/assets/fonts/hanken-grotesk-latin-ext-400-normal.woff2) format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+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: "Hanken Grotesk"; font-weight: 500; font-display: swap; src: url(/assets/fonts/hanken-grotesk-latin-500-normal.woff2) format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Hanken Grotesk"; font-weight: 500; font-display: swap; src: url(/assets/fonts/hanken-grotesk-latin-ext-500-normal.woff2) format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+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; }

:root {
  --kagit: #F1F0EA;
  --kagit-koyu: #E6E5DC;
  --murekkep: #191B16;
  --govde: #3A3D36;
  --soluk: #5E6259;
  --cizgi: #D6D5CC;
  --izgara: rgba(25, 27, 22, .035);
  --izgara-ana: rgba(25, 27, 22, .07);
  --muhur: #4E5B2C;
  --muhur-zemin: #3F4A22;
  --muhur-uzeri: #F1F2EA;
  --muhur-soluk: #CDD3B8;
  --muhur-yazi: #F1F2EA;
  --serh-zemin: #4E5B2C;
  --kapanis-yazi: #2F3818;
  --kapanis-vurgu: #FFFFFF;
  --kapanis-cizgi: rgba(241, 242, 234, .22);
  --serif: "Brygada 1918", "Iowan Old Style", Georgia, serif;
  --sans: "Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --kenar: 20px;
  --aralik: 80px;
  color-scheme: only light;
}
@media (min-width: 760px) { :root { --kenar: 48px; --aralik: 128px; } }

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; scrollbar-color: var(--cizgi) var(--kagit); background: linear-gradient(var(--kagit) 50%, var(--muhur-zemin) 50%); }
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }
a, button, label { touch-action: manipulation; }
body {
  margin: 0; background: var(--kagit); color: var(--govde);
  font: 400 17px/1.65 var(--sans);
  font-variant-numeric: lining-nums;
  caret-color: var(--muhur);
  -webkit-font-smoothing: antialiased;
}
::selection { background: var(--muhur); color: var(--muhur-yazi); }
a { color: inherit; text-underline-offset: .22em; text-decoration-thickness: 1px; }
:focus-visible { outline: 2px solid var(--muhur); outline-offset: 3px; }
img, svg { display: block; max-width: 100%; }
h1, h2, h3 { font-family: var(--serif); font-weight: 400; color: var(--murekkep); margin: 0; text-wrap: balance; }
p { margin: 0; max-width: 64ch; text-wrap: pretty; }
.kap { max-width: 1200px; margin: 0 auto; padding: 0 max(var(--kenar), env(safe-area-inset-right, 0px)) 0 max(var(--kenar), env(safe-area-inset-left, 0px)); }
.gizli { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* Antet */
.antet { border-bottom: 1px solid var(--cizgi); }
.antet .kap { display: flex; justify-content: space-between; align-items: center; min-height: 64px; gap: 16px; }
.imza { font-family: var(--serif); font-size: 1.25rem; color: var(--murekkep); text-decoration: none; min-height: 48px; display: inline-flex; align-items: center; }
.antet a { transition: opacity 100ms ease; -webkit-touch-callout: none; }
.antet a:active { opacity: .6; }
.antet a.yazin { font-weight: 500; color: var(--murekkep); min-height: 48px; display: inline-flex; align-items: center; }

/* Künye: pafta ızgarası üzerinde */
.kunye {
  background-image:
    linear-gradient(var(--izgara-ana) 1px, transparent 1px),
    linear-gradient(90deg, var(--izgara-ana) 1px, transparent 1px),
    linear-gradient(var(--izgara) 1px, transparent 1px),
    linear-gradient(90deg, var(--izgara) 1px, transparent 1px);
  background-size: 320px 320px, 320px 320px, 64px 64px, 64px 64px;
  background-position: -1px -1px;
}
.kunye .kap { display: grid; gap: 48px; padding-top: 56px; padding-bottom: 56px; }
h1 { font-size: clamp(2.6rem, 4.8vw, 4.5rem); line-height: 1.02; letter-spacing: -.025em; max-width: 16ch; }
.ilceler { margin-top: 16px; font-size: .9375rem; font-weight: 500; color: var(--muhur); letter-spacing: .01em; max-width: 48ch; }
.giris { margin-top: 24px; font-size: 1.125rem; color: var(--govde); max-width: 44ch; }
.dugmeler { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.dugme {
  display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 24px;
  border: 1px solid var(--murekkep); border-radius: 2px; font-weight: 500; text-decoration: none; color: var(--murekkep);
  user-select: none; -webkit-user-select: none; -webkit-touch-callout: none;
  transition: transform 120ms var(--ease-out), background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}
.dugme:active { transform: scale(0.97); }
.dugme[aria-disabled="true"] { opacity: .55; cursor: not-allowed; }
.dugme[aria-disabled="true"]:active { transform: none; }
@media (max-width: 759px) { .dugmeler .dugme { flex: 1 1 100%; } }
.dugme.birincil { background: var(--muhur); border-color: var(--muhur); color: var(--muhur-yazi); }
@media (hover: hover) and (pointer: fine) {
  .dugme:hover { background: var(--murekkep); border-color: var(--murekkep); color: var(--kagit); }
  .dugme.birincil:hover { background: var(--muhur-zemin); border-color: var(--muhur-zemin); color: var(--muhur-uzeri); }
  .dugme[aria-disabled="true"]:hover { background: transparent; color: inherit; }
}

@media (max-width: 759px) { .kunye .kap { padding-top: 40px; padding-bottom: 40px; } }
.alanlar { margin: 0; border-top: 1px solid var(--murekkep); background: var(--kagit); }
.alanlar div { display: grid; grid-template-columns: 7rem 1fr; gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--cizgi); }
.alanlar dt { font-size: .875rem; color: var(--soluk); padding-top: 2px; }
.alanlar dd { margin: 0; color: var(--murekkep); text-wrap: balance; }

@media (min-width: 960px) {
  .kunye .kap { grid-template-columns: 1fr 26rem; gap: 64px; padding-top: 96px; padding-bottom: 96px; }
}

/* Bölümler */
.bolum { padding: var(--aralik) 0; }
.bolum + .bolum { border-top: 1px solid var(--cizgi); }
h2 { font-size: clamp(2rem, 4.6vw, 3.25rem); line-height: 1.08; letter-spacing: -.02em; }
.alt { margin-top: 16px; font-size: 1.0625rem; }
.baslik { display: grid; gap: 0; margin-bottom: 48px; }
@media (min-width: 960px) { .baslik { grid-template-columns: 1fr 1fr; align-items: end; gap: 64px; } .baslik .alt { margin-top: 0; } }

/* Fayda kaydı */
.fayda { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--murekkep); }
.fayda li { display: grid; gap: 8px 24px; padding: 28px 0; border-bottom: 1px solid var(--cizgi); }
.fayda h3 { font-size: 1.5rem; line-height: 1.2; }
.fayda p { color: var(--govde); }
@media (min-width: 960px) { .fayda li { grid-template-columns: 5fr 7fr; align-items: baseline; gap: 64px; } }
.guven { margin-top: 20px; font-size: .9375rem; color: var(--murekkep); max-width: 44ch; }
.guven strong { color: var(--muhur); font-weight: 500; }

/* Sorular */
.sorular { border-top: 1px solid var(--murekkep); }
.sorular details { border-bottom: 1px solid var(--cizgi); }
.sorular summary { list-style: none; cursor: pointer; display: grid; grid-template-columns: 1fr auto; gap: 16px; align-items: baseline; padding: 20px 0; min-height: 48px; font-family: var(--serif); font-size: 1.375rem; line-height: 1.3; color: var(--murekkep); -webkit-touch-callout: none; }
.sorular summary::-webkit-details-marker { display: none; }
.sorular summary::after { content: "+"; font-family: var(--sans); color: var(--muhur); font-size: 1.5rem; line-height: 1; }
.sorular details[open] summary::after { content: "−"; }
.sorular details p { padding: 0 0 24px; max-width: 64ch; }

/* Tescil tablosu */
.tescil { width: 100%; border-collapse: collapse; border-top: 1px solid var(--murekkep); }
.tescil th { text-align: left; font-weight: 400; font-size: .875rem; color: var(--soluk); padding: 12px 16px 12px 0; border-bottom: 1px solid var(--cizgi); }
.tescil td { padding: 24px 16px 24px 0; border-bottom: 1px solid var(--cizgi); vertical-align: baseline; }
    .tescil .nitelik { font-family: var(--serif); font-size: 1.75rem; line-height: 1.1; color: var(--murekkep); width: 22%; }
.tescil .nitelik small { display: block; margin-top: 8px; font-family: var(--sans); font-size: .875rem; line-height: 1.4; color: var(--soluk); font-weight: 400; }
.tescil .kapsam { color: var(--govde); max-width: 48ch; }
.ornek-link { display: flex; width: fit-content; align-items: center; min-height: 44px; margin-top: 4px; font-weight: 500; color: var(--muhur); white-space: nowrap; }
.ornek-link::after { content: " →"; }
.tescil .bedel { text-align: right; white-space: nowrap; padding-right: 0; }
.tescil .bedel strong { font-family: var(--serif); font-weight: 400; font-size: clamp(1.75rem, 3vw, 2.25rem); color: var(--murekkep); letter-spacing: -.01em; }
.tescil .bedel { font-variant-numeric: lining-nums tabular-nums; }
.tescil .bedel span { display: block; font-size: .875rem; color: var(--soluk); line-height: 1.4; }
.tescil .bedel .kosul { color: var(--muhur); margin-top: 4px; }
.tescil .bedel .gizli { position: absolute; }
.tescil th.bedel { text-align: right; }

@media (max-width: 759px) {
  .tescil thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .tescil tr { display: grid; grid-template-columns: 1fr auto; column-gap: 12px; padding: 20px 0; border-bottom: 1px solid var(--cizgi); }
  .tescil td { padding: 0; border: 0; }
  .tescil th { padding: 0; border: 0; }
  .tescil .nitelik { grid-column: 1; grid-row: 1; }
  .tescil .bedel { grid-column: 2; grid-row: 1; }
  .tescil .nitelik { width: auto; font-size: 1.5rem; }
  .tescil .bedel strong { font-size: 1.5rem; }
  .tescil .bedel .gizli { position: static; width: auto; height: auto; clip: auto; overflow: visible; display: inline; font-family: var(--sans); font-size: .875rem; color: var(--soluk); }
  .tescil .kapsam { grid-column: 1 / -1; grid-row: 2; margin-top: 8px; font-size: .9375rem; }
  .karekod { gap: 16px; }
  .karekod .kod { padding: 12px; }
  .karekod .kod img { width: 112px; height: 112px; }
}


/* Şerh: ödeme sözü */
.secim { display: inline-flex; border: 1px solid var(--murekkep); border-radius: 2px; }
.secim input { position: absolute; opacity: 0; pointer-events: none; }
.secim label { min-height: 48px; min-width: 96px; display: grid; place-items: center; padding: 0 20px; cursor: pointer; color: var(--murekkep); font-weight: 500; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; transition: background-color 100ms ease, color 100ms ease; }
.secim input:not(:checked) + label:active { background: var(--kagit-koyu); }
.secim label + input + label { border-left: 1px solid var(--murekkep); }
.secim input:checked + label { background: var(--murekkep); color: var(--kagit); }
.secim input:focus-visible + label { outline: 2px solid var(--muhur); outline-offset: 2px; }
.yol { margin: 0; border-top: 1px solid var(--murekkep); }
.yol div { display: grid; grid-template-columns: 1fr auto; gap: 4px 24px; padding: 16px 0; border-bottom: 1px solid var(--cizgi); }
.yol div:last-child { border-bottom: 0; }
.yol dt { color: var(--murekkep); font-weight: 500; }
.yol dd { margin: 0; text-align: right; font-variant-numeric: lining-nums tabular-nums; font-family: var(--serif); font-size: 1.5rem; color: var(--murekkep); line-height: 1.2; }
.yol dd.not { grid-column: 1 / -1; text-align: left; font-family: var(--sans); font-size: .9375rem; color: var(--soluk); line-height: 1.5; text-wrap: pretty; }
.yol dd.muhur-renk { color: var(--muhur); }
.yol { transition: opacity 200ms var(--ease-out), transform 200ms var(--ease-out); }
@starting-style { .yol { opacity: 0; transform: translateY(4px); } }

/* Paketinizi kurun */
.kur { margin-top: 80px; border: 1px solid var(--muhur); }
.kur-bas { background: var(--serh-zemin); color: var(--muhur-uzeri); display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 8px 24px; padding: 20px 24px; }
.kur-bas h3 { color: var(--muhur-uzeri); font-size: clamp(1.75rem, 4vw, 2.5rem); line-height: 1.1; letter-spacing: -.015em; }
.kur-bas span { font-size: .875rem; opacity: .85; }
.kur-govde { display: grid; gap: 40px; padding: 24px; }
@media (min-width: 960px) { .kur-govde { grid-template-columns: 7fr 5fr; gap: 64px; padding: 32px; } .kur-bas { padding: 24px 32px; } .kur-sag { position: sticky; top: 24px; align-self: start; } }
.kur fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.kur legend { padding: 0; font-size: .875rem; color: var(--soluk); margin-bottom: 8px; }
.secim-4 { display: grid; grid-template-columns: repeat(2, 1fr); width: 100%; }
.secim-4 label { min-width: 0; }
.secim-4 label + input + label { border-left: 0; }
.secim-4 label:nth-of-type(2n) { border-left: 1px solid var(--murekkep); }
.secim-4 label:nth-of-type(n+3) { border-top: 1px solid var(--murekkep); }
@media (min-width: 560px) { .secim-4 { grid-template-columns: repeat(4, 1fr); } .secim-4 label:nth-of-type(n+2) { border-left: 1px solid var(--murekkep); } .secim-4 label:nth-of-type(n+3) { border-top: 0; } }
.kur-taban { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; margin: 24px 0 0; padding: 16px 0; border-top: 1px solid var(--murekkep); border-bottom: 1px solid var(--cizgi); color: var(--murekkep); font-weight: 500; max-width: none; }
.kt-fiyat { font-family: var(--serif); font-weight: 400; font-size: 1.375rem; font-variant-numeric: lining-nums tabular-nums; white-space: nowrap; }
.kur-ekler { margin-top: 28px !important; }
.kur-ekler ul { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--cizgi); }
.anahtar { position: relative; display: grid; grid-template-columns: 1fr auto 52px; align-items: center; gap: 4px 16px; min-height: 64px; padding: 10px 0; border-bottom: 1px solid var(--cizgi); }
.anahtar[hidden] { display: none; }
.ek-daha { display: inline-flex; align-items: center; min-height: 48px; margin-top: 4px; padding: 0; border: 0; background: none; font: 500 .9375rem var(--sans); color: var(--murekkep); text-decoration: underline; text-underline-offset: .22em; text-decoration-thickness: 1px; cursor: pointer; }
.ek-daha[hidden] { display: none; }
.anahtar label { display: grid; gap: 2px; cursor: pointer; }
.anahtar label::after { content: ""; position: absolute; inset: 0; }
.a-ad { color: var(--murekkep); font-weight: 500; }
.a-not { font-size: .875rem; color: var(--soluk); line-height: 1.4; }
.a-fiyat { color: var(--murekkep); font-variant-numeric: lining-nums tabular-nums; white-space: nowrap; }
.anahtar input { position: relative; z-index: 1; appearance: none; -webkit-appearance: none; margin: 0; width: 48px; height: 28px; border-radius: 999px; background: var(--cizgi); cursor: pointer; transition: background-color 160ms var(--ease-out); justify-self: end; }
.anahtar input::before { content: ""; position: absolute; top: 3px; left: 3px; width: 22px; height: 22px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.25); transition: transform 160ms var(--ease-out); }
.anahtar input:checked { background: var(--muhur); }
.anahtar input:checked::before { transform: translateX(20px); }
.anahtar input:focus-visible { outline: 2px solid var(--muhur); outline-offset: 3px; }
.anahtar input:disabled { opacity: .4; cursor: not-allowed; }
.anahtar:has(input:disabled) .a-ad, .anahtar:has(input:disabled) .a-fiyat { color: var(--soluk); }
.anahtar:has(input:checked) .a-fiyat { color: var(--muhur); font-weight: 500; }
@media (max-width: 559px) { .anahtar { grid-template-columns: 1fr 52px; } .a-fiyat { grid-column: 1; grid-row: 2; font-size: .9375rem; } .anahtar input { grid-column: 2; grid-row: 1 / span 2; } }
.kur-toplam-ad { font-size: .875rem; color: var(--soluk); }
.kur-toplam { margin-top: 4px; font-family: var(--serif); font-size: clamp(2.5rem, 6vw, 3.5rem); line-height: 1; color: var(--murekkep); font-variant-numeric: lining-nums tabular-nums; max-width: none; }
.kur-toplam .kt-tutar { letter-spacing: -.01em; }
.kur-kdv { margin-top: 6px; font-size: .875rem; color: var(--soluk); }
.kur-soz { margin-top: 28px; font-family: var(--serif); font-size: 1.375rem; line-height: 1.3; color: var(--muhur); }
.kur-soz[hidden] { display: none; }
.kur-yol { margin-top: 12px; }
.kur-yol div[hidden], .kur-yol dd[hidden] { display: none; }
.kur-aylik { margin-top: 12px; color: var(--murekkep); }
.kur-notlar { margin-top: 12px; }
.kur-notlar p.kosul-notu { margin-top: 10px; font-size: .9375rem; color: var(--soluk); }
.kur-gonder { margin-top: 24px; width: 100%; }
@media (prefers-reduced-motion: reduce) { .anahtar input, .anahtar input::before { transition: none; } }


/* Örnek önizleme */
.ornek-ac { position: relative; z-index: 2; justify-self: start; display: inline-flex; align-items: center; min-height: 36px; margin-top: 2px; padding: 0; border: 0; background: none; color: var(--muhur); font: 500 .9375rem var(--sans); text-decoration: underline; text-underline-offset: .22em; text-decoration-thickness: 1px; cursor: pointer; }
.ornek-ac::after { content: ""; position: absolute; inset: -6px -8px; }
.a-sol { display: grid; gap: 2px; }
.cekimsiz .ornek-ac { margin-top: 6px; }
.onizle { padding: 0; border: 0; width: 100%; max-width: 100%; max-height: 92svh; margin: auto 0 0; border-radius: 2px 2px 0 0; background: var(--kagit); color: var(--govde); border-top: 1px solid var(--murekkep); overflow: hidden; }
.onizle::backdrop { background: rgba(10,12,8,.55); }
.o-kap { display: flex; flex-direction: column; max-height: 92svh; }
.o-bas { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; padding: 20px 20px 12px; border-bottom: 1px solid var(--cizgi); }
.o-bas h3 { font-size: 1.5rem; line-height: 1.2; }
.o-fiyat { margin-top: 4px; color: var(--muhur); font-weight: 500; font-variant-numeric: lining-nums tabular-nums; }
.o-kapat { flex: none; width: 44px; height: 44px; margin: -6px -8px 0 0; border: 0; border-radius: 50%; background: var(--kagit-koyu); color: var(--murekkep); font-size: 1rem; cursor: pointer; }
.o-govde { overflow-y: auto; overscroll-behavior: contain; padding: 20px; }
.o-icerik { margin: 20px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--cizgi); }
.o-icerik li { padding: 10px 0 10px 22px; border-bottom: 1px solid var(--cizgi); position: relative; color: var(--murekkep); }
.o-icerik li::before { content: "✓"; position: absolute; left: 0; color: var(--muhur); }
.o-alt { display: grid; gap: 8px; padding: 16px 20px calc(16px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid var(--cizgi); }
.o-zaman { font-size: .875rem; color: var(--soluk); }
.o-ekle { width: 100%; }
.o-ekle[hidden], .o-uyari:empty { display: none; }
.o-uyari { font-size: .875rem; color: var(--soluk); }
@media (min-width: 760px) {
  .onizle { width: min(860px, 92vw); max-height: 88vh; margin: auto; border-radius: 2px; border: 1px solid var(--murekkep); }
  .o-kap { max-height: 88vh; }
  .o-bas { padding: 24px 28px 16px; } .o-govde { padding: 24px 28px; } .o-alt { padding: 16px 28px; grid-template-columns: 1fr auto; align-items: center; } .o-ekle { width: auto; } .o-uyari { grid-column: 1 / -1; }
}
@media (prefers-reduced-motion: no-preference) {
  .onizle { transition: transform 500ms cubic-bezier(0.32, 0.72, 0, 1), overlay 500ms allow-discrete, display 500ms allow-discrete; }
  .onizle:not([open]) { transform: translateY(100%); }
  @starting-style { .onizle[open] { transform: translateY(100%); } }
  .onizle::backdrop { transition: opacity 400ms ease, overlay 400ms allow-discrete, display 400ms allow-discrete; opacity: 1; }
  .onizle:not([open])::backdrop { opacity: 0; }
  @starting-style { .onizle[open]::backdrop { opacity: 0; } }
  @media (min-width: 760px) {
    .onizle { transition: transform 250ms var(--ease-out), opacity 250ms var(--ease-out), overlay 250ms allow-discrete, display 250ms allow-discrete; }
    .onizle:not([open]) { transform: scale(.96); opacity: 0; }
    @starting-style { .onizle[open] { transform: scale(.96); opacity: 0; } }
  }
}
body:has(.onizle[open]) { overflow: hidden; }
/* Demolar */
.o-demo svg.oda { display: block; width: 100%; height: 100%; }
.d-not { margin-top: 10px; font-size: .875rem; color: var(--soluk); }
.d-tur-sahne { position: relative; overflow: hidden; aspect-ratio: 16 / 9; border-radius: 4px; cursor: grab; touch-action: pan-y; background: #EFEBE3; }
.d-tur-sahne:active { cursor: grabbing; }
.d-tur-serit { display: flex; width: 200%; height: 100%; will-change: transform; }
.d-tur-serit svg { width: 50%; flex: none; }
.d-ipucu { position: absolute; left: 50%; top: 14px; transform: translateX(-50%); padding: 6px 12px; border-radius: 999px; background: rgba(20,22,18,.6); color: #F6F3EA; font-size: .875rem; pointer-events: none; }
.d-gec { position: absolute; right: 12px; bottom: 12px; min-height: 44px; padding: 0 16px; border: 0; border-radius: 999px; background: rgba(246,243,234,.92); color: #17191C; font: 500 .9375rem var(--sans); cursor: pointer; }
.d-telefon { width: min(260px, 70vw); margin: 0 auto; padding: 10px; border-radius: 28px; background: #17191C; }
.d-hikaye { position: relative; aspect-ratio: 9 / 16; overflow: hidden; border-radius: 20px; background: #2a2a24; }
.d-bar { position: absolute; z-index: 3; top: 10px; left: 10px; right: 10px; display: flex; gap: 4px; }
.d-bar i { flex: 1; height: 3px; border-radius: 2px; background: rgba(255,255,255,.35); overflow: hidden; position: relative; }
.d-bar i::after { content: ""; position: absolute; inset: 0; background: #fff; transform: scaleX(var(--d, 0)); transform-origin: left; }
.d-kare { position: absolute; inset: 0; margin: 0; opacity: 0; transition: opacity 400ms ease; }
.d-kare.on { opacity: 1; }
.d-kare img, .d-kare svg { width: 100%; height: 100%; object-fit: cover; }
.d-kare.on img, .d-kare.on svg { animation: d-yak 2600ms linear both; }
@keyframes d-yak { from { transform: scale(1.08); } to { transform: scale(1); } }
.d-kare figcaption { position: absolute; left: 14px; right: 14px; bottom: 18px; color: #F6F3EA; font-family: var(--serif); font-size: 1.25rem; line-height: 1.25; text-shadow: 0 1px 12px rgba(0,0,0,.5); }
.d-kare figcaption b { font-family: var(--sans); font-weight: 500; font-size: .9375rem; }
.d-aksam { background: linear-gradient(175deg, #e8b98a 0%, #c07c5a 45%, #4d3a45 100%); }
.d-son { background: #3A4420; display: grid; }
.d-son figcaption { position: static; align-self: center; text-align: center; }
.d-dekor-sahne { position: relative; aspect-ratio: 16 / 10; overflow: hidden; border-radius: 4px; --x: 50%; }
.d-dekor-sahne > svg, .d-sonra { position: absolute; inset: 0; }
.d-sonra { clip-path: inset(0 0 0 var(--x)); }
.d-sonra svg { width: 100%; height: 100%; }
.d-cizgi { position: absolute; top: 0; bottom: 0; left: var(--x); width: 2px; margin-left: -1px; background: #fff; box-shadow: 0 0 8px rgba(0,0,0,.3); }
.d-etiket { position: absolute; top: 10px; padding: 4px 10px; border-radius: 999px; background: rgba(20,22,18,.62); color: #F6F3EA; font-size: .8125rem; }
.d-e1 { left: 10px; } .d-e2 { right: 10px; }
.d-kaydir { display: block; margin-top: 12px; }
.d-kaydir input { width: 100%; accent-color: var(--muhur); min-height: 32px; }
.d-film { position: relative; aspect-ratio: 16 / 9; border-radius: 4px; background: linear-gradient(175deg, #e8b98a 0%, #c07c5a 45%, #4d3a45 100%); display: grid; place-items: center; overflow: hidden; }
.d-oynat { width: 64px; height: 64px; border-radius: 50%; display: grid; place-items: center; border: 1px solid rgba(246,243,234,.8); color: #F6F3EA; background: rgba(246,243,234,.15); }
.d-altyazi { position: absolute; left: 12px; right: 12px; bottom: 12px; text-align: center; color: #fff; font-size: 1rem; line-height: 1.35; text-shadow: 0 1px 6px rgba(0,0,0,.7); min-height: 1.35em; }
.d-metin { list-style: none; margin: 16px 0 0; padding: 0; }
.d-metin li { display: grid; grid-template-columns: 3rem 1fr; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--cizgi); color: var(--govde); transition: color 200ms ease; }
.d-metin li.on { color: var(--murekkep); font-weight: 500; }
.d-metin time { color: var(--soluk); font-variant-numeric: tabular-nums; }
.d-ses-oynat { margin-top: 16px; }
.d-dil-sec { display: inline-flex; border: 1px solid var(--murekkep); border-radius: 2px; margin-bottom: 16px; }
.d-dil-sec button { min-width: 56px; min-height: 44px; border: 0; background: none; color: var(--murekkep); font: 500 .9375rem var(--sans); cursor: pointer; }
.d-dil-sec button + button { border-left: 1px solid var(--murekkep); }
.d-dil-sec button[aria-pressed="true"] { background: var(--murekkep); color: var(--kagit); }
.d-ilan { border: 1px solid var(--cizgi); border-radius: 4px; overflow: hidden; background: var(--kagit); }
.d-ilan-foto { aspect-ratio: 16 / 9; overflow: hidden; }
.d-ilan-foto img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 62%; }
.d-ilan h4 { margin: 16px 16px 0; font-family: var(--serif); font-weight: 400; font-size: 1.5rem; line-height: 1.2; color: var(--murekkep); }
.d-ilan .d-t2 { margin: 6px 16px 0; color: var(--muhur); font-weight: 500; font-size: .9375rem; }
.d-ilan .d-t3 { margin: 8px 16px 0; }
.d-ilan .d-t4 { display: inline-flex; align-items: center; min-height: 44px; margin: 12px 16px 16px; padding: 0 18px; background: var(--muhur); color: var(--muhur-yazi); border-radius: 2px; font-weight: 500; }
.d-tablet { padding: 12px; border-radius: 20px; background: #17191C; }
.d-tablet-ekran { display: grid; gap: 12px; padding: 14px; border-radius: 8px; background: #F3F1EA; color: #17191C; }
@media (min-width: 560px) { .d-tablet-ekran { grid-template-columns: 3fr 2fr; } }
.t-baslik { font-family: var(--serif); font-size: 1.125rem; margin-bottom: 8px; }
.t-parseller { display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; }
.t-parseller button:nth-child(n+8) { order: 2; }
.t-yol { order: 1; grid-column: 1 / -1; text-align: center; font-size: .75rem; color: #3A3E43; padding: 6px 0; background: #D6D3C4; margin: 6px 0; }
.t-p { min-height: 44px; border: 1.5px solid #17191C; border-radius: 3px; font: 500 .875rem var(--sans); color: #17191C; cursor: pointer; }
.t-p.dm { background: #C9D1A8; } .t-p.do { background: #F1E7CF; border-style: dashed; } .t-p.ds { background: repeating-linear-gradient(45deg, #D3D1C8 0 3px, rgba(23,25,28,.25) 3px 4.5px); color: #2F3338; }
.t-p[aria-pressed="true"] { outline: 3px solid #3A4420; outline-offset: 1px; }
.t-no { font-family: var(--serif); font-size: 1.25rem; }
.t-dl { margin: 8px 0 0; font-size: .9375rem; }
.t-dl div { display: flex; justify-content: space-between; gap: 8px; padding: 6px 0; border-bottom: 1px solid #D6D5CC; }
.t-dl dt { color: #56606D; } .t-dl dd { margin: 0; }
.t-qr { display: flex; align-items: center; gap: 10px; margin-top: 12px; font-size: .875rem; }
.t-qr img { background: #fff; padding: 3px; }
.d-gozluk { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; padding: 18px; border-radius: 40px; background: #17191C; }
.d-goz { aspect-ratio: 1; border-radius: 50%; overflow: hidden; }
.d-goz:first-child svg { transform: translateX(3%) scale(1.15); } .d-goz:last-child svg { transform: translateX(-3%) scale(1.15); }
.d-rapor { border: 1px solid var(--cizgi); border-radius: 4px; padding: 16px; background: var(--kagit); }
.d-rapor header p { font-size: .875rem; color: var(--soluk); }
.d-rapor h4 { font-family: var(--serif); font-weight: 400; font-size: 1.375rem; color: var(--murekkep); margin-top: 2px; }
.d-kpi { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 14px 0; }
.d-kpi div { border-top: 1px solid var(--murekkep); padding-top: 6px; }
.d-kpi dt { font-size: .8125rem; color: var(--soluk); line-height: 1.3; }
.d-kpi dd { margin: 2px 0 0; font-family: var(--serif); font-size: 1.5rem; color: var(--murekkep); }
.d-grafik { display: block; width: 100%; max-width: 420px; height: auto; }
.d-cubuk rect { fill: var(--muhur); }
.d-eksen text { font: 12px var(--sans); fill: var(--govde); text-anchor: middle; }
.d-grafik line { stroke: var(--murekkep); }
.d-alt-baslik { margin-top: 12px; font-weight: 500; color: var(--murekkep); }
.d-rapor ul { margin: 6px 0 0; padding-left: 18px; }
.d-rapor li { padding: 3px 0; }
.d-dosya { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(230px, 1fr); gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 6px; }
.d-sayfa { scroll-snap-align: start; aspect-ratio: 1 / 1.35; padding: 18px; background: #FFFEFA; color: #17191C; border: 1px solid #D6D5CC; font-size: .8125rem; line-height: 1.45; display: flex; flex-direction: column; }
.d-kapak { background: #3A4420; color: #F6F3EA; justify-content: space-between; }
.d-k1 { font-family: var(--serif); font-size: 1.5rem; line-height: 1.15; }
.d-k2 { font-size: .9375rem; } .d-k3 { font-size: .8125rem; opacity: .85; }
.d-sb { font-family: var(--serif); font-size: 1.125rem; margin-bottom: 10px; }
.d-sayfa table { width: 100%; border-collapse: collapse; }
.d-sayfa th, .d-sayfa td { text-align: left; padding: 5px 0; border-bottom: 1px solid #E2E1DA; font-variant-numeric: tabular-nums; }
.d-sayfa th { color: #56606D; font-weight: 400; }
.d-sn { margin-top: auto; color: #3A4420; }
.d-sayfa ol { margin: 0; padding: 0; list-style: none; }
.d-sayfa ol li { padding: 7px 0; border-bottom: 1px solid #E2E1DA; }
.d-sayfa ol b { display: block; color: #3A4420; font-weight: 500; }
.d-plandan { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.d-plandan figure { position: relative; margin: 0; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 4px; }
.d-plandan .d-p1 { grid-column: 1 / -1; aspect-ratio: 16 / 9; }
.d-plandan img, .d-plandan svg { width: 100%; height: 100%; object-fit: cover; }
.d-plandan figcaption { position: absolute; left: 8px; bottom: 8px; padding: 3px 8px; border-radius: 999px; background: rgba(20,22,18,.62); color: #F6F3EA; font-size: .75rem; }
@media (prefers-reduced-motion: reduce) { .d-kare, .d-metin li { transition: none; } .d-kare.on img, .d-kare.on svg { animation: none; } }

button { font: inherit; }
.dugme { font-family: var(--sans); }
.h1-ust { display: block; margin-bottom: 18px; font: 500 .9375rem/1.4 var(--sans); letter-spacing: .01em; color: var(--muhur); }
.secim input:checked + label, .d-dil-sec button[aria-pressed="true"] { background: var(--muhur); color: var(--muhur-yazi); }
.d-ilan .d-t4 { color: var(--muhur-yazi); }
.anahtar input:not(:checked) { box-shadow: inset 0 0 0 1px var(--soluk); }
.o-icerik li::before { content: ""; top: 17px; width: 10px; height: 5px; border-left: 2px solid var(--muhur); border-bottom: 2px solid var(--muhur); transform: rotate(-45deg); }
.o-kapat { display: grid; place-items: center; }
.d-telefon, .d-tablet, .d-gozluk { box-shadow: 0 0 0 1px rgba(236,238,240,.14); }
@media (max-width: 559px) { .anahtar { align-items: start; grid-template-rows: auto 1fr; } .anahtar .a-sol { grid-column: 1; grid-row: 1 / span 2; } .anahtar input { grid-column: 2; grid-row: 1; margin-top: 2px; } .anahtar .a-fiyat { grid-column: 2; grid-row: 2; justify-self: end; margin-top: 6px; } }
@media (min-width: 760px) { .d-ses { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: start; } .d-ses .d-metin { margin-top: 0; } .d-ses .d-ses-oynat { grid-column: 1; margin-top: 0; justify-self: start; } .d-ses .d-not { grid-column: 1 / -1; } }
@media (max-width: 759px) { .d-ses .d-film { position: sticky; top: -20px; z-index: 2; } }
.t-parseller button:nth-child(n+8) { order: 0; }
.t-yol { order: 0; }

/* Logo, ilk ekran, menü örnekleri */
.imza { gap: 10px; }
.imza .isaret { color: var(--muhur); flex: none; }
.imza-ad { letter-spacing: .01em; }
.imza-kisi { font-family: var(--sans); font-size: .9375rem; color: var(--soluk); padding-left: 12px; margin-left: 2px; border-left: 1px solid var(--cizgi); }
@media (max-width: 559px) { .imza-kisi { display: none; } .antet a.yazin { font-size: .9375rem; } }
.kapak-foto { margin: 0; }
.kapak-foto img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; object-position: 55% 62%; background: var(--kagit-koyu); }
.kapak-foto figcaption { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 16px; padding-top: 10px; font-size: .875rem; color: var(--soluk); }
.kapak-foto figcaption a { color: var(--murekkep); font-variant-numeric: tabular-nums; padding-block: 11px; }
@media (min-width: 960px) { .kunye .kap:not(.kunye-serit) { grid-template-columns: 7fr 5fr; align-items: center; } .kapak-foto img { aspect-ratio: 4 / 5; max-height: 72vh; } }
@media (prefers-reduced-motion: no-preference) { .kapak-foto img { animation: foto-ac 900ms var(--ease-out) 120ms both; } }
@keyframes foto-ac { from { clip-path: inset(0 0 100% 0); } to { clip-path: inset(0 0 0 0); } }
.kunye .kunye-serit { display: block; padding-top: 0; }
@media (min-width: 760px) { .kunye-serit .alanlar { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0 24px; } .kunye-serit .alanlar div { display: block; padding: 14px 0 0; border-bottom: 0; } .kunye-serit .alanlar dt { margin-bottom: 4px; } }
.kunye-serit .alanlar { background: transparent; }
.kur-teklif { margin-top: 12px; }
.d-menu { display: grid; grid-template-columns: 2fr 1fr; grid-template-rows: 1fr 1fr; gap: 8px; aspect-ratio: 16 / 10; }
.d-menu figure { position: relative; margin: 0; border-radius: 4px; overflow: hidden; }
.d-menu .m1 { grid-row: 1 / span 2; background: radial-gradient(circle at 50% 50%, #F4EFE6 0 30%, #E3D8C4 31% 36%, #7C6A55 37% 100%); }
.d-menu .m2 { background: linear-gradient(170deg, #C9B79A, #6F5A43); }
.d-menu .m3 { background: radial-gradient(circle at 40% 45%, #E8C07A 0 22%, #F3EFE6 23% 30%, #9FB3B4 31% 100%); }
.d-menu figcaption { position: absolute; left: 8px; bottom: 8px; padding: 3px 8px; border-radius: 999px; background: rgba(20,22,18,.62); color: #F6F3EA; font-size: .75rem; }
.d-qrmenu { aspect-ratio: 9 / 16; overflow: auto; border-radius: 20px; background: #FBFAF6; color: #17191C; padding: 18px 14px; }
.q-ad { font-family: var(--serif); font-size: 1.25rem; }
.q-sek { display: flex; gap: 6px; margin-top: 12px; }
.q-sek button { flex: 1; min-height: 40px; border: 1px solid #D6D5CC; border-radius: 999px; background: none; color: #17191C; font-size: .875rem; cursor: pointer; }
.q-sek button[aria-pressed="true"] { background: #4E5B2C; border-color: #4E5B2C; color: #F6F3EA; }
.q-liste { list-style: none; margin: 12px 0 0; padding: 0; }
.q-liste li { display: flex; justify-content: space-between; gap: 10px; padding: 10px 0; border-bottom: 1px solid #E6E5DC; }
.q-liste b { display: block; font-weight: 500; font-size: .9375rem; }
.q-liste span { font-size: .8125rem; color: #5E6259; }
.q-liste em { font-style: normal; font-variant-numeric: tabular-nums; white-space: nowrap; }
.q-alt { margin-top: 10px; font-size: .75rem; color: #5E6259; }
.a-adet { position: relative; z-index: 2; display: inline-flex; align-items: center; gap: 0; margin-top: 8px; width: fit-content; border: 1px solid var(--cizgi); border-radius: 2px; }
.a-adet button { width: 44px; height: 44px; border: 0; background: none; color: var(--murekkep); font-size: 1.125rem; cursor: pointer; }
.a-adet input { width: 3.5rem; height: 44px; border: 0; border-inline: 1px solid var(--cizgi); background: transparent; color: var(--murekkep); font: 500 1rem var(--sans); text-align: center; font-variant-numeric: tabular-nums; -moz-appearance: textfield; }
.a-adet input::-webkit-outer-spin-button, .a-adet input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.a-adet span { padding: 0 12px; font-size: .875rem; color: var(--soluk); }
.a-adet button:focus-visible, .a-adet input:focus-visible { outline: 2px solid var(--muhur); outline-offset: -2px; }
/* Çekim gerekmeyen işler */
.cekimsiz { margin-top: 64px; }
.cekimsiz h3 { font-size: 1.5rem; line-height: 1.2; margin-bottom: 16px; }
.cekimsiz ul { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--murekkep); }
.cekimsiz li { display: grid; grid-template-columns: 1fr auto; gap: 6px 24px; padding: 20px 0; border-bottom: 1px solid var(--cizgi); align-items: baseline; }
.cekimsiz strong { font-weight: 500; color: var(--murekkep); }
.cekimsiz li p { margin-top: 4px; color: var(--govde); max-width: 56ch; }
.c-sure { grid-column: 1; font-size: .9375rem; color: var(--muhur); font-weight: 500; }
.c-fiyat { grid-column: 2; grid-row: 1; text-align: right; font-family: var(--serif); font-size: 1.5rem; color: var(--murekkep); font-variant-numeric: lining-nums tabular-nums; }
.c-fiyat small { display: block; font-family: var(--sans); font-size: .875rem; color: var(--soluk); }
@media (min-width: 960px) { .cekimsiz li { grid-template-columns: 1fr 8rem 10rem; } .c-sure { grid-column: 2; grid-row: 1; } .c-fiyat { grid-column: 3; } }
@media (prefers-reduced-motion: reduce) {
  .dugme:active { transform: none; }
  @starting-style { .yol { transform: none; } }
}
.dipnot { margin-top: 16px; font-size: .9375rem; color: var(--soluk); }


.tescil tr[id] { scroll-margin-top: 24px; }
.ornek-soz .ornek-link { font-family: var(--sans); font-size: 1rem; margin-top: 6px; }
.ornek-soz { margin-top: 10px; color: var(--murekkep); font-family: var(--serif); font-size: 1.0625rem; line-height: 1.45; }
.tescil tr:target th, .tescil tr:target td { background: color-mix(in srgb, var(--muhur) 8%, transparent); }
/* Örnek sayfa */
.ornek { display: grid; gap: 40px; align-items: center; }
@media (min-width: 960px) { .ornek { grid-template-columns: auto 1fr; gap: 80px; } }
.karekod { display: grid; grid-template-columns: auto 1fr; gap: 24px; align-items: end; }
.karekod .kod { background: #fff; padding: 16px; border: 1px solid var(--cizgi); }
.karekod .kod img { width: 148px; height: 148px; }
.karekod .numara { display: block; margin-top: 10px; font: 500 .9375rem var(--sans); color: #161B26; text-align: center; font-variant-numeric: lining-nums tabular-nums; letter-spacing: .02em; }
.karekod dl { margin: 0; font-size: .875rem; }
.karekod dt { color: var(--soluk); }
.karekod dd { margin: 0 0 8px; color: var(--murekkep); overflow-wrap: break-word; }
.ornek h3 { font-size: 1.75rem; line-height: 1.15; }
.ornek p { margin-top: 12px; }
.ornek .dugmeler { margin-top: 24px; }
.soz { display: grid; grid-template-columns: auto 1fr; gap: 4px 20px; align-items: center; margin: 48px 0 0; padding: 20px 0; border-top: 1px solid var(--murekkep); border-bottom: 1px solid var(--cizgi); }
.soz dt { font-family: var(--serif); font-size: clamp(2.5rem, 6vw, 3.5rem); line-height: 1; color: var(--muhur); font-variant-numeric: lining-nums tabular-nums; }
.soz dd { margin: 0; color: var(--murekkep); }
.soz dd span { display: block; color: var(--soluk); font-size: .9375rem; }
.etiket { display: inline-block; margin-top: 16px; font-size: .875rem; color: var(--soluk); }

/* İşlem sırası */
.islem { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--murekkep); }
.islem li { display: grid; grid-template-columns: 2.5rem 1fr; gap: 8px 16px; align-items: baseline; padding: 24px 0; border-bottom: 1px solid var(--cizgi); }
.islem .sira { color: var(--muhur); font-family: var(--serif); font-size: 1.5rem; line-height: 1.2; }
.islem h3 { font-size: 1.5rem; line-height: 1.2; }
.islem p { grid-column: 2; }
@media (min-width: 960px) {
  .islem li { grid-template-columns: 4rem 1fr 1.3fr; gap: 24px; padding: 28px 0; }
  .islem p { grid-column: 3; }
}

/* Kapanış: mühür mürekkebi alanı */
.kapanis { background: var(--muhur-zemin); color: var(--muhur-soluk); padding: var(--aralik) 0; }
.kapanis h2 { color: var(--muhur-uzeri); font-size: clamp(2.4rem, 6.4vw, 4.5rem); line-height: 1.02; max-width: 17ch; }
.kapanis p { margin-top: 24px; font-size: 1.125rem; max-width: 46ch; }
.kapanis .ikinci { margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--kapanis-cizgi); }
.kapanis .ikinci p { max-width: 46ch; margin-top: 0; font-size: 1.0625rem; }
.kapanis .ikinci .dugmeler { margin-top: 20px; }
.kapanis .ikinci strong { color: var(--muhur-uzeri); font-weight: 500; }
.kapanis .iletisim-bilgi { margin-top: 20px; font-size: .9375rem; } .kapanis .iletisim-bilgi a { color: var(--muhur-uzeri); } .alt-bilgi address { font-style: normal; } .alt-bilgi a { color: inherit; }
/* Dipnot bağlantıları: satır düzenini bozmadan dokunma alanını büyütür */
/* İzin şeridi açıkken dipnotun son satırları şeridin altında kalmasın (alt boşluk dipnot rengini taşır) */
body:has(> .izin) { margin-bottom: 184px; } @media (min-width: 640px) { body:has(> .izin) { margin-bottom: 104px; } }
.alt-bilgi address a { padding-block: 3px; } .alt-bilgi .kap > span a { padding-block: 13px; }
.kapanis .dugme { border-color: var(--muhur-uzeri); color: var(--muhur-uzeri); }
.kapanis .dugme.birincil { background: var(--muhur-uzeri); color: var(--kapanis-yazi); }
@media (hover: hover) and (pointer: fine) {
  .kapanis .dugme:not([aria-disabled="true"]):hover { background: var(--muhur-uzeri); color: var(--kapanis-yazi); border-color: var(--muhur-uzeri); }
  .kapanis .dugme.birincil:not([aria-disabled="true"]):hover { background: var(--kapanis-vurgu); color: var(--kapanis-yazi); }
}
.kapanis :focus-visible { outline-color: var(--muhur-uzeri); }
.kapanis ::selection { background: var(--muhur-uzeri); color: var(--kapanis-yazi); }

.alt-bilgi { background: var(--muhur-zemin); color: var(--muhur-soluk); font-size: .875rem; }
.alt-bilgi { padding-bottom: env(safe-area-inset-bottom, 0px); }
.alt-bilgi .kap { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 24px; padding-top: 20px; padding-bottom: 28px; }
.alt-bilgi .cizgi { border-top: 1px solid var(--kapanis-cizgi); max-width: calc(1200px - 2 * var(--kenar)); margin: 0 auto; }
@media (max-width: 1247px) { .alt-bilgi .cizgi { margin: 0 var(--kenar); } }

/* ===== Fiyat kartı (/fiyat/…) · 27 Eylül 2026 ===== */
.fk .antet nav { display: flex; gap: 4px 20px; align-items: center; }
.fk .antet nav a { min-height: 48px; display: inline-flex; align-items: center; text-decoration: none; color: var(--soluk); font-weight: 500; }
.fk .antet nav a[aria-current="page"] { color: var(--murekkep); text-decoration: underline; text-underline-offset: .32em; }
.fk-bas .kap { padding-top: 48px; padding-bottom: 40px; display: grid; gap: 16px; }
@media (min-width: 960px) { .fk-bas .kap { padding-top: 72px; padding-bottom: 56px; } }
.fk-etiket { font-size: .9375rem; font-weight: 500; color: var(--muhur); }
.fk-etiket [data-kisi-ad]::before { content: " · "; color: var(--soluk); }
.fk h1 { font-size: clamp(2.3rem, 4.6vw, 4rem); max-width: 18ch; }
.fk-giris { font-size: 1.125rem; max-width: 52ch; }
.fk-ornek { display: inline-flex; align-items: center; min-height: 44px; font-weight: 500; color: var(--muhur); width: fit-content; }
.fk-ornek::after { content: " →"; white-space: pre; }
.fk .kur { margin-top: 0; border: 0; }
.fk .kur-govde { padding: 0 0 8px; gap: 48px; }
@media (min-width: 960px) { .fk .kur-govde { padding: 0; gap: 72px; } }
.fk .kur legend { display: flex; gap: 10px; align-items: baseline; font-size: 1rem; color: var(--murekkep); font-weight: 500; margin-bottom: 12px; }
.adim-no { font-family: var(--serif); color: var(--muhur); font-size: 1.25rem; font-weight: 400; }
.paket-liste { border-top: 1px solid var(--murekkep); }
.paket { border-bottom: 1px solid var(--cizgi); }
.paket label { display: grid; grid-template-columns: 24px 1fr auto; align-items: center; gap: 4px 16px; min-height: 72px; padding: 16px 0; cursor: pointer; -webkit-touch-callout: none; }
.paket input { appearance: none; -webkit-appearance: none; position: relative; margin: 0; width: 20px; height: 20px; border: 1px solid var(--murekkep); border-radius: 50%; background: var(--kagit); cursor: pointer; }
.paket input::before { content: ""; position: absolute; inset: 4px; border-radius: 50%; background: var(--muhur); transform: scale(0); transition: transform 160ms var(--ease-out); }
.paket input:checked { border-color: var(--muhur); }
.paket input:checked::before { transform: scale(1); }
.paket input:focus-visible { outline: 2px solid var(--muhur); outline-offset: 3px; }
.p-ad { font-family: var(--serif); font-size: 1.5rem; line-height: 1.15; color: var(--murekkep); }
.p-ad small { display: block; margin-top: 4px; font-family: var(--sans); font-size: .875rem; line-height: 1.4; color: var(--soluk); }
.p-fiyat { text-align: right; font-family: var(--serif); font-size: 1.5rem; line-height: 1.15; color: var(--murekkep); font-variant-numeric: lining-nums tabular-nums; white-space: nowrap; }
.p-fiyat small { display: block; margin-top: 4px; font-family: var(--sans); font-size: .875rem; color: var(--muhur); }
.p-kapsam { display: none; padding: 0 0 20px 40px; color: var(--govde); max-width: 60ch; }
.paket:has(input:checked) .p-kapsam { display: block; }
.p-kapsam .ornek-ac, .p-kapsam a { margin-top: 6px; }
.p-kapsam a { font-weight: 500; color: var(--muhur); padding-block: 12px; white-space: nowrap; }
.p-kapsam a::after { content: " →"; white-space: pre; }
.paket-tek label { cursor: default; }
.kur-ekler[hidden] { display: none; }
.kt-paket { margin-top: 4px; font-size: .9375rem; color: var(--murekkep); }
.kur-bag { margin-top: 12px; width: 100%; background: none; font: inherit; font-weight: 500; cursor: pointer; }
.fk-dip { padding: 56px 0 72px; }
.fk-dip .soz { margin-top: 0; }
.fk-dip .dipnot { margin-top: 20px; }
.fk-diger { margin-top: 32px; display: flex; flex-wrap: wrap; gap: 8px 24px; }
.fk-diger a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 500; color: var(--murekkep); }
/* Telefonda alt çubuk */
.cubuk { position: fixed; left: 0; right: 0; bottom: 0; z-index: 20; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 10px max(var(--kenar), env(safe-area-inset-right, 0px)) calc(10px + env(safe-area-inset-bottom, 0px)) max(var(--kenar), env(safe-area-inset-left, 0px)); background: var(--kagit); border-top: 1px solid var(--murekkep); transition: transform 200ms var(--ease-out); }
.cubuk.gizle { transform: translateY(110%); }
.c-sol { display: grid; line-height: 1.2; }
.c-sol small { font-size: .8125rem; color: var(--soluk); }
.c-tutar { font-family: var(--serif); font-size: 1.5rem; color: var(--murekkep); font-variant-numeric: lining-nums tabular-nums; }
.cubuk .dugme { min-height: 48px; padding: 6px 18px; line-height: 1.2; text-align: center; }
.c-sol { flex: 0 0 auto; }
.c-tutar { white-space: nowrap; }
@media (max-width: 400px) { .cubuk { gap: 12px; } .c-tutar { font-size: 1.25rem; } .cubuk .dugme { padding: 6px 14px; } }
@media (min-width: 960px) { .cubuk { display: none; } }
@media (max-width: 959px) { .fk main { padding-bottom: 72px; } }
body:has(> .izin) .cubuk { display: none; }
@media (prefers-reduced-motion: reduce) { .cubuk, .paket input::before { transition: none; } }
/* Giriş sayfası: iki kapı */
.kapilar { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--murekkep); }
.kapilar li { border-bottom: 1px solid var(--cizgi); }
.kapilar a { display: grid; grid-template-columns: 1fr auto; gap: 6px 24px; align-items: baseline; padding: 28px 0; text-decoration: none; color: inherit; -webkit-touch-callout: none; }
.kapilar h2 { font-size: clamp(2rem, 4vw, 3rem); }
.kapilar p { grid-column: 1; color: var(--govde); }
.k-fiyat { grid-column: 2; grid-row: 1 / span 2; align-self: center; text-align: right; font-family: var(--serif); font-size: 1.5rem; color: var(--murekkep); font-variant-numeric: lining-nums tabular-nums; }
.k-fiyat small { display: block; font-family: var(--sans); font-size: .875rem; color: var(--muhur); }
.k-git { grid-column: 1; font-weight: 500; color: var(--muhur); }
.k-git::after { content: " →"; white-space: pre; }
@media (hover: hover) and (pointer: fine) { .kapilar a:hover h2 { text-decoration: underline; text-underline-offset: .12em; text-decoration-thickness: 1px; } }
@media (max-width: 559px) { .kapilar a { grid-template-columns: 1fr; } .k-fiyat { grid-column: 1; grid-row: auto; text-align: left; } }

/* ===== Satış sayfaları (/emlak/, /turizm/) ve profil · 27 Eylül 2026 ===== */
.fiyat-serit { padding: 0; }
.fs { display: grid; grid-template-columns: 1fr auto; gap: 6px 24px; align-items: baseline; padding: 28px 0; border-top: 1px solid var(--murekkep); border-bottom: 1px solid var(--cizgi); text-decoration: none; color: inherit; -webkit-touch-callout: none; }
.fs-ad { font-size: .875rem; color: var(--soluk); grid-column: 1 / -1; }
.fs-fiyat { font-family: var(--serif); font-size: clamp(1.5rem, 3vw, 2.25rem); line-height: 1.15; color: var(--murekkep); font-variant-numeric: lining-nums tabular-nums; }
.fs-fiyat em { font-style: normal; color: var(--muhur); }
.fs-git { font-weight: 500; color: var(--muhur); white-space: nowrap; }
.fs-git::after { content: " →"; white-space: pre; }
@media (hover: hover) and (pointer: fine) { .fs:hover .fs-git { text-decoration: underline; text-underline-offset: .22em; } }
@media (max-width: 559px) { .fs { grid-template-columns: 1fr; } }
.antet nav.hizmet { display: flex; gap: 4px 20px; align-items: center; }
.antet nav.hizmet a { min-height: 48px; display: inline-flex; align-items: center; text-decoration: none; color: var(--soluk); font-weight: 500; }
.antet nav.hizmet a[aria-current="page"] { color: var(--murekkep); text-decoration: underline; text-underline-offset: .32em; }
.antet nav.hizmet a.yazin { color: var(--murekkep); text-decoration: underline; }
@media (max-width: 559px) { .antet nav.hizmet a:not(.yazin) { display: none; } }
/* İşler ızgarası (profil) */
.isler-izgara { list-style: none; margin: 0; padding: 0; display: grid; gap: 32px 24px; grid-template-columns: 1fr; }
@media (min-width: 760px) { .isler-izgara { grid-template-columns: 1fr 1fr; } }
.isler-izgara figure { margin: 0; }
.isler-izgara img { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; background: var(--kagit-koyu); }
.isler-izgara figcaption { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 16px; padding-top: 10px; font-size: .875rem; color: var(--soluk); border-bottom: 1px solid var(--cizgi); padding-bottom: 10px; }
.isler-izgara figcaption a { color: var(--murekkep); font-weight: 500; padding-block: 11px; margin-block: -11px; }
.isler-not { margin-top: 24px; font-size: .9375rem; color: var(--soluk); }
.hizmet-kapi { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--murekkep); }
.hizmet-kapi li { border-bottom: 1px solid var(--cizgi); }
.hizmet-kapi a { display: grid; grid-template-columns: 1fr auto; gap: 6px 24px; align-items: baseline; padding: 28px 0; text-decoration: none; color: inherit; -webkit-touch-callout: none; }
.hizmet-kapi h3 { font-size: clamp(1.75rem, 3.4vw, 2.5rem); line-height: 1.1; }
.hizmet-kapi p { grid-column: 1; }
.hizmet-kapi .k-fiyat { grid-column: 2; grid-row: 1 / span 2; align-self: center; text-align: right; font-family: var(--serif); font-size: 1.375rem; color: var(--murekkep); font-variant-numeric: lining-nums tabular-nums; }
.hizmet-kapi .k-fiyat small { display: block; font-family: var(--sans); font-size: .875rem; color: var(--muhur); }
.hizmet-kapi .k-git { grid-column: 1; font-weight: 500; color: var(--muhur); }
.hizmet-kapi .k-git::after { content: " →"; white-space: pre; }
@media (max-width: 559px) { .hizmet-kapi a { grid-template-columns: 1fr; } .hizmet-kapi .k-fiyat { grid-column: 1; grid-row: auto; text-align: left; } }

/* Fiyat sayfaları · inceleme düzeltmeleri, 27 Eylül 2026 akşam */
.fk .antet { position: sticky; top: 0; z-index: 30; background: var(--kagit); }
.fk .antet nav .dugme { min-height: 44px; padding: 0 18px; color: var(--murekkep); }
@media (max-width: 759px) { .fk .antet nav .dugme { display: none; } }
.paket label { grid-template-columns: 24px 72px 1fr auto; }
.p-gorsel { width: 72px; aspect-ratio: 3 / 2; overflow: hidden; background: var(--kagit-koyu); }
.p-gorsel img { width: 100%; height: 100%; object-fit: cover; }
@media (min-width: 960px) { .paket label { grid-template-columns: 24px 96px 1fr auto; } .p-gorsel { width: 96px; } }
.p-kapsam { padding-left: 40px; }
@media (min-width: 560px) { .p-kapsam { padding-left: 112px; } }
@media (min-width: 960px) { .p-kapsam { padding-left: 136px; } }
/* Tek paketli sayfa (turizm): seçenek yok, radyo düğmesi gizli */
.paket-tek label { grid-template-columns: 72px 1fr auto; }
.paket-tek input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.paket-tek .p-kapsam { padding-left: 0; }
@media (min-width: 560px) { .paket-tek .p-kapsam { padding-left: 88px; } }
@media (min-width: 960px) { .paket-tek label { grid-template-columns: 96px 1fr auto; } .paket-tek .p-kapsam { padding-left: 112px; } }
/* Dar telefon: küçük görsel ve fiyat, satır taşmasın */
@media (max-width: 400px) { .paket label { grid-template-columns: 24px 64px 1fr auto; gap: 4px 12px; } .paket-tek label { grid-template-columns: 64px 1fr auto; } .p-gorsel { width: 64px; } .p-fiyat { font-size: 1.25rem; } }
.kur-garanti { margin-top: 16px; font-size: .9375rem; color: var(--murekkep); }
.kur-garanti a { color: var(--muhur); font-weight: 500; }
.kur-bilgi { margin-top: 12px; font-size: .9375rem; color: var(--murekkep); padding: 10px 12px; border: 1px solid var(--cizgi); background: var(--levha, #FBFAF6); }
.kur-sag .kur-gonder { margin-top: 20px; }
.d-plandan figure { background: #FBFAF6; }
.d-plan { width: 100%; height: 100%; }