/* ÜRETİLDİ — ELLE DÜZENLEMEYİN. Kaynak: kaynak/stil/*.css (ad sırasıyla), node araclar/derle.js */

/* ── kaynak/stil/01-temel.css ────────────────────────────────────────────── */
/* Temel: renkler, yazı, ızgara, düğmeler.
   Palet: oniks (sıcak siyah) · fildişi · traverten · pirinç; logonun bordosu yalnız küçük vurgularda. */
:root {
  --oniks: #0d0c0b;
  --oniks-2: #141311;
  --oniks-3: #1c1a17;
  --oniks-4: #26231f;
  --fildisi: #f4f0e9;
  --kagit: #efe9df;
  --traverten: #e3dacb;
  --kum: #cdbfa8;
  --murekkep: #1b1916;
  --gri: #6b655c;
  --gri-acik: rgba(244, 240, 233, .64);
  --pirinc: #b8955a;
  --pirinc-acik: #d9bd87;
  --pirinc-koyu: #8a6c3c;
  --bordo: #8e1c2a;
  --lacivert: #2b3971;
  --cizgi-koyu: rgba(244, 240, 233, .14);
  --cizgi-acik: rgba(27, 25, 22, .14);

  --serif: 'Bodoni Moda', 'Didot', 'Bodoni 72', Georgia, 'Times New Roman', serif;
  --sans: 'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;

  --kenar: clamp(20px, 5vw, 72px);
  --kap: 1440px;
  --ust-boy: 76px;
  --egri: cubic-bezier(.2, .7, .1, 1);
  --egri-yumusak: cubic-bezier(.45, 0, .1, 1);
  color-scheme: dark;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-padding-top: calc(var(--ust-boy) + 16px); }
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }
body {
  margin: 0;
  background: var(--oniks);
  color: var(--fildisi);
  font: 400 1.0625rem/1.65 var(--sans);
  font-feature-settings: 'kern', 'liga';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}
img, svg, video { display: block; max-width: 100%; }
img { height: auto; }
svg { fill: currentColor; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
input, select, textarea { font: inherit; color: inherit; }
h1, h2, h3, h4, p, ul, ol, figure, blockquote, dl, dd { margin: 0; }
ul, ol { padding: 0; list-style: none; }
address { font-style: normal; }
::selection { background: var(--pirinc); color: var(--oniks); }
:focus-visible { outline: 2px solid var(--pirinc-acik); outline-offset: 3px; }
main { display: block; }
main:focus { outline: none; }
[hidden] { display: none !important; }

.gizli { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.atla { position: fixed; left: 12px; top: -60px; z-index: 200; background: var(--fildisi); color: var(--oniks); padding: 10px 16px; font-weight: 600; transition: top .2s; }
.atla:focus { top: 12px; }

/* ── Zeminler ───────────────────────────────────────────────── */
.z-koyu { background: var(--oniks); color: var(--fildisi); --cizgi: var(--cizgi-koyu); --ikincil: var(--gri-acik); }
.z-koyu2 { background: var(--oniks-2); color: var(--fildisi); --cizgi: var(--cizgi-koyu); --ikincil: var(--gri-acik); }
.z-acik { background: var(--kagit); color: var(--murekkep); --cizgi: var(--cizgi-acik); --ikincil: var(--gri); color-scheme: light; }
.z-traverten { background: var(--traverten); color: var(--murekkep); --cizgi: var(--cizgi-acik); --ikincil: #5c564d; color-scheme: light; }
.z-acik ::selection, .z-traverten ::selection { background: var(--murekkep); color: var(--fildisi); }

/* ── Yerleşim ───────────────────────────────────────────────── */
.kap { width: 100%; max-width: calc(var(--kap) + 2 * var(--kenar)); margin-inline: auto; padding-inline: var(--kenar); }
.kap--dar { max-width: calc(1080px + 2 * var(--kenar)); }
.bolum { position: relative; padding-block: clamp(80px, 11vw, 168px); }
.bolum--siki { padding-block: clamp(56px, 7vw, 104px); }
.izgara { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: clamp(16px, 2.2vw, 32px); }

/* ── Yazı ───────────────────────────────────────────────────── */
.etiket {
  display: inline-flex; align-items: center; gap: .9em;
  font: 600 .72rem/1.2 var(--sans); letter-spacing: .24em; text-transform: uppercase;
  color: var(--pirinc);
}
.z-acik .etiket, .z-traverten .etiket { color: var(--pirinc-koyu); }
.etiket--cizgi::before { content: ''; width: 34px; height: 1px; background: currentColor; }
.d1, .d2, .d3, .d4 { font-family: var(--serif); font-weight: 400; letter-spacing: -.012em; font-optical-sizing: auto; text-wrap: balance; }
.d1 { font-size: clamp(3.3rem, 9.4vw, 9.6rem); line-height: .9; letter-spacing: -.028em; }
.d2 { font-size: clamp(2.5rem, 5.6vw, 5.4rem); line-height: .98; letter-spacing: -.022em; }
.d3 { font-size: clamp(1.9rem, 3.4vw, 3.1rem); line-height: 1.05; }
.d4 { font-size: clamp(1.4rem, 2vw, 1.85rem); line-height: 1.15; }
.d1 em, .d2 em, .d3 em, .d4 em { font-style: italic; color: var(--pirinc-acik); }
.z-acik .d1 em, .z-acik .d2 em, .z-acik .d3 em, .z-acik .d4 em,
.z-traverten .d2 em, .z-traverten .d3 em { color: var(--pirinc-koyu); }
.giris-metni { font-size: clamp(1.12rem, 1.45vw, 1.32rem); line-height: 1.6; color: var(--ikincil, var(--gri-acik)); max-width: 40em; text-wrap: pretty; }
.metin { color: var(--ikincil, var(--gri-acik)); max-width: 38em; text-wrap: pretty; }
.metin + .metin { margin-top: 1.1em; }
.z-acik .giris-metni, .z-acik .metin { color: #4c473f; }

.bag { display: inline-flex; align-items: center; gap: .55em; font-weight: 600; font-size: .95rem; letter-spacing: .01em; border-bottom: 1px solid currentColor; padding-bottom: 3px; transition: color .25s, gap .3s var(--egri); }
.bag svg { width: 18px; height: 18px; transition: transform .35s var(--egri); }
.bag:hover { color: var(--pirinc-acik); }
.z-acik .bag:hover, .z-traverten .bag:hover { color: var(--pirinc-koyu); }
.bag:hover svg { transform: translateX(4px); }

/* ── Düğmeler ──────────────────────────────────────────────── */
.dugme {
  --d-zemin: var(--fildisi); --d-yazi: var(--oniks);
  position: relative; display: inline-flex; align-items: center; justify-content: center; gap: .7em;
  min-height: 52px; padding: 0 28px;
  background: var(--d-zemin); color: var(--d-yazi);
  font: 600 .82rem/1 var(--sans); letter-spacing: .14em; text-transform: uppercase;
  border: 1px solid var(--d-zemin); border-radius: 0; white-space: nowrap;
  overflow: hidden; isolation: isolate;
  transition: color .45s var(--egri), border-color .45s var(--egri);
}
.dugme svg { width: 18px; height: 18px; flex: none; }
.dugme::before { content: ''; position: absolute; inset: 0; background: var(--oniks); transform: translateY(101%); transition: transform .5s var(--egri); z-index: -1; }
.dugme:hover::before, .dugme:focus-visible::before { transform: none; }
.dugme:hover, .dugme:focus-visible { color: var(--fildisi); border-color: var(--fildisi); }
.dugme--pirinc { --d-zemin: var(--pirinc); --d-yazi: var(--oniks); }
.dugme--pirinc:hover, .dugme--pirinc:focus-visible { border-color: var(--pirinc); color: var(--pirinc-acik); }
.dugme--cizgi { --d-zemin: transparent; --d-yazi: var(--fildisi); border-color: rgba(244, 240, 233, .4); }
.dugme--cizgi::before { background: var(--fildisi); }
.dugme--cizgi:hover, .dugme--cizgi:focus-visible { color: var(--oniks); border-color: var(--fildisi); }
.z-acik .dugme, .z-traverten .dugme { --d-zemin: var(--murekkep); --d-yazi: var(--fildisi); }
.z-acik .dugme::before, .z-traverten .dugme::before { background: var(--pirinc); }
.z-acik .dugme:hover, .z-traverten .dugme:hover { color: var(--oniks); border-color: var(--pirinc); }
.z-acik .dugme--cizgi, .z-traverten .dugme--cizgi { --d-zemin: transparent; --d-yazi: var(--murekkep); border-color: rgba(27, 25, 22, .35); }
.z-acik .dugme--cizgi::before, .z-traverten .dugme--cizgi::before { background: var(--murekkep); }
.z-acik .dugme--cizgi:hover, .z-traverten .dugme--cizgi:hover { color: var(--fildisi); border-color: var(--murekkep); }
.dugme--kucuk { min-height: 42px; padding: 0 20px; font-size: .74rem; }
.dugme-grup { display: flex; flex-wrap: wrap; gap: 14px; }

/* ── Görsel ─────────────────────────────────────────────────── */
.foto { width: 100%; height: 100%; object-fit: cover; }
html.js .foto:not(.foto--lqip) { opacity: 0; transition: opacity .7s var(--egri); }
html.js .foto.foto--hazir { opacity: 1; }

/* Bölüm başlığı (etiket + başlık + metin) */
.bas { display: grid; gap: 22px; max-width: 980px; }
.bas--orta { margin-inline: auto; text-align: center; justify-items: center; }
.bas + * { margin-top: clamp(40px, 5vw, 72px); }

/* Ince ayraç çizgisi */
.ayrac { height: 1px; background: var(--cizgi); border: 0; margin: 0; }

/* ── kaynak/stil/02-ust-alt.css ──────────────────────────────────────────── */
/* Üst bilgi, perde menü, alt bilgi, yüzen WhatsApp. */

/* ── Logo (satır içi SVG; yazı currentColor) ─────────────────── */
.logo { display: block; height: 100%; width: auto; }
.logo .logo-k1 { fill: #a3263a; }
.logo .logo-k2 { fill: #c23649; }

/* ── Üst bilgi ─────────────────────────────────────────────── */
.ust {
  position: fixed; inset: 0 0 auto; z-index: 100; height: var(--ust-boy);
  color: var(--fildisi);
  transition: background-color .45s var(--egri), border-color .45s, transform .5s var(--egri), backdrop-filter .45s;
  border-bottom: 1px solid transparent;
}
.ust::before { content: ''; position: absolute; inset: 0 0 -30px; background: linear-gradient(rgba(13, 12, 11, .55), rgba(13, 12, 11, 0)); pointer-events: none; transition: opacity .45s; }
.ust.is-kaydi { background: rgba(13, 12, 11, .84); -webkit-backdrop-filter: blur(14px) saturate(1.15); backdrop-filter: blur(14px) saturate(1.15); border-bottom-color: var(--cizgi-koyu); }
.ust.is-kaydi::before { opacity: 0; }
.ust.is-gizli { transform: translateY(-101%); }
body.menu-acik .ust { transform: none; background: transparent; border-color: transparent; -webkit-backdrop-filter: none; backdrop-filter: none; }
body.menu-acik .ust::before { opacity: 0; }
.ust__ic { position: relative; display: flex; align-items: center; gap: clamp(16px, 2.4vw, 40px); height: 100%; }
.ust__marka { flex: none; height: 38px; display: block; }
.ust__marka:hover .logo-k2 { fill: #d64458; }
.menu { flex: 1; display: none; }
.menu__liste { display: flex; justify-content: center; gap: clamp(14px, 1.7vw, 30px); }
.menu__bag { position: relative; display: block; padding: 10px 0; font-size: .74rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: rgba(244, 240, 233, .78); transition: color .3s; white-space: nowrap; }
.menu__bag::after { content: ''; position: absolute; left: 0; right: 0; bottom: 4px; height: 1px; background: var(--pirinc); transform: scaleX(0); transform-origin: right; transition: transform .45s var(--egri); }
.menu__bag:hover, .menu__bag[aria-current="page"] { color: var(--fildisi); }
.menu__bag:hover::after, .menu__bag[aria-current="page"]::after { transform: none; transform-origin: left; }
.ust__sag { margin-left: auto; display: flex; align-items: center; gap: 18px; }
.ust__tel { display: none; align-items: center; gap: 8px; font-size: .86rem; font-weight: 600; letter-spacing: .04em; white-space: nowrap; }
.ust__tel svg { width: 17px; height: 17px; color: var(--pirinc); }
.ust__tel:hover { color: var(--pirinc-acik); }
.ust__kesif { display: none; }
.menu-dugme { display: inline-flex; align-items: center; gap: 12px; height: 44px; padding: 0 2px; font-size: .74rem; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; }
.menu-dugme__cizgiler { position: relative; width: 26px; height: 12px; }
.menu-dugme__cizgiler span { position: absolute; left: 0; right: 0; height: 1.5px; background: currentColor; transition: transform .5s var(--egri), top .5s var(--egri); }
.menu-dugme__cizgiler span:first-child { top: 0; }
.menu-dugme__cizgiler span:last-child { top: 10.5px; left: 8px; }
.menu-dugme[aria-expanded="true"] .menu-dugme__cizgiler span:first-child { top: 5px; transform: rotate(45deg); }
.menu-dugme[aria-expanded="true"] .menu-dugme__cizgiler span:last-child { top: 5px; left: 0; transform: rotate(-45deg); }
@media (min-width: 640px) { .ust__kesif { display: inline-flex; } }
@media (min-width: 1180px) {
  .menu { display: block; }
  .menu-dugme { display: none; }
}
@media (min-width: 1500px) { .ust__tel { display: inline-flex; } }
@media (max-width: 1179px) { :root { --ust-boy: 68px; } .ust__marka { height: 32px; } }

/* ── Perde menü (< 1180 px) ─────────────────────────────────── */
.perde-menu { position: fixed; inset: 0; z-index: 90; color: var(--fildisi); overflow-y: auto; overscroll-behavior: contain; }
.perde-menu__zemin { position: absolute; inset: 0; background: var(--oniks); }
.perde-menu__zemin::after { content: ''; position: absolute; inset: 0; background: url(/assets/img/foto/nero-960.webp?v=c9f1c6f7) center / cover; opacity: .16; mix-blend-mode: screen; }
.perde-menu__ic { position: relative; min-height: 100%; display: flex; flex-direction: column; justify-content: space-between; gap: 40px; padding-top: calc(var(--ust-boy) + 4vh); padding-bottom: 32px; }
.perde-menu__liste { display: grid; gap: 2px; }
.perde-menu__bag { display: flex; align-items: baseline; gap: 18px; padding: 6px 0; font: 400 clamp(2rem, 8.4vw, 3.6rem)/1.06 var(--serif); letter-spacing: -.02em; border-bottom: 1px solid var(--cizgi-koyu); }
.perde-menu__bag[aria-current="page"] { color: var(--pirinc-acik); font-style: italic; }
.perde-menu__no { font: 600 .7rem/1 var(--sans); letter-spacing: .2em; color: var(--pirinc); transform: translateY(-.6em); }
.perde-menu__alt { display: grid; gap: 14px; }
.perde-menu__tel { font: 400 clamp(1.6rem, 6vw, 2.2rem)/1 var(--serif); }
.perde-menu__ek { display: inline-flex; align-items: center; gap: 10px; font-weight: 600; font-size: .9rem; letter-spacing: .08em; text-transform: uppercase; color: var(--pirinc-acik); }
.perde-menu__ek svg { width: 20px; height: 20px; }
.perde-menu__adres { color: var(--gri-acik); font-size: .9rem; }
html.hareket .perde-menu { clip-path: inset(0 0 100% 0); transition: clip-path .7s var(--egri-yumusak); }
html.hareket .perde-menu.is-acik { clip-path: inset(0 0 0 0); }
html.hareket .perde-menu__liste li { opacity: 0; transform: translateY(40px); transition: opacity .6s var(--egri), transform .8s var(--egri); transition-delay: calc(.18s + var(--i) * 55ms); }
html.hareket .perde-menu.is-acik .perde-menu__liste li { opacity: 1; transform: none; }
html.hareket .perde-menu__alt { opacity: 0; transition: opacity .6s .5s; }
html.hareket .perde-menu.is-acik .perde-menu__alt { opacity: 1; }
body.menu-acik { overflow: hidden; }

/* ── Alt bilgi ─────────────────────────────────────────────── */
.alt { position: relative; background: var(--oniks-2); color: var(--fildisi); padding: clamp(72px, 9vw, 128px) 0 28px; overflow: hidden; isolation: isolate; }
.alt__doku { position: absolute; inset: 0; z-index: -1; background: url(/assets/img/foto/nero-2-960.webp?v=98450567) center / cover; opacity: .09; }
.alt__doku::after { content: ''; position: absolute; inset: 0; background: linear-gradient(var(--oniks-2) 0%, transparent 40%, var(--oniks-2) 100%); }
.alt__ust { display: grid; gap: 40px; padding-bottom: clamp(48px, 6vw, 88px); border-bottom: 1px solid var(--cizgi-koyu); }
.alt__slogan { font: 400 clamp(3rem, 8vw, 7.4rem)/.92 var(--serif); letter-spacing: -.03em; }
.alt__slogan em { color: var(--pirinc-acik); }
.alt__cagri { display: grid; gap: 18px; align-content: end; justify-items: start; }
.alt__tel { font: 400 clamp(1.9rem, 3.6vw, 3rem)/1 var(--serif); letter-spacing: -.01em; transition: color .3s; }
.alt__tel:hover { color: var(--pirinc-acik); }
.alt__izgara { display: grid; gap: 40px 32px; padding-block: clamp(44px, 5vw, 72px); grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
.alt__logo { display: block; height: 44px; margin-bottom: 20px; }
.alt__marka p { color: var(--gri-acik); font-size: .9rem; }
.alt__sutun .etiket { margin-bottom: 18px; }
.alt__sutun li + li { margin-top: 8px; }
.alt__sutun a:not(.bag) { color: rgba(244, 240, 233, .82); transition: color .25s; }
.alt__sutun a:not(.bag):hover { color: var(--pirinc-acik); }
.alt__sutun address { color: rgba(244, 240, 233, .82); margin-bottom: 16px; }
.alt__taban { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; padding-top: 22px; border-top: 1px solid var(--cizgi-koyu); font-size: .8rem; letter-spacing: .06em; color: var(--gri-acik); }
/* İLGERU imzası — Köroğlu / Çağöz / Yükselen sitelerindeki "Bu site İLGERU tarafından hazırlanmıştır." ile AYNI söz; paragraf: cümle içi bağlantı (WCAG 2.5.8 istisnası). */
.alt__imza { margin: 0; }
.alt__imza a { color: var(--fildisi); font-weight: 600; text-decoration: none; }
.alt__imza a:hover { color: var(--pirinc-acik); text-decoration: underline; text-underline-offset: 4px; }
@media (min-width: 900px) {
  .alt__ust { grid-template-columns: 1.4fr 1fr; align-items: end; }
  .alt__izgara { grid-template-columns: 1.4fr 1fr 1fr 1fr; }
}

/* ── Yüzen WhatsApp ────────────────────────────────────────── */
.wa-yuzen {
  position: fixed; right: max(16px, env(safe-area-inset-right)); bottom: max(16px, env(safe-area-inset-bottom)); z-index: 80;
  display: inline-flex; align-items: center; gap: 10px; height: 52px; padding: 0 20px 0 16px;
  background: rgba(13, 12, 11, .86); color: var(--fildisi); border: 1px solid rgba(184, 149, 90, .55); border-radius: 999px;
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  font-size: .78rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .35);
  transition: transform .5s var(--egri), opacity .4s, border-color .3s;
}
.wa-yuzen svg { width: 22px; height: 22px; color: #3fd27a; }
.wa-yuzen:hover { border-color: var(--pirinc-acik); }
html.js .wa-yuzen:not(.is-gorunur) { opacity: 0; transform: translateY(20px); pointer-events: none; }
body.menu-acik .wa-yuzen, body.kutu-acik .wa-yuzen { opacity: 0; pointer-events: none; }
@media (max-width: 599px) { .wa-yuzen span { display: none; } .wa-yuzen { width: 52px; padding: 0; justify-content: center; } }

/* ── kaynak/stil/03-hareket.css ──────────────────────────────────────────── */
/* Hareket dili: belirme, görsel perdesi, kelime kelime yükselen başlık, şerit, sayaç.
   Gizli başlangıç durumları YALNIZ html.hareket altındadır (betik yoksa içerik görünür). */

html.hareket [data-reveal]:not([data-reveal="perde"]):not([data-reveal="kelime"]):not([data-reveal="cizgi"]) {
  opacity: 0; transform: translate3d(0, 28px, 0);
  transition: opacity .9s var(--egri), transform 1.1s var(--egri);
  transition-delay: calc(var(--i, 0) * 70ms);
}
html.hareket [data-reveal].is-gorundu:not([data-reveal="perde"]):not([data-reveal="kelime"]):not([data-reveal="cizgi"]) { opacity: 1; transform: none; }

/* Görsel perdesi: kap aşağıdan yukarı açılır, görsel içeride hafifçe küçülür. */
html.hareket [data-reveal="perde"] { clip-path: inset(100% 0 0 0); transition: clip-path 1.25s var(--egri-yumusak); transition-delay: calc(var(--i, 0) * 90ms); }
html.hareket [data-reveal="perde"] img { transform: scale(1.18); transition: transform 1.8s var(--egri); transition-delay: calc(var(--i, 0) * 90ms); }
html.hareket [data-reveal="perde"].is-gorundu { clip-path: inset(0 0 0 0); }
html.hareket [data-reveal="perde"].is-gorundu img { transform: none; }

/* Kelime kelime: site.js her kelimeyi .k > span ile sarar.
   Başlıklarda satır yüksekliği 1em'in altında: Ö Ü İ Ğ'nin noktası/şapkası kutunun ÜSTÜNE, ç ş g'nin
   kuyruğu ALTINA taşar. overflow:hidden onları keser ("Önce" → "Once" basılıyordu) — dolgu + eksi kenar
   boşluğu kırpma alanını büyütür, satır yerleşimi aynı kalır. Kayma, büyüyen alandan da çıkacak kadar. */
[data-reveal="kelime"] .k { display: inline-block; overflow: hidden; vertical-align: top; padding: .24em 0 .34em; margin: -.24em 0 -.34em; }
[data-reveal="kelime"] .k > span { display: inline-block; }
html.hareket [data-reveal="kelime"] .k > span { transform: translate3d(0, 185%, 0); transition: transform 1.1s var(--egri); transition-delay: calc(var(--k, 0) * 60ms + var(--i, 0) * 70ms); }
html.hareket [data-reveal="kelime"].is-gorundu .k > span { transform: none; }

/* Çizgi: soldan sağa */
html.hareket [data-reveal="cizgi"] { position: relative; }
html.hareket [data-reveal="cizgi"]::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: var(--cizgi); transform: scaleX(0); transform-origin: left; transition: transform 1.2s var(--egri); transition-delay: calc(var(--i, 0) * 60ms); }
html.hareket [data-reveal="cizgi"].is-gorundu::before { transform: none; }

/* Geri/ileri ile gelinen sayfada açılış oynamaz */
html.hareket-sessiz [data-reveal] { transition-duration: 0s !important; transition-delay: 0s !important; }
html.hareket-sessiz [data-reveal] * { transition-duration: 0s !important; transition-delay: 0s !important; }

/* ── Şerit (kayan yazı) ─────────────────────────────────────── */
.serit { overflow: hidden; border-block: 1px solid var(--cizgi, var(--cizgi-koyu)); padding-block: clamp(18px, 2.4vw, 30px); white-space: nowrap; }
.serit__ic { display: inline-flex; align-items: center; will-change: transform; }
.serit__k { font: italic 400 clamp(1.9rem, 4.6vw, 4.2rem)/1 var(--serif); letter-spacing: -.01em; padding-inline: clamp(18px, 2.4vw, 36px); }
.serit__ayrac { color: var(--pirinc); font-size: clamp(.9rem, 1.4vw, 1.2rem); }
html.hareket .serit__ic.is-hazir { animation: serit var(--serit-sure, 60s) linear infinite; }
.serit:hover .serit__ic { animation-play-state: paused; }
@keyframes serit { to { transform: translate3d(-50%, 0, 0); } }

/* ── Sayaç ─────────────────────────────────────────────────── */
.sayac { display: grid; gap: 6px; padding-top: 22px; border-top: 1px solid var(--cizgi); }
.sayac__n { font: 400 clamp(3rem, 6vw, 5.4rem)/.9 var(--serif); letter-spacing: -.03em; font-variant-numeric: lining-nums; }
.sayac__ek { font: italic 400 clamp(1.4rem, 2.6vw, 2.2rem)/1 var(--serif); color: var(--pirinc-acik); margin-left: .1em; }
.z-acik .sayac__ek { color: var(--pirinc-koyu); }
.sayac__etiket { font-size: .78rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--ikincil); }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
}

/* ── kaynak/stil/04-bilesenler.css ───────────────────────────────────────── */
/* Ortak bileşenler: taş kartı, görsel kutusu, referans duvarı, yorumlar, ilkeler, süreç, şerit (rail),
   ışık kutusu, seçim düğmeleri, form. */

/* ── Taş kartı ─────────────────────────────────────────────── */
.tas__ac { display: block; width: 100%; text-align: left; }
.tas__doku { position: relative; display: block; aspect-ratio: 4 / 5; overflow: hidden; background: var(--renk); }
.tas__doku .foto { transition: transform 1.4s var(--egri), filter .6s; }
.tas__parilti { position: absolute; inset: -20%; background: linear-gradient(112deg, transparent 38%, rgba(255, 255, 255, .34) 50%, transparent 62%); transform: translateX(-75%); transition: transform 1.3s var(--egri); mix-blend-mode: soft-light; pointer-events: none; }
.tas__doku::after { content: ''; position: absolute; inset: 0; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08); pointer-events: none; }
.tas__ac:hover .tas__doku .foto, .tas__ac:focus-visible .tas__doku .foto { transform: scale(1.07); }
.tas__ac:hover .tas__parilti, .tas__ac:focus-visible .tas__parilti { transform: translateX(75%); }
.tas__yazi { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; padding-top: 14px; }
.tas__ad { font: 400 clamp(1.15rem, 1.5vw, 1.45rem)/1.15 var(--serif); }
.tas__aile { font-size: .68rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--ikincil); white-space: nowrap; }

/* ── Görsel kutusu (ışık kutusunu açar) ─────────────────────── */
.gk { position: relative; display: block; width: 100%; overflow: hidden; background: var(--renk); aspect-ratio: var(--oran, auto); cursor: zoom-in; }
.gk .foto { transition: transform 1.2s var(--egri); }
.gk:hover .foto, .gk:focus-visible .foto { transform: scale(1.045); }
.gk__buyut { position: absolute; top: 14px; right: 14px; width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; background: rgba(13, 12, 11, .62); color: var(--fildisi); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); opacity: 0; transform: scale(.8); transition: opacity .35s, transform .45s var(--egri); }
.gk__buyut svg { width: 18px; height: 18px; }
.gk:hover .gk__buyut, .gk:focus-visible .gk__buyut { opacity: 1; transform: none; }
.gk__yazi { position: absolute; left: 0; right: 0; bottom: 0; padding: 40px 18px 14px; text-align: left; color: var(--fildisi); font-size: .82rem; font-weight: 500; letter-spacing: .02em; background: linear-gradient(transparent, rgba(8, 7, 6, .72)); }
@media (hover: none) { .gk__buyut { opacity: .9; transform: none; width: 36px; height: 36px; } }

/* ── Referans duvarı ───────────────────────────────────────── */
.ref-duvar { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(150px, 42vw), 1fr)); border-top: 1px solid var(--cizgi); border-left: 1px solid var(--cizgi); }
.ref { position: relative; aspect-ratio: 2 / 1.15; display: grid; place-items: center; padding: 6% 8%; border-right: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); background: #fff; }
.ref .foto { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; filter: grayscale(1) contrast(1.1); opacity: .62; transition: filter .5s, opacity .5s; }
.ref:hover .foto { filter: none; opacity: 1; }
.z-acik .ref, .z-traverten .ref { background: #fbf9f6; }

/* ── Yorumlar ──────────────────────────────────────────────── */
.yorum { position: relative; display: grid; gap: clamp(28px, 4vw, 48px); }
.yorum__tirnak { display: block; font: 400 clamp(5.5rem, 9vw, 8rem)/1 var(--serif); color: var(--pirinc); height: .62em; margin-top: -.08em; }
.yorum__sahne { display: grid; }
.yorum__oge { grid-area: 1 / 1; }
html.js .yorum__oge { opacity: 0; transform: translateY(14px); transition: opacity .8s var(--egri), transform .9s var(--egri); }
html.js .yorum__oge.is-aktif { opacity: 1; transform: none; }
html.js .yorum__oge[hidden] { display: block !important; visibility: hidden; }
.yorum__metin p { font: 400 clamp(1.5rem, 2.9vw, 2.5rem)/1.28 var(--serif); letter-spacing: -.01em; text-wrap: pretty; }
.yorum__ad { margin-top: 26px; font-size: .78rem; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--pirinc); }
.yorum__sekmeler { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.yorum__sekme { display: grid; gap: 12px; text-align: left; font-size: .8rem; font-weight: 600; letter-spacing: .06em; color: var(--ikincil); transition: color .3s; padding-bottom: 4px; }
.yorum__sekme[aria-selected="true"] { color: inherit; }
.yorum__cubuk { display: block; height: 1px; background: var(--cizgi); overflow: hidden; }
.yorum__cubuk span { display: block; height: 100%; background: var(--pirinc); transform: scaleX(0); transform-origin: left; }
.yorum__sekme[aria-selected="true"] .yorum__cubuk span { animation: yorum-ilerle var(--yorum-sure, 9s) linear forwards; }
.yorum.is-durdu .yorum__sekme[aria-selected="true"] .yorum__cubuk span { animation: none; transform: none; }
@keyframes yorum-ilerle { to { transform: none; } }

/* ── İlkeler ───────────────────────────────────────────────── */
.ilkeler { display: grid; gap: 1px; grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)); background: var(--cizgi); border: 1px solid var(--cizgi); }
.ilke { padding: clamp(26px, 3vw, 40px); background: var(--zemin, var(--oniks)); display: grid; gap: 12px; align-content: start; }
.z-acik .ilke { --zemin: var(--kagit); }
.z-traverten .ilke { --zemin: var(--traverten); }
.z-koyu2 .ilke { --zemin: var(--oniks-2); }
.ilke__ikon { width: 40px; height: 40px; color: var(--pirinc); margin-bottom: 14px; }
.ilke__ad { font: 400 1.6rem/1.1 var(--serif); }
.ilke p { color: var(--ikincil); font-size: .95rem; }

/* ── Süreç ─────────────────────────────────────────────────── */
.surec { display: grid; gap: clamp(28px, 3vw, 44px) clamp(20px, 2.4vw, 36px); grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); counter-reset: s; }
.surec__adim { display: grid; gap: 12px; align-content: start; padding-top: 22px; border-top: 1px solid var(--cizgi); }
.surec__no { font: 400 clamp(3.6rem, 6vw, 5.6rem)/.85 var(--serif); color: transparent; -webkit-text-stroke: 1px var(--pirinc); letter-spacing: -.02em; }
.surec__ad { font: 400 1.7rem/1.1 var(--serif); }
.surec__adim p { color: var(--ikincil); font-size: .95rem; }

/* ── Yatay şerit (rail) ────────────────────────────────────── */
.rail { position: relative; }
.rail__bas { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: clamp(28px, 3.4vw, 48px); }
.rail__denetim { display: flex; gap: 8px; }
.rail__dugme { width: 52px; height: 52px; display: grid; place-items: center; border: 1px solid var(--cizgi); border-radius: 50%; transition: background .3s, color .3s, border-color .3s, opacity .3s; }
.rail__dugme svg { width: 20px; height: 20px; }
.rail__dugme:hover:not(:disabled) { background: var(--fildisi); color: var(--oniks); border-color: var(--fildisi); }
.z-acik .rail__dugme:hover:not(:disabled) { background: var(--murekkep); color: var(--fildisi); }
.rail__dugme:disabled { opacity: .3; cursor: default; }
.rail__goruntu { overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; cursor: grab; padding-inline: var(--kenar); scroll-padding-inline: var(--kenar); }
.rail__goruntu::-webkit-scrollbar { display: none; }
.rail__goruntu.is-surukle { cursor: grabbing; scroll-snap-type: none; }
.rail__goruntu.is-surukle * { pointer-events: none; }
.rail__liste { display: flex; gap: clamp(14px, 1.6vw, 24px); width: max-content; }
.rail__oge { width: var(--rail-oge, clamp(260px, 30vw, 440px)); scroll-snap-align: start; flex: none; }
.rail__ilerleme { margin: clamp(26px, 3vw, 40px) var(--kenar) 0; height: 1px; background: var(--cizgi); overflow: hidden; }
.rail__ilerleme span { display: block; height: 100%; width: 100%; background: var(--pirinc); transform-origin: left; transform: scaleX(var(--ilerleme, .1)); transition: transform .2s linear; }
.rail__alt { margin-top: 14px; display: grid; gap: 2px; }
.rail__alt strong { font: 400 1.25rem/1.2 var(--serif); }
.rail__alt span { font-size: .78rem; letter-spacing: .1em; text-transform: uppercase; color: var(--ikincil); }

/* ── Seçim düğmeleri (süzgeç) ──────────────────────────────── */
.secimler { display: flex; flex-wrap: wrap; gap: 8px; }
.secim { display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 0 18px; border: 1px solid var(--cizgi); border-radius: 999px; font-size: .8rem; font-weight: 600; letter-spacing: .06em; transition: background .3s, color .3s, border-color .3s; }
.secim:hover { border-color: currentColor; }
.secim[aria-pressed="true"] { background: var(--fildisi); color: var(--oniks); border-color: var(--fildisi); }
.z-acik .secim[aria-pressed="true"], .z-traverten .secim[aria-pressed="true"] { background: var(--murekkep); color: var(--fildisi); border-color: var(--murekkep); }
.secim__sayi { font-size: .7rem; opacity: .6; font-variant-numeric: tabular-nums; }
.secim__nokta { width: 14px; height: 14px; border-radius: 50%; background: var(--nokta); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .2); }

/* ── Form ─────────────────────────────────────────────────── */
.form { display: grid; gap: 26px; }
.form__iki { display: grid; gap: 26px; }
@media (min-width: 700px) { .form__iki { grid-template-columns: 1fr 1fr; } }
.alan { display: grid; gap: 8px; }
.alan label { font-size: .72rem; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--ikincil); }
.alan input, .alan select, .alan textarea {
  width: 100%; padding: 12px 0 14px; background: transparent; border: 0; border-bottom: 1px solid var(--cizgi); border-radius: 0;
  font-size: 1.1rem; color: inherit; transition: border-color .3s;
  -webkit-appearance: none; appearance: none;
}
.alan select { background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(-45deg, transparent 50%, currentColor 50%); background-position: calc(100% - 12px) 55%, calc(100% - 6px) 55%; background-size: 6px 6px; background-repeat: no-repeat; padding-right: 30px; }
.alan select option { color: #111; }
.alan textarea { resize: vertical; min-height: 110px; line-height: 1.5; }
.alan input:focus, .alan select:focus, .alan textarea:focus { outline: none; border-bottom-color: var(--pirinc); }
.alan input::placeholder, .alan textarea::placeholder { color: var(--ikincil); opacity: .55; }
.form__not { font-size: .85rem; color: var(--ikincil); }
.form__hata { color: #e2a092; font-size: .9rem; }

/* ── Işık kutusu ───────────────────────────────────────────── */
.ik { position: fixed; inset: 0; z-index: 150; display: grid; grid-template-rows: auto 1fr auto; background: rgba(9, 8, 7, .97); color: var(--fildisi); }
.ik__ust { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px var(--kenar); }
.ik__sayac { font-size: .78rem; font-weight: 600; letter-spacing: .2em; font-variant-numeric: tabular-nums; color: var(--gri-acik); }
.ik__dugme { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--cizgi-koyu); transition: background .3s, color .3s; }
.ik__dugme svg { width: 22px; height: 22px; }
.ik__dugme:hover { background: var(--fildisi); color: var(--oniks); }
.ik__sahne { position: relative; display: grid; place-items: center; min-height: 0; padding: 0 clamp(8px, 7vw, 120px); touch-action: pan-y; }
.ik__gorsel { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; opacity: 0; transform: scale(.985); transition: opacity .45s var(--egri), transform .6s var(--egri); user-select: none; -webkit-user-drag: none; }
.ik__gorsel.is-hazir { opacity: 1; transform: none; }
.ik__ok { position: absolute; top: 50%; transform: translateY(-50%); }
.ik__ok--geri { left: clamp(8px, 2vw, 32px); }
.ik__ok--ileri { right: clamp(8px, 2vw, 32px); }
.ik__alt { padding: 14px var(--kenar) max(20px, env(safe-area-inset-bottom)); text-align: center; min-height: 58px; }
.ik__yazi { font: 400 1.1rem/1.4 var(--serif); color: rgba(244, 240, 233, .88); }
html.hareket .ik { animation: ik-gir .45s var(--egri); }
@keyframes ik-gir { from { opacity: 0; } }
@media (max-width: 699px) { .ik__ok { top: auto; bottom: 12px; transform: none; width: 46px; height: 46px; } .ik__sahne { padding: 0 6px 70px; } }
body.kutu-acik { overflow: hidden; }

/* ── Bölüm sonu çağrısı ────────────────────────────────────── */
.cagri { position: relative; isolation: isolate; overflow: hidden; text-align: center; }
.cagri__doku { position: absolute; inset: 0; z-index: -1; }
.cagri__doku .foto { opacity: .9; }
.cagri__doku::after { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at center, rgba(239, 233, 223, .55), rgba(239, 233, 223, .92) 70%); }
.cagri .bas { margin-inline: auto; justify-items: center; }
.cagri .dugme-grup { justify-content: center; margin-top: 12px; }

/* Dar ekranda uzun düğme metni satıra sığmazsa kırılır (taşma olmasın) */
@media (max-width: 599px) {
  .dugme { white-space: normal; text-align: center; line-height: 1.25; padding-block: 12px; }
  .hesap__sonuc .dugme, .iletisim__form .dugme { width: 100%; }
}

/* ── kaynak/stil/05-anasayfa.css ─────────────────────────────────────────── */
/* Anasayfa: açılış, biz, aileler akordeonu, mini stüdyo, porselen yelpazesi, hizmet sahnesi, taahhüt. */

/* ── Açılış ────────────────────────────────────────────────── */
.kahraman { position: relative; min-height: 100vh; min-height: 100svh; display: grid; grid-template-rows: 1fr auto; overflow: hidden; isolation: isolate; background: #060606; color: var(--fildisi); }
.kahraman__tas { position: absolute; inset: 0; z-index: -1; }
.kahraman__gorsel { position: absolute; inset: -4%; transform: translate3d(var(--px, 0px), var(--py, 0px), 0); transition: transform 1.6s var(--egri); }
.kahraman__gorsel .foto { filter: brightness(.86) contrast(1.06) saturate(.9); }
html.hareket .kahraman__gorsel .foto { animation: kahraman-acil 3.2s var(--egri) both; }
@keyframes kahraman-acil { from { transform: scale(1.14); filter: brightness(.3) contrast(1.06) saturate(.9); } }
.kahraman__isik { position: absolute; inset: 0; pointer-events: none;
  background:
    radial-gradient(circle at var(--x, 68%) var(--y, 32%), rgba(255, 249, 236, .34), rgba(255, 249, 236, .1) 16%, transparent 40%),
    radial-gradient(ellipse 16% 10% at var(--x, 68%) var(--y, 32%), rgba(255, 255, 255, .22), transparent 70%);
  mix-blend-mode: overlay; }
.kahraman__parlama { position: absolute; inset: -10%; pointer-events: none; background: linear-gradient(104deg, transparent 42%, rgba(255, 250, 240, .16) 50%, transparent 58%); mix-blend-mode: screen; transform: translateX(-80%); }
html.hareket .kahraman__parlama { animation: parlama 3.4s 1.1s var(--egri-yumusak) both; }
@keyframes parlama { to { transform: translateX(80%); } }
.kahraman__damar { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .9; filter: drop-shadow(0 0 5px rgba(232, 200, 140, .55)); }
.damar { stroke-width: 1.6; vector-effect: non-scaling-stroke; }
.damar--2, .damar--3 { stroke-width: 1.1; opacity: .8; }
.damar--4 { stroke-width: .9; opacity: .7; }
html.hareket .damar { stroke-dasharray: var(--uz, 2000); stroke-dashoffset: var(--uz, 2000); }
html.hareket .kahraman.is-hazir .damar { animation: damar-ciz 3.6s var(--egri-yumusak) forwards; }
html.hareket .kahraman.is-hazir .damar--2 { animation-delay: 1.5s; animation-duration: 2.4s; }
html.hareket .kahraman.is-hazir .damar--3 { animation-delay: 2.1s; animation-duration: 2.4s; }
html.hareket .kahraman.is-hazir .damar--4 { animation-delay: 1.8s; animation-duration: 1.6s; }
@keyframes damar-ciz { to { stroke-dashoffset: 0; } }
.kahraman__perde { position: absolute; inset: 0; pointer-events: none;
  background:
    linear-gradient(90deg, rgba(8, 7, 6, .9) 0%, rgba(8, 7, 6, .62) 38%, rgba(8, 7, 6, .12) 72%, rgba(8, 7, 6, .3) 100%),
    linear-gradient(to top, rgba(8, 7, 6, .85) 0%, transparent 32%),
    linear-gradient(to bottom, rgba(8, 7, 6, .55) 0%, transparent 22%); }
.kahraman__ic { align-self: center; padding-top: calc(var(--ust-boy) + 7vh); padding-bottom: 5vh; }
.kahraman__baslik { max-width: 9.5ch; margin: 28px 0 32px; }
.kahraman__baslik em { color: var(--pirinc-acik); }
.kahraman__giris { max-width: 33em; font-size: clamp(1.05rem, 1.35vw, 1.26rem); line-height: 1.6; color: rgba(244, 240, 233, .8); }
.kahraman__dugmeler { margin-top: 40px; }
html.hareket .kahraman__etiket, html.hareket .kahraman__giris, html.hareket .kahraman__dugmeler, html.hareket .kahraman__alt { animation: yuksel 1.2s var(--egri) both; }
html.hareket .kahraman__etiket { animation-delay: .35s; }
html.hareket .kahraman__giris { animation-delay: 1.05s; }
html.hareket .kahraman__dugmeler { animation-delay: 1.25s; }
html.hareket .kahraman__alt { animation-delay: 1.6s; }
@keyframes yuksel { from { opacity: 0; transform: translate3d(0, 24px, 0); } }
html.hareket .kahraman__baslik[data-reveal="kelime"] .k > span { transition-delay: calc(.5s + var(--k, 0) * 110ms); transition-duration: 1.4s; }
.kahraman__alt { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; padding-bottom: clamp(22px, 3.4vh, 36px); }
.kahraman__aileler { display: flex; flex-wrap: wrap; gap: 8px 30px; }
.kahraman__aileler a { font-size: .72rem; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; color: rgba(244, 240, 233, .62); transition: color .3s; }
.kahraman__aileler a:hover { color: var(--pirinc-acik); }
.kahraman__kaydir { display: grid; justify-items: center; gap: 12px; font-size: .66rem; font-weight: 600; letter-spacing: .26em; text-transform: uppercase; color: rgba(244, 240, 233, .62); }
.kahraman__kaydir-cizgi { position: relative; width: 1px; height: 56px; background: rgba(244, 240, 233, .2); overflow: hidden; }
.kahraman__kaydir-cizgi::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 40%; background: var(--pirinc-acik); animation: kaydir 2.2s var(--egri-yumusak) infinite; }
@keyframes kaydir { from { transform: translateY(-100%); } to { transform: translateY(260%); } }
@media (max-width: 699px) {
  .kahraman__aileler { display: none; }
  .kahraman__alt { justify-content: center; }
  .kahraman__perde { background: linear-gradient(to top, rgba(8, 7, 6, .92) 0%, rgba(8, 7, 6, .55) 55%, rgba(8, 7, 6, .5) 100%); }
  .kahraman__ic { align-self: end; }
}

/* ── Biz ───────────────────────────────────────────────────── */
.biz__izgara { row-gap: clamp(36px, 5vw, 72px); }
.biz__bas, .biz__metin, .biz__gorsel, .biz__sayaclar { grid-column: 1 / -1; }
.biz__bas { display: grid; gap: 26px; align-content: start; }
.biz__metin { display: grid; gap: 22px; align-content: end; }
.biz__kare { aspect-ratio: 16 / 9; overflow: hidden; background: #8a8a83; }
.biz__gorsel figcaption { margin-top: 14px; font-size: .82rem; letter-spacing: .04em; color: var(--gri); }
.biz__sayaclar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 24px; }
@media (min-width: 1000px) {
  .biz__bas { grid-column: 1 / span 6; grid-row: 1; }
  .biz__metin { grid-column: 8 / span 5; grid-row: 1 / span 2; align-content: start; }
  .biz__sayaclar { grid-column: 1 / span 6; grid-row: 2; align-self: end; gap: 40px 32px; }
  .biz__gorsel { grid-row: 3; }
  .biz__kare { aspect-ratio: 21 / 9; }
}

/* ── Aileler akordeonu ─────────────────────────────────────── */
.aileler__bas { max-width: 860px; }
.aile-akordeon { display: flex; flex-direction: column; gap: 10px; }
.aile-panel { position: relative; height: 52vh; min-height: 320px; max-height: 520px; overflow: hidden; background: var(--renk); }
.aile-panel__bag { position: absolute; inset: 0; display: block; color: var(--fildisi); }
.aile-panel__doku { position: absolute; inset: 0; }
.aile-panel__doku .foto { transition: transform 1.6s var(--egri), filter .8s; filter: brightness(.95); }
.aile-panel__doku::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(8, 7, 6, .88) 0%, rgba(8, 7, 6, .35) 45%, rgba(8, 7, 6, .05) 70%); transition: opacity .8s; }
.aile-panel__no { position: absolute; top: 22px; left: 24px; font-size: .74rem; font-weight: 600; letter-spacing: .2em; color: rgba(244, 240, 233, .8); }
.aile-panel__yazi { position: absolute; left: 0; right: 0; bottom: 0; padding: 26px 24px; display: grid; gap: 10px; }
.aile-panel__ust { font-size: .68rem; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; color: var(--pirinc-acik); }
.aile-panel__ad { font: 400 clamp(2.2rem, 3.4vw, 3.6rem)/.95 var(--serif); letter-spacing: -.02em; }
.aile-panel__kisa { max-width: 26em; font-size: .95rem; color: rgba(244, 240, 233, .8); }
.aile-panel__sayi { display: inline-flex; align-items: center; gap: 10px; font-size: .74rem; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; }
.aile-panel__sayi svg { width: 18px; height: 18px; transition: transform .4s var(--egri); }
.aile-panel__bag:hover .aile-panel__sayi svg { transform: translateX(5px); }
.aile-panel__bag:hover .aile-panel__doku .foto, .aile-panel__bag:focus-visible .aile-panel__doku .foto { transform: scale(1.06); }
@media (min-width: 900px) {
  .aile-akordeon { flex-direction: row; height: min(76vh, 720px); min-height: 520px; }
  .aile-panel { height: auto; max-height: none; flex: 1 1 0; min-width: 0; transition: flex 1.1s var(--egri-yumusak); }
  .aile-panel.is-acik { flex: 3.4 1 0; }
  .aile-panel__yazi { padding: 30px 28px; }
  .aile-panel__kisa, .aile-panel__sayi { opacity: 0; transform: translateY(10px); transition: opacity .5s, transform .7s var(--egri); white-space: normal; }
  .aile-panel.is-acik .aile-panel__kisa, .aile-panel.is-acik .aile-panel__sayi { opacity: 1; transform: none; transition-delay: .35s; }
  .aile-panel__kisa { width: 26em; }
  .aile-panel:not(.is-acik) .aile-panel__ad { font-size: clamp(1.6rem, 2.1vw, 2.2rem); }
  .aile-panel__ad { transition: font-size .9s var(--egri-yumusak); white-space: nowrap; }
}

/* ── Mini stüdyo ───────────────────────────────────────────── */
.studyo-on__bas { display: grid; gap: 28px; }
.studyo-on__yan { display: grid; gap: 18px; justify-items: start; }
@media (min-width: 1000px) { .studyo-on__bas { grid-template-columns: 1.3fr .7fr; align-items: end; } }
.sahne-mini { margin-top: clamp(40px, 5vw, 64px); display: grid; gap: 26px; }
.sahne-mini__kare { position: relative; aspect-ratio: 2048 / 1108; overflow: hidden; background: #d6d1c8; box-shadow: 0 40px 80px -40px rgba(27, 25, 22, .45); }
.sahne-mini__katman { position: absolute; inset: 0; opacity: 0; transition: opacity .9s var(--egri); }
.sahne-mini__katman.is-aktif { opacity: 1; }
.sahne-mini__katman .foto { transition: none; opacity: 1; }
.sahne-mini__etiket { position: absolute; left: clamp(12px, 2vw, 24px); bottom: clamp(12px, 2vw, 22px); display: flex; align-items: baseline; gap: 14px; padding: 12px 18px; background: rgba(13, 12, 11, .78); color: var(--fildisi); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.sahne-mini__etiket span:first-child { font: 400 1.5rem/1 var(--serif); }
.sahne-mini__etiket span:last-child { font-size: .66rem; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--pirinc-acik); }
.sahne-mini__etiket span:last-child:empty { display: none; }
.nokta-liste { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.nokta { position: relative; width: 50px; height: 50px; border-radius: 50%; background: var(--doku) 50% 50% / 220% auto, #888; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .14); transition: transform .4s var(--egri), box-shadow .4s; }
.nokta:hover { transform: translateY(-3px); }
.nokta[aria-pressed="true"] { box-shadow: 0 0 0 3px var(--traverten), 0 0 0 4.5px var(--murekkep); }
.nokta__ad { position: absolute; left: 50%; bottom: calc(100% + 10px); transform: translate(-50%, 6px); padding: 6px 10px; background: var(--murekkep); color: var(--fildisi); font-size: .7rem; font-weight: 600; letter-spacing: .08em; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity .25s, transform .35s var(--egri); }
.nokta:hover .nokta__ad, .nokta:focus-visible .nokta__ad { opacity: 1; transform: translate(-50%, 0); }
@media (max-width: 599px) { .nokta { width: 42px; height: 42px; } .nokta-liste { gap: 9px; } }

/* ── Porselen ──────────────────────────────────────────────── */
.porselen { overflow: hidden; }
.porselen__izgara { row-gap: 56px; align-items: center; }
.porselen__metin, .porselen__sahne { grid-column: 1 / -1; }
.porselen__metin { display: grid; gap: 26px; justify-items: start; }
.artilar { width: 100%; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)); column-gap: 32px; margin: 10px 0 6px; }
.artilar li { display: flex; align-items: baseline; gap: 16px; padding: 15px 0; font-size: 1rem; }
.arti__no { font-size: .68rem; font-weight: 600; letter-spacing: .16em; color: var(--pirinc); font-variant-numeric: tabular-nums; }
.porselen__not { font-size: .78rem; letter-spacing: .06em; color: var(--gri-acik); }
.yelpaze { position: relative; height: clamp(460px, 50vw, 680px); }
.yelpaze__plaka { position: absolute; left: 50%; bottom: 16%; width: clamp(170px, 19vw, 290px); transform-origin: 50% 150%;
  transform: translateX(-50%) rotate(calc((var(--i) - 2) * 11deg)); transition: transform 1.4s var(--egri); transition-delay: calc(var(--i) * 80ms); z-index: calc(10 - var(--i)); }
.yelpaze__plaka:nth-child(3) { z-index: 12; }
.yelpaze__plaka:nth-child(2), .yelpaze__plaka:nth-child(4) { z-index: 11; }
.yelpaze__kare { display: block; aspect-ratio: 573 / 777; overflow: hidden; background: var(--renk); box-shadow: 0 40px 70px -20px rgba(0, 0, 0, .7), 0 0 0 1px rgba(255, 255, 255, .06); }
.yelpaze__ad { position: absolute; left: 0; right: 0; bottom: -34px; text-align: center; font-size: .66rem; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--gri-acik); opacity: 0; transition: opacity .5s; }
.yelpaze__plaka:hover { transform: translateX(-50%) rotate(calc((var(--i) - 2) * 11deg)) translateY(-26px); transition-delay: 0s; transition-duration: .6s; }
.yelpaze__plaka:hover .yelpaze__ad { opacity: 1; }
html.hareket .yelpaze:not(.is-acik) .yelpaze__plaka { transform: translateX(-50%) rotate(0deg) translateY(30px); }
@media (min-width: 1000px) {
  .porselen__metin { grid-column: 1 / span 6; }
  .porselen__sahne { grid-column: 7 / span 6; }
}

/* ── Hizmet sahnesi ────────────────────────────────────────── */
.hs__liste { counter-reset: hs; }
.hs__oge { display: grid; grid-template-columns: auto 1fr; gap: 8px 22px; padding: 30px 0; border-top: 1px solid var(--cizgi); }
.hs__mobil-gorsel { grid-column: 1 / -1; display: block; aspect-ratio: 16 / 10; overflow: hidden; background: var(--renk); margin-bottom: 14px; }
.hs__no { font-size: .72rem; font-weight: 600; letter-spacing: .18em; color: var(--pirinc-koyu); padding-top: .9em; }
.hs__ad { font: 400 clamp(1.9rem, 3.3vw, 3.1rem)/1.02 var(--serif); letter-spacing: -.015em; }
.hs__ad a { background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat; transition: background-size .6s var(--egri); }
.hs__ad a:hover { background-size: 100% 1px; }
.hs__kisa { grid-column: 2; color: var(--ikincil); max-width: 30em; }
@media (min-width: 1000px) {
  .hs { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 6vw; align-items: start; }
  .hs__gorseller { position: sticky; top: calc(var(--ust-boy) + 5vh); height: calc(100vh - var(--ust-boy) - 10vh); max-height: 760px; }
  .hs__gorsel { position: absolute; inset: 0; overflow: hidden; opacity: 0; background: var(--renk); transition: opacity 1s var(--egri); }
  .hs__gorsel .foto { transform: scale(1.08); transition: transform 2s var(--egri), opacity .7s; }
  .hs__gorsel.is-aktif { opacity: 1; }
  .hs__gorsel.is-aktif .foto { transform: none; }
  .hs__mobil-gorsel { display: none; }
  .hs__oge { padding: 7vh 0; opacity: .32; transition: opacity .6s; }
  .hs__oge.is-aktif { opacity: 1; }
  .hs__oge:last-child { padding-bottom: 22vh; }
}
@media (max-width: 999px) { .hs__gorseller { display: none; } }

/* ── Uygulama şeridi ───────────────────────────────────────── */
.uygulama-serit__alt { margin-top: 30px; display: flex; justify-content: flex-end; }

/* ── Taahhüt ───────────────────────────────────────────────── */
.taahhut__izgara { row-gap: 32px; }
.taahhut__bas, .taahhut__metin { grid-column: 1 / -1; }
.taahhut__bas { display: grid; gap: 24px; align-content: start; }
.erisim { margin-top: 34px; }
.erisim > div { display: grid; grid-template-columns: 8.5rem 1fr; gap: 16px; padding: 16px 0; }
.erisim dt { font-size: .7rem; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--pirinc-koyu); padding-top: .25em; }
.z-koyu .erisim dt { color: var(--pirinc); }
.taahhut__duvar { margin-top: clamp(48px, 6vw, 80px); }
.taahhut__hepsi { margin-top: 26px; display: flex; justify-content: flex-end; }
@media (min-width: 1000px) {
  .taahhut__bas { grid-column: 1 / span 5; }
  .taahhut__metin { grid-column: 7 / span 6; }
}

/* ── Yorumlar ──────────────────────────────────────────────── */
.yorumlar-bolum .etiket { margin-bottom: 28px; }

/* ── Telefon ince ayarları ─────────────────────────────────── */
@media (max-width: 699px) {
  .kahraman__baslik { font-size: clamp(3.9rem, 17vw, 5rem); }
  .sahne-mini__kare { aspect-ratio: 4 / 3; }
  .sahne-mini__katman .foto { object-position: 58% 60%; }
  .sahne-mini__etiket { padding: 8px 12px; gap: 10px; }
  .sahne-mini__etiket span:first-child { font-size: 1.15rem; }
  .yelpaze { height: 380px; }
  .yelpaze__plaka { bottom: 6%; width: 150px; }
}

/* ── kaynak/stil/06-taslar.css ───────────────────────────────────────────── */
/* İç sayfa açılışı (ortak) + Taş Kütüphanesi + plaka görüntüleyici. */

/* ── İç sayfa açılışı ──────────────────────────────────────── */
.sayfa-bas { position: relative; min-height: 78vh; min-height: 78svh; display: flex; align-items: flex-end; overflow: hidden; isolation: isolate; background: var(--oniks); color: var(--fildisi); }
.sayfa-bas__gorsel { position: absolute; inset: 0; z-index: -1; }
.sayfa-bas__gorsel .foto { filter: brightness(.62) saturate(.92); }
html.hareket .sayfa-bas__gorsel .foto { animation: sb-acil 2.6s var(--egri) both; }
@keyframes sb-acil { from { transform: scale(1.12); filter: brightness(.2) saturate(.92); } }
.sayfa-bas__gorsel::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(8, 7, 6, .92) 0%, rgba(8, 7, 6, .45) 45%, rgba(8, 7, 6, .55) 100%), linear-gradient(90deg, rgba(8, 7, 6, .7), transparent 70%); }
.sayfa-bas--acik-gorsel .sayfa-bas__gorsel .foto { filter: brightness(.5) contrast(1.1) saturate(.6) sepia(.15); }
.sayfa-bas__ic { display: grid; gap: 24px; justify-items: start; padding-top: calc(var(--ust-boy) + 10vh); padding-bottom: clamp(44px, 7vh, 80px); }
.sayfa-bas__baslik { max-width: 12ch; }
.sayfa-bas .giris-metni { color: rgba(244, 240, 233, .8); max-width: 36em; }
.sayfa-bas__bag { display: flex; flex-wrap: wrap; gap: 8px 28px; margin-top: 10px; }
.sayfa-bas__bag a { font-size: .72rem; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: rgba(244, 240, 233, .66); padding-bottom: 4px; border-bottom: 1px solid transparent; transition: color .3s, border-color .3s; }
.sayfa-bas__bag a:hover { color: var(--pirinc-acik); border-color: currentColor; }
html.hareket .sayfa-bas__ic > :not(.sayfa-bas__baslik) { animation: yuksel 1.2s var(--egri) both; animation-delay: .8s; }
html.hareket .sayfa-bas__ic > .etiket { animation-delay: .3s; }
html.hareket .sayfa-bas__baslik[data-reveal="kelime"] .k > span { transition-delay: calc(.35s + var(--k, 0) * 100ms); transition-duration: 1.3s; }

/* ── Kütüphane ─────────────────────────────────────────────── */
.kutuphane__arac { display: grid; gap: 16px; padding-bottom: 26px; border-bottom: 1px solid var(--cizgi-koyu); }
.kutuphane__ikinci { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; }
.ara { position: relative; display: flex; align-items: center; min-width: min(300px, 100%); border-bottom: 1px solid var(--cizgi-koyu); }
.ara svg { width: 20px; height: 20px; color: var(--gri-acik); flex: none; }
.ara input { width: 100%; padding: 10px 12px; background: transparent; border: 0; font-size: 1rem; color: inherit; }
.ara input:focus { outline: none; }
.ara:focus-within { border-color: var(--pirinc); }
.ara input::-webkit-search-cancel-button { filter: invert(1); }
.kutuphane__bilgi { display: flex; flex-wrap: wrap; align-items: baseline; gap: 10px 32px; padding: 22px 0 30px; }
.kutuphane__sayi { font: italic 400 1.5rem/1 var(--serif); color: var(--pirinc-acik); }
.kutuphane__aile-metin { color: var(--gri-acik); max-width: 60em; font-size: .95rem; }
.tas-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(46%, 210px), 1fr)); gap: clamp(26px, 3vw, 44px) clamp(14px, 1.8vw, 26px); }
html.hareket .tas.is-belir { animation: tas-belir .8s var(--egri) both; animation-delay: calc(var(--i, 0) * 45ms); }
@keyframes tas-belir { from { opacity: 0; transform: translateY(18px); } }
.kutuphane__bos { padding: 60px 0; text-align: center; color: var(--gri-acik); }
.kutuphane__bos .bag { margin-left: 12px; }

/* Aile tanıtımları */
.aile-tanit-liste { display: grid; }
.aile-tanit { display: grid; gap: 26px; padding: clamp(32px, 4vw, 52px) 0; border-top: 1px solid var(--cizgi); scroll-margin-top: calc(var(--ust-boy) + 20px); }
.aile-tanit__metin { display: grid; gap: 16px; justify-items: start; }
.aile-tanit__ornek { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.aile-tanit__ornek li { aspect-ratio: 3 / 4; overflow: hidden; background: var(--renk); }
@media (min-width: 900px) { .aile-tanit { grid-template-columns: 1.2fr 1fr; align-items: center; gap: 6vw; } }

/* ── Plaka görüntüleyici ───────────────────────────────────── */
.plaka { position: fixed; inset: 0; z-index: 150; display: grid; grid-template-rows: minmax(0, 1fr) auto; background: #0a0908; color: var(--fildisi); overflow: hidden; }
html.hareket .plaka { animation: ik-gir .5s var(--egri); }
.plaka__sahne { position: relative; min-height: 0; display: grid; place-items: center; padding: 18px 18px 64px; overflow: hidden; background: radial-gradient(ellipse at center, #1d1b18, #0a0908 70%); }
.plaka__tuval { --tx: 0px; --ty: 0px; display: grid; gap: 0; max-width: 100%; max-height: 100%; transition: transform .6s var(--egri); background: var(--renk); box-shadow: 0 40px 100px rgba(0, 0, 0, .6); }
.plaka__tuval.is-yakin { transform: translate(var(--tx), var(--ty)) scale(2.4); transition-duration: .5s; }
.plaka__tuval.is-yakin { cursor: zoom-out; }
.plaka__tuval--tek { width: min(100%, calc((100vh - 220px) * var(--oran))); aspect-ratio: var(--oran); cursor: crosshair; }
.plaka__tuval--ikili { grid-template-columns: 1fr 1fr; width: min(100%, calc((100vh - 220px) * var(--oran) * 2)); }
.plaka__tuval--dortlu { grid-template-columns: 1fr 1fr; width: min(100%, calc((100vh - 220px) * var(--oran))); }
.plaka__parca { overflow: hidden; aspect-ratio: var(--oran); }
.plaka__img { width: 100%; height: 100%; object-fit: cover; transition: opacity .5s; }
.p-x .plaka__img { transform: scaleX(-1); }
.p-y .plaka__img { transform: scaleY(-1); }
.p-xy .plaka__img { transform: scale(-1, -1); }
.plaka__lup { position: absolute; top: 0; left: 0; width: 230px; height: 230px; margin: -115px 0 0 -115px; border-radius: 50%; pointer-events: none; background-repeat: no-repeat; box-shadow: 0 0 0 1px rgba(255, 255, 255, .55), 0 0 0 6px rgba(13, 12, 11, .35), 0 20px 50px rgba(0, 0, 0, .55); opacity: 0; transition: opacity .25s; will-change: transform; }
.plaka__lup.is-acik { opacity: 1; }
.plaka__kip { position: absolute; left: 50%; bottom: 14px; transform: translateX(-50%); display: inline-flex; gap: 4px; padding: 4px; border-radius: 999px; background: rgba(13, 12, 11, .8); border: 1px solid var(--cizgi-koyu); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); white-space: nowrap; }
.plaka__kip-d { display: inline-flex; align-items: center; gap: 8px; min-height: 36px; padding: 0 14px; border-radius: 999px; font-size: .74rem; font-weight: 600; letter-spacing: .06em; transition: background .3s, color .3s; }
.plaka__kip-d svg { width: 16px; height: 16px; }
.plaka__kip-d[aria-pressed="true"] { background: var(--fildisi); color: var(--oniks); }
.plaka__ipucu { position: absolute; top: 16px; left: 50%; transform: translateX(-50%); font-size: .74rem; letter-spacing: .04em; color: rgba(244, 240, 233, .6); text-align: center; width: max-content; max-width: 90%; }
.plaka__yan { display: grid; gap: 12px; align-content: start; padding: 20px var(--kenar) max(22px, env(safe-area-inset-bottom)); background: var(--oniks-2); border-top: 1px solid var(--cizgi-koyu); max-height: 46vh; overflow-y: auto; }
.plaka__ust { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.plaka__sira { font-size: .74rem; font-weight: 600; letter-spacing: .2em; color: var(--gri-acik); font-variant-numeric: tabular-nums; }
.plaka__gezin { display: flex; gap: 6px; }
.plaka__d { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--cizgi-koyu); transition: background .3s, color .3s; }
.plaka__d svg { width: 20px; height: 20px; }
.plaka__d:hover { background: var(--fildisi); color: var(--oniks); }
.plaka__ad { font: 400 clamp(2.2rem, 4vw, 3.6rem)/.98 var(--serif); letter-spacing: -.02em; }
.plaka__ton { font-size: .78rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--gri-acik); }
.plaka__metin { color: rgba(244, 240, 233, .76); font-size: .95rem; }
.plaka__uyg { display: grid; gap: 10px; }
.plaka__uyg:empty { display: none; }
.plaka__uyg-liste { display: flex; gap: 8px; flex-wrap: wrap; }
.plaka__uyg-d { width: 92px; height: 70px; overflow: hidden; border: 1px solid var(--cizgi-koyu); cursor: zoom-in; }
.plaka__uyg-d img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--egri); }
.plaka__uyg-d:hover img { transform: scale(1.08); }
.plaka__dugmeler { display: grid; gap: 10px; justify-items: stretch; margin-top: 6px; }
.plaka__dugmeler .bag { justify-self: start; margin-top: 4px; }
.plaka__not { font-size: .74rem; color: var(--gri-acik); }
@media (min-width: 1000px) {
  .plaka { grid-template-rows: none; grid-template-columns: minmax(0, 1fr) 400px; }
  .plaka__sahne { padding: 60px 40px 80px; }
  .plaka__tuval--tek { width: min(100%, calc((100vh - 160px) * var(--oran))); }
  .plaka__tuval--ikili { width: min(100%, calc((100vh - 160px) * var(--oran) * 2)); }
  .plaka__tuval--dortlu { width: min(100%, calc((100vh - 160px) * var(--oran))); }
  .plaka__yan { max-height: none; height: 100vh; padding: 28px 36px; border-top: 0; border-left: 1px solid var(--cizgi-koyu); gap: 16px; }
  .plaka__ust { margin-bottom: 30px; }
}
@media (max-width: 999px) {
  .plaka__ad { font-size: 2rem; }
  .plaka__metin { display: none; }
  .plaka__dugmeler { grid-template-columns: 1fr 1fr; }
  .plaka__dugmeler .dugme { padding: 0 12px; font-size: .68rem; }
}

/* ── Kütüphane açılışı: plaka sehpası (perspektifte yüksek plakalar) ── */
.plaka-rafi { position: absolute; inset: 0; perspective: 1500px; perspective-origin: 30% 40%; overflow: hidden; }
.plaka-rafi__sahne { position: absolute; top: 12%; bottom: -6%; left: 44%; right: -8%; display: flex; gap: 2.2%; transform: rotateY(-34deg) rotateZ(-2deg); transform-origin: 0% 50%; transform-style: preserve-3d; }
.plaka-rafi__plaka { position: relative; flex: 1 0 0; overflow: hidden; background: var(--renk); box-shadow: -30px 30px 60px rgba(0, 0, 0, .55), inset 0 0 0 1px rgba(255, 255, 255, .08); }
.plaka-rafi__plaka .foto { filter: brightness(.92) saturate(.92); }
.plaka-rafi__plaka::after { content: ""; position: absolute; inset: 0; background: linear-gradient(100deg, rgba(255, 255, 255, .18), transparent 35%, transparent 70%, rgba(0, 0, 0, .35)); }
html.hareket .plaka-rafi__plaka { animation: plaka-diz 1.6s var(--egri) both; animation-delay: calc(.25s + var(--i) * 90ms); }
@keyframes plaka-diz { from { opacity: 0; transform: translate3d(60px, 40px, -120px); } }
.sayfa-bas:has(.plaka-rafi) .sayfa-bas__gorsel::after { background: linear-gradient(90deg, rgba(8, 7, 6, .96) 0%, rgba(8, 7, 6, .8) 34%, rgba(8, 7, 6, .15) 70%, rgba(8, 7, 6, .25) 100%), linear-gradient(to top, rgba(8, 7, 6, .9) 0%, transparent 35%); }
@media (max-width: 899px) {
  .plaka-rafi__sahne { left: 20%; right: -30%; top: 6%; bottom: 30%; }
  .sayfa-bas:has(.plaka-rafi) .sayfa-bas__gorsel::after { background: linear-gradient(to top, rgba(8, 7, 6, .97) 0%, rgba(8, 7, 6, .82) 45%, rgba(8, 7, 6, .25) 100%); }
}

/* ── kaynak/stil/07-studyo.css ───────────────────────────────────────────── */
/* Tezgâh Stüdyosu: sahne + karşılaştırma + ölçü hesabı. */

.studyo__arac { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 22px; }
.kip { display: inline-flex; padding: 4px; border: 1px solid var(--cizgi); border-radius: 999px; gap: 4px; }
.kip__dugme { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 18px; border-radius: 999px; font-size: .78rem; font-weight: 600; letter-spacing: .08em; transition: background .3s, color .3s; }
.kip__dugme svg { width: 18px; height: 18px; }
.kip__dugme[aria-pressed="true"] { background: var(--murekkep); color: var(--fildisi); }
.yuvalar { display: none; align-items: center; gap: 8px; }
.studyo.is-karsilastir .yuvalar { display: inline-flex; }
.yuva { display: grid; min-width: 150px; padding: 8px 16px; border: 1px solid var(--cizgi); text-align: left; transition: border-color .3s, background .3s; }
.yuva[aria-pressed="true"] { border-color: var(--murekkep); background: rgba(27, 25, 22, .05); }
.yuva__etiket { font-size: .62rem; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--ikincil); }
.yuva__ad { font: 400 1.15rem/1.2 var(--serif); }
.yuva-degis { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--cizgi); }
.yuva-degis svg { width: 20px; height: 20px; }
.yuva-degis:hover { background: var(--murekkep); color: var(--fildisi); }

.studyo__sahne { position: relative; aspect-ratio: 2048 / 1108; overflow: hidden; background: #d6d1c8; box-shadow: 0 50px 90px -50px rgba(27, 25, 22, .55); user-select: none; -webkit-user-select: none; }
.studyo.is-karsilastir .studyo__sahne { cursor: ew-resize; touch-action: pan-y; }
.studyo__a, .studyo__katman, .karsilastir, .karsilastir__sag { position: absolute; inset: 0; }
.studyo__katman { opacity: 0; transition: opacity .9s var(--egri); }
.studyo__katman.is-aktif { opacity: 1; }
.studyo__katman .foto, .karsilastir__sag .foto { opacity: 1 !important; -webkit-user-drag: none; user-select: none; }
.karsilastir__sag { clip-path: inset(0 0 0 var(--ayrim, 50%)); }
.karsilastir__ayrac { position: absolute; top: 0; bottom: 0; left: var(--ayrim, 50%); width: 2px; margin-left: -1px; background: var(--fildisi); box-shadow: 0 0 18px rgba(0, 0, 0, .35); }
.karsilastir__ayrac:focus-visible { outline: none; }
.karsilastir__tutamak { position: absolute; top: 50%; left: 50%; display: flex; align-items: center; justify-content: center; width: 58px; height: 58px; margin: -29px 0 0 -29px; border-radius: 50%; background: var(--fildisi); color: var(--murekkep); box-shadow: 0 10px 30px rgba(0, 0, 0, .3); transition: transform .3s var(--egri); }
.karsilastir__ayrac:focus-visible .karsilastir__tutamak { box-shadow: 0 0 0 3px var(--pirinc); }
.karsilastir__tutamak svg { width: 16px; height: 16px; }
.studyo__sahne:active .karsilastir__tutamak { transform: scale(.94); }
.studyo__etiket { position: absolute; left: clamp(12px, 2vw, 24px); bottom: clamp(12px, 2vw, 22px); display: flex; align-items: baseline; gap: 14px; padding: 12px 18px; background: rgba(13, 12, 11, .78); color: var(--fildisi); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); pointer-events: none; }
.studyo__etiket span:first-child { font: 400 1.5rem/1 var(--serif); white-space: pre; }
.studyo__etiket span:last-child { font-size: .66rem; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--pirinc-acik); }
.studyo__etiket span:last-child:empty { display: none; }
.studyo__alt { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 28px; margin: 22px 0 30px; }
.studyo__ipucu { color: var(--ikincil); font-size: .92rem; }
.studyo__ipucu-kars { display: none; }
.studyo.is-karsilastir .studyo__ipucu-tek { display: none; }
.studyo.is-karsilastir .studyo__ipucu-kars { display: inline; }
.studyo__baglar { display: flex; flex-wrap: wrap; gap: 24px; }
.st-taslar { display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 18px 14px; }
.st-tas { display: grid; gap: 4px; width: 100%; text-align: left; }
.st-tas__doku { display: block; aspect-ratio: 1; background-size: 260% auto; background-position: 50% 50%; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .12); transition: transform .45s var(--egri), box-shadow .35s; }
.st-tas:hover .st-tas__doku { transform: translateY(-4px); }
.st-tas[aria-pressed="true"] .st-tas__doku { box-shadow: 0 0 0 3px var(--traverten), 0 0 0 4.5px var(--murekkep); }
.st-tas.is-sag .st-tas__doku { box-shadow: 0 0 0 3px var(--traverten), 0 0 0 4.5px var(--pirinc-koyu); }
.st-tas__ad { margin-top: 8px; font: 400 1.1rem/1.1 var(--serif); }
.st-tas__aile { font-size: .62rem; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--ikincil); }
.studyo__not { margin-top: 34px; font-size: .82rem; color: var(--ikincil); max-width: 60em; }
@media (max-width: 699px) {
  .studyo__sahne { aspect-ratio: 4 / 3; }
  .studyo__katman .foto, .karsilastir__sag .foto { object-position: 62% 50%; }
  .yuva { min-width: 0; }
  .st-taslar { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px 10px; }
  .st-tas__aile { display: none; }
  .st-tas__ad { font-size: .92rem; }
}

/* ── Ölçü hesabı ───────────────────────────────────────────── */
.hesap__izgara { display: grid; gap: clamp(36px, 4vw, 64px); }
@media (min-width: 1100px) { .hesap__izgara { grid-template-columns: minmax(340px, .9fr) 1.6fr; align-items: start; } .hesap__sonuc { position: sticky; top: calc(var(--ust-boy) + 24px); } }
.hesap__form { display: grid; gap: 34px; }
.hesap__grup { border: 0; margin: 0; padding: 0; display: grid; gap: 18px; min-width: 0; }
.hesap__grup legend { padding: 0; margin-bottom: 18px; }
.bicimler { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.bicim input { position: absolute; opacity: 0; pointer-events: none; }
.bicim__kutu { display: grid; justify-items: center; gap: 8px; padding: 16px 8px 12px; border: 1px solid var(--cizgi-koyu); font-size: .8rem; font-weight: 600; letter-spacing: .12em; cursor: pointer; transition: border-color .3s, background .3s, color .3s; }
.bicim__kutu svg { width: 46px; height: 46px; fill: none; stroke: currentColor; stroke-width: 1.4; }
.bicim input:checked + .bicim__kutu { border-color: var(--pirinc); background: rgba(184, 149, 90, .1); color: var(--pirinc-acik); }
.bicim input:checked + .bicim__kutu svg { fill: rgba(184, 149, 90, .25); }
.bicim input:focus-visible + .bicim__kutu { outline: 2px solid var(--pirinc-acik); outline-offset: 3px; }
.hesap__alanlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 22px; }
.hesap__b, .hesap__c { display: none; }
.hesap.is-l .hesap__b { display: grid; }
.hesap.is-u .hesap__c { display: grid; }
.hesap__ada, .hesap__arasi { display: none; }
.hesap.is-ada .hesap__ada, .hesap.is-arasi .hesap__arasi { display: grid; }
.anahtar { position: relative; display: flex; align-items: center; gap: 14px; cursor: pointer; font-weight: 500; }
.anahtar input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.anahtar__dugme { position: relative; width: 46px; height: 26px; border-radius: 99px; background: rgba(244, 240, 233, .16); transition: background .3s; flex: none; }
.anahtar__dugme::after { content: ''; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: 50%; background: var(--fildisi); transition: transform .35s var(--egri); }
.anahtar input:checked + .anahtar__dugme { background: var(--pirinc); }
.anahtar input:checked + .anahtar__dugme::after { transform: translateX(20px); }
.anahtar input:focus-visible + .anahtar__dugme { outline: 2px solid var(--pirinc-acik); outline-offset: 3px; }
.hesap__tas { display: grid; grid-template-columns: 64px 1fr; gap: 18px; align-items: end; }
.hesap__doku { width: 64px; height: 64px; border-radius: 50%; background: #444 center / 260% auto; box-shadow: 0 0 0 1px rgba(244, 240, 233, .25); }
.hizli-taslar { display: flex; flex-wrap: wrap; gap: 8px; }
.hizli-tas { position: relative; width: 44px; height: 44px; border-radius: 50%; background-size: 260% auto; background-position: center; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .15); transition: transform .3s var(--egri); }
.hizli-tas span { position: absolute; left: 50%; bottom: calc(100% + 8px); transform: translateX(-50%); padding: 5px 9px; background: var(--fildisi); color: var(--oniks); font-size: .68rem; font-weight: 600; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity .25s; }
.hizli-tas:hover { transform: translateY(-3px); }
.hizli-tas:hover span, .hizli-tas:focus-visible span { opacity: 1; }

.hesap__sonuc { display: grid; gap: 22px; justify-items: start; }
.hesap__cizim { width: 100%; aspect-ratio: 16 / 11; background: radial-gradient(ellipse at 50% 40%, #2a2724, #141311 70%); border: 1px solid var(--cizgi-koyu); position: relative; overflow: hidden; }
.hesap__svg { width: 100%; height: 100%; }
.h-zemin { fill: #3a3631; stroke: rgba(244, 240, 233, .12); stroke-width: 1; }
.h-duvar { stroke: rgba(244, 240, 233, .08); stroke-width: 1; }
.h-duvar--arka { fill: #514b44; }
.h-duvar--sol { fill: #3f3a34; }
.h-golge-duvar { fill: rgba(0, 0, 0, .12); }
.h-dolap { stroke: rgba(0, 0, 0, .25); stroke-width: .6; }
.h-dolap--y { fill: #e9e3d8; }
.h-dolap--x { fill: #cfc7ba; }
.h-kalinlik { stroke: rgba(0, 0, 0, .3); stroke-width: .4; }
.h-kenar { fill: none; stroke: rgba(0, 0, 0, .35); stroke-width: .7; vector-effect: non-scaling-stroke; }
.h-parilti { mix-blend-mode: screen; }
.h-olcu { fill: var(--pirinc-acik); font: 600 15px/1 var(--sans); letter-spacing: .06em; text-anchor: middle; paint-order: stroke; stroke: rgba(13, 12, 11, .85); stroke-width: 4px; stroke-linejoin: round; }
.hesap__tas-ad { font: 400 1.6rem/1.1 var(--serif); }
.hesap__rakamlar { width: 100%; display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 1px; background: var(--cizgi-koyu); border: 1px solid var(--cizgi-koyu); }
.hesap__rakamlar > div { padding: 16px 18px; background: var(--oniks); display: grid; gap: 4px; }
.hesap__rakamlar dt { font-size: .66rem; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--gri-acik); }
.hesap__rakamlar dd { font: 400 1.7rem/1 var(--serif); font-variant-numeric: lining-nums tabular-nums; }
.hesap__toplam { background: rgba(184, 149, 90, .12) !important; }
.hesap__toplam dd { color: var(--pirinc-acik); }
.hesap__r-ada, .hesap__r-arasi { display: none !important; }
.hesap.is-ada .hesap__r-ada, .hesap.is-arasi .hesap__r-arasi { display: grid !important; }
.hesap__not { font-size: .82rem; color: var(--gri-acik); }

/* ── kaynak/stil/08-sayfalar.css ─────────────────────────────────────────── */
/* Hizmetler · Uygulamalar · Masa & Sehpa · Kurumsal · İletişim · 404 */

/* ── Hizmetler ─────────────────────────────────────────────── */
.icindekiler { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(240px, 100%), 1fr)); gap: 0 32px; }
.icindekiler a { display: flex; align-items: baseline; gap: 14px; padding: 14px 0; border-bottom: 1px solid var(--cizgi-koyu); font: 400 1.35rem/1.2 var(--serif); transition: color .3s, padding-left .4s var(--egri); }
.icindekiler a span { font: 600 .66rem/1 var(--sans); letter-spacing: .18em; color: var(--pirinc); }
.icindekiler a:hover { color: var(--pirinc-acik); padding-left: 8px; }
.hizmet-liste { display: grid; gap: clamp(72px, 10vw, 150px); }
.hizmet { display: grid; gap: clamp(28px, 4vw, 64px); align-items: center; scroll-margin-top: calc(var(--ust-boy) + 24px); }
.hizmet__gorsel { display: grid; gap: 12px; }
.hizmet__kucukler { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.hizmet__kucukler:empty { display: none; }
.hizmet__metin { display: grid; gap: 18px; justify-items: start; }
.hizmet__no { font: 400 clamp(4rem, 7vw, 6.4rem)/.8 var(--serif); color: transparent; -webkit-text-stroke: 1px var(--pirinc-koyu); }
.hizmet__kisa { font: italic 400 clamp(1.2rem, 1.6vw, 1.45rem)/1.35 var(--serif); color: var(--pirinc-koyu); }
.hizmet .dugme-grup { align-items: center; gap: 24px; margin-top: 6px; }
@media (min-width: 1000px) {
  .hizmet { grid-template-columns: 1.15fr .85fr; }
  .hizmet--ters .hizmet__gorsel { order: 2; }
}

/* ── Uygulamalar ───────────────────────────────────────────── */
.uygulamalar__arac { margin-bottom: clamp(28px, 3vw, 44px); }
.duvar { columns: 3 300px; column-gap: clamp(12px, 1.4vw, 20px); }
.duvar__oge { break-inside: avoid; margin-bottom: clamp(12px, 1.4vw, 20px); }
html.hareket .duvar__oge.is-belir { animation: tas-belir .8s var(--egri) both; animation-delay: calc(var(--i, 0) * 50ms); }

/* ── Masa & Sehpa ──────────────────────────────────────────── */
.ma__liste { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); border-top: 1px solid var(--cizgi-koyu); border-left: 1px solid var(--cizgi-koyu); }
.ma__liste li { display: flex; align-items: baseline; gap: 16px; padding: 26px 24px; border-right: 1px solid var(--cizgi-koyu); border-bottom: 1px solid var(--cizgi-koyu); font: 400 1.45rem/1.15 var(--serif); }
.ma__no { font: 600 .66rem/1 var(--sans); letter-spacing: .18em; color: var(--pirinc); }
.koleksiyon__bas { display: grid; gap: 28px; margin-bottom: clamp(40px, 5vw, 64px); }
@media (min-width: 1000px) { .koleksiyon__bas { grid-template-columns: 1fr auto; align-items: end; } }
.modeller { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr)); gap: clamp(32px, 4vw, 56px) clamp(16px, 2vw, 28px); }
.model__gorsel { position: relative; display: block; width: 100%; aspect-ratio: 4 / 5; overflow: hidden; background: var(--renk); cursor: zoom-in; }
.model__gorsel .foto { position: absolute; inset: 0; transition: opacity .8s var(--egri), transform 1.4s var(--egri); }
.model__iki { opacity: 0 !important; }
.model__gorsel:hover .model__iki, .model__gorsel:focus-visible .model__iki { opacity: 1 !important; }
.model__gorsel:hover .foto { transform: scale(1.04); }
.model__sayi { position: absolute; left: 14px; bottom: 14px; padding: 6px 10px; background: rgba(13, 12, 11, .7); color: var(--fildisi); font-size: .66rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.model__yazi { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; padding-top: 16px; }
.model__ad { font: 400 1.9rem/1 var(--serif); }
.model__tur { margin-top: 6px; font-size: .7rem; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--ikincil); }
.model__sor { display: inline-flex; align-items: center; gap: 8px; font-size: .74rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; padding-bottom: 3px; border-bottom: 1px solid currentColor; }
.model__sor svg { width: 16px; height: 16px; transition: transform .35s var(--egri); }
.model__sor:hover { color: var(--pirinc-koyu); }
.model__sor:hover svg { transform: translateX(4px); }
html.hareket .model.is-belir { animation: tas-belir .8s var(--egri) both; animation-delay: calc(var(--i, 0) * 60ms); }
.ko-detay__izgara { row-gap: 40px; align-items: center; }
.ko-detay__gorsel, .ko-detay__metin { grid-column: 1 / -1; }
.ko-detay__gorsel { aspect-ratio: 4 / 3; overflow: hidden; background: #2a2a2a; }
.ko-detay__metin { display: grid; gap: 24px; justify-items: start; }
@media (min-width: 1000px) { .ko-detay__gorsel { grid-column: 1 / span 6; } .ko-detay__metin { grid-column: 8 / span 5; } }

/* ── Kurumsal ──────────────────────────────────────────────── */
.sayfa-bas--tam { min-height: 100vh; min-height: 100svh; }
.sayfa-bas--tam .sayfa-bas__gorsel .foto { filter: brightness(.66) saturate(.85); }
.manifesto__izgara { row-gap: 36px; }
.manifesto__etiket, .manifesto__ilk, .manifesto__diger, .manifesto__sayaclar { grid-column: 1 / -1; }
.manifesto__ilk { font: 400 clamp(1.7rem, 3.2vw, 2.9rem)/1.22 var(--serif); letter-spacing: -.012em; text-wrap: pretty; }
.manifesto__ilk::first-letter { float: left; font-size: 3.4em; line-height: .78; padding: .06em .12em 0 0; color: var(--pirinc-koyu); }
.manifesto__diger { display: grid; gap: 20px; }
.manifesto__sayaclar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 24px; margin-top: 20px; }
@media (min-width: 1000px) {
  .manifesto__etiket { grid-column: 1 / span 3; }
  .manifesto__ilk { grid-column: 4 / span 9; }
  .manifesto__diger { grid-column: 4 / span 9; grid-template-columns: 1fr 1fr; gap: 32px; }
  .manifesto__sayaclar { grid-column: 1 / -1; grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.ocak-bant { position: relative; overflow: hidden; isolation: isolate; min-height: 80vh; display: flex; align-items: center; }
.ocak-bant__gorsel { position: absolute; inset: -12% 0; z-index: -1; transform: scale(1.18); }
.ocak-bant__gorsel .foto { filter: brightness(.48) saturate(.7) sepia(.15); }
.ocak-bant__ic { display: grid; gap: 24px; padding-block: 14vh; }
.ocak-bant .d2 { max-width: 12ch; }
.ocak-bant .giris-metni { color: rgba(244, 240, 233, .8); }
.k-tesis { row-gap: 40px; align-items: center; }
.k-tesis__gorsel, .k-tesis__metin { grid-column: 1 / -1; }
.k-tesis__kare { aspect-ratio: 4 / 3; overflow: hidden; background: #555; }
.k-tesis__metin { display: grid; gap: 22px; }
.k-tesis__markalar { font-size: .95rem; color: var(--gri-acik); }
.k-tesis__markalar strong { color: var(--fildisi); font-weight: 600; }
@media (min-width: 1000px) { .k-tesis__gorsel { grid-column: 1 / span 7; } .k-tesis__metin { grid-column: 8 / span 5; } }

/* ── İletişim ──────────────────────────────────────────────── */
.sayfa-bas--kisa { min-height: 64vh; min-height: 64svh; }
.iletisim__izgara { row-gap: 64px; }
.iletisim__kanallar, .iletisim__form { grid-column: 1 / -1; }
.iletisim__kanallar { display: grid; align-content: start; }
.kanal { display: grid; gap: 8px; padding: 26px 0; border-top: 1px solid var(--cizgi-koyu); transition: color .3s; }
a.kanal:hover .kanal__deger { color: var(--pirinc-acik); }
.kanal__etiket { font-size: .68rem; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--pirinc); }
.kanal__deger { font: 400 clamp(2rem, 4vw, 3.3rem)/1 var(--serif); letter-spacing: -.01em; transition: color .3s; }
.kanal__deger--adres { font-size: clamp(1.4rem, 2.2vw, 1.9rem); line-height: 1.25; }
.kanal__sosyal { display: flex; flex-wrap: wrap; gap: 14px 30px; }
.kanal__sosyal a { display: inline-flex; align-items: center; gap: 10px; font-size: 1.05rem; transition: color .3s; }
.kanal__sosyal svg { width: 22px; height: 22px; color: var(--pirinc); }
.kanal__sosyal a:hover { color: var(--pirinc-acik); }
.iletisim__form { display: grid; gap: 24px; align-content: start; }
.iletisim__form .form { margin-top: 12px; }
@media (min-width: 1000px) { .iletisim__kanallar { grid-column: 1 / span 5; } .iletisim__form { grid-column: 7 / span 6; } }
.harita__kap { position: relative; height: min(70vh, 640px); overflow: hidden; isolation: isolate; }
.harita__onizleme { position: absolute; inset: 0; z-index: -1; }
.harita__onizleme .foto { filter: brightness(.45) saturate(.7); }
.harita__ortu { position: absolute; inset: 0; display: grid; place-content: center; justify-items: center; gap: 22px; text-align: center; padding: 24px; }
.harita__not { font-size: .78rem; color: var(--gri-acik); }
.harita__cerceve { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; filter: grayscale(.35) contrast(1.05); }
.harita__kap.is-yuklu .harita__ortu { display: none; }

/* ── 404 ──────────────────────────────────────────────────── */
.bulunamadi { position: relative; min-height: 100vh; min-height: 100svh; display: flex; align-items: center; overflow: hidden; isolation: isolate; background: var(--oniks); }
.bulunamadi__doku { position: absolute; inset: 0; z-index: -1; background: url(/assets/img/foto/nero-1600.webp?v=b1b9d551) center / cover; opacity: .32; }
.bulunamadi__doku::after { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 30% 50%, transparent, var(--oniks) 75%); }
.bulunamadi__ic { display: grid; gap: 26px; justify-items: start; padding-top: var(--ust-boy); }
.bulunamadi__no { font: 400 clamp(7rem, 22vw, 18rem)/.8 var(--serif); color: transparent; -webkit-text-stroke: 1px var(--pirinc); letter-spacing: -.04em; }

/* ── kaynak/stil/09-giris.css ────────────────────────────────────────────── */
/* Kurumsal giriş: üst bilgideki bağlantı + sağdan kayan panel (.gp; site.js › giriş).
   İki kip: html[data-giris="panel"] (uygulama aynı ana alan adında, çerçeve izni var) ya da
   html[data-giris="yonlendir"] (bağlantılar giris.html üzerinden uygulamaya gider). */

.ust__giris { display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 4px; font-size: .74rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: rgba(244, 240, 233, .82); white-space: nowrap; transition: color .3s; }
.ust__giris svg { width: 19px; height: 19px; color: var(--pirinc); }
.ust__giris:hover { color: var(--fildisi); }
@media (max-width: 639px) { .ust__giris span { display: none; } .ust__giris { width: 42px; justify-content: center; padding: 0; } }

.gp-perde { position: fixed; inset: 0; z-index: 960; background: rgba(8, 7, 6, .62); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); opacity: 0; visibility: hidden; transition: opacity .4s, visibility .4s; }
.gp { position: fixed; top: 0; right: 0; bottom: 0; z-index: 970; display: grid; grid-template-rows: auto 1fr auto; width: min(480px, 100vw); background: var(--fildisi); color: var(--murekkep); box-shadow: -30px 0 80px rgba(0, 0, 0, .45); transform: translateX(100%); visibility: hidden; transition: transform .6s var(--egri-yumusak), visibility .6s; }
html.gp-acik { overflow: hidden; }
html.gp-acik .gp-perde { opacity: 1; visibility: visible; }
html.gp-acik .gp { transform: none; visibility: visible; }
.gp__ust { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 20px; background: var(--oniks); color: var(--fildisi); overflow: hidden; isolation: isolate; }
.gp__ust::before { content: ''; position: absolute; inset: 0; z-index: -1; background: url(/assets/img/foto/nero-960.webp?v=c9f1c6f7) center / cover; opacity: .28; }
.gp__marka { display: flex; align-items: center; gap: 16px; min-width: 0; }
.gp__marka .logo { height: 30px; width: auto; color: var(--fildisi); }
.gp__baslik { padding-left: 16px; border-left: 1px solid rgba(244, 240, 233, .22); font: italic 400 1.2rem/1.1 var(--serif); color: rgba(244, 240, 233, .9); white-space: nowrap; }
.gp__kapat { display: grid; place-items: center; width: 44px; height: 44px; flex: none; border: 1px solid rgba(244, 240, 233, .3); border-radius: 50%; color: var(--fildisi); transition: background .3s, color .3s; }
.gp__kapat svg { width: 20px; height: 20px; }
.gp__kapat:hover { background: var(--fildisi); color: var(--oniks); }
.gp__govde { position: relative; background: var(--fildisi); }   /* çerçevedeki giriş ekranının zemini de fildişi: açılırken beyaz parlama olmaz */
.gp__cerceve { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; opacity: 0; transition: opacity .45s; }
.gp.is-yuklendi .gp__cerceve { opacity: 1; }
.gp__doner { position: absolute; left: 50%; top: 40%; width: 34px; height: 34px; margin: -17px 0 0 -17px; border-radius: 50%; border: 1.5px solid rgba(27, 25, 22, .14); border-top-color: var(--bordo); animation: gp-don .9s linear infinite; }
@keyframes gp-don { to { transform: rotate(360deg); } }
.gp.is-yuklendi .gp__doner, .gp.is-engelli .gp__doner { display: none; }
.gp__yedek { position: absolute; inset: 0; display: none; place-content: center; justify-items: center; gap: 16px; padding: 24px; text-align: center; color: var(--gri); }
.gp.is-engelli .gp__yedek { display: grid; }
.gp.is-engelli .gp__cerceve { display: none; }
.gp__yedek .dugme { --d-zemin: var(--murekkep); --d-yazi: var(--fildisi); }
.gp__alt { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 14px 20px; font-size: .78rem; color: var(--gri); border-top: 1px solid var(--cizgi-acik); background: var(--fildisi); }
.gp__alt span { display: inline-flex; align-items: center; gap: 8px; }
.gp__alt span svg { width: 15px; height: 15px; color: var(--pirinc-koyu); }
.gp__alt a { color: var(--murekkep); font-weight: 600; text-decoration: underline; text-underline-offset: 4px; text-decoration-color: rgba(27, 25, 22, .3); }
.gp__alt a:hover { text-decoration-color: currentColor; }
@media (prefers-reduced-motion: reduce) { .gp, .gp-perde { transition: none; } .gp__doner { animation: none; } }