/* =========================================================
   N Yayıncılık — uygulama tarzı arayüz
   Yazı: Manrope (sunucudan)  ·  Renk: logodaki altın + siyah
   ========================================================= */

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url("../fonts/manrope-latin-ext-wght-normal.woff2") format("woff2-variations"),
       url("../fonts/manrope-latin-ext-wght-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: "Manrope";
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url("../fonts/manrope-latin-wght-normal.woff2") format("woff2-variations"),
       url("../fonts/manrope-latin-wght-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;
}

:root {
  --bg: #f1efea;
  --card: #ffffff;
  --card-soft: #f7f5f1;
  --field: #f4f2ee;
  --ink: #111111;
  --ink-2: #1a1a1c;
  --ink-3: #26262a;
  --text: #121212;
  --muted: #6c6a66;
  --muted-2: #9a968f;
  --line: rgba(17, 17, 17, .08);
  --line-2: rgba(17, 17, 17, .14);

  --gold-1: #f0dfc4;
  --gold-2: #dcbf8e;
  --gold: #c69c5d;
  --gold-3: #a77c43;
  --gold-deep: #6f5130;
  --gold-grad: linear-gradient(135deg, #f1e0c4 0%, #d6b37a 42%, #b8894c 70%, #8d673b 100%);

  --night: #0a0a0b;
  --night-card: #141416;
  --night-card-2: #1b1b1e;
  --night-line: rgba(255, 255, 255, .08);
  --night-text: #f3f1ec;
  --night-muted: #a19d96;

  --ok: #1d7a4b;
  --err: #b42318;
  --warn: #9a5b00;

  --r-xl: 32px;
  --r-lg: 26px;
  --r-md: 18px;
  --r-sm: 12px;
  --pill: 999px;
  --shadow: 0 1px 0 rgba(17,17,17,.02), 0 18px 50px -28px rgba(60, 40, 10, .35);
  --shadow-sm: 0 8px 24px -16px rgba(60, 40, 10, .35);

  --wrap: 1280px;
  --gutter: clamp(16px, 3.4vw, 40px);
  --header-h: 76px;
  --tabbar-h: 0px;

  --font: "Manrope", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;

  color-scheme: light;
  box-sizing: border-box;
  padding-top: env(safe-area-inset-top, 0px);
  padding-bottom: env(safe-area-inset-bottom, 0px);
}

*, *::before, *::after { box-sizing: inherit; }
html { scroll-padding-top: calc(env(safe-area-inset-top, 0px) + var(--header-h) + 16px); -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: var(--font);
  font-size: 1rem;
  line-height: 1.55;
  color: var(--text);
  background:
    radial-gradient(1200px 700px at 100% -10%, rgba(232, 205, 150, .55), transparent 60%),
    radial-gradient(900px 600px at -10% 10%, rgba(255, 255, 255, .8), transparent 60%),
    var(--bg);
  background-attachment: fixed;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "ss01", "cv11";
  padding-bottom: var(--tabbar-h);
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-underline-offset: 3px; }
button { font: inherit; color: inherit; cursor: pointer; }
:focus-visible { outline: 3px solid var(--gold); outline-offset: 3px; border-radius: 10px; }
[hidden] { display: none !important; }
::selection { background: var(--gold-2); color: var(--ink); }

h1, h2, h3, h4, .h3 { font-family: var(--font); margin: 0 0 .45em; color: inherit; }
h1 { font-size: clamp(2.6rem, 6.6vw, 5.6rem); font-weight: 700; line-height: .98; letter-spacing: -0.055em; }
h2 { font-size: clamp(2rem, 4.4vw, 3.6rem); font-weight: 700; line-height: 1.02; letter-spacing: -0.045em; }
h3, .h3 { font-size: 1.3rem; font-weight: 700; line-height: 1.2; letter-spacing: -0.02em; }
p { margin: 0 0 1em; }
.accent { background: var(--gold-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }

.wrap { width: 100%; max-width: var(--wrap); margin: 0 auto; padding: 0 var(--gutter); }
.wrap.narrow { max-width: 780px; }
.sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.muted { color: var(--muted); }
.warn { color: var(--warn); font-weight: 650; font-size: .85rem; }
.lead { font-size: clamp(1.05rem, 1.5vw, 1.2rem); color: var(--muted); max-width: 52ch; line-height: 1.6; }
.skip { position: absolute; left: 12px; top: -80px; background: var(--ink); color: #fff; padding: 10px 16px; z-index: 200; border-radius: var(--pill); }
.skip:focus { top: calc(env(safe-area-inset-top, 0px) + 12px); }

/* ---------- Butonlar ---------- */
.btn {
  --h: 50px;
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: var(--h); padding: 0 24px; border-radius: var(--pill);
  border: 1.5px solid transparent; font-weight: 650; font-size: .98rem; letter-spacing: -0.01em;
  text-decoration: none; white-space: nowrap; line-height: 1;
  transition: transform .15s ease, background-color .15s, color .15s, border-color .15s, box-shadow .15s;
}
.btn:active { transform: scale(.97); }
.btn-dark, .btn-primary { background: var(--ink); color: #fff; }
.btn-dark:hover, .btn-primary:hover { background: #2a2a2e; }
.btn-gold { background: var(--gold-grad); color: var(--ink); box-shadow: inset 0 1px 0 rgba(255,255,255,.5); }
.btn-gold:hover { filter: brightness(1.05); }
.btn-light { background: #fff; color: var(--ink); border-color: var(--line); }
.btn-light:hover { border-color: var(--ink); }
.btn-outline, .btn-secondary { border-color: var(--ink); color: var(--ink); background: transparent; }
.btn-outline:hover, .btn-secondary:hover { background: var(--ink); color: #fff; }
.btn-ghost { background: rgba(255,255,255,.08); color: #fff; border-color: rgba(255,255,255,.18); }
.btn-ghost:hover { background: #fff; color: var(--ink); }
.btn-quiet { background: var(--field); color: var(--ink); }
.btn-quiet:hover { background: var(--ink); color: #fff; }
.btn-small { --h: 40px; padding: 0 16px; font-size: .88rem; }
.btn-large { --h: 58px; padding: 0 30px; font-size: 1.04rem; }
.btn-block { width: 100%; }
.btn-round {
  width: 50px; height: 50px; padding: 0; flex-shrink: 0; border-radius: 50%;
  display: inline-grid; place-items: center; background: var(--ink); color: #fff; border: 0; text-decoration: none;
  transition: transform .2s ease, background-color .15s;
}
.btn-round:hover { transform: rotate(-45deg); }
.btn-round.is-light { background: #fff; color: var(--ink); box-shadow: var(--shadow-sm); }
.btn-round.is-gold { background: var(--gold-grad); color: var(--ink); }
.btn-round.is-sm { width: 40px; height: 40px; }
.btn-round svg { width: 18px; height: 18px; }
.btn-pair { display: inline-flex; align-items: center; gap: 6px; }
.text-link { font-weight: 700; color: var(--ink); text-decoration-color: var(--gold); text-decoration-thickness: 2px; }
.as-button { background: none; border: 0; padding: 0; text-decoration: underline; }
.icon-btn { display: inline-grid; place-items: center; width: 40px; height: 40px; border: 0; border-radius: 50%; background: var(--field); color: var(--muted); }
.icon-btn:hover { background: #fde8e6; color: var(--err); }
.pill-tag { display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; border-radius: var(--pill); background: var(--field); font-size: .82rem; font-weight: 650; color: var(--ink); }

/* ---------- Üst menü (kapsül) ---------- */
.site-header { position: sticky; top: 0; z-index: 60; padding: calc(env(safe-area-inset-top, 0px) + 12px) 0 0; }
body::before { content: ""; position: fixed; inset: 0 0 auto; height: env(safe-area-inset-top, 0px); z-index: 61; background: var(--bg); }
.header-in {
  display: flex; align-items: center; gap: 16px; height: 64px; padding: 0 10px 0 22px;
  background: rgba(255, 255, 255, .78); backdrop-filter: saturate(1.6) blur(16px); -webkit-backdrop-filter: saturate(1.6) blur(16px);
  border: 1px solid rgba(255,255,255,.9); border-radius: var(--pill); box-shadow: var(--shadow);
}
.brand { display: inline-flex; align-items: center; flex-shrink: 0; text-decoration: none; }

.main-nav { margin: 0 auto; }
.main-nav ul { display: flex; gap: 2px; list-style: none; margin: 0; padding: 5px; background: var(--field); border-radius: var(--pill); }
.main-nav a {
  display: block; padding: 9px 16px; border-radius: var(--pill); text-decoration: none;
  font-weight: 600; font-size: .92rem; color: #3b3a37; letter-spacing: -0.01em; transition: background-color .15s, color .15s;
}
.main-nav a:hover { background: #fff; color: var(--ink); }
.main-nav a[aria-current="page"] { background: var(--ink); color: #fff; }
.header-actions { display: flex; align-items: center; gap: 8px; }
.quote-link {
  display: inline-flex; align-items: center; gap: 10px; height: 46px; padding: 0 8px 0 18px;
  border-radius: var(--pill); background: var(--ink); color: #fff; text-decoration: none; font-weight: 650; font-size: .92rem;
}
.quote-link:hover { background: #2a2a2e; }
.quote-link .badge, .badge {
  display: inline-grid; place-items: center; min-width: 30px; height: 30px; padding: 0 8px; border-radius: var(--pill);
  background: var(--gold-grad); color: var(--ink); font-size: .82rem; font-weight: 800;
}
.quote-link .badge[hidden] { display: inline-grid !important; background: #2f2f33; color: #9a968f; }
.badge.pop { animation: pop .35s ease-out; }
@keyframes pop { 50% { transform: scale(1.3); } }
.menu-toggle { display: none; width: 46px; height: 46px; border: 0; border-radius: 50%; background: var(--field); color: var(--ink); }

/* ---------- Alt sekme çubuğu (mobil uygulama) ---------- */
.tabbar { display: none; }
@media (max-width: 960px) {
  :root { --tabbar-h: calc(70px + env(safe-area-inset-bottom, 0px)); --header-h: 64px; }
  .main-nav {
    position: fixed; z-index: 70; left: 12px; right: 12px; top: calc(env(safe-area-inset-top, 0px) + 84px);
    margin: 0; padding: 10px; background: #fff; border-radius: var(--r-lg); box-shadow: var(--shadow);
    display: none;
  }
  .main-nav.is-open { display: block; animation: sheet .2s ease-out; }
  .main-nav ul { flex-direction: column; background: none; padding: 0; gap: 2px; }
  .main-nav a { padding: 14px 16px; font-size: 1.05rem; border-radius: var(--r-sm); }
  .menu-toggle { display: inline-grid; place-items: center; }
  .header-in { height: 58px; padding: 0 6px 0 16px; }
  .brand .logo { height: 24px; }
  .quote-link { display: none; }
  .header-actions { margin-left: auto; }
  .wa-fab { width: 50px; height: 50px; right: 14px; bottom: calc(var(--tabbar-h) + 14px); }
  .tabbar {
    display: grid; grid-template-columns: repeat(5, 1fr); position: fixed; z-index: 65;
    left: 10px; right: 10px; bottom: calc(env(safe-area-inset-bottom, 0px) + 10px); height: 62px;
    padding: 6px; background: rgba(17, 17, 17, .92); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
    border-radius: 22px; box-shadow: 0 18px 40px -16px rgba(0,0,0,.5);
  }
  .tabbar a {
    position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
    color: #a19d96; text-decoration: none; font-size: .68rem; font-weight: 650; border-radius: 16px;
  }
  .tabbar a svg { width: 22px; height: 22px; }
  .tabbar a[aria-current="page"] { color: var(--ink); background: var(--gold-grad); }
  .tabbar .badge { position: absolute; top: 2px; right: calc(50% - 22px); min-width: 18px; height: 18px; padding: 0 5px; font-size: .64rem; }
  .tabbar a[aria-current="page"] .badge { background: var(--ink); color: #fff; }
}
@keyframes sheet { from { opacity: 0; transform: translateY(-8px); } }

/* ---------- WhatsApp kısayolu ---------- */
.wa-fab {
  position: fixed; z-index: 55; right: 20px; bottom: calc(var(--tabbar-h) + 20px);
  width: 58px; height: 58px; border-radius: 50%; display: grid; place-items: center;
  background: var(--ink); color: #fff; box-shadow: 0 0 0 6px rgba(198,156,93,.25), 0 16px 30px -12px rgba(0,0,0,.5);
  transition: transform .2s;
}
.wa-fab:hover { transform: scale(1.06); }
.wa-fab svg { width: 26px; height: 26px; }

/* ---------- Bildirimler ---------- */
.flash { margin: 18px 0; padding: 14px 18px; border-radius: var(--r-md); background: #fff; box-shadow: var(--shadow-sm); border-left: 4px solid; }
.flash ul { margin: 6px 0 0; padding-left: 20px; }
.flash p { margin: 0; }
.flash-success { border-color: var(--ok); }
.flash-error { border-color: var(--err); }
.toast {
  position: fixed; left: 50%; bottom: calc(var(--tabbar-h) + 22px); transform: translateX(-50%); z-index: 90;
  max-width: min(92vw, 480px); padding: 10px 10px 10px 20px; border-radius: var(--pill);
  background: var(--ink); color: #fff; box-shadow: 0 18px 40px -14px rgba(0,0,0,.5);
  display: flex; gap: 14px; align-items: center; font-weight: 600; font-size: .92rem; animation: toast .25s ease-out;
}
.toast a { background: var(--gold-grad); color: var(--ink); padding: 8px 14px; border-radius: var(--pill); text-decoration: none; font-weight: 750; white-space: nowrap; }
@keyframes toast { from { opacity: 0; transform: translate(-50%, 10px); } }

/* ---------- Kartlar ---------- */
.card { background: var(--card); border-radius: var(--r-lg); padding: clamp(20px, 2.4vw, 28px); box-shadow: var(--shadow); position: relative; }
.card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.card-head h2, .card-head h3 { margin: 0; font-size: 1.25rem; letter-spacing: -0.02em; }
.card-dark { background: var(--ink-2); color: var(--night-text); }
.card-dark .muted { color: var(--night-muted); }
.card-glass { background: rgba(255,255,255,.6); backdrop-filter: blur(10px); }

/* ---------- Bölümler ---------- */
.section { padding: clamp(64px, 9vw, 120px) 0; }
.section-tight { padding: clamp(28px, 4vw, 48px) 0; }
.section-alt { background: rgba(255,255,255,.45); }
.section-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; margin-bottom: clamp(28px, 4vw, 48px); }
.section-head h2 { margin-bottom: .2em; }
.section-head p { color: var(--muted); margin: 0; max-width: 52ch; }
.section-head.center { flex-direction: column; align-items: center; text-align: center; }
.page-head { padding: clamp(28px, 5vw, 56px) 0 clamp(8px, 2vw, 18px); }
.page-head h1 { font-size: clamp(2.6rem, 6vw, 5rem); margin-bottom: .2em; }
.crumbs { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 18px; font-size: .85rem; }
.crumbs a { display: inline-flex; align-items: center; height: 32px; padding: 0 14px; border-radius: var(--pill); background: rgba(255,255,255,.7); text-decoration: none; font-weight: 650; color: var(--muted); }
.crumbs a:hover { color: var(--ink); }
.empty { padding: 48px 24px; border-radius: var(--r-lg); background: rgba(255,255,255,.6); border: 1.5px dashed var(--line-2); text-align: center; color: var(--muted); }
.empty .btn { margin-top: 8px; }

/* ---------- Seçkin yazarlar ---------- */
.authors-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 18px; list-style: none; margin: 0; padding: 0; }
.authors-row > li { flex: 0 1 220px; }
.author-card {
  position: relative; display: block; aspect-ratio: 2 / 3; border-radius: var(--r-md); overflow: hidden;
  background: linear-gradient(180deg, #23232a, #0b0b0c); text-decoration: none; color: #fff;
  box-shadow: 0 20px 40px -24px rgba(0,0,0,.6); transition: transform .3s ease, box-shadow .3s;
}
.author-card .portrait { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(1.05); transition: filter .4s ease, transform .6s ease; border-radius: 0; aspect-ratio: auto; }
.author-card::after { content: ""; position: absolute; inset: 45% 0 0; background: linear-gradient(transparent, rgba(5,5,6,.92)); }
.author-card:hover, .author-card:focus-visible { transform: translateY(-6px); box-shadow: 0 30px 50px -24px rgba(0,0,0,.65); }
.author-card:hover .portrait, .author-card:focus-visible .portrait { filter: grayscale(0); transform: scale(1.04); }
.author-card-name { position: absolute; z-index: 1; left: 18px; right: 16px; bottom: 18px; display: grid; gap: 2px; }
.author-card-name b { font-size: 1.3rem; font-weight: 800; letter-spacing: -0.01em; line-height: 1.05; text-transform: uppercase; }
.author-card-name i { font-style: normal; font-size: .82rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; background: var(--gold-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.author-card-name small { margin-top: 8px; font-size: .78rem; color: rgba(255,255,255,.7); line-height: 1.35; font-weight: 500; }
.portrait-fallback {
  display: grid; place-items: center; width: 100%; aspect-ratio: 1;
  background: radial-gradient(circle at 30% 20%, #34312c, #111 70%);
  color: var(--gold-2); font-weight: 700; font-size: clamp(1.4rem, 4vw, 3rem); letter-spacing: -0.03em;
}
.author-card .portrait-fallback { font-size: 3.4rem; padding-bottom: 30%; }
.authors-foot { text-align: center; margin-top: 36px; color: var(--muted); }
.authors-foot p { margin-bottom: 14px; }
@media (max-width: 640px) {
  .authors-row.is-scroller { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; margin: 0 calc(var(--gutter) * -1); padding: 4px var(--gutter) 20px; scrollbar-width: none; }
  .authors-row.is-scroller::-webkit-scrollbar { display: none; }
  .authors-row.is-scroller li { flex: 0 0 62%; scroll-snap-align: start; }
}

/* ---------- Koyu bölüm: kitaplar ---------- */
.dark-zone { background: var(--night); color: var(--night-text); position: relative; overflow: hidden; }
.dark-zone::before { content: ""; position: absolute; width: 900px; height: 900px; right: -300px; bottom: -400px; background: radial-gradient(circle, rgba(198,156,93,.22), transparent 65%); pointer-events: none; }
.dark-zone .muted, .dark-zone .section-head p { color: var(--night-muted); }
.shelf { display: grid; grid-template-columns: minmax(260px, 380px) 1fr; gap: clamp(28px, 4vw, 56px); align-items: start; position: relative; }
.shelf-side { position: sticky; top: calc(var(--header-h) + 30px); }
.shelf-side h2 { color: #fff; }
.shelf-side p { color: var(--night-muted); }
.filter-list { list-style: none; margin: 24px 0 16px; padding: 0; display: grid; gap: 8px; }
.filter-list button, .filter-list a {
  width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 12px;
  height: 52px; padding: 0 12px 0 20px; border-radius: 14px; border: 1px solid var(--night-line);
  background: var(--night-card); color: var(--night-text); font-weight: 650; text-decoration: none; text-align: left;
  transition: background-color .15s, border-color .15s;
}
.filter-list button:hover, .filter-list a:hover { border-color: rgba(255,255,255,.25); }
.filter-list [aria-pressed="true"], .filter-list [aria-current="page"] { background: #fff; color: var(--ink); box-shadow: inset 4px 0 0 var(--gold); }
.filter-list span { min-width: 28px; height: 26px; padding: 0 8px; display: grid; place-items: center; border-radius: var(--pill); background: rgba(255,255,255,.1); font-size: .78rem; font-weight: 800; }
.filter-list [aria-pressed="true"] span, .filter-list [aria-current="page"] span { background: var(--gold-grad); color: var(--ink); }
.count-card { border-radius: var(--r-lg); padding: 26px; background: linear-gradient(160deg, #1d1d21, #0f0f11); border: 1px solid var(--night-line); }
.count-card strong { font-size: 4.6rem; font-weight: 500; letter-spacing: -0.06em; line-height: .9; }
.count-card span { margin-left: 8px; color: var(--night-muted); font-weight: 600; }
.count-card p { margin: 14px 0 0; font-size: .9rem; color: var(--night-muted); }

/* ---------- Kitap kartı ---------- */
.book-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 16px; }
.book-card {
  position: relative; display: flex; flex-direction: column; padding: 14px 14px 16px; border-radius: var(--r-lg);
  background: var(--card); box-shadow: var(--shadow); transition: transform .25s ease, box-shadow .25s;
}
.book-card:hover { transform: translateY(-4px); }
.dark-zone .book-card { background: var(--night-card); border: 1px solid var(--night-line); box-shadow: none; color: var(--night-text); }
.dark-zone .book-card:hover { border-color: rgba(214,179,122,.5); box-shadow: 0 0 0 1px rgba(214,179,122,.25), 0 30px 60px -30px rgba(198,156,93,.5); }
.book-cover { position: relative; display: block; border-radius: 14px; overflow: hidden; margin-bottom: 14px; background: var(--card-soft); }
.dark-zone .book-cover { background: #0e0e10; }

.book-card .open {
  position: absolute; z-index: 2; top: 22px; right: 22px; width: 38px; height: 38px; border-radius: 50%;
  display: grid; place-items: center; background: rgba(255,255,255,.92); color: var(--ink); text-decoration: none;
  transition: transform .2s; box-shadow: var(--shadow-sm);
}
.book-card .open svg { width: 16px; height: 16px; }
.book-card:hover .open { transform: rotate(-45deg); background: var(--gold-grad); }
.tag-new { position: absolute; z-index: 2; top: 22px; left: 22px; background: var(--ink); color: #fff; font-size: .72rem; font-weight: 800; padding: 6px 11px; border-radius: var(--pill); }
.dark-zone .tag-new { background: var(--gold-grad); color: var(--ink); }
.book-title { font-size: 1.05rem; font-weight: 750; line-height: 1.25; margin: 0 0 4px; letter-spacing: -0.02em; }
.book-title a { text-decoration: none; }
.book-title a::after { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; }
.book-authors { color: var(--muted); font-size: .86rem; margin: 0 0 14px; font-weight: 500; }
.dark-zone .book-authors { color: var(--night-muted); }
.book-card .add-quote { margin-top: auto; position: relative; z-index: 2; }
.book-card .add-quote .btn { width: 100%; }
.dark-zone .book-card .btn-quiet { background: rgba(255,255,255,.08); color: #fff; }
.dark-zone .book-card .btn-quiet:hover { background: var(--gold-grad); color: var(--ink); }
.shelf-more { display: flex; justify-content: center; margin-top: 28px; }
@media (max-width: 960px) {
  .shelf { grid-template-columns: 1fr; }
  .shelf-side { position: static; }
  .filter-list { display: flex; overflow-x: auto; gap: 8px; scrollbar-width: none; margin-right: calc(var(--gutter) * -1); padding-right: var(--gutter); }
  .filter-list::-webkit-scrollbar { display: none; }
  .filter-list li { flex: 0 0 auto; }
  .filter-list button, .filter-list a { width: auto; height: 44px; border-radius: var(--pill); }
  .count-card { display: none; }
}
@media (max-width: 560px) {
  .book-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .book-card { padding: 10px 10px 12px; border-radius: 20px; }
  .book-card .open, .tag-new { top: 16px; }
  .book-card .open { right: 16px; width: 32px; height: 32px; }
  .tag-new { left: 16px; }
  .book-title { font-size: .95rem; }
  .book-card .btn-small { --h: 38px; font-size: .8rem; padding: 0 10px; }
}

/* ---------- Kapak ---------- */
/* Ürün görseli konsepti: fotoğraflar kendi zemininde, kare çerçevede */
.cover-frame { position: relative; isolation: isolate; display: grid; place-items: center; width: 100%; aspect-ratio: 1; overflow: hidden; background: radial-gradient(120% 90% at 50% 15%, #fbf9f5, #ece7de); border-radius: inherit; }
/* Ürün fotoğraflarının beyaz zemini, çerçevenin sıcak zeminine karışır (kutu görünmez) */
.cover-frame .cover-img { width: 100%; height: 100%; object-fit: contain; padding: 5%; mix-blend-mode: multiply; transition: transform .5s cubic-bezier(.2,.8,.2,1); }
.cover-frame.is-fallback .cover-fallback { width: auto; height: 84%; aspect-ratio: 2 / 3; border-radius: 3px 6px 6px 3px; box-shadow: 0 18px 30px -18px rgba(40,25,5,.6); }
.cover-fallback { width: 100%; aspect-ratio: 2 / 3; }
.cover-fallback {
  container-type: inline-size; position: relative; display: flex; flex-direction: column; overflow: hidden;
  padding: 24% 12% 11%; color: #f6efe3; text-decoration: none;
  background: radial-gradient(120% 80% at 100% 0%, hsl(var(--h) 30% 30% / .9), transparent 60%), linear-gradient(170deg, #1d1c1f, #0c0c0d);
}
.cf-title { margin-top: 2cqi; }
.cf-title { font-weight: 750; font-size: clamp(.5rem, 10.5cqi, 2.6rem); line-height: 1.08; letter-spacing: -0.03em; text-wrap: balance; }
.book-cover, .b-new-cover, .qi-cover, .mini-books a { text-decoration: none; }
.cf-author { margin-top: auto; padding-bottom: 7%; font-size: clamp(.45rem, 5.2cqi, 1.05rem); font-weight: 600; color: var(--gold-2); }
.cf-mark { margin-top: auto; width: 13cqi; height: 13cqi; min-width: 14px; min-height: 14px; max-width: 40px; max-height: 40px; background: url("../img/mark.svg") center / contain no-repeat; font-size: 0; }

/* ---------- Etkinlikler ---------- */
.event-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 540px), 1fr)); gap: 16px; }
.event-row {
  display: grid; grid-template-columns: 96px 1fr; gap: 18px; align-items: start; padding: 18px; border-radius: var(--r-lg);
  background: var(--card); box-shadow: var(--shadow); position: relative;
}
.date-block { display: grid; place-content: center; text-align: center; aspect-ratio: 1; border-radius: 22px; background: var(--gold-grad); color: var(--ink); line-height: 1; }
.date-block .d { font-size: 2.6rem; font-weight: 650; letter-spacing: -0.05em; }
.date-block .m { font-size: .76rem; font-weight: 750; margin-top: 4px; }
.event-row.is-past .date-block { background: var(--field); color: var(--muted); }
.event-main h3 { font-size: 1.3rem; margin: 2px 0 6px; }
.event-main h3 a { text-decoration: none; }
.event-main h3 a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.event-meta { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 8px; }
.event-meta span { padding: 4px 10px; border-radius: var(--pill); background: var(--field); font-size: .8rem; font-weight: 650; color: #44423e; }
.event-summary { margin: 0 0 12px; color: var(--muted); font-size: .92rem; }
.event-cta { grid-column: 2; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; position: relative; z-index: 1; }
.price-from { font-weight: 750; font-size: .95rem; letter-spacing: -0.01em; }
@media (max-width: 520px) { .event-row { grid-template-columns: 72px 1fr; gap: 14px; } .date-block { border-radius: 18px; } .date-block .d { font-size: 2rem; } }

/* ---------- Süreç ve çağrı ---------- */
.steps { list-style: none; counter-reset: s; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.steps li { counter-increment: s; display: flex; flex-direction: column; gap: 6px; padding: 26px; border-radius: var(--r-lg); background: var(--card); box-shadow: var(--shadow); min-height: 220px; }
.steps li::before { content: counter(s, decimal-leading-zero); font-size: 3rem; font-weight: 500; letter-spacing: -0.05em; line-height: 1; margin-bottom: auto; background: var(--gold-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.steps strong { font-size: 1.2rem; letter-spacing: -0.02em; margin-top: 28px; }
.steps span { color: var(--muted); font-size: .94rem; }
@media (max-width: 860px) { .steps { grid-template-columns: 1fr; } .steps li { min-height: 0; } .steps strong { margin-top: 12px; } }

.cta-card {
  position: relative; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 28px;
  padding: clamp(32px, 5vw, 64px); border-radius: var(--r-xl); background: var(--night); color: #fff;
}
.cta-card::before { content: ""; position: absolute; width: 520px; height: 520px; right: -140px; top: -260px; background: radial-gradient(circle, rgba(214,179,122,.45), transparent 65%); }
.cta-card h2 { position: relative; margin: 0; max-width: 16ch; }
.cta-actions { position: relative; display: flex; flex-wrap: wrap; gap: 10px; }
.cta-band { padding: 0 0 clamp(48px, 7vw, 96px); }

.buyers { padding: clamp(22px, 3vw, 32px); border-radius: var(--r-lg); background: var(--card); box-shadow: var(--shadow); }
.buyers ul { list-style: none; margin: 0; padding: 0; }
.buyers li { padding: 14px 0; border-top: 1px solid var(--line); color: var(--muted); }
.buyers li:first-child { border-top: 0; padding-top: 4px; }
.buyers strong { color: var(--ink); }
.wholesale { display: grid; grid-template-columns: 1.3fr 1fr; gap: 16px; align-items: start; }
.wholesale .steps { grid-template-columns: 1fr; }
.wholesale .steps li { min-height: 0; }
.wholesale .steps strong { margin-top: 10px; }
@media (max-width: 860px) { .wholesale { grid-template-columns: 1fr; } }

/* ---------- Yazar sayfası ---------- */
.author-hero { padding: clamp(24px, 4vw, 48px) 0 16px; }
.author-hero-grid { display: grid; grid-template-columns: minmax(240px, 380px) 1fr; gap: 16px; }
.author-photo { position: relative; border-radius: var(--r-lg); overflow: hidden; aspect-ratio: 4 / 5; background: var(--ink-2); box-shadow: var(--shadow); }
.author-photo .portrait { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; aspect-ratio: auto; }
.author-photo .portrait-fallback { font-size: 6rem; }
.author-info { display: flex; flex-direction: column; }
.author-info h1 { font-size: clamp(2.6rem, 6vw, 5rem); margin-bottom: .1em; }
.role { color: var(--muted); font-weight: 600; margin-bottom: 1.2em; }
blockquote { margin: 0 0 1.4em; padding: 0; }
blockquote p { font-size: clamp(1.25rem, 2.2vw, 1.75rem); font-weight: 500; line-height: 1.35; letter-spacing: -0.025em; margin: 0; max-width: 32ch; }
blockquote p::before { content: "“"; color: var(--gold); }
blockquote p::after { content: "”"; color: var(--gold); }
.mini-stats { display: flex; flex-wrap: wrap; gap: 10px; margin-top: auto; padding-top: 20px; }
.mini-stat { padding: 14px 18px; border-radius: var(--r-md); background: var(--card-soft); min-width: 120px; }
.mini-stat strong { display: block; font-size: 2rem; font-weight: 550; letter-spacing: -0.04em; line-height: 1; }
.mini-stat span { font-size: .8rem; font-weight: 650; color: var(--muted); }
.link-row { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; margin: 0; }
.link-row a { display: inline-flex; height: 38px; align-items: center; padding: 0 16px; border-radius: var(--pill); background: var(--field); font-weight: 650; font-size: .88rem; text-decoration: none; }
.link-row a:hover { background: var(--ink); color: #fff; }
.prose { font-size: 1.08rem; line-height: 1.75; max-width: 68ch; color: #2b2a28; }
.prose p { margin-bottom: 1.1em; }
.prose-lead { font-size: 1.15rem; line-height: 1.6; color: #3a3935; max-width: 58ch; }
.author-box { display: grid; grid-template-columns: 88px 1fr; gap: 20px; align-items: start; }
.author-box .portrait { border-radius: 50%; aspect-ratio: 1; object-fit: cover; font-size: 1.6rem; }
.author-box h2 { margin-bottom: .1em; }
.author-box .role { margin-bottom: .6em; }
@media (max-width: 760px) {
  .author-hero-grid { grid-template-columns: 1fr; }
  .author-photo { aspect-ratio: 1; }
  .author-box { grid-template-columns: 64px 1fr; }
}

/* ---------- Kitap sayfası ---------- */
.book-page { padding-top: clamp(20px, 3vw, 36px); }
.book-bento { display: grid; grid-template-columns: minmax(280px, 460px) 1fr; gap: 16px; align-items: start; }
.book-stage { position: sticky; top: calc(var(--header-h) + 28px); border-radius: var(--r-xl); padding: clamp(32px, 6vw, 72px) clamp(32px, 6vw, 64px); background: radial-gradient(circle at 70% 20%, rgba(232,205,150,.7), transparent 60%), linear-gradient(160deg, #fff, #efe9df); box-shadow: var(--shadow); }
.book-info { display: grid; gap: 16px; }
.book-info h1 { font-size: clamp(2.2rem, 4.8vw, 4rem); margin-bottom: .1em; }
.subtitle { font-size: 1.15rem; color: var(--muted); font-weight: 600; margin-bottom: .8em; }
.by { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px; }
.by a { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 16px 0 6px; border-radius: var(--pill); background: var(--field); text-decoration: none; font-weight: 700; }
.by a .portrait { width: 30px; height: 30px; border-radius: 50%; aspect-ratio: 1; font-size: .7rem; object-fit: cover; }
.by a:hover { background: var(--ink); color: #fff; }
.order-box { display: grid; gap: 14px; }
.order-box .hint { display: none; }
.add-quote:not(.is-compact) { display: grid; gap: 14px; }
.qty-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-weight: 700; }
.hint { font-size: .84rem; color: var(--muted); margin: 0; }
.stepper { display: inline-flex; align-items: center; gap: 4px; padding: 4px; border-radius: var(--pill); background: var(--field); }
.stepper button { width: 40px; height: 40px; border: 0; border-radius: 50%; background: #fff; color: var(--ink); font-size: 1.2rem; font-weight: 600; box-shadow: 0 1px 2px rgba(0,0,0,.06); }
.stepper button:hover { background: var(--ink); color: #fff; }
.stepper input { width: 64px; min-height: 40px; border: 0; background: transparent; text-align: center; font-weight: 800; font-size: 1.05rem; padding: 0; -moz-appearance: textfield; }
.stepper input:focus { box-shadow: none; }
.stepper input::-webkit-outer-spin-button, .stepper input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.facts { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; margin: 0; }
.facts div { padding: 14px 16px; border-radius: var(--r-md); background: var(--card-soft); }
.facts dt { font-size: .76rem; font-weight: 650; color: var(--muted); }
.facts dd { margin: 4px 0 0; font-weight: 750; letter-spacing: -0.01em; }
@media (max-width: 860px) {
  .book-bento { grid-template-columns: 1fr; }
  .book-stage { position: static; padding: 40px 22%; }
}

/* ---------- Araç çubuğu, arama, sayfalama ---------- */
.toolbar { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 14px; align-items: center; margin-bottom: 24px; }
.chips { display: flex; flex-wrap: wrap; gap: 4px; padding: 5px; border-radius: var(--pill); background: rgba(255,255,255,.75); box-shadow: var(--shadow-sm); }
.chips a { padding: 9px 16px; border-radius: var(--pill); text-decoration: none; font-weight: 650; font-size: .9rem; color: #44423e; }
.chips a:hover { background: var(--field); }
.chips a[aria-current="page"] { background: var(--ink); color: #fff; }
.search { display: flex; gap: 6px; padding: 5px; border-radius: var(--pill); background: #fff; box-shadow: var(--shadow-sm); }
.search input { min-width: 240px; border: 0; background: transparent; min-height: 44px; padding: 0 16px; }
.search input:focus { box-shadow: none; }
.search .btn { --h: 44px; }
.pagination { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; margin-top: 40px; }
.pagination a { min-width: 46px; height: 46px; display: grid; place-items: center; border-radius: 50%; background: #fff; text-decoration: none; font-weight: 700; box-shadow: var(--shadow-sm); }
.pagination a[aria-current="page"] { background: var(--ink); color: #fff; }
@media (max-width: 760px) {
  .chips { flex-wrap: nowrap; overflow-x: auto; max-width: 100%; scrollbar-width: none; }
  .chips::-webkit-scrollbar { display: none; }
  .chips a { white-space: nowrap; }
  .search { width: 100%; }
  .search input { min-width: 0; flex: 1; }
}

/* ---------- Formlar ---------- */
.form-card { padding: clamp(22px, 3vw, 32px); border-radius: var(--r-lg); background: var(--card); box-shadow: var(--shadow); }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 20px; }
.form-grid .span-2 { grid-column: span 2; }
.field { display: grid; gap: 7px; }
.field label, .field > summary { font-weight: 700; font-size: .88rem; }
.opt { font-weight: 500; color: var(--muted-2); font-size: .8rem; }
input, select, textarea {
  width: 100%; min-height: 52px; padding: 12px 18px; font: inherit; font-size: 1rem; font-weight: 500; color: var(--text);
  background: var(--field); border: 1.5px solid transparent; border-radius: 16px; transition: border-color .15s, background-color .15s, box-shadow .15s;
}
textarea { min-height: 110px; resize: vertical; line-height: 1.5; }
select { appearance: none; background-image: linear-gradient(45deg, transparent 50%, #555 50%), linear-gradient(135deg, #555 50%, transparent 50%); background-position: calc(100% - 22px) 52%, calc(100% - 16px) 52%; background-size: 6px 6px; background-repeat: no-repeat; padding-right: 40px; }
input:hover, select:hover, textarea:hover { background-color: #eeebe5; }
input:focus, select:focus, textarea:focus { outline: none; background-color: #fff; border-color: var(--gold); box-shadow: 0 0 0 4px rgba(198,156,93,.2); }
input[type="checkbox"], input[type="radio"] { width: 20px; height: 20px; min-height: 0; padding: 0; accent-color: var(--ink); margin: 2px 0 0; flex-shrink: 0; }
.check { display: flex; gap: 10px; align-items: flex-start; font-weight: 500 !important; font-size: .9rem; }
.check a { font-weight: 700; }
.has-error input, .has-error textarea { border-color: var(--err); background: #fff; }
.error { color: var(--err); font-size: .84rem; font-weight: 600; }
@media (max-width: 640px) { .form-grid { grid-template-columns: 1fr; } .form-grid .span-2 { grid-column: auto; } }

/* ---------- Teklif listesi ---------- */
.quote-layout { display: grid; grid-template-columns: 1fr minmax(340px, 480px); gap: 16px; align-items: start; }
.quote-items { padding: 8px clamp(14px, 2vw, 22px) 4px; border-radius: var(--r-lg); background: var(--card); box-shadow: var(--shadow); }
.quote-items ul { list-style: none; margin: 0; padding: 0; }
.quote-item { display: grid; grid-template-columns: 58px 1fr auto auto; gap: 14px; align-items: center; padding: 14px 0; border-bottom: 1px solid var(--line); }
.qi-cover { border-radius: 12px; overflow: hidden; display: block; }
.qi-cover .cf-author, .qi-cover .cf-mark, .mini-books .cf-author, .mini-books .cf-mark { display: none; }
.qi-body { display: grid; gap: 2px; min-width: 0; }
.qi-title { font-weight: 750; text-decoration: none; letter-spacing: -0.01em; }
.qi-body .muted { font-size: .85rem; }
.qi-foot { display: flex; justify-content: space-between; align-items: center; gap: 14px; flex-wrap: wrap; padding: 18px 0 16px; }
.qi-foot strong { font-size: 1.3rem; letter-spacing: -0.02em; }
@media (max-width: 1000px) { .quote-layout { grid-template-columns: 1fr; } }
@media (max-width: 520px) {
  .quote-item { grid-template-columns: 48px 1fr auto; }
  .quote-item .stepper { grid-column: 2; justify-self: start; }
  .quote-item .icon-btn { grid-row: 1; grid-column: 3; }
}
.done { text-align: center; }
.done .lead { margin-inline: auto; }
.done-mark { width: 84px; height: 84px; margin: 0 auto 22px; border-radius: 50%; display: grid; place-items: center; background: var(--gold-grad); color: var(--ink); }
.done-mark svg { width: 40px; height: 40px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.hero-actions.center { justify-content: center; }

/* ---------- Etkinlik sayfası ---------- */
.event-hero { padding: clamp(20px, 3vw, 32px) 0 0; }
.event-hero-card {
  position: relative; overflow: hidden; display: grid; grid-template-columns: 1fr auto; gap: 32px; align-items: end;
  padding: clamp(28px, 5vw, 56px); border-radius: var(--r-xl); background: var(--night); color: #fff; min-height: 380px;
}
.event-hero-card::before { content: ""; position: absolute; width: 640px; height: 640px; left: -200px; bottom: -380px; background: radial-gradient(circle, rgba(214,179,122,.35), transparent 65%); }
.event-cover { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .32; }
.event-hero-card > * { position: relative; }
.event-hero-card .crumbs a { background: rgba(255,255,255,.1); color: rgba(255,255,255,.8); }
.event-hero-card h1 { font-size: clamp(2.4rem, 6vw, 5rem); max-width: 14ch; margin-bottom: .15em; }
.event-hero-card .subtitle { color: rgba(255,255,255,.75); }
.event-facts { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0 26px; }
.event-facts div { padding: 12px 18px; border-radius: var(--r-md); background: rgba(255,255,255,.08); border: 1px solid var(--night-line); }
.event-facts dt { font-size: .74rem; font-weight: 650; color: var(--night-muted); }
.event-facts dd { margin: 2px 0 0; font-weight: 700; }
.event-hero-card .ring .track { stroke: rgba(255,255,255,.1); }
.event-hero-card .ring .ticks { stroke: rgba(255,255,255,.2); }
.event-hero-card .ring-center span { color: var(--night-muted); }
.event-hero-card .ring-wrap { width: 200px; margin: 0; }
.event-body { display: grid; grid-template-columns: 1fr minmax(340px, 440px); gap: 16px; padding-top: 16px; padding-bottom: clamp(56px, 7vw, 96px); align-items: start; }
.event-content { display: grid; gap: 16px; }
.speakers { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 10px; }
.speakers a { display: grid; grid-template-columns: 56px 1fr; gap: 14px; align-items: center; padding: 8px; border-radius: var(--r-md); background: var(--card-soft); text-decoration: none; }
.speakers a:hover { background: var(--field); }
.speakers .portrait { border-radius: 50%; aspect-ratio: 1; object-fit: cover; font-size: 1.1rem; }
.speakers span { display: grid; }
.speakers small { color: var(--muted); }
.ticket-panel { position: sticky; top: calc(var(--header-h) + 28px); scroll-margin-top: calc(var(--header-h) + 28px); }
.ticket-form { display: grid; gap: 14px; }
.ticket-types { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.ticket-type { display: grid; grid-template-columns: 1fr auto auto; gap: 12px; align-items: center; padding: 12px 12px 12px 18px; border-radius: var(--r-md); background: var(--card-soft); }
.ticket-type > div { display: grid; }
.ticket-type small { color: var(--muted); font-size: .8rem; }
.ticket-type.is-off { opacity: .55; }
.tt-price { font-weight: 800; white-space: nowrap; letter-spacing: -0.01em; }
.ticket-type select { width: 74px; min-height: 44px; padding: 0 28px 0 14px; background-color: #fff; background-position: calc(100% - 16px) 52%, calc(100% - 10px) 52%; }
.ticket-total { display: flex; justify-content: space-between; align-items: baseline; padding: 16px 18px; margin: 0; border-radius: var(--r-md); background: var(--ink); color: #fff; font-weight: 600; }
.ticket-total strong { font-size: 1.5rem; letter-spacing: -0.03em; }
.pay-methods { border: 0; padding: 0; margin: 0; display: grid; gap: 8px; }
.pay-methods legend { font-weight: 700; font-size: .88rem; margin-bottom: 8px; padding: 0; }
.radio { display: grid; grid-template-columns: auto 1fr; gap: 12px; padding: 14px 16px; border-radius: var(--r-md); background: var(--card-soft); border: 1.5px solid transparent; cursor: pointer; }
.radio:has(input:checked) { border-color: var(--ink); background: #fff; }
.radio span { display: grid; }
.radio small { color: var(--muted); font-size: .82rem; }
details.field summary { cursor: pointer; font-weight: 700; font-size: .9rem; }
details.field textarea { margin-top: 10px; }
@media (max-width: 960px) {
  .event-body { grid-template-columns: 1fr; }
  .ticket-panel { position: static; }
  .event-hero-card { grid-template-columns: 1fr; }
  .event-hero-card .ring-wrap { width: 150px; }
}

/* ---------- Sipariş / bilet ---------- */
.order-page { max-width: 860px; display: grid; gap: 16px; }
.status { display: inline-flex; align-items: center; height: 32px; padding: 0 14px; border-radius: var(--pill); font-weight: 750; font-size: .84rem; margin-bottom: 10px; }
.status-beklemede { background: #fff1d6; color: #7a4a00; }
.status-odendi { background: #e3f4ea; color: var(--ok); }
.status-iptal, .status-iade { background: #fde8e6; color: var(--err); }
.order-head h1 { font-size: clamp(1.8rem, 4vw, 2.8rem); }
.bank { display: grid; gap: 8px; margin: 18px 0; }
.bank div { display: grid; grid-template-columns: 110px 1fr; gap: 12px; align-items: center; padding: 12px 16px; border-radius: var(--r-sm); background: var(--card-soft); }
.bank dt { color: var(--muted); font-size: .85rem; font-weight: 650; }
.bank dd { margin: 0; font-weight: 750; word-break: break-word; }
.switch-pay { margin-top: 16px; }
.tickets-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.ticket-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; }
.ticket {
  position: relative; display: grid; grid-template-columns: 132px 1fr; gap: 22px; align-items: center; padding: 18px;
  border-radius: var(--r-lg); background: var(--night); color: #fff; overflow: hidden;
}
.ticket::before, .ticket::after { content: ""; position: absolute; left: 160px; width: 26px; height: 26px; border-radius: 50%; background: var(--bg); }
.ticket::before { top: -13px; }
.ticket::after { bottom: -13px; }
.ticket > div:last-child { display: grid; gap: 4px; padding-left: 10px; }
.ticket span { color: var(--night-muted); font-size: .9rem; }
.ticket .code { font-size: 1.8rem; font-weight: 800; letter-spacing: .14em; background: var(--gold-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.qr { width: 132px; height: 132px; background: #fff; padding: 8px; border-radius: 14px; }
.qr img, .qr canvas { width: 100% !important; height: 100% !important; }
.table { width: 100%; border-collapse: collapse; }
.table th, .table td { text-align: left; padding: 12px 6px; border-bottom: 1px solid var(--line); }
.table .num { text-align: right; }
.table tfoot th { border-bottom: 0; font-size: 1.1rem; }

/* ---------- Diğer sayfalar ---------- */
.contact { display: grid; grid-template-columns: 1fr 1.4fr; gap: 16px; align-items: start; }
.contact-info { display: grid; gap: 10px; }
.contact-info a.contact-tile, .contact-info div.contact-tile { display: grid; gap: 2px; padding: 20px 22px; border-radius: var(--r-lg); background: var(--card); box-shadow: var(--shadow); text-decoration: none; }
.contact-tile small { color: var(--muted); font-weight: 650; }
.contact-tile strong { font-size: 1.2rem; letter-spacing: -0.02em; }
.about { display: grid; grid-template-columns: 1fr 300px; gap: 16px; align-items: start; }
.about-facts { margin: 0; display: grid; gap: 10px; }
.about-facts div { padding: 22px; border-radius: var(--r-lg); background: var(--card); box-shadow: var(--shadow); }
.about-facts dt { color: var(--muted); font-weight: 650; font-size: .85rem; }
.about-facts dd { margin: 4px 0 0; font-size: 3.6rem; font-weight: 500; letter-spacing: -0.05em; line-height: 1; }
@media (max-width: 860px) { .contact, .about { grid-template-columns: 1fr; } }

/* ---------- Alt bölüm ---------- */
.site-footer { background: var(--night); color: var(--night-muted); padding: clamp(56px, 7vw, 88px) 0 calc(var(--tabbar-h) + 8px); }
.site-footer a { color: #e9e5dd; text-decoration: none; }
.site-footer a:hover { color: var(--gold-2); }
.footer-grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr; gap: 40px; padding-bottom: 48px; }

.footer-brand p { margin: 22px 0; max-width: 40ch; }
.site-footer h2 { font-size: .95rem; color: #fff; margin-bottom: 16px; letter-spacing: -0.01em; }
.site-footer ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.social { margin-top: 22px !important; display: flex !important; flex-wrap: wrap; gap: 8px !important; }
.social a { display: inline-flex; height: 38px; align-items: center; padding: 0 16px; border-radius: var(--pill); border: 1px solid var(--night-line); }
.footer-bottom { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding-top: 22px; padding-bottom: 22px; border-top: 1px solid var(--night-line); font-size: .86rem; }
@media (max-width: 760px) { .footer-grid { grid-template-columns: 1fr; } }

/* ---------- Hareket ve yazdırma ---------- */
.reveal { animation: rise .7s cubic-bezier(.2,.8,.2,1) both; animation-delay: calc(var(--i, 0) * 70ms); }
@keyframes rise { from { opacity: 0; transform: translateY(18px); } }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; animation-delay: 0ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
  html { scroll-behavior: auto; }
}
@media print {
  .site-header, .site-footer, .tabbar, .wa-fab, .pay-box, .order-summary, .tickets-head button, .toast { display: none !important; }
  body { background: #fff; padding: 0; }
  .ticket { break-inside: avoid; }
}

/* =========================================================
   ALTIN SAHNE — yaratıcı ana sayfa
   ========================================================= */
@property --tone { syntax: "<color>"; inherits: true; initial-value: #c69c5d; }

/* ---------- 3D kitap ---------- */
.b3d { --w: 260px; --d: calc(var(--w) * .12); --ry: -30deg; --rx: 5deg; position: relative; width: var(--w); aspect-ratio: 2 / 3; perspective: 1800px; }
.b3d-inner { position: absolute; inset: 0; transform-style: preserve-3d; transform: rotateY(var(--ry)) rotateX(var(--rx)); transition: transform .9s cubic-bezier(.2,.8,.2,1); }
.b3d:hover .b3d-inner, .b3d:focus-within .b3d-inner { --ry: -12deg; }
.b3d-front, .b3d-back { position: absolute; inset: 0; border-radius: 2px 6px 6px 2px; overflow: hidden; backface-visibility: hidden; }
.b3d-front { transform: translateZ(calc(var(--d) / 2)); }
.b3d-front .cover-fallback { width: 100%; height: 100%; aspect-ratio: auto; }
.b3d-front::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background:
    linear-gradient(90deg, rgba(0,0,0,.38) 0, rgba(255,255,255,.18) 1.6%, rgba(0,0,0,.12) 3.4%, transparent 7%),
    linear-gradient(115deg, transparent 35%, rgba(255,255,255,.16) 48%, transparent 62%);
}
.b3d-back { transform: rotateY(180deg) translateZ(calc(var(--d) / 2)); background: color-mix(in srgb, var(--tone) 35%, #0b0b0c); }
.b3d-spine {
  position: absolute; top: 0; bottom: 0; left: calc(50% - var(--d) / 2); width: var(--d);
  transform: rotateY(-90deg) translateZ(calc(var(--w) / 2));
  background: linear-gradient(90deg, color-mix(in srgb, var(--tone) 55%, #000) 0%, color-mix(in srgb, var(--tone) 80%, #000) 45%, color-mix(in srgb, var(--tone) 50%, #000) 100%);
  display: grid; place-items: center; overflow: hidden;
}
.b3d-spine span { writing-mode: vertical-rl; color: rgba(255,255,255,.85); font-size: calc(var(--d) * .32); font-weight: 750; letter-spacing: .02em; white-space: nowrap; max-height: 80%; overflow: hidden; text-overflow: ellipsis; }
.b3d-pages {
  position: absolute; top: 1.2%; bottom: 1.2%; left: calc(50% - var(--d) / 2); width: calc(var(--d) - 2px);
  transform: rotateY(90deg) translateZ(calc(var(--w) / 2 - 3px));
  background: repeating-linear-gradient(90deg, #f6f1e7 0 1.5px, #ddd3c2 1.5px 2.5px);
}
.b3d-top {
  position: absolute; left: 1%; right: 3px; top: calc(50% - var(--d) / 2); height: calc(var(--d) - 2px);
  transform: rotateX(90deg) translateZ(calc(var(--w) * .75 - 3px));
  background: repeating-linear-gradient(0deg, #f6f1e7 0 1.5px, #ddd3c2 1.5px 2.5px);
}
.b3d-shadow { position: absolute; left: 0; right: -18%; bottom: -7%; height: 14%; background: radial-gradient(ellipse at 45% 50%, rgba(0,0,0,.55), transparent 70%); filter: blur(10px); transform: skewX(-25deg); pointer-events: none; }
@keyframes float { 50% { transform: translateY(-14px); } }

/* ---------- Üst menü: ana sayfada koyu sahne üzerinde ---------- */
.is-home main { margin-top: calc(-76px - env(safe-area-inset-top, 0px)); }
.brand { color: var(--ink); }
.brand .logo { display: block; height: 30px; width: auto; }
.site-footer .logo { height: 36px; width: auto; color: #f5f1ea; }
.is-home:not(.is-scrolled) .brand { color: #f5f1ea; }
.is-home:not(.is-scrolled) .header-in { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.1); box-shadow: none; backdrop-filter: blur(10px); }
.is-home:not(.is-scrolled) .main-nav ul { background: rgba(255,255,255,.06); }
.is-home:not(.is-scrolled) .main-nav a { color: rgba(255,255,255,.8); }
.is-home:not(.is-scrolled) .main-nav a:hover { background: rgba(255,255,255,.12); color: #fff; }
.is-home:not(.is-scrolled) .quote-link { background: var(--gold-grad); color: var(--ink); }
.is-home:not(.is-scrolled) .quote-link .badge { background: var(--ink); color: #fff; }
.is-home:not(.is-scrolled) .menu-toggle { background: rgba(255,255,255,.1); color: #fff; }
.header-in { transition: background-color .35s, box-shadow .35s, border-color .35s; }
.is-home .site-header { animation: headerIn .8s cubic-bezier(.2,.8,.2,1) calc(var(--hd) + .2s) both; }
@keyframes headerIn { from { opacity: 0; transform: translateY(-16px); } }

/* ---------- N simgesi (genel) ---------- */
.n-mark { display: inline-block; width: 1em; height: 1em; vertical-align: -0.12em; flex-shrink: 0; }

/* ---------- Açılış: logo animasyonu (oturum başına bir kez) ---------- */
:root { --hd: 0s; }
.intro-on { --hd: 2.55s; }
.hero.started { --hd: 0s; }
.intro { display: none; }
.intro-on .intro {
  display: grid; place-items: center; position: fixed; inset: 0; z-index: 200; background: #060606;
  animation: introOut .9s cubic-bezier(.76,0,.24,1) 2.3s forwards;
}
@keyframes introOut { to { clip-path: inset(0 0 100% 0); visibility: hidden; } }
.intro-in { display: grid; justify-items: center; gap: 26px; }
.intro-mark { width: min(28vw, 150px); height: auto; overflow: visible; filter: drop-shadow(0 0 28px rgba(214,179,122,.35)); }
.im-p { fill: url(#inGold); fill-opacity: 0; stroke: #f1dcb4; stroke-width: .3; stroke-dasharray: 1; stroke-dashoffset: 1;
  animation: draw .9s cubic-bezier(.6,0,.2,1) .15s forwards, fillIn .5s ease-out .85s forwards; }
.im-r { transform: translate(4px, -4px); animation: draw .9s cubic-bezier(.6,0,.2,1) .25s forwards, fillIn .5s ease-out .85s forwards, slot .55s cubic-bezier(.2,.8,.2,1) .8s forwards; }
.im-l { transform: translate(-4px, 4px); animation: draw .9s cubic-bezier(.6,0,.2,1) .25s forwards, fillIn .5s ease-out .85s forwards, slot .55s cubic-bezier(.2,.8,.2,1) .8s forwards; }
.intro-word { width: min(70vw, 340px); height: auto; color: #f5f1ea; clip-path: inset(0 100% 0 0); animation: wipe .8s cubic-bezier(.7,0,.2,1) 1.2s forwards; }
@keyframes wipe { to { clip-path: inset(0 0 0 0); } }
.intro-line { width: min(70vw, 340px); height: 1px; background: linear-gradient(90deg, transparent, var(--gold-2), transparent); transform: scaleX(0); animation: lineGrow .9s ease-out 1.5s forwards; }
@keyframes lineGrow { to { transform: scaleX(1); } }
@keyframes draw { to { stroke-dashoffset: 0; } }
@keyframes fillIn { to { fill-opacity: 1; stroke-opacity: 0; } }
@keyframes slot { to { transform: none; } }

/* ---------- 3D katmanlı N (slayt görseli ve 404) ---------- */
.ns-mark { width: min(40vh, 380px, 70vw); aspect-ratio: 1; perspective: 1100px; }
.hm { --rx: 0deg; --ry: 0deg; position: relative; width: 100%; height: 100%; transform-style: preserve-3d; transform: rotateX(var(--rx)) rotateY(var(--ry)); transition: transform .5s cubic-bezier(.2,.8,.2,1); }
.ns-mark.is-idle .hm { animation: idleTurn 9s ease-in-out infinite; }
@keyframes idleTurn { 0%, 100% { transform: rotateX(4deg) rotateY(-18deg); } 50% { transform: rotateX(-3deg) rotateY(18deg); } }
.hm-layer, .hm-front { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.hm-layer { transform: translateZ(calc(var(--z) * -3.2px)); }
.hm-layer path { fill: color-mix(in srgb, #8d673b calc(100% - var(--z) * 9%), #1a120a); }
.hm-front { filter: drop-shadow(0 0 30px rgba(214,179,122,.25)); }
.hm-p { fill: url(#hmGold); }
.hm-shine { animation: shine 6s ease-in-out 1s infinite; }
@keyframes shine { 0% { transform: skewX(-20deg) translateX(0); } 20%, 100% { transform: skewX(-20deg) translateX(90px); } }

/* ---------- Giriş ---------- */
.hero {
  --edge: max(var(--gutter), calc((100vw - var(--wrap)) / 2 + var(--gutter)));
  position: relative; overflow: hidden; isolation: isolate; color: #fff; background: #060606;
  height: max(660px, 100svh); max-height: 1040px;
  display: grid; grid-template-rows: minmax(0, 1fr) auto;
  padding-top: calc(env(safe-area-inset-top, 0px) + 92px);
}
.hero::after {
  content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; opacity: .08; mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.hero-bg { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.hero-glow { position: absolute; right: 18%; top: 44%; width: 900px; height: 900px; translate: 50% -50%; border-radius: 50%; background: radial-gradient(circle, rgba(214,179,122,.26), rgba(198,156,93,.07) 40%, transparent 66%); animation: breathe 8s ease-in-out infinite; }
@keyframes breathe { 50% { scale: 1.1; opacity: .75; } }
.hero-main { position: relative; z-index: 1; min-height: 0; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); align-items: center; gap: clamp(24px, 4vw, 64px); padding: 0 var(--edge); }

.hero-slides { display: grid; }
.hslide { grid-area: 1 / 1; visibility: hidden; align-self: center; max-width: 680px; }
.hslide.is-active, .hslide.is-leaving { visibility: visible; }
.hslide > * { opacity: 0; }
.hslide.is-active > * { animation: lineUp .85s cubic-bezier(.2,.8,.2,1) both; }
.hslide.is-active .hs-kicker { animation-delay: calc(var(--hd) + .05s); }
.hslide.is-active .hs-title { animation-delay: calc(var(--hd) + .14s); }
.hslide.is-active .hs-sub { animation-delay: calc(var(--hd) + .26s); }
.hslide.is-active .hs-cta { animation-delay: calc(var(--hd) + .38s); }
.hslide.is-leaving > * { opacity: 1; animation: fadeOut .45s ease both; }
@keyframes lineUp { from { opacity: 0; transform: translateY(26px); } to { opacity: 1; transform: none; } }
@keyframes fadeOut { to { opacity: 0; transform: translateY(-12px); } }
.hs-kicker { display: flex; align-items: center; gap: 10px; margin: 0 0 18px; font-size: .82rem; font-weight: 700; color: rgba(255,255,255,.7); }
.hs-kicker .n-mark { width: 22px; height: 22px; }
.hs-title { margin: 0 0 18px; font-size: clamp(2.3rem, min(4.4vw, 7.4vh), 4.6rem); font-weight: 750; line-height: .98; letter-spacing: -0.055em; text-wrap: balance; }
.hs-sub { margin: 0 0 28px; max-width: 46ch; font-size: clamp(1rem, 1.2vw, 1.15rem); line-height: 1.6; color: rgba(255,255,255,.66); }
.hs-cta { display: flex; flex-wrap: wrap; gap: 10px; }
.btn-glass { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.2); color: #fff; backdrop-filter: blur(10px); }
.btn-glass:hover { background: #fff; color: var(--ink); }

/* Yazar kemerleri */
.hero-art { position: relative; height: min(62vh, 560px); min-height: 300px; display: flex; align-items: center; justify-content: center; gap: clamp(10px, 1.4vw, 20px); animation: artIn 1.2s cubic-bezier(.2,.8,.2,1) calc(var(--hd) + .15s) both; }
@keyframes artIn { from { opacity: 0; transform: translateY(30px) scale(.97); } }
.arch { position: relative; flex: 0 0 auto; overflow: hidden; border-radius: 999px 999px 26px 26px; background: #141416; box-shadow: 0 40px 70px -40px rgba(0,0,0,.9), 0 0 0 1px rgba(255,255,255,.05); isolation: isolate; }
.arch.a1 { width: 28%; height: 76%; margin-top: 12%; }
.arch.a2 { width: 34%; height: 100%; }
.arch.a3 { width: 28%; height: 70%; margin-bottom: 14%; }
.arch.a1 { animation: floatA 9s ease-in-out infinite; }
.arch.a3 { animation: floatA 10s ease-in-out -4s infinite; }
@keyframes floatA { 50% { transform: translateY(-12px); } }
.arch-item { position: absolute; inset: 0; margin: 0; opacity: 0; transition: opacity 1.2s ease; }
.arch-item.is-on { opacity: 1; z-index: 1; }
.arch-item img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 18%; filter: grayscale(1) contrast(1.08) brightness(.95); transform: scale(1.08); transition: transform 7s ease-out, filter .8s; }
.arch-item.is-on img { transform: scale(1); }
.arch:hover .arch-item.is-on img { filter: grayscale(0); }
.arch::after { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; background: linear-gradient(180deg, rgba(214,159,82,.18), transparent 40%, rgba(6,6,6,.75) 100%); mix-blend-mode: normal; }
.arch-item figcaption { position: absolute; z-index: 3; left: 50%; bottom: 14px; translate: -50% 0; white-space: nowrap; padding: 6px 12px; border-radius: var(--pill); background: rgba(10,10,12,.55); backdrop-filter: blur(8px); font-size: .74rem; font-weight: 700; color: #fff; }
.arch-coin { position: absolute; z-index: 4; left: 50%; top: 0; translate: -50% -30%; width: 54px; height: 54px; border-radius: 16px; display: grid; place-items: center; background: #0e0e10; box-shadow: 0 16px 30px -12px rgba(0,0,0,.9), 0 0 30px rgba(214,179,122,.25); }
.arch-coin .n-mark { width: 30px; height: 30px; }

/* Alt şerit: kartlar + gezinme (taşma yok) */
.hero-bottom { position: relative; z-index: 3; display: grid; grid-template-columns: minmax(0, 300px) 1fr minmax(0, 300px); align-items: end; gap: 20px; padding: 18px var(--edge) clamp(20px, 3.4vh, 36px); }
.hero-nav { justify-self: center; display: flex; align-items: center; gap: 12px; padding-bottom: 6px; animation: lineUp .8s ease calc(var(--hd) + .7s) both; }
.hn-dots { display: flex; gap: 8px; }
.hn-dot { position: relative; width: 34px; height: 4px; padding: 0; border: 0; border-radius: 4px; background: rgba(255,255,255,.2); overflow: hidden; }
.hn-dot::before { content: ""; position: absolute; inset: -10px 0; }
.hn-dot[aria-current="true"] { width: 54px; background: rgba(255,255,255,.25); }
.hn-dot i { position: absolute; inset: 0; background: var(--gold-grad); transform: scaleX(0); transform-origin: left; }
.hn-dot[aria-current="true"] i { transform: scaleX(1); }
.hero.is-playing .hn-dot[aria-current="true"] i { animation: progress var(--dur, 7000ms) linear both; }
.hero.is-paused .hn-dot[aria-current="true"] i { animation-play-state: paused; }
@keyframes progress { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.hn-arrow { width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(255,255,255,.2); background: rgba(255,255,255,.04); color: #fff; display: grid; place-items: center; transition: background-color .2s, color .2s; }
.hn-arrow:hover { background: #fff; color: var(--ink); }
.hn-arrow svg { width: 16px; height: 16px; }
.hn-arrow.prev svg { transform: rotate(180deg); }

.mini { position: relative; width: 100%; padding: 12px 12px 10px; border-radius: 18px; color: #fff; background: rgba(18,18,20,.55); border: 1px solid rgba(255,255,255,.1); backdrop-filter: blur(16px) saturate(1.3); -webkit-backdrop-filter: blur(16px) saturate(1.3); box-shadow: 0 20px 40px -24px rgba(0,0,0,.8); }
.mini-authors { animation: miniL .9s cubic-bezier(.2,.8,.2,1) calc(var(--hd) + .6s) both; }
.mini-books { animation: miniR .9s cubic-bezier(.2,.8,.2,1) calc(var(--hd) + .7s) both; }
@keyframes miniL { from { opacity: 0; transform: translate(-24px, 16px); } }
@keyframes miniR { from { opacity: 0; transform: translate(24px, 16px); } }
.mini-head { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; padding: 0 2px; font-size: .74rem; font-weight: 750; color: rgba(255,255,255,.7); }
.mini-head .n-mark { width: 16px; height: 16px; }
.mini-head a { margin-left: auto; color: rgba(255,255,255,.5); text-decoration: none; font-weight: 650; }
.mini-head a:hover { color: var(--gold-2); }
.mini-items { display: grid; }
.mini-item { grid-area: 1 / 1; display: grid; grid-template-columns: 42px 1fr auto; gap: 12px; align-items: center; text-decoration: none; color: #fff; opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity .5s ease, transform .5s ease, visibility .5s; }
.mini-item.is-active { opacity: 1; visibility: visible; transform: none; }
.mini-avatar .portrait { width: 42px; height: 42px; border-radius: 50%; aspect-ratio: 1; object-fit: cover; font-size: .8rem; filter: grayscale(1); }
.mini-item:hover .mini-avatar .portrait { filter: none; }
.mini-cover { width: 42px; height: 42px; display: block; border-radius: 10px; overflow: hidden; }
.mini-text { min-width: 0; display: grid; }
.mini-text b { font-size: .9rem; font-weight: 700; letter-spacing: -0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mini-text span { font-size: .74rem; color: rgba(255,255,255,.55); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mini-go { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.08); transition: background-color .2s, color .2s, transform .2s; }
.mini-go svg { width: 13px; height: 13px; }
.mini-item:hover .mini-go { background: var(--gold-grad); color: var(--ink); transform: rotate(-45deg); }
.mini-bars { display: flex; gap: 4px; margin-top: 10px; }
.mini-bars i { flex: 1; height: 2px; border-radius: 2px; background: rgba(255,255,255,.16); position: relative; overflow: hidden; }
.mini-bars i::after { content: ""; position: absolute; inset: 0; background: var(--gold-grad); transform: scaleX(0); transform-origin: left; }
.mini-bars i.is-done::after { transform: scaleX(1); }
.mini-bars i.is-active::after { animation: progress var(--mini, 4000ms) linear both; }
.mini:hover .mini-bars i.is-active::after { animation-play-state: paused; }

@media (max-width: 1100px) {
  .hero { height: auto; max-height: none; }
  .hero-main { grid-template-columns: 1fr; padding-top: 10px; gap: 28px; }
  .hero-art { order: -1; height: 340px; }
  .hero-bottom { grid-template-columns: 1fr 1fr; padding-bottom: calc(var(--tabbar-h) + 24px); }
  .hero-nav { grid-column: 1 / -1; grid-row: 1; }
}
@media (max-width: 640px) {
  .hero-art { height: 260px; }
  .hs-title { font-size: 2.4rem; }
  .hs-cta .btn { --h: 50px; padding: 0 20px; font-size: .95rem; }
  .hero-bottom { grid-template-columns: 1fr; gap: 12px; padding-bottom: 28px; }
  .arch-item figcaption { font-size: .62rem; padding: 4px 8px; bottom: 8px; }
  .arch-coin { width: 42px; height: 42px; border-radius: 12px; }
}
@media (prefers-reduced-motion: reduce) { .arch.a1, .arch.a3, .hero-glow { animation: none; } }

/* ---------- Çapraz kurdeleler ---------- */
.ribbons { position: relative; height: clamp(150px, 16vw, 230px); overflow: hidden; background: linear-gradient(#070707 50%, var(--bg) 50%); }
.ribbon { position: absolute; left: -6%; right: -6%; top: 50%; padding: clamp(10px, 1.4vw, 18px) 0; overflow: hidden; }
.ribbon-a { z-index: 2; background: var(--gold-grad); color: var(--ink); transform: translateY(-70%) rotate(-3deg); box-shadow: 0 18px 40px -18px rgba(0,0,0,.6); }
.ribbon-b { z-index: 1; background: #141416; transform: translateY(-20%) rotate(2.4deg); }
.ribbon-track { display: flex; width: max-content; animation: marquee 42s linear infinite; }
.ribbon-b .ribbon-track { animation-direction: reverse; animation-duration: 55s; }
.ribbon ul { display: flex; align-items: center; gap: 30px; list-style: none; margin: 0; padding: 0 15px; }
.ribbon li { display: flex; align-items: center; gap: 30px; white-space: nowrap; font-size: clamp(1.3rem, 2.6vw, 2.3rem); font-weight: 700; letter-spacing: -0.04em; }
.ribbon li::after { content: ""; width: .62em; height: .62em; background: currentColor; -webkit-mask: url("../img/mark-gold.svg") center / contain no-repeat; mask: url("../img/mark-gold.svg") center / contain no-repeat; }
.ribbon-b li { color: var(--gold-2); }
.ribbon-b li::after { background: var(--gold-2); }
@keyframes marquee { to { transform: translateX(-50%); } }

/* ---------- Ortak slider başlığı ---------- */
.rail-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 20px 32px; margin-bottom: clamp(24px, 3vw, 40px); }
.rail-head h2 { margin: 0; }
.rail-head p { margin: 10px 0 0; color: var(--muted); max-width: 46ch; }
.rail-nav { display: flex; align-items: center; gap: 8px; }
.rail-nav button { width: 52px; height: 52px; border-radius: 50%; border: 1.5px solid var(--line-2); background: transparent; display: grid; place-items: center; color: inherit; transition: background-color .2s, color .2s, border-color .2s, opacity .2s; }
.rail-nav button:hover:not(:disabled) { background: var(--ink); color: #fff; border-color: var(--ink); }
.rail-nav button:disabled { opacity: .3; cursor: default; }
.rail-nav svg { width: 20px; height: 20px; }
.rail-nav .prev svg { transform: rotate(180deg); }
.rail-count { font-weight: 650; color: var(--muted); font-size: .9rem; min-width: 60px; text-align: right; margin-right: 6px; }
.rail-bar { height: 2px; border-radius: 2px; background: var(--line-2); margin-top: 26px; overflow: hidden; }
.rail-bar span { display: block; height: 100%; width: 20%; background: var(--ink); border-radius: 2px; transition: transform .2s linear; transform-origin: left; }
.track { --edge: max(var(--gutter), calc((100vw - var(--wrap)) / 2 + var(--gutter))); display: flex; gap: 18px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; padding: 10px var(--edge); scroll-padding-inline: var(--edge); margin: -10px 0; cursor: grab; overscroll-behavior-x: contain; }
.track::-webkit-scrollbar { display: none; }
.track.is-dragging { cursor: grabbing; scroll-snap-type: none; scroll-behavior: auto; }
.track.is-dragging * { pointer-events: none; }
.track > * { scroll-snap-align: start; flex-shrink: 0; }
.dark-zone .rail-nav button { border-color: rgba(255,255,255,.2); }
.dark-zone .rail-nav button:hover:not(:disabled) { background: #fff; color: var(--ink); }
.dark-zone .rail-count, .dark-zone .rail-head p { color: var(--night-muted); }
.dark-zone .rail-bar { background: rgba(255,255,255,.12); }
.dark-zone .rail-bar span { background: var(--gold-grad); }

/* ---------- Yazar galerisi ---------- */
.authors-zone { position: relative; padding: clamp(24px, 3vw, 48px) 0 clamp(70px, 9vw, 130px); overflow: hidden; }
.a-bgname {
  position: absolute; left: 0; right: 0; top: clamp(120px, 15vw, 210px); z-index: 0; margin: 0; text-align: center; pointer-events: none;
  font-size: clamp(5rem, 15vw, 15rem); font-weight: 800; letter-spacing: -0.065em; line-height: 1; white-space: nowrap;
  color: rgba(17,17,17,.05); transition: opacity .3s;
}
.a-bgname.swap { opacity: 0; }
.authors-zone .wrap, .authors-zone .track { position: relative; z-index: 1; }
.authors-zone .track > li { width: clamp(220px, 24vw, 300px); list-style: none; }
.authors-zone .track { list-style: none; margin-top: -10px; margin-bottom: -10px; }
.author-card { aspect-ratio: 3 / 4.2; }
.author-card .portrait { pointer-events: none; -webkit-user-drag: none; }

/* ---------- Kitap rafı ---------- */
.shelf-zone { padding: clamp(70px, 9vw, 130px) 0; }
.tabs { display: flex; flex-wrap: wrap; gap: 6px; }
.tabs button { height: 42px; padding: 0 18px; border-radius: var(--pill); border: 1px solid rgba(255,255,255,.16); background: transparent; color: rgba(255,255,255,.75); font-weight: 650; font-size: .9rem; }
.tabs button:hover { border-color: rgba(255,255,255,.4); color: #fff; }
.tabs button[aria-pressed="true"] { background: var(--gold-grad); color: var(--ink); border-color: transparent; }
.rail-books { --cover-w: clamp(170px, 17vw, 220px); align-items: flex-start; padding-top: 30px; padding-bottom: 10px;
  background-image: linear-gradient(90deg, transparent, rgba(214,179,122,.6) 10%, rgba(214,179,122,.6) 90%, transparent), linear-gradient(rgba(0,0,0,.5), transparent);
  background-size: 100% 2px, 100% 26px; background-repeat: no-repeat;
  background-position: 0 calc(30px + var(--cover-w) + 1px), 0 calc(30px + var(--cover-w) + 3px);
  background-attachment: local;
}
.rail-book { width: var(--cover-w); display: flex; flex-direction: column; color: var(--night-text); position: relative; }
.rail-book[hidden] { display: none; }
.rail-cover { position: relative; display: block; perspective: 900px; margin-bottom: 26px; }
.rail-cover-in { display: block; position: relative; border-radius: 20px; overflow: hidden; transition: transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s; box-shadow: 0 20px 40px -24px rgba(0,0,0,.9); }
.rail-book:hover .rail-cover-in, .rail-book:focus-within .rail-cover-in { transform: translateY(-6px); box-shadow: 0 30px 50px -24px rgba(0,0,0,.95); }
.rail-book .tag-new { top: 10px; left: 10px; }
.rail-book h3 { font-size: 1rem; font-weight: 750; line-height: 1.25; letter-spacing: -0.02em; margin: 0 0 4px; }
.rail-book h3 a { text-decoration: none; }
.rail-book p { margin: 0 0 14px; color: var(--night-muted); font-size: .86rem; }
.rail-book .add-quote { margin-top: auto; }
.rail-book .btn-quiet { background: rgba(255,255,255,.08); color: #fff; width: 100%; }
.rail-book .btn-quiet:hover { background: var(--gold-grad); color: var(--ink); }
.rail-end { width: var(--cover-w); aspect-ratio: 2 / 3; display: grid; place-content: center; gap: 14px; text-align: center; border-radius: 6px; border: 1.5px dashed rgba(255,255,255,.2); color: #fff; text-decoration: none; font-weight: 700; }
.rail-end:hover { border-color: var(--gold-2); color: var(--gold-1); }
.rail-end .btn-round { margin: 0 auto; background: var(--gold-grad); color: var(--ink); }

/* ---------- Ekip hesaplayıcı ---------- */
.calc-zone { padding: clamp(70px, 9vw, 130px) 0; }
.calc { display: grid; grid-template-columns: 1.1fr 1fr; gap: 16px; align-items: stretch; }
.calc-panel { padding: clamp(24px, 3.5vw, 44px); border-radius: var(--r-xl); background: var(--card); box-shadow: var(--shadow); }
.calc-panel h2 { margin-bottom: .25em; }
.calc-panel > p { color: var(--muted); margin-bottom: 32px; }
.calc-row { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; font-weight: 700; margin-bottom: 10px; }
.calc-row output { font-size: 1.6rem; font-weight: 650; letter-spacing: -0.03em; }
input[type="range"] { -webkit-appearance: none; appearance: none; width: 100%; min-height: 0; height: 36px; padding: 0; background: transparent; border: 0; box-shadow: none; }
input[type="range"]:focus { box-shadow: none; }
input[type="range"]::-webkit-slider-runnable-track { height: 10px; border-radius: 10px; background: linear-gradient(90deg, #c69c5d var(--p, 10%), #ece8e1 var(--p, 10%)); }
input[type="range"]::-moz-range-track { height: 10px; border-radius: 10px; background: #ece8e1; }
input[type="range"]::-moz-range-progress { height: 10px; border-radius: 10px; background: #c69c5d; }
input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 30px; height: 30px; margin-top: -10px; border-radius: 50%; background: var(--ink); border: 5px solid #fff; box-shadow: 0 4px 14px rgba(0,0,0,.3); cursor: grab; }
input[type="range"]::-moz-range-thumb { width: 22px; height: 22px; border-radius: 50%; background: var(--ink); border: 5px solid #fff; box-shadow: 0 4px 14px rgba(0,0,0,.3); }
.seg { display: flex; gap: 4px; padding: 4px; border-radius: var(--pill); background: var(--field); margin: 22px 0; }
.seg label { flex: 1; }
.seg input { position: absolute; opacity: 0; pointer-events: none; }
.seg span { display: grid; place-items: center; height: 44px; border-radius: var(--pill); font-weight: 700; font-size: .9rem; cursor: pointer; transition: background-color .2s, color .2s; }
.seg input:checked + span { background: var(--ink); color: #fff; }
.seg input:focus-visible + span { outline: 3px solid var(--gold); outline-offset: 2px; }
.calc-panel .field { margin-bottom: 22px; }
.calc-visual { position: relative; overflow: hidden; display: grid; grid-template-rows: auto 1fr; padding: clamp(24px, 3.5vw, 44px); border-radius: var(--r-xl); background: var(--night); color: #fff; }
.calc-visual::before { content: ""; position: absolute; width: 520px; height: 520px; right: -160px; bottom: -220px; background: radial-gradient(circle, rgba(214,179,122,.35), transparent 65%); }
.calc-total { position: relative; }
.calc-total b { display: block; font-size: clamp(4rem, 9vw, 8rem); font-weight: 500; letter-spacing: -0.07em; line-height: .9; background: var(--gold-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.calc-total span { color: var(--night-muted); font-weight: 600; }
.pile { position: relative; align-self: end; justify-self: center; display: flex; flex-direction: column-reverse; align-items: center; width: 100%; max-width: 360px; min-height: 220px; margin-top: 24px; }
.pile i { display: block; height: 14px; border-radius: 2px; margin-top: 2px; box-shadow: inset 0 -2px 0 rgba(0,0,0,.25), inset 0 2px 0 rgba(255,255,255,.12); animation: drop .45s cubic-bezier(.2,.8,.2,1) both; }
@keyframes drop { from { opacity: 0; transform: translateY(-40px) rotate(var(--r, 0deg)); } }
@media (max-width: 900px) { .calc { grid-template-columns: 1fr; } }

/* ---------- Bilet kartları ---------- */
.ticket-card {
  position: relative; display: grid; grid-template-columns: 116px 1fr; width: min(560px, 84vw); min-height: 220px;
  border-radius: 24px; background: var(--night); color: #fff; text-decoration: none; overflow: hidden;
  -webkit-mask: radial-gradient(circle 14px at 116px 0, transparent 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle 14px at 116px 100%, transparent 98%, #000) bottom / 100% 51% no-repeat;
          mask: radial-gradient(circle 14px at 116px 0, transparent 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle 14px at 116px 100%, transparent 98%, #000) bottom / 100% 51% no-repeat;
  transition: transform .3s;
}
.ticket-card:hover { transform: translateY(-4px) rotate(-.5deg); }
.tc-date { display: grid; place-content: center; text-align: center; background: var(--gold-grad); color: var(--ink); line-height: 1; border-right: 2px dashed rgba(0,0,0,.25); }
.tc-date b { font-size: 3.2rem; font-weight: 650; letter-spacing: -0.06em; }
.tc-date span { font-size: .8rem; font-weight: 750; margin-top: 6px; }
.tc-body { display: flex; flex-direction: column; padding: 24px 24px 22px 30px; }
.tc-body h3 { font-size: 1.45rem; margin: 0 0 10px; }
.tc-body p { color: var(--night-muted); font-size: .9rem; margin: 0 0 6px; }
.tc-foot { margin-top: auto; padding-top: 16px; display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.tc-foot strong { color: var(--gold-1); font-size: .95rem; }
.tc-foot .btn { --h: 42px; }

/* ---------- Söz slider ---------- */
.quotes-zone { padding: clamp(80px, 10vw, 150px) 0; text-align: center; position: relative; overflow: hidden; }
.quotes-zone::before { content: "“"; position: absolute; left: 50%; top: -0.08em; transform: translateX(-50%); font-size: clamp(16rem, 34vw, 32rem); font-weight: 800; line-height: 1; color: rgba(214,179,122,.08); pointer-events: none; }
.quote-slides { position: relative; display: grid; }
.quote-slide { grid-area: 1 / 1; opacity: 0; visibility: hidden; transition: opacity .8s ease, visibility .8s; }
.quote-slide.is-active { opacity: 1; visibility: visible; }
.quote-slide blockquote { margin: 0 auto 36px; }
.quote-slide blockquote p { margin: 0 auto; max-width: 24ch; font-size: clamp(1.8rem, 4.2vw, 3.6rem); font-weight: 600; letter-spacing: -0.045em; line-height: 1.12; color: #fff; }
.quote-slide.is-active blockquote p { animation: lineUp 1s cubic-bezier(.2,.8,.2,1) both; }
.quote-who { display: inline-flex; align-items: center; gap: 14px; text-decoration: none; color: #fff; text-align: left; }
.quote-who .portrait { width: 56px; height: 56px; border-radius: 50%; aspect-ratio: 1; object-fit: cover; font-size: 1rem; border: 2px solid var(--gold-2); }
.quote-who span { display: grid; }
.quote-who small { color: var(--night-muted); }
.quote-dots { display: flex; justify-content: center; gap: 8px; margin-top: 40px; }
.quote-dots button { width: 34px; height: 4px; padding: 0; border: 0; border-radius: 4px; background: rgba(255,255,255,.2); transition: background-color .3s, width .3s; }
.quote-dots button[aria-current="true"] { width: 56px; background: var(--gold-grad); }

/* ---------- Kitap sayfası sahnesi ---------- */
.book-stage { --tone: #c69c5d; position: sticky; top: calc(var(--header-h) + 28px); display: grid; place-items: center; min-height: 560px; border-radius: var(--r-xl); padding: 60px 30px 70px; background: radial-gradient(60% 55% at 50% 45%, color-mix(in srgb, var(--tone) 55%, transparent), transparent 70%), #0b0b0c; box-shadow: var(--shadow); overflow: hidden; }
.book-stage .b3d { --w: clamp(200px, 24vw, 300px); animation: float 7s ease-in-out infinite; }
.book-stage .hint-rotate { position: absolute; bottom: 20px; left: 0; right: 0; text-align: center; color: rgba(255,255,255,.45); font-size: .8rem; font-weight: 600; }
@media (max-width: 860px) { .book-stage { position: relative; top: 0; min-height: 420px; } .book-stage .b3d { --w: 190px; } }

@media (prefers-reduced-motion: reduce) {
  .slide.is-active .slide-book .b3d, .book-stage .b3d { animation: none; }
  .ribbon-track, .seal-badge svg { animation: none; }
}

/* =========================================================
   N simgesinin site genelinde kullanımı
   ========================================================= */
.rail-head h2::before, .page-head h1::before, .section-head h2::before {
  content: ""; display: inline-block; width: .56em; height: .56em; margin-right: .22em; vertical-align: .06em;
  background: url("../img/mark-gold.svg") center / contain no-repeat;
}
.section-head.center h2::before { display: none; }
.lit { position: relative; overflow: hidden; }
.lit { isolation: isolate; }
.lit::after { content: none; }
.shelf-zone { position: relative; overflow: hidden; }
.shelf-zone::after { content: none; }
.shelf-zone > * { position: relative; z-index: 1; }
.site-footer { position: relative; overflow: hidden; }
.site-footer::after { content: none; }
.site-footer > * { position: relative; z-index: 1; }
.tc-date { position: relative; }
.tc-date::after { content: ""; position: absolute; left: 50%; bottom: 14px; width: 18px; height: 18px; translate: -50% 0; background: var(--ink); opacity: .55; -webkit-mask: url("../img/mark-gold.svg") center / contain no-repeat; mask: url("../img/mark-gold.svg") center / contain no-repeat; }
.author-card::before { content: ""; position: absolute; z-index: 2; top: 14px; left: 14px; width: 22px; height: 22px; background: url("../img/mark.svg") center / contain no-repeat; border-radius: 3px; opacity: .9; }
.toast::before { content: ""; width: 22px; height: 22px; flex-shrink: 0; background: url("../img/mark.svg") center / contain no-repeat; border-radius: 3px; }
.cta-card::after { content: none; }
.cta-card > * { z-index: 1; }
.book-stage::after { content: none; }
.book-stage .b3d { z-index: 1; }
.done-mark { background: #1d1b1d; }
.done-mark svg { display: none; }
.done-mark::after { content: ""; width: 54px; height: 54px; background: url("../img/mark-gold.svg") center / contain no-repeat; }

/* Kitap sayfası: ek görseller */
.gallery { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: 10px; }
.gallery a { display: block; border-radius: 10px; overflow: hidden; background: var(--card-soft); aspect-ratio: 2 / 3; }
.gallery img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.gallery a:hover img { transform: scale(1.04); }


/* =========================================================
   NEDEN N YAYINCILIK
   ========================================================= */
.why { padding: clamp(72px, 9vw, 128px) 0; }
.why-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: clamp(40px, 6vw, 96px); align-items: center; }
.why-intro h2 { font-size: clamp(2.2rem, 4vw, 3.6rem); margin-bottom: .4em; text-wrap: balance; }
.why-intro h2::before { display: none; }
.why-intro .lead { margin-bottom: 34px; }
.why-stats { display: flex; gap: clamp(28px, 4vw, 56px); margin: 0 0 36px; }
.why-stats div { display: flex; flex-direction: column-reverse; }
.why-stats dd { margin: 0; font-size: clamp(2.6rem, 4.4vw, 3.8rem); font-weight: 600; letter-spacing: -0.05em; line-height: 1; }
.why-stats dt { margin-top: 6px; font-size: .86rem; font-weight: 650; color: var(--muted); }
.why-cta { display: flex; flex-wrap: wrap; gap: 10px; }
.why-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: clamp(28px, 3vw, 44px) clamp(24px, 3vw, 40px); }
.why-list li { display: grid; gap: 8px; align-content: start; }
.why-ic { width: 52px; height: 52px; border-radius: 16px; display: grid; place-items: center; background: var(--ink); color: var(--gold-2); margin-bottom: 8px; box-shadow: 0 16px 30px -18px rgba(0,0,0,.6); }
.why-ic svg { width: 22px; height: 22px; }
.why-list h3 { margin: 0; font-size: 1.15rem; letter-spacing: -0.02em; }
.why-list p { margin: 0; color: var(--muted); font-size: .96rem; line-height: 1.6; }
@media (max-width: 900px) { .why-grid { grid-template-columns: 1fr; } }
@media (max-width: 520px) { .why-list { grid-template-columns: 1fr; } .why-stats { gap: 24px; } }

/* =========================================================
   YAZARLAR — modern vitrin
   ========================================================= */
.ax { position: relative; overflow: hidden; padding: clamp(72px, 9vw, 120px) 0 clamp(56px, 7vw, 96px); background: #0a0a0b; color: #fff; }
.ax::before { content: ""; position: absolute; width: 900px; height: 900px; left: -260px; top: -200px; border-radius: 50%; background: radial-gradient(circle, rgba(214,179,122,.14), transparent 65%); pointer-events: none; }
.ax .wrap { position: relative; }
.ax-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 20px; margin-bottom: clamp(28px, 4vw, 48px); }
.ax-head h2 { margin: 0 0 .25em; }
.ax-head p { margin: 0; color: var(--night-muted); max-width: 48ch; }
.ax-nav { display: flex; align-items: center; gap: 8px; }
.ax-main { display: grid; grid-template-columns: minmax(260px, 440px) minmax(0, 1fr); gap: clamp(28px, 5vw, 80px); align-items: center; }
.ax-photo { position: relative; aspect-ratio: 4 / 5; border-radius: 32px; overflow: hidden; background: #151517; box-shadow: 0 50px 90px -50px rgba(0,0,0,1), 0 0 0 1px rgba(255,255,255,.06); }
.ax-ph { position: absolute; inset: 0; opacity: 0; transition: opacity .9s ease; }
.ax-ph.is-on { opacity: 1; z-index: 1; }
.ax-ph .portrait { position: absolute; inset: 0; width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; object-position: 50% 20%; border-radius: 0; transform: scale(1.06); transition: transform 6s ease-out; filter: saturate(.85) contrast(1.05); }
.ax-ph.is-on .portrait { transform: scale(1); }
.ax-ph .portrait-fallback { font-size: 5rem; }
.ax-photo::after { content: ""; position: absolute; inset: 0; z-index: 2; background: linear-gradient(180deg, transparent 60%, rgba(10,10,11,.5)); pointer-events: none; }
.ax-info { display: grid; }
.ax-slide { grid-area: 1 / 1; visibility: hidden; }
.ax-slide.is-on { visibility: visible; }
.ax-slide > * { opacity: 0; }
.ax-slide.is-on > * { animation: lineUp .7s cubic-bezier(.2,.8,.2,1) both; }
.ax-slide.is-on > :nth-child(2) { animation-delay: .06s; }
.ax-slide.is-on > :nth-child(3) { animation-delay: .12s; }
.ax-slide.is-on > :nth-child(4) { animation-delay: .18s; }
.ax-slide.is-on > :nth-child(5) { animation-delay: .24s; }
.ax-slide.is-on > :nth-child(6) { animation-delay: .3s; }
.ax-slide.is-on > :nth-child(7) { animation-delay: .36s; }
.ax-count { margin: 0 0 14px; font-size: .82rem; font-weight: 700; color: var(--gold-2); font-variant-numeric: tabular-nums; }
.ax-name { margin: 0 0 12px; font-size: clamp(2.6rem, 5vw, 4.8rem); font-weight: 750; line-height: .98; letter-spacing: -0.05em; text-wrap: balance; }
.ax-role { margin: 0 0 18px; color: var(--night-muted); font-weight: 600; }
.ax-quote { margin: 0 0 22px; }
.ax-quote p { font-size: clamp(1.1rem, 1.6vw, 1.35rem); font-weight: 500; line-height: 1.45; max-width: 40ch; color: rgba(255,255,255,.88); }
.ax-bio { margin: 0 0 22px; color: rgba(255,255,255,.75); max-width: 52ch; }
.ax-books-label { margin: 6px 0 12px; font-size: .8rem; font-weight: 750; color: var(--night-muted); }
.ax-books { list-style: none; margin: 0 0 28px; padding: 0; display: flex; flex-wrap: wrap; gap: 12px; }
.ax-books a { display: grid; gap: 8px; width: 104px; text-decoration: none; color: rgba(255,255,255,.8); }
.ax-book-img { display: block; width: 104px; height: 104px; border-radius: 16px; overflow: hidden; transition: transform .25s; }
.ax-books a:hover .ax-book-img { transform: translateY(-4px); }
.ax-book-title { font-size: .78rem; font-weight: 650; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ax-slide > .btn { justify-self: start; }
.ax-strip { display: flex; gap: 14px; overflow-x: auto; scrollbar-width: none; margin-top: clamp(36px, 5vw, 56px); padding: 6px 2px 10px; }
.ax-strip::-webkit-scrollbar { display: none; }
.ax-tile { position: relative; flex: 0 0 auto; width: 104px; display: grid; gap: 8px; padding: 0; border: 0; background: none; color: rgba(255,255,255,.5); text-align: left; transition: color .3s; }
.ax-tile-img { display: block; width: 104px; aspect-ratio: 4 / 5; border-radius: 18px; overflow: hidden; background: #151517; transition: transform .3s, box-shadow .3s; }
.ax-tile-img .portrait { width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; object-position: 50% 20%; border-radius: 0; filter: grayscale(1) brightness(.8); transition: filter .4s; font-size: 1.2rem; }
.ax-tile:hover { color: #fff; }
.ax-tile:hover .portrait, .ax-tile[aria-selected="true"] .portrait { filter: none; }
.ax-tile[aria-selected="true"] { color: #fff; }
.ax-tile[aria-selected="true"] .ax-tile-img { transform: translateY(-4px); box-shadow: 0 0 0 2px #0a0a0b, 0 0 0 4px var(--gold-2); }
.ax-tile-name { font-size: .78rem; font-weight: 700; line-height: 1.25; }
.ax-tile i { position: absolute; left: 0; right: 0; bottom: -6px; height: 2px; border-radius: 2px; background: var(--gold-grad); transform: scaleX(0); transform-origin: left; }
.ax.is-playing .ax-tile[aria-selected="true"] i { animation: progress var(--axdur, 6000ms) linear both; }
.ax.is-paused .ax-tile[aria-selected="true"] i { animation-play-state: paused; }
@media (max-width: 860px) {
  .ax-main { grid-template-columns: 1fr; }
  .ax-photo { max-width: 420px; aspect-ratio: 1; }
  .ax-strip { margin-right: calc(var(--gutter) * -1); }
}

/* Kitap sayfası: ürün görsel galerisi */
.pv { position: sticky; top: calc(var(--header-h) + 28px); display: grid; gap: 12px; }
.pv-main { position: relative; isolation: isolate; aspect-ratio: 1; border-radius: var(--r-xl); overflow: hidden; cursor: zoom-in;
  background: radial-gradient(120% 90% at 50% 10%, #fffdf9, #ebe5da); box-shadow: var(--shadow); }
.pv-main img { width: 100%; height: 100%; object-fit: contain; padding: 6%; mix-blend-mode: multiply; transition: transform .25s ease-out, opacity .3s; }
.pv-main.is-zoom img { transform: scale(1.9); }
.pv-main.swap img { opacity: 0; }
.pv-hint { position: absolute; left: 50%; bottom: 14px; translate: -50% 0; padding: 6px 12px; border-radius: var(--pill); background: rgba(255,255,255,.8); backdrop-filter: blur(6px); font-size: .74rem; font-weight: 650; color: var(--muted); pointer-events: none; transition: opacity .3s; }
.pv-main.is-zoom .pv-hint { opacity: 0; }
.pv-thumbs { list-style: none; margin: 0; padding: 0; display: flex; gap: 10px; flex-wrap: wrap; }
.pv-thumbs button { width: 78px; height: 78px; padding: 0; border: 0; border-radius: 16px; overflow: hidden; isolation: isolate; background: #f3efe8; opacity: .6; transition: opacity .2s, box-shadow .2s; }
.pv-thumbs button:hover { opacity: 1; }
.pv-thumbs button[aria-current="true"] { opacity: 1; box-shadow: 0 0 0 2px var(--bg), 0 0 0 4px var(--ink); }
.pv-thumbs img { width: 100%; height: 100%; object-fit: contain; padding: 6%; mix-blend-mode: multiply; }
@media (max-width: 860px) { .pv { position: static; } .pv-hint { display: none; } }
@media (hover: none) { .pv-hint { display: none; } }

/* Kenar rengi bilinen ürün fotoğrafı: çerçeve görselin zeminine bürünür */
.cover-frame.has-bg { background: var(--cbg); }
.cover-frame.has-bg .cover-img { mix-blend-mode: normal; padding: 0; }

/* =========================================================
   GÜNCELLEME 02 — kütüphane, amaç, okuma yolları, yazarlar, ürün sayfası
   ========================================================= */
:root {
  --grad-epic: linear-gradient(100deg, #f6e3bf 0%, #d6a75e 35%, #c4703f 65%, #9b4f6b 100%);
  --grad-night: radial-gradient(60% 80% at 15% 20%, rgba(214,167,94,.28), transparent 60%), radial-gradient(50% 70% at 85% 30%, rgba(155,79,107,.28), transparent 65%), radial-gradient(60% 60% at 50% 100%, rgba(196,112,63,.22), transparent 70%), #0b0a0c;
}
.grad-text { background: var(--grad-epic); -webkit-background-clip: text; background-clip: text; color: transparent; }
.eyebrow { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 14px; font-size: .78rem; font-weight: 750; letter-spacing: .02em; color: var(--muted); }
.eyebrow .n-mark { width: 18px; height: 18px; }

/* ---------- Kütüphane: kitap sırtları ---------- */
.lib { position: relative; overflow: hidden; background: linear-gradient(180deg, #060606 0%, #0d0b0b 100%); color: #fff; padding: clamp(26px, 3.4vw, 40px) 0 0; }
.lib-head { position: relative; z-index: 1; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 18px; pointer-events: none; }
.lib-head a { pointer-events: auto; }
.lib-stat { margin: 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; font-size: .95rem; color: rgba(255,255,255,.6); }
.lib-stat b { font-size: 1.5rem; font-weight: 800; letter-spacing: -0.03em; background: var(--grad-epic); -webkit-background-clip: text; background-clip: text; color: transparent; }
.lib-stat span { color: rgba(255,255,255,.25); margin: 0 4px; }
.lib-link { display: inline-flex; align-items: center; gap: 8px; color: rgba(255,255,255,.75); text-decoration: none; font-weight: 700; font-size: .88rem; }
.lib-link svg { width: 14px; height: 14px; }
.lib-link:hover { color: var(--gold-2); }
.lib-shelf { position: relative; height: 350px; margin-top: -120px; -webkit-mask: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.lib-shelf::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 22px; background: linear-gradient(180deg, #2a1f17, #120d0a); box-shadow: 0 -6px 18px rgba(0,0,0,.55) inset, 0 -1px 0 rgba(255,220,170,.12); }
.lib-track { position: absolute; left: 0; bottom: 22px; display: flex; width: max-content; animation: libScroll 140s linear infinite; }
.lib:hover .lib-track { animation-play-state: paused; }
@keyframes libScroll { to { transform: translateX(-50%); } }
.lib-run { display: flex; align-items: flex-end; gap: 4px; padding-right: 4px; height: 200px; }
.spine {
  position: relative; flex: 0 0 auto; width: var(--sw); height: var(--sh); border-radius: 3px 3px 1px 1px; text-decoration: none; color: #fff;
  background:
    linear-gradient(90deg, rgba(0,0,0,.45) 0%, rgba(255,255,255,.14) 18%, rgba(255,255,255,.04) 45%, rgba(0,0,0,.18) 80%, rgba(0,0,0,.5) 100%),
    var(--tone);
  box-shadow: 0 10px 18px -8px rgba(0,0,0,.8);
  display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 12px 0 10px;
  transition: transform .35s cubic-bezier(.2,.8,.2,1), filter .35s;
}
.spine::before { content: ""; position: absolute; left: 0; right: 0; top: 9%; height: 3px; background: var(--grad-epic); opacity: .8; }
.sp-t { writing-mode: vertical-rl; transform: rotate(180deg); font-size: .72rem; font-weight: 750; letter-spacing: .01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-height: calc(100% - 44px); margin-top: 10px; text-shadow: 0 1px 2px rgba(0,0,0,.6); }
.sp-n { width: 16px; height: 16px; color: rgba(255,255,255,.85); }
.sp-n .n-mark { width: 100%; height: 100%; }
.sp-tip { position: absolute; z-index: 3; left: 50%; bottom: calc(100% + 12px); translate: -50% 6px; width: max-content; max-width: 240px; padding: 10px 14px; border-radius: 12px; background: rgba(20,18,18,.92); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,.1); opacity: 0; pointer-events: none; transition: opacity .25s, translate .25s; display: grid; gap: 2px; text-align: left; }
.sp-tip b { font-size: .84rem; }
.sp-tip span { font-size: .74rem; color: rgba(255,255,255,.6); }
.spine:hover, .spine:focus-visible { transform: translateY(-18px); filter: brightness(1.15); z-index: 2; }
.spine:hover .sp-tip, .spine:focus-visible .sp-tip { opacity: 1; translate: -50% 0; }
.lib-shelf:hover { overflow: visible; }

/* ---------- Amacımız ---------- */
.mission { padding: clamp(72px, 9vw, 120px) 0; }
.mission-top { max-width: 900px; }
.mission-top h2 { font-size: clamp(2rem, 4.2vw, 3.6rem); line-height: 1.04; letter-spacing: -0.045em; margin: 0 0 20px; text-wrap: balance; }
.mission-top .lead { max-width: 60ch; }
.aud { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: clamp(32px, 5vw, 56px) 0; }
.aud-card { position: relative; overflow: hidden; display: flex; flex-direction: column; gap: 10px; padding: 28px; border-radius: 26px; background: var(--card); box-shadow: var(--shadow); text-decoration: none; color: var(--ink); transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s; }
.aud-card::before { content: ""; position: absolute; inset: 0; background: var(--grad-epic); opacity: 0; transition: opacity .4s; z-index: 0; }
.aud-card > * { position: relative; z-index: 1; }
.aud-card:hover { transform: translateY(-6px); box-shadow: 0 30px 60px -30px rgba(120,70,30,.5); }
.aud-card:hover::before { opacity: .12; }
.aud-ic { width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center; background: var(--ink); color: var(--gold-2); }
.aud-ic svg { width: 22px; height: 22px; }
.aud-card h3 { margin: 8px 0 0; font-size: 1.25rem; letter-spacing: -0.02em; }
.aud-card p { margin: 0; color: var(--muted); line-height: 1.55; flex: 1; }
.aud-go { display: inline-flex; align-items: center; gap: 8px; font-weight: 750; font-size: .9rem; }
.aud-go svg { width: 14px; height: 14px; transition: transform .3s; }
.aud-card:hover .aud-go svg { transform: translate(3px, -3px); }
.mission-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin: 0; }
.mission-stats div { padding: 22px 24px; border-radius: 22px; background: rgba(255,255,255,.55); border: 1px solid var(--line); }
.mission-stats dd { margin: 0; font-size: clamp(2.4rem, 4.6vw, 3.6rem); font-weight: 800; letter-spacing: -0.05em; line-height: 1; background: linear-gradient(135deg, #1a1a1a, #6b4a2a); -webkit-background-clip: text; background-clip: text; color: transparent; }
.mission-stats dt { margin-top: 6px; font-weight: 650; color: var(--muted); }

/* ---------- Okuma yolları ---------- */
.paths { position: relative; overflow: hidden; padding: clamp(72px, 9vw, 120px) 0; background: var(--grad-night); color: #fff; }
.paths .eyebrow { color: rgba(255,255,255,.65); }
.paths-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 20px 40px; margin-bottom: clamp(28px, 4vw, 44px); }
.paths-head h2 { margin: 0; max-width: 18ch; font-size: clamp(2rem, 3.8vw, 3.2rem); letter-spacing: -0.045em; line-height: 1.04; }
.paths-head > p { margin: 0; max-width: 42ch; color: rgba(255,255,255,.62); }
.paths-grid { display: grid; grid-template-columns: minmax(250px, 340px) minmax(0, 1fr); gap: 20px; align-items: start; }
.paths-tabs { display: grid; gap: 8px; }
.pt { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 14px; width: 100%; padding: 16px 18px; border: 1px solid rgba(255,255,255,.08); border-radius: 18px; background: rgba(255,255,255,.04); color: #fff; text-align: left; cursor: pointer; transition: background-color .25s, border-color .25s, transform .25s; }
.pt:hover { background: rgba(255,255,255,.08); }
.pt[aria-selected="true"] { background: rgba(255,255,255,.1); border-color: rgba(214,167,94,.55); box-shadow: 0 20px 40px -24px rgba(214,167,94,.6); }
.pt-num { font-size: .8rem; font-weight: 800; color: rgba(255,255,255,.4); font-variant-numeric: tabular-nums; }
.pt[aria-selected="true"] .pt-num { background: var(--grad-epic); -webkit-background-clip: text; background-clip: text; color: transparent; }
.pt-text { display: grid; min-width: 0; }
.pt-text b { font-size: 1rem; letter-spacing: -0.01em; }
.pt-text span { font-size: .78rem; color: rgba(255,255,255,.5); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pt-n { font-size: .74rem; font-weight: 700; color: rgba(255,255,255,.55); white-space: nowrap; }
.paths-panels { min-width: 0; padding: clamp(20px, 2.6vw, 30px); border-radius: 28px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); backdrop-filter: blur(16px); }
.pp.is-on { animation: lineUp .5s cubic-bezier(.2,.8,.2,1); }
.pp-sum { margin: 0 0 20px; font-size: 1.05rem; line-height: 1.55; color: rgba(255,255,255,.8); max-width: 62ch; }
.pp-books { list-style: none; margin: 0 0 22px; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 14px; }
.pp-books a { display: grid; gap: 6px; text-decoration: none; color: inherit; }
.pp-cover { position: relative; display: block; border-radius: 16px; overflow: hidden; transition: transform .35s cubic-bezier(.2,.8,.2,1); }
.pp-books a:hover .pp-cover { transform: translateY(-4px); }
.pp-cover .cover-frame { border-radius: 16px; }
.pp-cover i { position: absolute; top: 8px; left: 8px; width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; font-style: normal; font-size: .76rem; font-weight: 800; color: #1a1208; background: var(--grad-epic); box-shadow: 0 6px 12px -4px rgba(0,0,0,.5); }
.pp-books b { font-size: .84rem; line-height: 1.25; }
.pp-books span:not(.pp-cover) { font-size: .74rem; opacity: .6; }
.path-buy { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 16px 24px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.1); }
.pb-team label { display: block; margin-bottom: 8px; font-size: .82rem; font-weight: 700; opacity: .75; }
.pb-chips { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.pb-chips button { height: 40px; min-width: 52px; padding: 0 14px; border-radius: 999px; border: 1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.05); color: inherit; font-weight: 700; cursor: pointer; }
.pb-chips button[aria-pressed="true"] { background: #fff; color: var(--ink); border-color: #fff; }
.path-buy .pb-chips input[type="number"] { width: 88px; height: 40px; min-height: 0; margin: 0; padding: 0 12px; border-radius: 999px; border: 1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.05); color: inherit; font-weight: 700; }
.pb-sum { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
.pb-sum p { margin: 0; display: grid; text-align: right; }
.pb-sum p b { font-size: 1.8rem; font-weight: 800; letter-spacing: -0.04em; line-height: 1; }
.pb-sum p > span { font-size: .78rem; opacity: .6; }
/* Açık zeminde (ürün sayfası, okuma yolları sayfası) */
.pdp-path .path-buy, .path-block .path-buy { border-top-color: var(--line); }
.pdp-path .pb-chips button, .path-block .pb-chips button, .pdp-path .pb-chips input, .path-block .pb-chips input { border-color: var(--line-2); background: #fff; }
.pdp-path .pb-chips button[aria-pressed="true"], .path-block .pb-chips button[aria-pressed="true"] { background: var(--ink); color: #fff; border-color: var(--ink); }

/* ---------- Yazarlar: genişleyen paneller ---------- */
.xa { position: relative; overflow: hidden; isolation: isolate; padding: clamp(72px, 9vw, 112px) 0; background: #09080a; color: #fff; }
.xa-aurora { position: absolute; inset: 0; z-index: -1; filter: blur(70px); opacity: .9; }
.xa-aurora i { position: absolute; border-radius: 50%; }
.xa-aurora i:nth-child(1) { width: 52vw; height: 52vw; left: -12vw; top: -20vw; background: radial-gradient(circle, rgba(214,167,94,.45), transparent 65%); animation: auroraA 18s ease-in-out infinite alternate; }
.xa-aurora i:nth-child(2) { width: 46vw; height: 46vw; right: -10vw; top: 10%; background: radial-gradient(circle, rgba(155,79,107,.42), transparent 65%); animation: auroraB 22s ease-in-out infinite alternate; }
.xa-aurora i:nth-child(3) { width: 40vw; height: 40vw; left: 30%; bottom: -24vw; background: radial-gradient(circle, rgba(196,112,63,.35), transparent 65%); animation: auroraA 26s ease-in-out -6s infinite alternate; }
@keyframes auroraA { to { transform: translate(8vw, 6vw) scale(1.15); } }
@keyframes auroraB { to { transform: translate(-6vw, 8vw) scale(1.1); } }
.xa .eyebrow { color: rgba(255,255,255,.65); }
.xa-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 20px; margin-bottom: clamp(26px, 3.6vw, 40px); }
.xa-head h2 { margin: 0; max-width: 20ch; font-size: clamp(2rem, 3.8vw, 3.2rem); letter-spacing: -0.045em; line-height: 1.04; }
.xp { display: flex; gap: 10px; height: clamp(400px, 56vh, 540px); }
.xp-item { position: relative; flex: 1 1 0; min-width: 0; overflow: hidden; border-radius: 26px; background: #1a1719; text-decoration: none; color: #fff; isolation: isolate;
  transition: flex-grow .7s cubic-bezier(.2,.8,.2,1), box-shadow .5s; box-shadow: 0 0 0 1px rgba(255,255,255,.07); }
.xp-item.is-open { flex-grow: 5.2; box-shadow: 0 0 0 1px rgba(214,167,94,.45), 0 40px 80px -40px rgba(214,120,80,.6); }
.xp-item img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 20%; filter: grayscale(1) contrast(1.05) brightness(.8); transform: scale(1.06); transition: filter .7s, transform 1.2s cubic-bezier(.2,.8,.2,1); }
.xp-item.is-open img { filter: none; transform: scale(1); }
.xp-ini { position: absolute; inset: 0; z-index: -1; display: grid; place-items: center; font-size: clamp(3rem, 6vw, 6rem); font-weight: 800; color: rgba(214,167,94,.25); background: radial-gradient(circle at 50% 30%, #2a2226, #0d0b0c); }
.xp-shade { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(8,6,8,.95) 0%, rgba(8,6,8,.35) 45%, transparent 70%), linear-gradient(135deg, rgba(214,167,94,.18), transparent 40%, rgba(155,79,107,.22)); }
.xp-v { position: absolute; left: 50%; bottom: 22px; translate: -50% 0; writing-mode: vertical-rl; transform: rotate(180deg); font-weight: 750; font-size: .95rem; white-space: nowrap; max-height: 80%; overflow: hidden; text-overflow: ellipsis; transition: opacity .35s; }
.xp-item.is-open .xp-v { opacity: 0; }
.xp-body { position: absolute; left: 0; right: 0; bottom: 0; padding: clamp(20px, 2.4vw, 32px); display: grid; gap: 8px; justify-items: start; opacity: 0; transform: translateY(16px); transition: opacity .4s, transform .5s cubic-bezier(.2,.8,.2,1); pointer-events: none; }
.xp-item.is-open .xp-body { opacity: 1; transform: none; transition-delay: .25s; pointer-events: auto; }
.xp-count { padding: 5px 11px; border-radius: 999px; background: rgba(255,255,255,.12); backdrop-filter: blur(8px); font-size: .74rem; font-weight: 750; }
.xp-name { max-width: 100%; font-size: clamp(1.8rem, 3vw, 2.7rem); font-weight: 800; letter-spacing: -0.045em; line-height: 1.02; background: linear-gradient(100deg, #fff 30%, #f2d6a6 70%, #e2a07a); -webkit-background-clip: text; background-clip: text; color: transparent; text-wrap: balance; padding-bottom: .06em; }
.xp-role { font-size: .9rem; color: rgba(255,255,255,.7); }
.xp-books { display: flex; gap: 8px; margin-top: 4px; }
.xp-b { width: 54px; border-radius: 10px; overflow: hidden; box-shadow: 0 10px 20px -8px rgba(0,0,0,.8); }
.xp-b .cover-frame { border-radius: 10px; }
.xp-b .cover-fallback { padding: 12% 10%; }
.xp-b .cf-author, .xp-b .cf-mark { display: none; }
.xp-go { display: inline-flex; align-items: center; gap: 8px; margin-top: 6px; padding: 10px 16px; border-radius: 999px; background: var(--grad-epic); color: #1a1208; font-weight: 750; font-size: .88rem; }
.xp-go svg { width: 14px; height: 14px; }

/* ---------- Ürün sayfası ---------- */
.pdp { padding-top: calc(var(--header-h) + 26px); }
.pdp-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(24px, 4vw, 56px); align-items: start; }
.pdp-media { position: sticky; top: calc(var(--header-h) + 20px); display: grid; gap: 12px; }
.pdp-stage { position: relative; isolation: isolate; aspect-ratio: 1; border-radius: 32px; overflow: hidden; display: grid; place-items: center; padding: clamp(18px, 4%, 40px);
  background: radial-gradient(120% 90% at 50% 8%, #fffdf9, #ebe5da); box-shadow: 0 40px 80px -50px rgba(60,40,20,.45), 0 0 0 1px var(--line); }
.pdp-stage.has-bg { background: var(--cbg); }
.pdp-img { width: auto; height: auto; max-height: 100%; object-fit: contain; mix-blend-mode: multiply; border-radius: 6px; transition: transform .25s ease-out, opacity .3s; }
.pdp-stage.has-bg .pdp-img { mix-blend-mode: normal; }
.pdp-stage.can-zoom { cursor: zoom-in; }
.pdp-stage.swap .pdp-img { opacity: 0; }
.pdp-fallback { display: none; width: min(62%, 340px); }
.pdp-stage.is-broken .pdp-img { display: none; }
.pdp-stage.is-broken .pdp-fallback, .pdp-flat { display: block; width: min(62%, 340px); }
.pdp-fallback .cover-fallback, .pdp-flat .cover-fallback { border-radius: 4px 10px 10px 4px; box-shadow: 0 40px 60px -30px rgba(40,25,5,.6); }
.pdp-stage.is-flat { background: radial-gradient(100% 90% at 50% 10%, color-mix(in srgb, var(--tone) 22%, #fffaf2), #e8e1d5); }
.pdp-stage .pv-hint { position: absolute; left: 50%; bottom: 14px; translate: -50% 0; }
.pdp-info { display: grid; gap: 18px; padding-top: 6px; }
.pdp-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.tag { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 12px; border-radius: 999px; background: var(--card); border: 1px solid var(--line); font-size: .8rem; font-weight: 650; color: var(--muted); text-decoration: none; }
.tag:hover { color: var(--ink); border-color: var(--line-2); }
.tag .n-mark { width: 14px; height: 14px; }
.tag-gold { background: linear-gradient(100deg, #fbf1df, #f3dfc8); border-color: rgba(184,135,63,.35); color: #6b4a22; }
.pdp-info h1 { margin: 0; font-size: clamp(2.2rem, 4.2vw, 3.8rem); line-height: 1; letter-spacing: -0.05em; text-wrap: balance; }
.pdp-sub { margin: -6px 0 0; font-size: 1.15rem; color: var(--muted); }
.pdp-authors { display: flex; flex-wrap: wrap; gap: 8px; }
.pdp-authors a { display: inline-flex; align-items: center; gap: 10px; padding: 5px 16px 5px 5px; border-radius: 999px; background: var(--card); box-shadow: 0 0 0 1px var(--line); text-decoration: none; color: var(--ink); }
.pdp-authors .portrait { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; aspect-ratio: 1; font-size: .78rem; }
.pdp-authors span { display: grid; line-height: 1.15; }
.pdp-authors b { font-size: .95rem; }
.pdp-authors small { font-size: .74rem; color: var(--muted); }
.pdp-lead { margin: 0; font-size: 1.1rem; line-height: 1.6; color: #3c3a36; }
.pdp-facts { display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 0; }
.pdp-facts div { display: grid; }
.pdp-facts dt { font-size: .74rem; font-weight: 650; color: var(--muted); }
.pdp-facts dd { margin: 0; font-weight: 700; }
.buy { display: grid; gap: 14px; padding: clamp(20px, 2.4vw, 28px); border-radius: 28px; background: var(--card); box-shadow: 0 30px 60px -40px rgba(60,40,20,.45), 0 0 0 1px var(--line); scroll-margin-top: calc(var(--header-h) + 20px); }
.buy-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.buy-label { margin: 0; font-size: 1.15rem; font-weight: 800; letter-spacing: -0.02em; }
.buy-price { margin: 4px 0 0; color: var(--muted); font-size: .9rem; }
.buy-price b { color: var(--ink); font-size: 1.05rem; }
.buy-note { padding: 6px 12px; border-radius: 999px; background: linear-gradient(100deg, #fbf1df, #f3dfc8); color: #6b4a22; font-size: .76rem; font-weight: 700; white-space: nowrap; }
.buy-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.buy-chips button { height: 38px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--line-2); background: #fff; font-weight: 700; font-size: .85rem; cursor: pointer; }
.buy-chips button[aria-pressed="true"] { background: var(--ink); color: #fff; border-color: var(--ink); }
.buy .add-quote { display: grid; gap: 12px; }
.buy .add-quote .btn-large { width: 100%; }
.buy-trust { list-style: none; margin: 4px 0 0; padding: 14px 0 0; border-top: 1px solid var(--line); display: flex; flex-wrap: wrap; gap: 8px 18px; }
.buy-trust li { display: inline-flex; align-items: center; gap: 7px; font-size: .8rem; font-weight: 650; color: var(--muted); }
.buy-trust svg { width: 16px; height: 16px; color: #a07436; }
.pdp-path, .path-block { margin-top: clamp(48px, 7vw, 88px); padding: clamp(22px, 3vw, 36px); border-radius: 32px; background: var(--card); box-shadow: var(--shadow); }
.pdp-path-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 16px; margin-bottom: 22px; }
.pdp-path-head h2 { margin: 0 0 6px; font-size: clamp(1.6rem, 2.8vw, 2.3rem); letter-spacing: -0.04em; }
.pdp-path-head p:not(.eyebrow) { margin: 0; color: var(--muted); max-width: 60ch; }
.pdp-path .btn-ghost { color: var(--ink); border-color: var(--line-2); background: transparent; }
.pdp-path .pp-books li.is-current .pp-cover { box-shadow: 0 0 0 3px var(--bg), 0 0 0 5px #c08a45; }
.pdp-path .pp-books li.is-current span:not(.pp-cover) { color: #a07436; opacity: 1; font-weight: 700; }
.pdp-details { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 16px; margin-top: clamp(24px, 3vw, 32px); }
.pdp-details:empty { display: none; }
.pdp-author { display: grid; grid-template-columns: 88px 1fr; gap: 18px; align-items: start; }
.pdp-author .portrait { width: 88px; height: 88px; border-radius: 22px; object-fit: cover; aspect-ratio: 1; }
.pdp-author h2 { margin: 0 0 4px; }
.pdp-bar { display: none; }
@media (max-width: 900px) {
  .pdp-grid { grid-template-columns: 1fr; }
  .pdp-media { position: static; }
  .pdp-stage { border-radius: 24px; }
  .pdp-bar { position: fixed; z-index: 40; left: 10px; right: 10px; bottom: calc(env(safe-area-inset-bottom, 0px) + 84px); display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 10px 10px 18px; border-radius: 20px; background: rgba(255,255,255,.9); backdrop-filter: blur(14px); box-shadow: 0 20px 40px -20px rgba(0,0,0,.45), 0 0 0 1px var(--line); }
  .pdp-bar span { display: grid; min-width: 0; }
  .pdp-bar b { font-size: .9rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .pdp-bar small { font-size: .74rem; color: var(--muted); }
}
/* Okuma yolları sayfası */
.path-index { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.path-index a { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 16px; border-radius: 999px; background: var(--card); box-shadow: 0 0 0 1px var(--line); text-decoration: none; color: var(--ink); font-weight: 700; font-size: .88rem; }
.path-index span { font-size: .74rem; color: #a07436; }
.path-block { scroll-margin-top: calc(var(--header-h) + 20px); }
.path-block:last-of-type { margin-bottom: clamp(48px, 7vw, 96px); }

@media (max-width: 1000px) {
  .aud { grid-template-columns: 1fr; }
  .mission-stats { grid-template-columns: repeat(2, 1fr); }
  .paths-grid { grid-template-columns: 1fr; }
  .paths-tabs { display: flex; overflow-x: auto; gap: 8px; scrollbar-width: none; margin: 0 calc(var(--gutter) * -1); padding: 0 var(--gutter); }
  .pt { flex: 0 0 auto; width: auto; grid-template-columns: auto auto; }
  .pt-n { display: none; }
  .pt-text span { display: none; }
}
@media (max-width: 820px) {
  .xp { height: auto; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin: 0 calc(var(--gutter) * -1); padding: 0 var(--gutter); }
  .xp-item, .xp-item.is-open { flex: 0 0 78%; height: 460px; scroll-snap-align: center; }
  .xp-item img { filter: none; transform: none; }
  .xp-v { display: none; }
  .xp-body { opacity: 1; transform: none; pointer-events: auto; }
  .lib-shelf { height: 290px; }
  .lib-run { height: 160px; }
  .pb-sum p { text-align: left; }
}
@media (prefers-reduced-motion: reduce) {
  .lib-track, .xa-aurora i { animation: none; }
}

/* Küçük kapak kutularında otomatik kapak: yazı taşmasın */
.cover-frame.is-fallback .cover-fallback { overflow: hidden; }
.pp-cover .cf-author, .pp-cover .cf-mark, .xp-b .cf-author { display: none; }
.pp-cover .cover-fallback { padding: 12% 10%; }
/* Ürün sayfası küçük resimleri: kutuyu doldurur, zemin kutusu görünmez */
.pdp-media .pv-thumbs img { object-fit: cover; padding: 0; mix-blend-mode: normal; }
/* Ürün fotoğraflarının kenarlarını zemine erit (stüdyo ışığı ton farklarını gizler) */
.pdp-stage.has-bg .pdp-img, .cover-frame.has-bg .cover-img {
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent), linear-gradient(180deg, transparent, #000 5%, #000 95%, transparent);
  -webkit-mask-composite: source-in; mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent), linear-gradient(180deg, transparent, #000 5%, #000 95%, transparent); mask-composite: intersect;
}
/* Mobil teklif çubuğu: yalnızca teklif kutusu ekranda değilken görünür */
@media (max-width: 900px) {
  .pdp-bar { right: 72px; opacity: 0; transform: translateY(20px); pointer-events: none; transition: opacity .3s, transform .3s; }
  .pdp-bar.is-shown { opacity: 1; transform: none; pointer-events: auto; }
}

/* Raf başlığın önünde: kitap baloncuğu üstte kalır, boş alan tıklamayı engellemez */
.lib-shelf { z-index: 2; pointer-events: none; }
.lib-shelf .spine { pointer-events: auto; }

/* =========================================================
   GÜNCELLEME 03 — üst band, menü, arama, footer, üyelik, blog,
   katalog rafı, Sedugo, etkinlikler
   ========================================================= */
:root { --sg-green: #4cb05a; --sg-grad: linear-gradient(110deg, #2f9e57 0%, #6dbb47 55%, #a7cf3e 100%); }
.info, .flash-info { border-color: #c08a45; }

/* ---------- Üst band ---------- */
.topbar { position: relative; overflow: hidden; max-height: 40px; background: #0a090b; color: rgba(255,255,255,.78); font-size: .8rem; transition: max-height .35s ease, opacity .3s; }
.topbar::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(47,158,87,.35), transparent 30%, transparent 70%, rgba(214,167,94,.25)); pointer-events: none; }
.has-scrolled .topbar { max-height: 0; opacity: 0; }
.topbar-in { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 16px; height: 38px; }
.tb-promo { display: inline-flex; align-items: center; gap: 9px; min-width: 0; color: #fff; text-decoration: none; font-weight: 650; }
.tb-promo > span:nth-child(2) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tb-ic { width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; background: var(--sg-grad); color: #fff; flex-shrink: 0; }
.tb-ic svg, .tb-go svg { width: 13px; height: 13px; }
.tb-go { display: inline-grid; transition: transform .25s; }
.tb-promo:hover .tb-go { transform: translate(3px, -2px); }
.tb-links { display: flex; align-items: center; gap: 18px; }
.tb-links a { display: inline-flex; align-items: center; gap: 6px; color: rgba(255,255,255,.72); text-decoration: none; font-weight: 600; white-space: nowrap; }
.tb-links a:hover { color: #fff; }
.tb-links svg { width: 14px; height: 14px; }
.site-header { padding-top: 0; }
.site-header > .wrap { padding-top: 10px; }

/* ---------- Ana menü: açılır paneller ---------- */
.main-nav > ul > li { position: relative; }
.nav-drop { display: inline-flex; align-items: center; gap: 4px; padding: 9px 14px 9px 16px; border: 0; border-radius: var(--pill); background: transparent; font: inherit; font-weight: 600; font-size: .92rem; color: #3b3a37; letter-spacing: -0.01em; cursor: pointer; transition: background-color .15s, color .15s; }
.nav-drop svg { width: 15px; height: 15px; transition: transform .25s; }
.nav-drop:hover, .has-mega.is-open > .nav-drop { background: #fff; color: var(--ink); }
.nav-drop[aria-current="page"] { background: var(--ink); color: #fff; }
.has-mega.is-open > .nav-drop svg { transform: rotate(180deg); }
.is-home:not(.is-scrolled) .nav-drop { color: rgba(255,255,255,.8); }
.is-home:not(.is-scrolled) .nav-drop:hover, .is-home:not(.is-scrolled) .has-mega.is-open > .nav-drop { background: rgba(255,255,255,.12); color: #fff; }
.mega {
  position: absolute; z-index: 80; top: calc(100% + 16px); left: 50%; translate: -50% 8px; width: min(860px, 92vw);
  display: grid; grid-template-columns: 1fr 1.15fr .95fr; gap: 10px; padding: 14px; border-radius: 26px;
  background: rgba(255,255,255,.97); backdrop-filter: blur(20px); box-shadow: 0 40px 80px -30px rgba(20,14,8,.45), 0 0 0 1px rgba(17,17,17,.06);
  opacity: 0; visibility: hidden; transition: opacity .2s, translate .25s cubic-bezier(.2,.8,.2,1), visibility .2s; color: var(--ink);
}
.mega::before { content: ""; position: absolute; left: 0; right: 0; top: -18px; height: 18px; }
.has-mega.is-open > .mega { opacity: 1; visibility: visible; translate: -50% 0; }
.mega-sm { width: 260px; grid-template-columns: 1fr; padding: 8px; }
.mega-col { padding: 10px 10px 12px; }
.mega-h { margin: 0 0 8px; padding: 0 8px; font-size: .72rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--muted-2); }
.mega-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.main-nav .mega-list a { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 10px; border-radius: 12px; background: none; color: var(--ink); font-weight: 650; font-size: .9rem; }
.main-nav .mega-list a:hover { background: var(--card-soft); }
.mega-list small { font-size: .74rem; font-weight: 700; color: var(--muted-2); }
.mega-list svg { width: 14px; height: 14px; }
.mega-paths a { justify-content: flex-start !important; }
.mega-paths b { width: 28px; height: 28px; border-radius: 9px; display: grid; place-items: center; flex-shrink: 0; font-size: .74rem; background: linear-gradient(135deg, #fbf1df, #f0dcc0); color: #7a5222; }
.mega-paths span { display: grid; line-height: 1.2; }
.mega-paths span small { font-weight: 600; margin-top: 2px; }
.main-nav .mega-all { display: inline-flex; align-items: center; gap: 6px; margin: 8px 10px 0; padding: 0; background: none; font-weight: 750; font-size: .85rem; color: #8a5f2a; }
.mega-all svg { width: 14px; height: 14px; }
.main-nav .mega-card { position: relative; overflow: hidden; display: flex; flex-direction: column; gap: 8px; padding: 20px; border-radius: 20px; background: #0d0f0d; color: #fff; text-decoration: none; isolation: isolate; }
.mega-card::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(80% 70% at 100% 0%, rgba(109,187,71,.45), transparent 60%), radial-gradient(70% 60% at 0% 100%, rgba(47,158,87,.35), transparent 60%); }
.mega-card img { width: 120px; height: auto; margin-bottom: 6px; }
.mega-card b { font-size: 1.05rem; }
.mega-card span { font-size: .84rem; color: rgba(255,255,255,.7); line-height: 1.45; }
.main-nav .mega-card:hover { background: #0d0f0d; color: #fff; }
.mega-card-go { display: inline-flex; align-items: center; gap: 6px; margin-top: auto; font-weight: 750; color: #a7cf3e !important; }
.mega-card-go svg { width: 14px; height: 14px; }
.nav-mobile-extra { display: none; }

/* ---------- Başlık eylemleri ---------- */
.hd-btn { position: relative; width: 46px; height: 46px; border: 0; border-radius: 50%; display: inline-grid; place-items: center; background: var(--field); color: var(--ink); cursor: pointer; text-decoration: none; transition: background-color .15s, transform .15s; }
.hd-btn:hover { background: #e8e5df; }
.hd-btn svg { width: 19px; height: 19px; }
.is-home:not(.is-scrolled) .hd-btn { background: rgba(255,255,255,.1); color: #fff; }
.acct { position: relative; }
.acct-ini { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: var(--grad-epic); color: #1a1208; font-size: .78rem; font-weight: 800; }
.acct-menu { position: absolute; right: 0; top: calc(100% + 12px); z-index: 80; width: 250px; padding: 8px; border-radius: 20px; background: #fff; box-shadow: 0 30px 60px -24px rgba(20,14,8,.45), 0 0 0 1px var(--line); opacity: 0; visibility: hidden; translate: 0 6px; transition: opacity .2s, translate .2s, visibility .2s; }
.acct.is-open .acct-menu { opacity: 1; visibility: visible; translate: 0 0; }
.acct-hi { margin: 0 0 6px; padding: 10px 12px 12px; border-bottom: 1px solid var(--line); display: grid; font-size: .9rem; }
.acct-hi small { color: var(--muted); font-size: .76rem; overflow: hidden; text-overflow: ellipsis; }
.acct-menu a, .acct-menu button { display: flex; align-items: center; gap: 8px; width: 100%; padding: 10px 12px; border: 0; border-radius: 12px; background: none; font: inherit; font-size: .9rem; font-weight: 600; color: var(--ink); text-decoration: none; cursor: pointer; text-align: left; }
.acct-menu a:hover, .acct-menu button:hover { background: var(--card-soft); }
.acct-menu form { margin: 4px 0 0; padding-top: 4px; border-top: 1px solid var(--line); }
.acct-menu svg { width: 16px; height: 16px; }

/* ---------- Arama penceresi ---------- */
.search-ov { position: fixed; inset: 0; z-index: 120; display: grid; justify-items: center; align-items: start; padding: clamp(64px, 12vh, 140px) 16px 16px; background: rgba(10,9,11,.55); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.search-ov[hidden] { display: none; }
.search-box { width: min(720px, 100%); border-radius: 26px; background: #fff; box-shadow: 0 50px 100px -40px rgba(0,0,0,.6); overflow: hidden; animation: sheet .22s ease-out; }
.search-form { display: flex; align-items: center; gap: 12px; padding: 0 14px 0 22px; border-bottom: 1px solid var(--line); }
.search-form > svg { width: 22px; height: 22px; color: var(--muted); flex-shrink: 0; }
.search-form input { flex: 1; height: 66px; border: 0; background: none; font-size: 1.15rem; font-weight: 600; outline: none; box-shadow: none; padding: 0; margin: 0; }
.search-x { border: 0; background: none; cursor: pointer; }
.search-x kbd { padding: 4px 8px; border-radius: 8px; background: var(--field); font: 700 .74rem var(--font, inherit); color: var(--muted); }
.search-res { max-height: min(62vh, 560px); overflow-y: auto; padding: 10px; }
.search-hint { margin: 6px 10px 10px; color: var(--muted); font-size: .9rem; }
.search-hint button { margin: 0 2px; padding: 5px 11px; border: 0; border-radius: 999px; background: var(--field); font: inherit; font-weight: 650; font-size: .84rem; cursor: pointer; }
.sr-group { margin: 4px 0 10px; }
.sr-group > p { margin: 8px 12px 6px; font-size: .72rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--muted-2); }
.sr-item { display: grid; grid-template-columns: 46px 1fr auto; align-items: center; gap: 12px; padding: 8px 10px; border-radius: 14px; text-decoration: none; color: var(--ink); }
.sr-item:hover, .sr-item.is-active { background: var(--card-soft); }
.sr-img { width: 46px; height: 46px; border-radius: 12px; overflow: hidden; background: var(--field); display: grid; place-items: center; }
.sr-img img { width: 100%; height: 100%; object-fit: cover; }
.sr-img svg { width: 18px; height: 18px; color: var(--muted); }
.sr-item b { display: block; font-size: .95rem; }
.sr-item small { color: var(--muted); font-size: .8rem; }
.sr-badge { padding: 3px 8px; border-radius: 999px; background: #e8f4e6; color: #2f7d3e; font-size: .7rem; font-weight: 800; }
.sr-all { display: block; margin: 4px 10px 6px; padding: 12px; border-radius: 14px; background: var(--ink); color: #fff; text-align: center; font-weight: 700; text-decoration: none; }
.sr-none { margin: 14px 12px; color: var(--muted); }
.search-page { display: flex; gap: 8px; max-width: 560px; margin: 16px 0; }
.search-page input { flex: 1; margin: 0; }

/* ---------- Footer ---------- */
.pre-footer { padding: clamp(48px, 7vw, 88px) 0 0; }
.pf-grid { display: grid; grid-template-columns: 1.05fr 1fr; gap: 16px; }
.pf-sedugo { position: relative; overflow: hidden; isolation: isolate; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: clamp(26px, 3.4vw, 40px); border-radius: 32px; background: #0c120d; color: #fff; text-decoration: none; }
.pf-sedugo::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(70% 90% at 100% 0%, rgba(109,187,71,.5), transparent 60%), radial-gradient(60% 80% at 0% 100%, rgba(47,158,87,.4), transparent 60%); }
.pf-sedugo img { width: 150px; height: auto; margin-bottom: 4px; }
.pf-sedugo b { font-size: clamp(1.4rem, 2.4vw, 1.9rem); letter-spacing: -0.035em; line-height: 1.1; }
.pf-sedugo > span:not(.pf-wave):not(.pf-go) { max-width: 44ch; color: rgba(255,255,255,.72); }
.pf-go { display: inline-flex; align-items: center; gap: 8px; margin-top: 6px; padding: 11px 18px; border-radius: 999px; background: var(--sg-grad); color: #fff; font-weight: 750; font-size: .92rem; }
.pf-go svg { width: 16px; height: 16px; }
.pf-wave { position: absolute; right: 26px; bottom: 26px; z-index: -1; display: flex; align-items: center; gap: 4px; height: 70px; opacity: .55; }
.pf-wave i { width: 4px; border-radius: 4px; background: #a7cf3e; height: 30%; animation: wave 1.4s ease-in-out infinite; animation-delay: calc(var(--k) * -73ms); }
@keyframes wave { 0%, 100% { height: 18%; } 50% { height: 95%; } }
.pf-news { display: flex; flex-direction: column; justify-content: center; gap: 10px; padding: clamp(26px, 3.4vw, 40px); border-radius: 32px; background: var(--card); box-shadow: var(--shadow); }
.pf-news .eyebrow { margin: 0; }
.pf-news .eyebrow svg { width: 16px; height: 16px; }
.pf-news h2 { margin: 0 0 6px; font-size: clamp(1.4rem, 2.4vw, 1.9rem); letter-spacing: -0.035em; line-height: 1.12; }
.pf-field { display: flex; gap: 8px; padding: 6px; border-radius: 999px; background: var(--field); }
.pf-field input { flex: 1; min-width: 0; height: 46px; margin: 0; padding: 0 16px; border: 0; background: transparent; box-shadow: none; font-weight: 600; }
.pf-field .btn { flex-shrink: 0; }
.pf-note { margin: 0; font-size: .78rem; color: var(--muted); }
.pf-note a { color: inherit; }
.site-footer { margin-top: clamp(48px, 7vw, 88px); padding-top: clamp(56px, 7vw, 88px); background: #0b0a0c; }
.ft-top { display: grid; grid-template-columns: 1.6fr repeat(3, .8fr) 1.15fr; gap: clamp(24px, 3vw, 44px); padding-bottom: 20px; }
.ft-brand { display: grid; gap: 18px; justify-items: start; align-content: start; }
.ft-brand p { margin: 0; max-width: 38ch; line-height: 1.6; }
.ft-social { display: flex !important; gap: 8px !important; }
.ft-social a { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: rgba(255,255,255,.06); color: #fff !important; transition: background-color .2s, transform .2s; }
.ft-social a:hover { background: rgba(214,167,94,.22); transform: translateY(-2px); }
.ft-social svg { width: 18px; height: 18px; }
.ft-col ul { gap: 11px !important; }
.ft-col a { display: inline-flex; align-items: center; gap: 8px; }
.ft-tag { padding: 2px 7px; border-radius: 6px; background: rgba(109,187,71,.18); color: #a7cf3e; font-size: .68rem; font-weight: 800; }
.ft-contact li > a, .ft-contact li > span { display: inline-flex; align-items: flex-start; gap: 10px; line-height: 1.45; }
.ft-contact svg { width: 16px; height: 16px; flex-shrink: 0; margin-top: 2px; color: var(--gold-2); }
.ft-word { width: calc(100% - 2 * var(--gutter)); max-width: 1400px; aspect-ratio: 242 / 31; margin: clamp(26px, 4vw, 48px) auto 0; background: var(--grad-epic); -webkit-mask: url("../img/wordmark.svg") center / contain no-repeat; mask: url("../img/wordmark.svg") center / contain no-repeat; opacity: .14; }
.ft-bottom { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 20px; margin-top: 22px; padding: 22px var(--gutter) calc(var(--tabbar-h, 0px) + 22px); border-top: 1px solid rgba(255,255,255,.08); font-size: .84rem; }
.ft-sedugo { color: rgba(255,255,255,.45); }
.ft-legal { display: inline-flex; align-items: center; gap: 14px; }
.ft-top-btn { width: 40px; height: 40px; border: 0; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.08); color: #fff; cursor: pointer; }
.ft-top-btn svg { width: 18px; height: 18px; transform: rotate(180deg); }
.ft-top-btn:hover { background: var(--gold-2); color: var(--ink); }
.site-footer .footer-grid, .site-footer .footer-bottom { display: none; }

/* ---------- Üyelik ---------- */
.auth { padding: calc(var(--header-h) + 26px) 0 clamp(48px, 7vw, 88px); }
.auth-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; align-items: stretch; }
.auth-card { padding: clamp(26px, 4vw, 48px); border-radius: 32px; background: var(--card); box-shadow: var(--shadow); }
.auth-card h1 { margin: 0 0 6px; font-size: clamp(2rem, 3.4vw, 2.8rem); letter-spacing: -0.045em; }
.auth-form { display: grid; gap: 14px; margin-top: 20px; }
.auth-form label { display: grid; gap: 6px; font-weight: 650; font-size: .9rem; }
.auth-form label small { font-weight: 500; color: var(--muted); }
.auth-form input { margin: 0; }
.auth-form .chk { display: flex; align-items: flex-start; gap: 10px; font-weight: 500; }
.auth-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.auth-row { display: flex; justify-content: flex-end; font-size: .88rem; }
.auth-row a, .auth-card .muted a { color: #8a5f2a; font-weight: 700; }
.auth-aside { position: relative; overflow: hidden; isolation: isolate; display: flex; flex-direction: column; justify-content: center; padding: clamp(28px, 4vw, 52px); border-radius: 32px; background: #0b0a0c; color: #fff; }
.auth-aurora { position: absolute; inset: 0; z-index: -1; filter: blur(60px); }
.auth-aurora i { position: absolute; border-radius: 50%; width: 70%; aspect-ratio: 1; }
.auth-aurora i:first-child { left: -20%; top: -20%; background: radial-gradient(circle, rgba(214,167,94,.5), transparent 65%); }
.auth-aurora i:last-child { right: -25%; bottom: -25%; background: radial-gradient(circle, rgba(155,79,107,.45), transparent 65%); }
.auth-aside .eyebrow { color: rgba(255,255,255,.6); }
.auth-aside h2 { margin: 0 0 24px; font-size: clamp(1.8rem, 3vw, 2.6rem); letter-spacing: -0.045em; line-height: 1.05; }
.auth-perks { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.auth-perks li { display: grid; grid-template-columns: 44px 1fr; column-gap: 14px; align-items: center; }
.auth-perks li > span { grid-row: span 2; width: 44px; height: 44px; border-radius: 14px; display: grid; place-items: center; background: rgba(255,255,255,.08); color: var(--gold-2); }
.auth-perks svg { width: 20px; height: 20px; }
.auth-perks small { color: rgba(255,255,255,.6); }

/* ---------- Hesabım ---------- */
.acc { padding: calc(var(--header-h) + 26px) 0 clamp(48px, 7vw, 88px); }
.acc-grid { display: grid; grid-template-columns: 270px minmax(0, 1fr); gap: 20px; align-items: start; }
.acc-side { position: sticky; top: calc(var(--header-h) + 20px); padding: 16px; border-radius: 26px; background: var(--card); box-shadow: var(--shadow); }
.acc-me { display: flex; align-items: center; gap: 12px; padding: 6px 6px 16px; border-bottom: 1px solid var(--line); margin-bottom: 8px; }
.acc-me > div { display: grid; min-width: 0; }
.acc-me small { color: var(--muted); font-size: .78rem; overflow: hidden; text-overflow: ellipsis; }
.acc-ava { width: 46px; height: 46px; border-radius: 15px; display: grid; place-items: center; flex-shrink: 0; background: var(--grad-epic); color: #1a1208; font-weight: 800; }
.acc-nav { display: grid; gap: 2px; }
.acc-nav a, .acc-nav button { display: flex; align-items: center; gap: 10px; width: 100%; padding: 11px 12px; border: 0; border-radius: 14px; background: none; font: inherit; font-weight: 650; font-size: .92rem; color: #3b3a37; text-decoration: none; cursor: pointer; text-align: left; }
.acc-nav a:hover, .acc-nav button:hover { background: var(--card-soft); }
.acc-nav a[aria-current="page"] { background: var(--ink); color: #fff; }
.acc-nav small { margin-left: auto; padding: 1px 8px; border-radius: 999px; background: rgba(0,0,0,.07); font-size: .74rem; }
.acc-nav a[aria-current="page"] small { background: rgba(255,255,255,.18); }
.acc-nav svg { width: 18px; height: 18px; }
.acc-nav form { margin-top: 6px; padding-top: 6px; border-top: 1px solid var(--line); }
.acc-main { display: grid; gap: 16px; min-width: 0; }
.acc-head h1 { margin: 0; font-size: clamp(2rem, 3.6vw, 3rem); letter-spacing: -0.045em; }
.acc-head .muted { margin: 6px 0 0; }
.acc-head-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 14px; }
.acc-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.acc-stats a { display: grid; gap: 4px; padding: 20px; border-radius: 22px; background: var(--card); box-shadow: var(--shadow); text-decoration: none; color: var(--ink); transition: transform .25s; }
.acc-stats a:hover { transform: translateY(-3px); }
.acc-stats b { font-size: 2.2rem; letter-spacing: -0.05em; line-height: 1; }
.acc-stats span { color: var(--muted); font-size: .86rem; font-weight: 600; }
.acc-two { display: grid; grid-template-columns: 1.2fr 1fr; gap: 16px; align-items: start; }
.acc-list { list-style: none; margin: 0; padding: 0; display: grid; }
.acc-list li { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.acc-list li:last-child { border-bottom: 0; }
.acc-list span:first-child { display: grid; }
.acc-list small { color: var(--muted); font-size: .8rem; }
.st { display: inline-flex; align-items: center; height: 26px; padding: 0 10px; border-radius: 999px; font-size: .74rem; font-weight: 750; white-space: nowrap; background: var(--field); color: var(--muted); }
.st-new { background: #eef1fb; color: #3a4f98; } .st-work { background: #fdf0de; color: #8a5a16; } .st-sent { background: #efe6fb; color: #6a3fa0; } .st-done { background: #e6f4ea; color: #2f7d3e; } .st-off { background: #f6e5e3; color: #9b3a2c; }
.acc-sedugo { position: relative; overflow: hidden; isolation: isolate; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding: 24px; border-radius: 26px; background: #0c120d; color: #fff; text-decoration: none; }
.acc-sedugo::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(80% 90% at 100% 0%, rgba(109,187,71,.5), transparent 60%); }
.acc-sedugo img { width: 120px; height: auto; }
.acc-sedugo > span:not(.pf-go) { color: rgba(255,255,255,.7); font-size: .9rem; }
.acc-path { display: grid; gap: 6px; padding: 24px; border-radius: 26px; background: linear-gradient(110deg, #fbf1df, #f3dfc8); text-decoration: none; color: var(--ink); }
.acc-path b { font-size: 1.3rem; letter-spacing: -0.03em; }
.acc-path > span:last-child { color: #6b5a44; }
.acc-path .eyebrow { margin: 0; color: #8a5f2a; }
.acc-quote { border-radius: 20px; background: var(--card); box-shadow: var(--shadow); overflow: hidden; }
.acc-quote summary { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 18px 20px; cursor: pointer; list-style: none; }
.acc-quote summary::-webkit-details-marker { display: none; }
.acc-quote summary > span:first-child { display: grid; }
.acc-quote summary small { color: var(--muted); font-size: .8rem; }
.acc-quote ul { list-style: none; margin: 0; padding: 0 20px 14px; }
.acc-quote li { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-top: 1px solid var(--line); font-size: .92rem; }
.acc-quote li a { color: var(--ink); }
.acc-tickets { display: grid; gap: 10px; }
.acc-ticket { display: grid; grid-template-columns: 74px 1fr auto; align-items: center; gap: 16px; padding: 14px 18px 14px 14px; border-radius: 20px; background: var(--card); box-shadow: var(--shadow); text-decoration: none; color: var(--ink); }
.at-date { display: grid; justify-items: center; padding: 10px 0; border-radius: 14px; background: var(--gold-grad); }
.at-date b { font-size: 1.6rem; line-height: 1; }
.at-date small { font-size: .62rem; font-weight: 700; text-align: center; }
.at-body { display: grid; }
.at-body small { color: var(--muted); font-size: .82rem; }
.acc-empty { display: grid; justify-items: start; gap: 12px; padding: 32px; border-radius: 26px; background: var(--card); box-shadow: var(--shadow); }
.acc-empty p { margin: 0; color: var(--muted); }

/* ---------- Favori ---------- */
.fav-form { margin: 0; }
.fav-btn { width: 38px; height: 38px; border: 0; border-radius: 50%; display: inline-grid; place-items: center; background: rgba(255,255,255,.92); color: #6c6a66; cursor: pointer; box-shadow: 0 6px 14px -8px rgba(0,0,0,.4); transition: transform .2s, color .2s, background-color .2s; }
.fav-btn svg { width: 18px; height: 18px; }
.fav-btn:hover { transform: scale(1.08); color: #c2453b; }
.fav-btn[aria-pressed="true"] { color: #fff; background: #d0483d; }
.fav-btn[aria-pressed="true"] svg { fill: currentColor; }
.fav-btn.is-big { width: 100%; height: 46px; border-radius: 999px; gap: 8px; display: inline-flex; justify-content: center; align-items: center; background: var(--field); box-shadow: none; font: inherit; font-weight: 700; color: var(--ink); }
.fav-btn.is-big[aria-pressed="true"] { background: #fbe9e7; color: #b23a30; }
.book-card .fav-form { position: absolute; z-index: 3; top: 18px; right: 18px; }
.book-card .open { display: none; }
.tag-audio { position: absolute; z-index: 2; left: 22px; bottom: auto; top: 22px; display: inline-flex; align-items: center; gap: 5px; padding: 5px 10px; border-radius: 999px; background: var(--sg-grad); color: #fff; font-size: .7rem; font-weight: 800; }
.tag-new + .tag-audio { top: 54px; }
.tag-audio svg { width: 13px; height: 13px; }

/* ---------- Yaşam tarzı fotoğrafı: kartı tamamen doldurur ---------- */
.cover-frame.is-photo { background: #1a1816; }
.cover-frame.is-photo .cover-img { padding: 0; object-fit: cover; mix-blend-mode: normal; }
.pdp-stage.is-photo { aspect-ratio: var(--ar, 3 / 2); padding: 0; background: #1a1816; }
.pdp-stage.is-photo .pdp-img { width: 100%; height: 100%; max-width: none; max-height: none; object-fit: cover; mix-blend-mode: normal; border-radius: 0; }
.pdp-audio { display: grid; grid-template-columns: 46px 1fr auto; align-items: center; gap: 14px; padding: 14px 18px 14px 14px; border-radius: 22px; background: #0c120d; color: #fff; text-decoration: none; position: relative; overflow: hidden; isolation: isolate; }
.pdp-audio::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(80% 120% at 100% 50%, rgba(109,187,71,.45), transparent 60%); }
.pa-ic { width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; background: var(--sg-grad); }
.pa-ic svg { width: 20px; height: 20px; }
.pa-txt { display: grid; }
.pa-txt small { color: rgba(255,255,255,.65); font-size: .8rem; }
.pdp-audio img { width: 92px; height: auto; }
.pdp-audio.is-soon .pa-ic { background: rgba(255,255,255,.12); }

/* ---------- Katalog rafı ---------- */
.cat2 { position: relative; overflow: hidden; padding: clamp(72px, 9vw, 120px) 0; background: radial-gradient(60% 50% at 10% 0%, rgba(214,167,94,.16), transparent 60%), radial-gradient(50% 50% at 100% 100%, rgba(155,79,107,.16), transparent 60%), #0b0a0c; color: #fff; }
.cat2 .eyebrow { color: rgba(255,255,255,.6); }
.cat2-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 20px 40px; margin-bottom: 24px; }
.cat2-head h2 { margin: 0 0 6px; font-size: clamp(2.2rem, 4.4vw, 3.6rem); letter-spacing: -0.05em; }
.cat2-head p:not(.eyebrow) { margin: 0; color: rgba(255,255,255,.6); max-width: 52ch; }
.cat2-search { display: flex; align-items: center; gap: 10px; width: min(380px, 100%); height: 52px; padding: 0 18px; border-radius: 999px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12); }
.cat2-search svg { width: 18px; height: 18px; color: rgba(255,255,255,.55); }
.cat2-search input { flex: 1; margin: 0; padding: 0; height: 100%; border: 0; background: none; box-shadow: none; color: #fff; font-weight: 600; }
.cat2-search input::placeholder { color: rgba(255,255,255,.45); }
.cat2-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 26px; }
.seg { display: inline-flex; gap: 4px; padding: 5px; border-radius: 999px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); }
.seg button { display: inline-flex; align-items: center; gap: 6px; height: 38px; padding: 0 16px; border: 0; border-radius: 999px; background: none; color: rgba(255,255,255,.75); font: inherit; font-weight: 700; font-size: .88rem; cursor: pointer; }
.seg button svg { width: 15px; height: 15px; }
.seg button small { padding: 1px 7px; border-radius: 999px; background: rgba(255,255,255,.12); font-size: .72rem; }
.seg button[aria-pressed="true"] { background: #fff; color: var(--ink); }
.seg button[aria-pressed="true"] small { background: rgba(0,0,0,.08); }
.chips { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; max-width: 100%; }
.chips button { flex-shrink: 0; height: 38px; padding: 0 14px; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; background: none; color: rgba(255,255,255,.7); font: inherit; font-weight: 650; font-size: .85rem; cursor: pointer; }
.chips button[aria-pressed="true"] { border-color: rgba(214,167,94,.7); color: #fff; background: rgba(214,167,94,.14); }
.cat2-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-flow: dense; gap: 14px; }
.bk { position: relative; display: flex; flex-direction: column; border-radius: 24px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); overflow: hidden; transition: transform .35s cubic-bezier(.2,.8,.2,1), border-color .3s, background-color .3s; }
.bk[hidden] { display: none; }
.bk:hover { transform: translateY(-4px); border-color: rgba(214,167,94,.4); background: rgba(255,255,255,.06); }
.bk-media { position: relative; display: block; overflow: hidden; }
.bk-media .cover-frame { aspect-ratio: 4 / 3; border-radius: 0; }
.bk-media .cover-img { transition: transform .6s cubic-bezier(.2,.8,.2,1); }
.bk-badges { position: absolute; left: 12px; top: 12px; display: flex; gap: 6px; }
.bb { display: inline-flex; align-items: center; gap: 5px; padding: 5px 10px; border-radius: 999px; font-size: .7rem; font-weight: 800; }
.bb svg { width: 13px; height: 13px; }
.bb-new { background: #fff; color: var(--ink); }
.bb-audio { background: var(--sg-grad); color: #fff; }
.bk .fav-form { position: absolute; z-index: 2; top: 12px; right: 12px; }
.bk-body { display: flex; flex-direction: column; gap: 4px; flex: 1; padding: 16px 16px 14px; }
.bk-cat { margin: 0; font-size: .72rem; font-weight: 750; letter-spacing: .02em; color: var(--gold-2); }
.bk h3 { margin: 0; font-size: 1.02rem; line-height: 1.25; letter-spacing: -0.02em; }
.bk h3 a { color: #fff; text-decoration: none; }
.bk-au { margin: 0; font-size: .82rem; color: rgba(255,255,255,.55); }
.bk-path { display: inline-flex; align-items: center; gap: 6px; align-self: flex-start; margin: 6px 0 0; padding: 4px 9px; border-radius: 999px; background: rgba(214,167,94,.12); color: #f0d6a8; font-size: .7rem; font-weight: 700; }
.bk-path .n-mark { width: 12px; height: 12px; }
.bk-desc { display: none; margin: 8px 0 0; color: rgba(255,255,255,.68); font-size: .92rem; line-height: 1.55; }
.bk-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 12px; }
.bk-price { display: grid; font-weight: 800; font-size: .95rem; }
.bk-price small { font-size: .68rem; font-weight: 600; color: rgba(255,255,255,.45); }
.bk .add-quote .btn { background: rgba(255,255,255,.1); color: #fff; border-color: transparent; }
.bk .add-quote .btn:hover { background: #fff; color: var(--ink); }
.bk.is-feature { grid-column: span 2; grid-row: span 2; }
.bk.is-feature .bk-media .cover-frame { aspect-ratio: 16 / 10; }
.bk.is-feature h3 { font-size: clamp(1.4rem, 2.2vw, 1.9rem); letter-spacing: -0.035em; }
.bk.is-feature .bk-desc { display: block; }
.bk.is-feature .bk-body { padding: 22px 24px 20px; }
.cat2-empty { margin: 20px 0; color: rgba(255,255,255,.6); }
.cat2-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px; margin-top: 28px; }
.cat2-foot > span { width: 100%; text-align: center; color: rgba(255,255,255,.5); font-size: .86rem; }

/* ---------- Sedugo bölümü ---------- */
.sedugo { position: relative; overflow: hidden; isolation: isolate; padding: clamp(72px, 9vw, 120px) 0; background: #070b08; color: #fff; }
.sg-aura { position: absolute; inset: 0; z-index: -1; filter: blur(70px); }
.sg-aura i { position: absolute; border-radius: 50%; }
.sg-aura i:first-child { width: 50vw; aspect-ratio: 1; right: -10vw; top: -20vw; background: radial-gradient(circle, rgba(109,187,71,.45), transparent 65%); animation: auroraB 20s ease-in-out infinite alternate; }
.sg-aura i:last-child { width: 40vw; aspect-ratio: 1; left: -10vw; bottom: -20vw; background: radial-gradient(circle, rgba(47,158,87,.4), transparent 65%); animation: auroraA 24s ease-in-out infinite alternate; }
.sg-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(32px, 5vw, 80px); align-items: center; }
.sg-logo { width: clamp(150px, 16vw, 200px); height: auto; margin-bottom: 20px; }
.sedugo .eyebrow { color: rgba(255,255,255,.65); }
.sedugo .eyebrow svg { width: 16px; height: 16px; color: #a7cf3e; }
.sg-copy h2 { margin: 0 0 16px; font-size: clamp(2.4rem, 5vw, 4.2rem); line-height: 1; letter-spacing: -0.055em; }
.sg-copy h2 .accent, .sg-copy h2 em { background: var(--sg-grad); -webkit-background-clip: text; background-clip: text; color: transparent; font-style: normal; }
.sg-copy .lead { color: rgba(255,255,255,.72); max-width: 52ch; }
.sg-feats { list-style: none; margin: 22px 0 28px; padding: 0; display: grid; gap: 10px; }
.sg-feats li { display: flex; align-items: center; gap: 12px; font-weight: 650; }
.sg-feats span { width: 36px; height: 36px; border-radius: 12px; display: grid; place-items: center; background: rgba(109,187,71,.16); color: #a7cf3e; }
.sg-feats svg { width: 17px; height: 17px; }
.sg-cta { display: flex; flex-wrap: wrap; gap: 10px; }
.sg-btn { background: var(--sg-grad); color: #fff; border: 0; box-shadow: 0 20px 40px -20px rgba(76,176,90,.8); }
.sg-btn:hover { filter: brightness(1.08); color: #fff; }
.sg-btn svg { width: 16px; height: 16px; }
.sg-visual { position: relative; display: grid; place-items: center; min-height: 520px; }
.sg-phone { position: relative; z-index: 2; width: min(300px, 74vw); aspect-ratio: 9 / 19; padding: 12px; border-radius: 46px; background: linear-gradient(145deg, #2a2d2a, #0e0f0e); box-shadow: 0 60px 100px -40px rgba(0,0,0,.9), 0 0 0 1px rgba(255,255,255,.08), inset 0 0 0 2px rgba(255,255,255,.04); animation: phoneFloat 7s ease-in-out infinite; }
@keyframes phoneFloat { 50% { transform: translateY(-12px) rotate(-1deg); } }
.sg-screen { height: 100%; border-radius: 36px; padding: 22px 18px; display: flex; flex-direction: column; gap: 10px; background: radial-gradient(120% 70% at 50% 0%, rgba(109,187,71,.35), transparent 60%), #0b100c; overflow: hidden; }
.sg-top { display: flex; justify-content: space-between; align-items: center; font-size: .66rem; color: rgba(255,255,255,.6); margin-bottom: 4px; }
.sg-top img { width: 64px; height: auto; }
.sg-cover { border-radius: 18px; overflow: hidden; box-shadow: 0 24px 40px -20px rgba(0,0,0,.9); }
.sg-cover .cover-frame { aspect-ratio: 1; }
.sg-title { margin-top: 6px; font-size: 1rem; line-height: 1.2; }
.sg-author { font-size: .78rem; color: rgba(255,255,255,.6); }
.sg-bars { display: flex; align-items: center; gap: 3px; height: 34px; margin-top: auto; }
.sg-bars i { flex: 1; height: var(--v); border-radius: 3px; background: rgba(255,255,255,.25); }
.sg-bars i:nth-child(-n+13) { background: #a7cf3e; animation: wave 1.6s ease-in-out infinite; animation-delay: calc(var(--k) * -90ms); }
.sg-time { display: flex; justify-content: space-between; font-size: .66rem; color: rgba(255,255,255,.55); }
.sg-ctrl { display: flex; justify-content: center; align-items: center; gap: 26px; font-size: .72rem; font-weight: 800; color: rgba(255,255,255,.7); }
.sg-ctrl b { width: 54px; height: 54px; border-radius: 50%; display: grid; place-items: center; background: var(--sg-grad); color: #fff; }
.sg-ctrl svg { width: 22px; height: 22px; }
.sg-float { position: absolute; z-index: 1; width: 128px; border-radius: 18px; overflow: hidden; box-shadow: 0 30px 50px -20px rgba(0,0,0,.9); animation: phoneFloat 8s ease-in-out infinite; }
.sg-float .cover-frame { aspect-ratio: 1; }
.sg-float.f1 { left: 2%; top: 14%; transform: rotate(-8deg); animation-delay: -2s; }
.sg-float.f2 { right: 2%; top: 28%; transform: rotate(7deg); animation-delay: -4s; }
.sg-float.f3 { left: 10%; bottom: 6%; transform: rotate(5deg); animation-delay: -6s; }
.sg-books { margin-top: clamp(40px, 6vw, 64px); }
.sg-books > p { margin: 0 0 14px; font-weight: 700; color: rgba(255,255,255,.7); }
.sg-books ul { list-style: none; margin: 0; padding: 0 0 6px; display: flex; gap: 12px; overflow-x: auto; scrollbar-width: none; }
.sg-books li { flex: 0 0 150px; }
.sg-books a { display: grid; gap: 8px; color: #fff; text-decoration: none; }
.sg-books a .cover-frame { aspect-ratio: 1; border-radius: 16px; }
.sg-books a span { font-size: .8rem; font-weight: 650; line-height: 1.25; color: rgba(255,255,255,.8); }

/* ---------- Etkinlikler ---------- */
.ev2 { padding: clamp(72px, 9vw, 120px) 0; }
.ev2-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 16px; margin-bottom: clamp(24px, 3.6vw, 40px); }
.ev2-head h2 { margin: 0 0 6px; font-size: clamp(2.2rem, 4.4vw, 3.6rem); letter-spacing: -0.05em; }
.ev2-head p:not(.eyebrow) { margin: 0; color: var(--muted); max-width: 54ch; }
.ev2-grid { display: grid; grid-template-columns: minmax(0, 1.75fr) minmax(0, 1fr); gap: 16px; align-items: stretch; }
.ev-hero { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); border-radius: 32px; overflow: hidden; background: #0b0a0c; color: #fff; text-decoration: none; box-shadow: 0 40px 80px -50px rgba(20,14,8,.7); transition: transform .35s cubic-bezier(.2,.8,.2,1); }
.ev-hero:hover { transform: translateY(-4px); }
.ev-art { position: relative; min-height: 340px; overflow: hidden; background: radial-gradient(80% 70% at 20% 20%, hsl(var(--h, 35) 60% 55% / .9), transparent 60%), radial-gradient(70% 80% at 90% 100%, rgba(155,79,107,.85), transparent 60%), linear-gradient(140deg, #3a2410, #120c10); }
.ev-art img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ev-art::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(0,0,0,.55), transparent 50%); }
.ev-big { position: absolute; z-index: 1; left: 24px; bottom: 22px; display: grid; line-height: 1; }
.ev-big b { font-size: clamp(5rem, 9vw, 8rem); font-weight: 800; letter-spacing: -0.06em; }
.ev-big small { font-size: 1rem; font-weight: 700; color: rgba(255,255,255,.85); }
.ev-info { display: flex; flex-direction: column; gap: 12px; padding: clamp(22px, 3vw, 34px); }
.ev-chip { display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; padding: 7px 12px; border-radius: 999px; background: rgba(255,255,255,.08); font-size: .8rem; font-weight: 700; }
.ev-chip svg, .ev-where svg { width: 15px; height: 15px; color: var(--gold-2); }
.ev-title { font-size: clamp(1.6rem, 2.8vw, 2.4rem); letter-spacing: -0.045em; line-height: 1.05; }
.ev-sum { color: rgba(255,255,255,.7); line-height: 1.5; }
.ev-where { display: inline-flex; align-items: center; gap: 8px; color: rgba(255,255,255,.8); font-weight: 600; }
.ev-spk { display: flex; align-items: center; gap: 10px; font-size: .86rem; color: rgba(255,255,255,.75); }
.ev-avas { display: flex; }
.ev-avas .portrait { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; aspect-ratio: 1; border: 2px solid #0b0a0c; margin-left: -8px; font-size: .64rem; }
.ev-avas .portrait:first-child { margin-left: 0; }
.ev-count { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 4px; }
.ev-count > span { display: grid; justify-items: center; padding: 12px 6px; border-radius: 16px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.08); }
.ev-count b { font-size: 1.7rem; font-weight: 800; letter-spacing: -0.04em; line-height: 1; font-variant-numeric: tabular-nums; }
.ev-count small { margin-top: 4px; font-size: .68rem; color: rgba(255,255,255,.55); font-weight: 700; }
.ev-cap { display: grid; gap: 8px; }
.ev-cap-row { display: flex; justify-content: space-between; font-size: .82rem; color: rgba(255,255,255,.65); }
.ev-cap-row b { color: #fff; }
.ev-bar { height: 8px; border-radius: 8px; background: rgba(255,255,255,.1); overflow: hidden; }
.ev-bar i { display: block; height: 100%; border-radius: 8px; background: var(--grad-epic); }
.ev-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 6px; }
.ev-price { display: grid; font-size: 1.3rem; font-weight: 800; letter-spacing: -0.03em; }
.ev-price small { font-size: .72rem; font-weight: 600; color: rgba(255,255,255,.55); letter-spacing: 0; }
.ev-foot .btn svg { width: 15px; height: 15px; }
.ev-side { display: flex; flex-direction: column; gap: 10px; }
.ev-side-h { margin: 6px 4px 2px; font-weight: 750; color: var(--muted); font-size: .86rem; }
.ev-mini { display: grid; grid-template-columns: 58px 1fr auto; align-items: center; gap: 14px; padding: 12px 16px 12px 12px; border-radius: 20px; background: var(--card); box-shadow: var(--shadow); text-decoration: none; color: var(--ink); transition: transform .25s; }
.ev-mini:hover { transform: translateX(4px); }
.ev-mini > svg { width: 16px; height: 16px; color: var(--muted); }
.ev-mini-d { display: grid; justify-items: center; padding: 8px 0; border-radius: 14px; background: var(--gold-grad); }
.ev-mini-d b { font-size: 1.4rem; line-height: 1; }
.ev-mini-d small { font-size: .66rem; font-weight: 800; }
.ev-mini-t { display: grid; min-width: 0; }
.ev-mini-t b { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ev-mini-t small { color: var(--muted); }
.ev-notify { display: flex; flex-direction: column; gap: 10px; height: 100%; justify-content: center; padding: 28px; border-radius: 32px; background: linear-gradient(140deg, #fbf1df, #f1dcc4); }
.ev-notify > b { font-size: 1.35rem; letter-spacing: -0.03em; line-height: 1.15; }
.ev-notify > span:not(.pf-field):not(.aud-ic) { color: #6b5a44; }
.ev-notify .pf-field { background: #fff; }
.ev-notify.is-wide { align-items: flex-start; }

/* ---------- Blog ---------- */
.blog-hero { padding: calc(var(--header-h) + 30px) 0 10px; }
.blog-hero h1 { margin: 0 0 14px; font-size: clamp(2.6rem, 6vw, 5rem); letter-spacing: -0.055em; line-height: 1; }
.blog-cats { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 22px; }
.blog-cats a { display: inline-flex; align-items: center; gap: 6px; height: 40px; padding: 0 16px; border-radius: 999px; background: var(--card); box-shadow: 0 0 0 1px var(--line); text-decoration: none; color: var(--ink); font-weight: 650; font-size: .9rem; }
.blog-cats a[aria-current="page"] { background: var(--ink); color: #fff; }
.blog-cats small { color: var(--muted-2); }
.post-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.post-card { display: flex; flex-direction: column; border-radius: 26px; overflow: hidden; background: var(--card); box-shadow: var(--shadow); transition: transform .35s cubic-bezier(.2,.8,.2,1); }
.post-card:hover { transform: translateY(-4px); }
.pc-media { position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden; }
.pc-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
.post-card:hover .pc-media img { transform: scale(1.04); }
.pc-art { position: absolute; inset: 0; display: flex; align-items: flex-end; justify-content: space-between; padding: 20px 22px; background: radial-gradient(90% 90% at 0% 0%, hsl(var(--h) 55% 58% / .95), transparent 60%), radial-gradient(80% 80% at 100% 100%, rgba(155,79,107,.9), transparent 60%), linear-gradient(140deg, #3a2410, #120c10); color: #fff; }
.pc-art span { font-size: clamp(1.4rem, 2.4vw, 2rem); font-weight: 800; letter-spacing: -0.04em; line-height: 1; max-width: 70%; }
.pc-art .n-mark { width: 34px; height: 34px; opacity: .9; }
.pc-body { display: flex; flex-direction: column; gap: 8px; flex: 1; padding: 20px 22px 22px; }
.pc-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; margin: 0; font-size: .78rem; color: var(--muted); }
.pc-cat { padding: 3px 9px; border-radius: 999px; background: linear-gradient(100deg, #fbf1df, #f3dfc8); color: #7a5222; font-weight: 750; text-decoration: none; }
.post-card h3 { margin: 0; font-size: 1.2rem; line-height: 1.25; letter-spacing: -0.025em; }
.post-card h3 a { color: var(--ink); text-decoration: none; }
.pc-ex { margin: 0; color: var(--muted); line-height: 1.55; }
.pc-go { display: inline-flex; align-items: center; gap: 6px; margin-top: auto; padding-top: 6px; font-weight: 750; font-size: .88rem; color: #8a5f2a; text-decoration: none; }
.pc-go svg { width: 14px; height: 14px; }
.post-card.is-big { display: grid; grid-template-columns: 1.15fr 1fr; margin-bottom: 16px; }
.post-card.is-big .pc-media { aspect-ratio: auto; min-height: 340px; }
.post-card.is-big .pc-body { padding: clamp(24px, 3.4vw, 44px); justify-content: center; }
.post-card.is-big h3 { font-size: clamp(1.7rem, 3vw, 2.6rem); letter-spacing: -0.045em; line-height: 1.05; }
.post-card.is-big .pc-ex { font-size: 1.05rem; }
.pager { display: flex; justify-content: center; gap: 6px; margin-top: 32px; }
.pager a { min-width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; background: var(--card); box-shadow: 0 0 0 1px var(--line); text-decoration: none; color: var(--ink); font-weight: 700; }
.pager a[aria-current="page"] { background: var(--ink); color: #fff; }
.read-progress { position: fixed; left: 0; right: 0; top: 0; z-index: 90; height: 3px; pointer-events: none; }
.read-progress span { display: block; height: 100%; width: 100%; transform-origin: left; transform: scaleX(0); background: var(--grad-epic); }
.art-head { padding-top: calc(var(--header-h) + 30px); max-width: 920px; }
.art-crumbs { display: flex; gap: 8px; margin-bottom: 18px; }
.art-crumbs a { display: inline-flex; align-items: center; height: 32px; padding: 0 12px; border-radius: 999px; background: var(--card); box-shadow: 0 0 0 1px var(--line); font-size: .8rem; font-weight: 650; color: var(--muted); text-decoration: none; }
.art-head h1 { margin: 0 0 16px; font-size: clamp(2.2rem, 5vw, 4rem); line-height: 1.02; letter-spacing: -0.05em; text-wrap: balance; }
.art-lead { font-size: clamp(1.1rem, 1.6vw, 1.3rem); line-height: 1.55; color: #3c3a36; max-width: 62ch; margin: 0 0 22px; }
.art-meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; padding: 16px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.art-by { display: flex; align-items: center; gap: 12px; }
.art-by > span:last-child { display: grid; }
.art-by small { color: var(--muted); font-size: .82rem; }
.art-ava { width: 44px; height: 44px; border-radius: 14px; display: grid; place-items: center; background: var(--ink); }
.art-ava .n-mark { width: 24px; height: 24px; }
.art-share { display: flex; gap: 6px; }
.art-share a, .art-share button { height: 40px; min-width: 40px; padding: 0 12px; border: 0; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; background: var(--card); box-shadow: 0 0 0 1px var(--line); color: var(--ink); font: inherit; font-size: .82rem; font-weight: 650; cursor: pointer; text-decoration: none; }
.art-share svg { width: 17px; height: 17px; }
.art-cover { position: relative; margin: 28px 0 0; aspect-ratio: 21 / 9; border-radius: 32px; overflow: hidden; }
.art-cover img { width: 100%; height: 100%; object-fit: cover; }
.art-cover.is-art { display: flex; align-items: flex-end; justify-content: space-between; padding: clamp(24px, 4vw, 44px); background: radial-gradient(70% 90% at 0% 0%, hsl(var(--h) 55% 58% / .95), transparent 60%), radial-gradient(60% 80% at 100% 100%, rgba(155,79,107,.9), transparent 60%), linear-gradient(140deg, #3a2410, #120c10); color: #fff; }
.ac-word { font-size: clamp(2.6rem, 7vw, 6rem); font-weight: 800; letter-spacing: -0.06em; line-height: .9; }
.art-cover .n-mark { width: clamp(44px, 6vw, 72px); height: clamp(44px, 6vw, 72px); }
.art-grid { display: grid; grid-template-columns: 260px minmax(0, 720px); gap: clamp(28px, 5vw, 72px); margin-top: clamp(32px, 5vw, 56px); }
.art-side { display: grid; gap: 14px; align-content: start; position: sticky; top: calc(var(--header-h) + 24px); align-self: start; }
.art-toc { padding: 18px; border-radius: 22px; background: var(--card); box-shadow: var(--shadow); }
.art-toc p { margin: 0 0 10px; font-size: .74rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--muted-2); }
.art-toc ol { margin: 0; padding: 0; list-style: none; display: grid; gap: 2px; counter-reset: toc; }
.art-toc li { counter-increment: toc; }
.art-toc a { display: grid; grid-template-columns: 22px 1fr; gap: 6px; padding: 7px 8px; border-radius: 10px; font-size: .86rem; font-weight: 600; color: var(--muted); text-decoration: none; line-height: 1.35; }
.art-toc a::before { content: counter(toc, decimal-leading-zero); font-size: .7rem; font-weight: 800; color: var(--muted-2); padding-top: 2px; }
.art-toc a:hover, .art-toc a.is-on { background: var(--card-soft); color: var(--ink); }
.art-toc a.is-on::before { color: #a07436; }
.art-audio { display: grid; gap: 8px; padding: 18px; border-radius: 22px; background: #0c120d; color: #fff; text-decoration: none; position: relative; overflow: hidden; isolation: isolate; }
.art-audio::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(90% 90% at 100% 0%, rgba(109,187,71,.45), transparent 60%); }
.art-audio img { width: 100px; height: auto; }
.art-audio b { font-size: .95rem; line-height: 1.3; }
.art-audio .pf-go { align-self: flex-start; padding: 9px 14px; font-size: .82rem; }
.art-body { max-width: 720px; font-size: 1.12rem; }
.art-body h2 { margin: 1.8em 0 .5em; font-size: clamp(1.5rem, 2.4vw, 1.9rem); letter-spacing: -0.035em; scroll-margin-top: calc(var(--header-h) + 24px); }
.art-body h3 { margin: 1.5em 0 .4em; font-size: 1.25rem; }
.art-body ul, .art-body ol { padding-left: 1.3em; margin: 0 0 1.2em; }
.art-body li { margin-bottom: .55em; }
.art-body li::marker { color: #a07436; font-weight: 800; }
.art-body a { color: #8a5f2a; }
.art-books { margin-top: clamp(48px, 7vw, 80px); padding: clamp(22px, 3vw, 36px); border-radius: 32px; background: var(--card); box-shadow: var(--shadow); }
.home-blog { padding-top: clamp(48px, 7vw, 88px); }

/* ---------- Duyarlı ---------- */
@media (max-width: 1180px) {
  .cat2-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ft-top { grid-template-columns: 1.4fr 1fr 1fr; }
  .ft-brand { grid-column: 1 / -1; }
}
@media (max-width: 960px) {
  .topbar .tb-links a:not(:last-child) { display: none; }
  .main-nav { overflow-y: auto; max-height: calc(100vh - 120px); }
  .main-nav > ul > li { position: static; }
  .nav-drop { width: 100%; justify-content: space-between; padding: 14px 16px; font-size: 1.05rem; border-radius: var(--r-sm); }
  .mega, .mega-sm { position: static; translate: none; width: auto; display: none; grid-template-columns: 1fr; padding: 4px 0 10px; box-shadow: none; background: none; opacity: 1; visibility: visible; }
  .has-mega.is-open > .mega { display: grid; translate: none; }
  .mega::before { display: none; }
  .main-nav .mega-card { margin: 4px 6px; }
  .nav-mobile-extra { display: grid; gap: 8px; margin-top: 10px; padding-top: 12px; border-top: 1px solid var(--line); }
  .nav-sedugo { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 14px 16px; border-radius: 16px; background: #0c120d; color: #fff; text-decoration: none; font-weight: 650; font-size: .88rem; }
  .nav-sedugo img { width: 100px; height: auto; }
  .hd-login, .acct { display: none; }
  .pf-grid, .auth-grid, .acc-grid, .acc-two, .ev2-grid, .sg-grid, .art-grid { grid-template-columns: 1fr; }
  .ev-hero { grid-template-columns: 1fr; }
  .ev-art { min-height: 220px; }
  .auth-aside { order: -1; padding: 26px; }
  .auth-perks { display: none; }
  .auth-aside h2 { margin: 0; }
  .acc-side { position: static; }
  .acc-nav { display: flex; overflow-x: auto; scrollbar-width: none; }
  .acc-nav a { flex-shrink: 0; width: auto; }
  .acc-nav form { display: none; }
  .acc-stats { grid-template-columns: repeat(2, 1fr); }
  .post-grid { grid-template-columns: 1fr 1fr; }
  .post-card.is-big { grid-template-columns: 1fr; }
  .post-card.is-big .pc-media { min-height: 220px; }
  .art-side { position: static; }
  .sg-visual { min-height: 460px; }
  .ft-top { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
  .cat2-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .bk.is-feature { grid-column: span 2; grid-row: auto; }
  .bk-body { padding: 12px; }
  .bk h3 { font-size: .92rem; }
  .bk-foot { flex-direction: column; align-items: stretch; }
  .bk .add-quote .btn { width: 100%; }
  .post-grid { grid-template-columns: 1fr; }
  .auth-2 { grid-template-columns: 1fr; }
  .ev-count b { font-size: 1.3rem; }
  .sg-float { width: 92px; }
  .topbar .tb-links { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .pf-wave i, .sg-bars i, .sg-phone, .sg-float, .sg-aura i { animation: none; }
}
/* Açılır panel: ana menünün kapsül stilini miras almasın, başlık çubuğuna göre ortalansın */
.header-in { position: relative; }
.main-nav > ul > li.has-mega:not(.is-small) { position: static; }
.main-nav .mega ul { display: grid; flex-direction: column; gap: 2px; padding: 0; margin: 0; background: none; border-radius: 0; }
.main-nav .mega-list li { width: 100%; }
.mega { top: calc(100% + 10px); width: min(900px, calc(100vw - 2 * var(--gutter))); }
.mega-sm { top: calc(100% + 16px); }
@media (max-width: 960px) {
  .main-nav > ul > li.has-mega:not(.is-small) { position: static; }
  .main-nav .mega ul { gap: 0; }
}

/* Katalog rafı: koyu zeminde çipler kutusuz */
.cat2 .chips { background: none; padding: 0; border-radius: 0; box-shadow: none; }
/* Mobil menü beyaz zeminde: ana sayfanın koyu giriş renkleri uygulanmasın */
@media (max-width: 960px) {
  .is-home:not(.is-scrolled) .main-nav a, .is-home:not(.is-scrolled) .nav-drop { color: #3b3a37; }
  .is-home:not(.is-scrolled) .main-nav a:hover, .is-home:not(.is-scrolled) .nav-drop:hover, .is-home:not(.is-scrolled) .has-mega.is-open > .nav-drop { background: var(--card-soft); color: var(--ink); }
  .main-nav .mega-list a, .main-nav .mega-list a span { color: var(--ink); }
  .main-nav .mega-card, .main-nav .mega-card span, .main-nav .mega-card b { color: #fff; }
  .main-nav .mega-all { color: #8a5f2a; }
}
@media (max-width: 640px) {
  .cat2 .seg { max-width: 100%; overflow-x: auto; scrollbar-width: none; }
  .cat2 .seg button { flex-shrink: 0; white-space: nowrap; padding: 0 13px; font-size: .84rem; }
}

/* =========================================================
   GÜNCELLEME 04
   ========================================================= */
/* Üst band başlığın dışında: kaydırınca doğal olarak kaybolur, menü zıplamaz */
.has-scrolled .topbar { max-height: 40px; opacity: 1; }
.topbar { position: relative; z-index: 61; }
.is-home main { margin-top: calc(-74px - env(safe-area-inset-top, 0px)); }
@media (min-width: 1101px) { .has-topbar .hero { height: max(600px, calc(100svh - 38px)); } }
/* Slayt geçişi: eski slayt tamamen kaybolduktan sonra yenisi gelir (yazılar üst üste binmez) */
.hero.started { --hd: .34s; }
.hslide.is-leaving > * { animation: fadeOut .3s ease both; }
/* Açılır menü her zaman beyaz panel üzerinde koyu yazı */
.is-home:not(.is-scrolled) .main-nav .mega-list a, .is-home:not(.is-scrolled) .main-nav .mega-list a span { color: var(--ink); }
.is-home:not(.is-scrolled) .main-nav .mega-list a small { color: var(--muted-2); }
.is-home:not(.is-scrolled) .main-nav .mega-list a:hover { background: var(--card-soft); color: var(--ink); }
.is-home:not(.is-scrolled) .main-nav .mega-all { color: #8a5f2a; }
.is-home:not(.is-scrolled) .main-nav .mega-card, .is-home:not(.is-scrolled) .main-nav .mega-card b { color: #fff; }
.mega { background: #fff; transition: opacity .15s, translate .2s cubic-bezier(.2,.8,.2,1), visibility .15s; }

/* ---------- WhatsApp: gelişmiş sohbet penceresi ---------- */
.wa { position: fixed; z-index: 95; right: clamp(14px, 2vw, 28px); bottom: clamp(14px, 2vw, 28px); display: flex; flex-direction: column; align-items: flex-end; gap: 12px; }
.wa-btn { position: relative; width: 62px; height: 62px; padding: 0; border: 0; border-radius: 50%; display: grid; place-items: center; background: linear-gradient(145deg, #34e27f, #10a04e); color: #fff; cursor: pointer;
  box-shadow: 0 18px 40px -12px rgba(16,160,78,.75), inset 0 1px 0 rgba(255,255,255,.35); transition: transform .25s cubic-bezier(.2,.8,.2,1); }
.wa-btn:hover { transform: scale(1.07); }
.wa-logo, .wa-close-ic { grid-area: 1 / 1; transition: opacity .25s, transform .3s cubic-bezier(.2,.8,.2,1); }
.wa-logo { width: 32px; height: 32px; }
.wa-close-ic { width: 24px; height: 24px; opacity: 0; transform: rotate(-90deg); }
.wa.is-open .wa-logo { opacity: 0; transform: rotate(90deg); }
.wa.is-open .wa-close-ic { opacity: 1; transform: none; }
.wa-ring { position: absolute; inset: 0; border-radius: 50%; border: 2px solid rgba(37,211,102,.65); animation: waPulse 2.6s ease-out infinite; pointer-events: none; }
.wa-ring.r2 { animation-delay: 1.3s; }
.wa.is-open .wa-ring { display: none; }
@keyframes waPulse { from { transform: scale(1); opacity: .85; } to { transform: scale(1.75); opacity: 0; } }
.wa-badge { position: absolute; top: -2px; right: -2px; min-width: 22px; height: 22px; padding: 0 5px; border-radius: 11px; display: grid; place-items: center; background: #ff3b30; color: #fff; font-size: .72rem; font-weight: 800; border: 2px solid #fff; }
.wa.seen .wa-badge { display: none; }
.wa-panel { width: min(360px, calc(100vw - 28px)); border-radius: 24px; overflow: hidden; background: #fff; box-shadow: 0 40px 80px -30px rgba(0,0,0,.55), 0 0 0 1px rgba(0,0,0,.06); transform-origin: bottom right; animation: waIn .28s cubic-bezier(.2,.8,.2,1); }
.wa-panel[hidden] { display: none; }
@keyframes waIn { from { opacity: 0; transform: translateY(14px) scale(.96); } }
.wa-head { display: flex; align-items: center; gap: 12px; padding: 16px 16px 16px 18px; background: linear-gradient(135deg, #0a4f33, #128c4f); color: #fff; }
.wa-ava { position: relative; width: 46px; height: 46px; border-radius: 15px; display: grid; place-items: center; background: #0b0a0c; flex-shrink: 0; }
.wa-ava .n-mark { width: 26px; height: 26px; }
.wa-on { position: absolute; right: -3px; bottom: -3px; width: 14px; height: 14px; border-radius: 50%; background: #3ee07c; border: 2.5px solid #0f6e40; }
.wa-who { display: grid; flex: 1; min-width: 0; line-height: 1.25; }
.wa-who small { font-size: .78rem; opacity: .85; }
.wa-x { width: 34px; height: 34px; border: 0; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.14); color: #fff; cursor: pointer; }
.wa-x svg { width: 16px; height: 16px; }
.wa-body { padding: 16px; background-color: #efeae2; background-image: radial-gradient(rgba(0,0,0,.035) 1px, transparent 1px); background-size: 14px 14px; }
.wa-bubble { position: relative; margin: 0 0 14px; padding: 11px 14px; max-width: 90%; border-radius: 4px 16px 16px 16px; background: #fff; font-size: .9rem; line-height: 1.45; color: #1f2c34; box-shadow: 0 1px 1px rgba(0,0,0,.08); }
.wa-topics { display: grid; gap: 8px; }
.wa-topic { display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 10px; padding: 9px 12px 9px 9px; border-radius: 14px; background: #fff; color: #1f2c34; text-decoration: none; font-weight: 650; font-size: .88rem; box-shadow: 0 1px 1px rgba(0,0,0,.06); transition: transform .2s, box-shadow .2s; }
.wa-topic:hover { transform: translateX(3px); box-shadow: 0 10px 20px -12px rgba(0,0,0,.35); }
.wa-topic > span { width: 34px; height: 34px; border-radius: 11px; display: grid; place-items: center; background: #e3f6ea; color: #128c4f; }
.wa-topic svg { width: 16px; height: 16px; }
.wa-topic > svg { color: #9aa5ab; }
.wa-start { display: flex; justify-content: center; align-items: center; gap: 8px; margin: 14px 16px 0; height: 50px; border-radius: 999px; background: linear-gradient(145deg, #25d366, #128c4f); color: #fff; font-weight: 750; text-decoration: none; box-shadow: 0 14px 30px -14px rgba(18,140,79,.8); }
.wa-start:hover { filter: brightness(1.06); color: #fff; }
.wa-start svg { width: 20px; height: 20px; }
.wa-foot { margin: 10px 16px 16px; text-align: center; font-size: .8rem; color: var(--muted); }
.wa-foot a { color: var(--ink); font-weight: 700; text-decoration: none; }
.wa-tease { position: relative; margin: 0; max-width: 270px; padding: 14px 38px 14px 16px; border-radius: 18px 18px 4px 18px; background: #fff; display: grid; gap: 3px; font-size: .86rem; cursor: pointer; box-shadow: 0 24px 44px -20px rgba(0,0,0,.5), 0 0 0 1px rgba(0,0,0,.05); animation: waIn .35s cubic-bezier(.2,.8,.2,1); }
.wa-tease[hidden] { display: none; }
.wa-tease b { font-size: .92rem; }
.wa-tease span { color: var(--muted); line-height: 1.4; }
.wa-tease-x { position: absolute; top: 8px; right: 8px; width: 24px; height: 24px; padding: 0; border: 0; border-radius: 50%; display: grid; place-items: center; background: var(--field); cursor: pointer; }
.wa-tease-x svg { width: 12px; height: 12px; }
@media (max-width: 960px) {
  .wa { right: 12px; bottom: calc(var(--tabbar-h) + 12px); }
  .wa-btn { width: 54px; height: 54px; }
  .wa-logo { width: 28px; height: 28px; }
}
@media (prefers-reduced-motion: reduce) { .wa-ring { animation: none; display: none; } }

/* ---------- Kitap rafı: sade ve etkili ---------- */
.shelf3 { padding: clamp(64px, 8vw, 104px) 0; background: var(--bg); }
.s3-head { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px 28px; margin-bottom: clamp(22px, 3vw, 32px); }
.s3-head h2 { margin: 0; font-size: clamp(1.9rem, 3.2vw, 2.6rem); letter-spacing: -0.045em; }
.s3-tabs { display: flex; gap: 2px; overflow-x: auto; scrollbar-width: none; -webkit-mask: linear-gradient(90deg, #000 92%, transparent); mask: linear-gradient(90deg, #000 92%, transparent); }
.s3-tabs::-webkit-scrollbar { display: none; }
.s3-tabs button { flex-shrink: 0; height: 38px; padding: 0 14px; border: 0; border-radius: 999px; background: none; font: inherit; font-weight: 650; font-size: .9rem; color: var(--muted); cursor: pointer; transition: background-color .2s, color .2s; }
.s3-tabs button:hover { color: var(--ink); }
.s3-tabs button[aria-pressed="true"] { background: var(--ink); color: #fff; }
.s3-all { display: inline-flex; align-items: center; gap: 8px; font-weight: 750; color: var(--ink); text-decoration: none; white-space: nowrap; }
.s3-all span { padding: 2px 8px; border-radius: 999px; background: var(--field); font-size: .76rem; }
.s3-all svg { width: 15px; height: 15px; transition: transform .25s; }
.s3-all:hover svg { transform: translate(3px, -3px); }
.s3-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: clamp(14px, 1.6vw, 22px); }
.s3-card { position: relative; min-width: 0; animation: s3In .45s cubic-bezier(.2,.8,.2,1) both; }
.s3-card[hidden] { display: none; }
@keyframes s3In { from { opacity: 0; transform: translateY(10px); } }
.s3-img { position: relative; display: block; border-radius: 18px; overflow: hidden; box-shadow: 0 18px 30px -24px rgba(40,25,10,.55); }
.s3-img .cover-frame { aspect-ratio: 1; border-radius: 18px; }
.s3-img .cover-img { transition: transform .7s cubic-bezier(.2,.8,.2,1); }
.s3-img::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(10,8,6,.45), transparent 45%); opacity: 0; transition: opacity .3s; }
.s3-card:hover .s3-img::after { opacity: 1; }
.s3-audio { position: absolute; z-index: 1; left: 10px; top: 10px; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: var(--sg-grad); color: #fff; }
.s3-audio svg { width: 14px; height: 14px; }
.s3-act { position: absolute; z-index: 2; top: 0; left: 0; right: 0; aspect-ratio: 1; padding: 10px; display: flex; justify-content: space-between; align-items: flex-end; gap: 8px; opacity: 0; transform: translateY(6px); pointer-events: none; transition: opacity .25s, transform .3s cubic-bezier(.2,.8,.2,1); }
.s3-card:hover .s3-act, .s3-card:focus-within .s3-act { opacity: 1; transform: none; pointer-events: auto; }
.s3-act .add-quote .btn { height: 36px; padding: 0 12px; border: 0; border-radius: 999px; background: #fff; color: var(--ink); font-size: .8rem; font-weight: 750; box-shadow: 0 8px 18px -8px rgba(0,0,0,.45); }
.s3-act .add-quote .btn:hover { background: var(--ink); color: #fff; }
.s3-act .fav-btn { width: 36px; height: 36px; }
.s3-card h3 { margin: 12px 0 2px; font-size: .95rem; line-height: 1.28; letter-spacing: -0.015em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.s3-card h3 a { color: var(--ink); text-decoration: none; }
.s3-card h3 a:hover { color: #8a5f2a; }
.s3-card p { margin: 0; font-size: .8rem; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (hover: none) { .s3-act { opacity: 1; transform: none; pointer-events: auto; } }
@media (max-width: 1180px) { .s3-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 860px) {
  .s3-head { grid-template-columns: 1fr auto; }
  .s3-tabs { grid-column: 1 / -1; grid-row: 2; }
  .s3-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .s3-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .s3-act .add-quote .btn { padding: 0 10px; font-size: .74rem; }
}

/* Ölçülmemiş (henüz indirilmemiş) görseller de kartı doldursun */
.cover-frame:not(.has-bg):not(.is-fallback) { background: #1a1816; }
.cover-frame:not(.has-bg):not(.is-fallback) .cover-img { object-fit: cover; padding: 0; mix-blend-mode: normal; }

/* ---------- Footer: hareket ---------- */
.site-footer { isolation: isolate; }
.site-footer::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: 0; transition: opacity .4s;
  background: radial-gradient(520px circle at var(--mx, 50%) var(--my, 30%), rgba(214,167,94,.16), transparent 60%); }
.site-footer.is-hover::before { opacity: 1; }
.ft-marquee { overflow: hidden; margin: calc(clamp(56px, 7vw, 88px) * -1 + 18px) 0 clamp(36px, 5vw, 56px); padding: 18px 0; border-bottom: 1px solid rgba(255,255,255,.06); -webkit-mask: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.ft-mq-track { display: flex; width: max-content; animation: ftMarquee 46s linear infinite; }
.site-footer:hover .ft-mq-track { animation-duration: 90s; }
.ft-mq-run { display: flex; align-items: center; gap: clamp(18px, 2.4vw, 34px); padding-right: clamp(18px, 2.4vw, 34px); }
.ft-mq-run > span { font-size: clamp(1.8rem, 4.2vw, 3.6rem); font-weight: 800; letter-spacing: -0.045em; white-space: nowrap; background: linear-gradient(100deg, rgba(255,255,255,.88), rgba(242,214,166,.75)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.ft-mq-run > span:nth-child(4n+3) { background: var(--grad-epic); -webkit-background-clip: text; background-clip: text; }
.ft-mq-run .n-mark { width: clamp(22px, 2.6vw, 34px); height: clamp(22px, 2.6vw, 34px); opacity: .9; animation: ftSpin 9s linear infinite; }
@keyframes ftMarquee { to { transform: translateX(-50%); } }
@keyframes ftSpin { 50% { transform: rotate(180deg) scale(.85); } to { transform: rotate(360deg); } }
.ft-word { background-size: 220% 100%; animation: ftShine 7s ease-in-out infinite; opacity: .22; }
@keyframes ftShine { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } }
.ft-word { background-image: linear-gradient(100deg, #d6a75e 0%, #c4703f 30%, #fff3d8 45%, #9b4f6b 60%, #d6a75e 100%); }
.ft-top > * { opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .8s cubic-bezier(.2,.8,.2,1); }
.site-footer.is-in .ft-top > * { opacity: 1; transform: none; }
.site-footer.is-in .ft-top > *:nth-child(2) { transition-delay: .08s; }
.site-footer.is-in .ft-top > *:nth-child(3) { transition-delay: .16s; }
.site-footer.is-in .ft-top > *:nth-child(4) { transition-delay: .24s; }
.site-footer.is-in .ft-top > *:nth-child(5) { transition-delay: .32s; }
.ft-col li a { position: relative; transition: color .2s, transform .25s cubic-bezier(.2,.8,.2,1); }
.ft-col li a::before { content: "→"; position: absolute; left: -18px; opacity: 0; transform: translateX(-6px); transition: opacity .2s, transform .25s; color: var(--gold-2); }
.ft-col:not(.ft-contact) li a:hover { transform: translateX(16px); }
.ft-col:not(.ft-contact) li a:hover::before { opacity: 1; transform: none; }
.ft-brand .btn { transition: transform .25s, box-shadow .25s; }
.ft-brand .btn:hover { transform: translateY(-2px); box-shadow: 0 14px 30px -14px rgba(214,167,94,.7); }
@media (prefers-reduced-motion: reduce) {
  .ft-mq-track, .ft-mq-run .n-mark, .ft-word { animation: none; }
  .ft-top > * { opacity: 1; transform: none; }
}

/* =========================================================
   GÜNCELLEME 05 — blog, çağrı, avatar
   ========================================================= */
/* ---------- Yüze odaklı yuvarlak avatar ---------- */
.ava { position: relative; display: inline-block; flex-shrink: 0; overflow: hidden; background: hsl(var(--h, 30) 25% 32%); vertical-align: middle; }
.ava-ini { position: absolute; inset: 0; display: grid; place-items: center; color: rgba(255,255,255,.9); font-weight: 800; font-size: .78em; }
.ava-im { position: absolute; left: 50%; top: 50%; width: calc(var(--fz, 1.45) * 100%); max-width: none; height: auto; transform: translate(calc(-1 * var(--fx, 50%)), calc(-1 * var(--fy, 30%))); }
.pdp-authors .ava { width: 44px; height: 44px; border-radius: 50%; font-size: .9rem; }
.mini-avatar .ava { width: 42px; height: 42px; border-radius: 50%; border: 1.5px solid rgba(214,179,122,.5); }
.mini-avatar .ava .ava-im { filter: grayscale(1); transition: filter .3s; }
.mini-item:hover .mini-avatar .ava .ava-im { filter: none; }
.ev-avas .ava { width: 34px; height: 34px; border-radius: 50%; border: 2px solid #0b0a0c; margin-left: -8px; font-size: .64rem; }
.ev-avas .ava:first-child { margin-left: 0; }
.pdp-author .ava { width: 88px; height: 88px; border-radius: 24px; font-size: 1.4rem; }
.quote-who .ava { width: 52px; height: 52px; border-radius: 50%; }

/* ---------- Blog kartları ---------- */
.pc { position: relative; display: flex; flex-direction: column; min-width: 0; border-radius: 28px; overflow: hidden; background: var(--card); box-shadow: 0 30px 60px -44px rgba(40,25,10,.55), 0 0 0 1px var(--line); transition: transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s; }
.pc:hover { transform: translateY(-5px); box-shadow: 0 40px 70px -40px rgba(40,25,10,.6), 0 0 0 1px rgba(184,135,63,.3); }
.pc-media { position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden; isolation: isolate; }
.pc-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s cubic-bezier(.2,.8,.2,1); }
.pc:hover .pc-media img, .pc:hover .pc-mesh { transform: scale(1.05); }
.pc-mesh { position: absolute; inset: 0; transition: transform .8s cubic-bezier(.2,.8,.2,1);
  background:
    radial-gradient(60% 80% at 15% 15%, hsl(var(--h) 70% 62% / .95), transparent 62%),
    radial-gradient(55% 70% at 90% 30%, hsl(var(--h2) 60% 48% / .85), transparent 60%),
    radial-gradient(70% 70% at 60% 110%, rgba(214,167,94,.7), transparent 60%),
    linear-gradient(150deg, #1d1410, #0d0a0c); }
.pc-mesh .n-mark { position: absolute; right: -6%; bottom: -14%; width: 62%; height: auto; aspect-ratio: 1; opacity: .16; filter: saturate(.6); }
.pc-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 55%, rgba(10,8,8,.35)); pointer-events: none; }
.pc-chips { position: absolute; z-index: 2; left: 14px; top: 14px; right: 14px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px; }
.pc-chip { display: inline-flex; align-items: center; gap: 5px; height: 28px; padding: 0 11px; border-radius: 999px; background: rgba(255,255,255,.88); backdrop-filter: blur(8px); color: var(--ink); font-size: .74rem; font-weight: 750; }
.pc-time { background: rgba(10,8,8,.45); color: #fff; }
.pc-chip svg { width: 13px; height: 13px; }
.pc-body { display: flex; flex-direction: column; gap: 10px; flex: 1; padding: 20px 22px 18px; }
.pc h3 { margin: 0; font-size: 1.18rem; line-height: 1.25; letter-spacing: -0.025em; }
.pc h3 a { color: var(--ink); text-decoration: none; background: linear-gradient(currentColor, currentColor) 0 100% / 0 1.5px no-repeat; transition: background-size .35s; }
.pc:hover h3 a { background-size: 100% 1.5px; }
.pc-ex { margin: 0; color: var(--muted); line-height: 1.55; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.pc-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 8px; }
.pc-by { display: flex; align-items: center; gap: 10px; min-width: 0; }
.pc-by > span:last-child { display: grid; line-height: 1.2; min-width: 0; }
.pc-by b { font-size: .84rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pc-by small { font-size: .76rem; color: var(--muted); }
.pc-ava { width: 34px; height: 34px; border-radius: 11px; display: grid; place-items: center; background: var(--ink); flex-shrink: 0; }
.pc-ava .n-mark { width: 19px; height: 19px; }
.pc-go { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; flex-shrink: 0; background: var(--field); color: var(--ink); transition: background-color .25s, color .25s, transform .3s; }
.pc-go svg { width: 16px; height: 16px; }
.pc:hover .pc-go { background: var(--ink); color: #fff; transform: rotate(45deg); }
/* Manşet */
.pc-lead { min-height: 520px; justify-content: flex-end; background: #0d0a0c; color: #fff; }
.pc-lead .pc-media { position: absolute; inset: 0; aspect-ratio: auto; }
.pc-lead .pc-media::after { background: linear-gradient(180deg, rgba(8,6,8,.1) 20%, rgba(8,6,8,.88) 82%); }
.pc-lead .pc-mesh .n-mark { width: 46%; right: -4%; bottom: auto; top: -8%; opacity: .14; }
.pc-lead .pc-body { position: relative; z-index: 2; padding: clamp(24px, 3.4vw, 40px); gap: 14px; }
.pc-lead h3 { font-size: clamp(1.7rem, 3vw, 2.6rem); line-height: 1.06; letter-spacing: -0.045em; max-width: 20ch; }
.pc-lead h3 a, .pc-lead .pc-by b { color: #fff; }
.pc-lead .pc-ex { color: rgba(255,255,255,.75); font-size: 1.04rem; max-width: 56ch; }
.pc-lead .pc-by small { color: rgba(255,255,255,.6); }
.pc-lead .pc-ava { background: rgba(255,255,255,.12); backdrop-filter: blur(8px); }
.pc-lead .pc-go { background: var(--grad-epic); color: #1a1208; width: 48px; height: 48px; }
.pc-lead .pc-chips { top: 20px; left: 20px; right: 20px; }
/* Yatay liste satırı */
.pc-row { flex-direction: row; align-items: stretch; border-radius: 24px; }
.pc-row .pc-media { width: 38%; flex-shrink: 0; aspect-ratio: auto; min-height: 150px; }
.pc-row .pc-chips { left: 10px; top: 10px; right: auto; }
.pc-row .pc-time { display: none; }
.pc-row .pc-body { padding: 16px 18px; gap: 8px; }
.pc-row h3 { font-size: 1.05rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.pc-row .pc-mesh .n-mark { width: 80%; }
/* Ana sayfa bölümü */
.journal { padding: clamp(64px, 8vw, 104px) 0 clamp(40px, 5vw, 64px); }
.jr-head { display: grid; grid-template-columns: auto 1fr auto; align-items: end; gap: 12px 32px; margin-bottom: clamp(24px, 3.4vw, 36px); }
.jr-head h2 { margin: 0; font-size: clamp(2.2rem, 4.2vw, 3.4rem); letter-spacing: -0.05em; line-height: 1; }
.jr-sub { margin: 0; color: var(--muted); max-width: 40ch; justify-self: end; text-align: right; }
.jr-all { display: inline-flex; align-items: center; gap: 8px; height: 46px; padding: 0 20px; border-radius: 999px; background: var(--ink); color: #fff; text-decoration: none; font-weight: 700; white-space: nowrap; transition: transform .25s; }
.jr-all:hover { transform: translateY(-2px); color: #fff; }
.jr-all svg { width: 15px; height: 15px; }
.jr-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 16px; }
.jr-grid.is-solo { grid-template-columns: 1fr; }
.jr-list { display: grid; gap: 16px; }
/* Blog sayfası: manşet ve ızgara */
.blog-list .pc-lead { margin-bottom: 16px; min-height: 460px; }
.post-grid .pc { height: 100%; }
@media (max-width: 960px) {
  .jr-head { grid-template-columns: 1fr auto; }
  .jr-sub { grid-column: 1 / -1; grid-row: 2; justify-self: start; text-align: left; }
  .jr-grid { grid-template-columns: 1fr; }
  .pc-lead { min-height: 440px; }
}
@media (max-width: 560px) {
  .pc-row { flex-direction: column; }
  .pc-row .pc-media { width: 100%; aspect-ratio: 16 / 9; min-height: 0; }
  .pc-lead { min-height: 400px; }
}

/* ---------- Toplu fiyat teklifi çağrısı ---------- */
.qcta { padding: 0 0 clamp(8px, 2vw, 16px); }
.journal + .qcta, .quotes-zone + .qcta { padding-top: 0; }
.qcta-card { position: relative; overflow: hidden; isolation: isolate; display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); align-items: center; gap: 24px; padding: clamp(28px, 4.4vw, 56px); border-radius: 36px; background: #0b0a0c; color: #fff; box-shadow: 0 50px 90px -60px rgba(20,12,6,.9); }
.qcta-aura { position: absolute; inset: 0; z-index: -1; filter: blur(60px); }
.qcta-aura i { position: absolute; border-radius: 50%; aspect-ratio: 1; }
.qcta-aura i:first-child { width: 60%; right: -12%; top: -50%; background: radial-gradient(circle, rgba(214,167,94,.55), transparent 65%); animation: auroraA 16s ease-in-out infinite alternate; }
.qcta-aura i:last-child { width: 50%; left: -14%; bottom: -60%; background: radial-gradient(circle, rgba(155,79,107,.45), transparent 65%); animation: auroraB 20s ease-in-out infinite alternate; }
.qcta .eyebrow { color: rgba(255,255,255,.6); }
.qcta-copy h2 { margin: 0 0 12px; font-size: clamp(2rem, 3.8vw, 3.2rem); line-height: 1.02; letter-spacing: -0.05em; max-width: 17ch; }
.qcta-copy h2::before { display: none; }
.qcta-lead { margin: 0 0 22px; color: rgba(255,255,255,.7); font-size: 1.05rem; max-width: 48ch; }
.qcta-steps { list-style: none; margin: 0 0 26px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.qcta-steps li { display: inline-flex; align-items: center; gap: 10px; height: 44px; padding: 0 16px 0 6px; border-radius: 999px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.1); font-weight: 650; font-size: .9rem; }
.qcta-steps b { width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; background: var(--grad-epic); color: #1a1208; font-size: .82rem; }
.qcta-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; }
.qcta-n { display: inline-grid; place-items: center; min-width: 26px; height: 26px; margin-left: 4px; padding: 0 7px; border-radius: 999px; background: var(--ink); color: #fff; font-size: .78rem; }
.qcta-wa { background: linear-gradient(145deg, #25d366, #128c4f); color: #fff; border: 0; }
.qcta-wa:hover { filter: brightness(1.07); color: #fff; }
.qcta-wa svg { width: 18px; height: 18px; }
.qcta-tel { display: inline-flex; align-items: center; gap: 8px; color: rgba(255,255,255,.8); text-decoration: none; font-weight: 700; }
.qcta-tel:hover { color: #fff; }
.qcta-tel svg { width: 16px; height: 16px; color: var(--gold-2); }
.qcta-fan { position: relative; height: 300px; }
.qf { position: absolute; top: 50%; left: 50%; width: 46%; border-radius: 16px; overflow: hidden; box-shadow: 0 30px 50px -20px rgba(0,0,0,.85); transition: transform .6s cubic-bezier(.2,.8,.2,1); }
.qf .cover-frame { aspect-ratio: 4 / 5; border-radius: 16px; }
.qf1 { transform: translate(-115%, -50%) rotate(-14deg); z-index: 1; }
.qf2 { transform: translate(-80%, -56%) rotate(-5deg); z-index: 2; }
.qf3 { transform: translate(-40%, -54%) rotate(5deg); z-index: 3; }
.qf4 { transform: translate(-2%, -48%) rotate(14deg); z-index: 2; }
.qcta-card:hover .qf1 { transform: translate(-128%, -52%) rotate(-18deg); }
.qcta-card:hover .qf2 { transform: translate(-86%, -60%) rotate(-7deg); }
.qcta-card:hover .qf3 { transform: translate(-36%, -60%) rotate(6deg); }
.qcta-card:hover .qf4 { transform: translate(8%, -50%) rotate(18deg); }
@media (max-width: 960px) {
  .qcta-card { grid-template-columns: 1fr; }
  .qcta-fan { height: 220px; order: -1; }
  .qf { width: 30%; }
}
@media (prefers-reduced-motion: reduce) { .qcta-aura i { animation: none; } }

/* Manşet: metin kartın altında, etiketlerle çakışmaz */
.pc-lead .pc-body { flex: 0 0 auto; margin-top: auto; }
.pc-lead .pc-foot { margin-top: 6px; }


/* =========================================================
   GÜNCELLEME 06 — sade kitap kartı, görsel görüntüleyici
   ========================================================= */
/* ---------- Kitap kartı: kartın tamamı kitaba gider ---------- */
.book-grid { grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: clamp(18px, 2vw, 28px) clamp(14px, 1.6vw, 22px); }
.bt-card { position: relative; min-width: 0; }
.bt-card[hidden] { display: none; }
.bt { display: flex; flex-direction: column; gap: 12px; color: var(--ink); text-decoration: none; border-radius: 22px; outline: none; }
.bt-img { position: relative; display: block; border-radius: 20px; overflow: hidden; background: #fff;
  box-shadow: 0 0 0 1px rgba(17,17,17,.05), 0 18px 34px -28px rgba(40,25,10,.6);
  transition: transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s; }
.bt-img .cover-frame { aspect-ratio: 1; border-radius: 20px; }
.bt-img .cover-img { transition: none; }
.bt:hover .bt-img, .bt:focus-visible .bt-img { transform: translateY(-6px); box-shadow: 0 0 0 1px rgba(184,135,63,.25), 0 34px 50px -30px rgba(40,25,10,.55); }
.bt:focus-visible .bt-img { box-shadow: 0 0 0 3px var(--bg), 0 0 0 5px #b8873f; }
.bt-badges { position: absolute; left: 10px; top: 10px; display: flex; gap: 6px; }
.bt-badge { display: inline-flex; align-items: center; gap: 4px; height: 26px; padding: 0 10px; border-radius: 999px; background: #fff; color: var(--ink); font-size: .7rem; font-weight: 800; box-shadow: 0 4px 10px -4px rgba(0,0,0,.3); }
.bt-audio { background: var(--sg-grad); color: #fff; }
.bt-audio svg { width: 12px; height: 12px; }
.bt-meta { display: grid; gap: 3px; padding: 0 4px; }
.bt-title { font-size: 1rem; font-weight: 700; line-height: 1.3; letter-spacing: -0.015em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: color .2s; }
.bt:hover .bt-title { color: #8a5f2a; }
.bt-au { font-size: .84rem; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bt-card .fav-form { position: absolute; z-index: 2; top: 10px; right: 10px; }
/* Ana sayfa rafı aynı kartı kullanır */
.s3-grid .bt-card { animation: s3In .45s cubic-bezier(.2,.8,.2,1) both; }
.dark-zone .bt, .cat2 .bt { color: #fff; }
.dark-zone .bt-au { color: rgba(255,255,255,.55); }
@media (prefers-reduced-motion: reduce) { .bt-img { transition: none; } .bt:hover .bt-img { transform: none; } }

/* ---------- Kitap sayfası: büyüt ---------- */
.pdp-stage[data-lb] { cursor: zoom-in; }
.pdp-stage[data-lb]:focus-visible { outline: 3px solid #b8873f; outline-offset: 4px; }
.pdp-expand { position: absolute; z-index: 2; right: 16px; bottom: 16px; display: inline-flex; align-items: center; gap: 7px; height: 38px; padding: 0 14px; border-radius: 999px; background: rgba(255,255,255,.92); backdrop-filter: blur(8px); color: var(--ink); font-size: .8rem; font-weight: 750; box-shadow: 0 10px 24px -12px rgba(0,0,0,.4); transition: transform .25s, background-color .25s, color .25s; pointer-events: none; }
.pdp-expand svg { width: 15px; height: 15px; }
.pdp-stage[data-lb]:hover .pdp-expand { background: var(--ink); color: #fff; transform: translateY(-2px); }
.pdp-stage.is-dark .pdp-expand, .pdp-stage.is-photo .pdp-expand { background: rgba(10,9,11,.6); color: #fff; }

/* ---------- Tam ekran görsel görüntüleyici ---------- */
.lb { position: fixed; inset: 0; z-index: 200; display: grid; grid-template-rows: auto minmax(0, 1fr) auto auto; background: rgba(10,9,11,.95); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); color: #fff; animation: lbIn .22s ease-out; }
.lb.is-out { animation: lbOut .2s ease-in forwards; }
@keyframes lbIn { from { opacity: 0; } }
@keyframes lbOut { to { opacity: 0; } }
.lb-top { display: flex; align-items: center; gap: 16px; padding: calc(env(safe-area-inset-top, 0px) + 14px) clamp(14px, 3vw, 28px) 10px; }
.lb-count { padding: 6px 12px; border-radius: 999px; background: rgba(255,255,255,.1); font-size: .82rem; font-weight: 750; font-variant-numeric: tabular-nums; }
.lb-title { flex: 1; min-width: 0; font-weight: 650; color: rgba(255,255,255,.8); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lb-x { width: 46px; height: 46px; border: 0; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.1); color: #fff; cursor: pointer; transition: background-color .2s; }
.lb-x:hover { background: rgba(255,255,255,.2); }
.lb-x svg { width: 22px; height: 22px; }
.lb-stage { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: clamp(8px, 2vw, 24px); padding: 0 clamp(10px, 3vw, 28px); min-height: 0; }
.lb-frame { position: relative; height: 100%; min-height: 0; display: grid; place-items: center; overflow: hidden; border-radius: 18px; }
.lb-img { max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 12px; cursor: zoom-in; transition: transform .35s cubic-bezier(.2,.8,.2,1), opacity .25s; user-select: none; }
.lb-frame.is-zoomed .lb-img { transform: scale(2.3); cursor: zoom-out; transition: transform .35s cubic-bezier(.2,.8,.2,1); }
.lb-frame.is-loading .lb-img { opacity: .35; }
.lb-nav { width: 54px; height: 54px; border: 0; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.1); color: #fff; cursor: pointer; transition: background-color .2s, transform .2s; }
.lb-nav:hover { background: #fff; color: var(--ink); transform: scale(1.06); }
.lb-nav svg { width: 24px; height: 24px; }
.lb-thumbs { display: flex; justify-content: center; gap: 8px; padding: 14px 16px 4px; overflow-x: auto; scrollbar-width: none; }
.lb-thumbs button { flex: 0 0 auto; width: 64px; height: 64px; padding: 0; border: 0; border-radius: 12px; overflow: hidden; background: #222; opacity: .5; cursor: pointer; transition: opacity .2s, box-shadow .2s; }
.lb-thumbs button[aria-current="true"] { opacity: 1; box-shadow: 0 0 0 2px #0a090b, 0 0 0 4px #d6b37a; }
.lb-thumbs img { width: 100%; height: 100%; object-fit: cover; }
.lb-hint { margin: 0; padding: 8px 16px calc(env(safe-area-inset-bottom, 0px) + 14px); text-align: center; font-size: .8rem; color: rgba(255,255,255,.5); }
@media (max-width: 640px) {
  .lb-stage { grid-template-columns: 1fr; padding: 0 8px; }
  .lb-nav { position: absolute; z-index: 2; top: 50%; translate: 0 -50%; width: 44px; height: 44px; background: rgba(10,9,11,.55); }
  .lb-nav.prev { left: 14px; } .lb-nav.next { right: 14px; }
  .lb-hint { display: none; }
}
/* Görüntüleyici: görsel her zaman ekrana tam sığar (kırpılmaz) */
.lb-frame { height: auto; align-self: stretch; }
.lb-img { max-height: calc(100vh - 230px); max-height: calc(100dvh - 230px); width: auto; height: auto; }
.lb.is-single .lb-img { max-height: calc(100dvh - 150px); }

/* ---------- Kitap kartı: "Teklif al" ---------- */
.bt-cta { justify-self: start; display: inline-flex; align-items: center; gap: 6px; height: 32px; margin-top: 8px; padding: 0 13px; border-radius: 999px; background: var(--field); color: var(--ink); font-size: .78rem; font-weight: 750; transition: background-color .25s, color .25s; }
.bt-cta svg { width: 13px; height: 13px; transition: transform .25s; }
.bt:hover .bt-cta { background: var(--ink); color: #fff; }
.bt:hover .bt-cta svg { transform: translate(2px, -2px); }

/* =========================================================
   Kitap sayfası — modern, derli toplu
   ========================================================= */
.pd { padding-top: calc(var(--header-h) + 14px); }
.pd-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 18px; font-size: .84rem; color: var(--muted); }
.pd-crumbs a { color: var(--muted); text-decoration: none; }
.pd-crumbs a:hover { color: var(--ink); }
.pd-crumbs [aria-current] { color: var(--ink); font-weight: 650; max-width: 40ch; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pd-crumbs span[aria-hidden] { opacity: .45; }
.pd-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(24px, 4.4vw, 64px); align-items: start; }

/* Görsel */
.pd-media { position: sticky; top: calc(var(--header-h) + 12px); display: grid; gap: 12px; }
.pd-media.has-thumbs { grid-template-columns: 68px minmax(0, 1fr); align-items: start; }
.pd-thumbs { flex-direction: column; flex-wrap: nowrap; gap: 8px; }
.pd-thumbs button { width: 68px; height: 68px; border-radius: 14px; background: #fff; opacity: .55; box-shadow: 0 0 0 1px var(--line); }
.pd-thumbs button[aria-current="true"] { box-shadow: 0 0 0 2px var(--ink); }
.pd-stage { aspect-ratio: 1; max-height: min(620px, calc(100vh - var(--header-h) - 60px)); width: 100%; border-radius: 26px; padding: clamp(18px, 6%, 48px); background: #fff; box-shadow: 0 0 0 1px var(--line), 0 30px 60px -48px rgba(40,25,10,.5); }
.pd-stage .pdp-img { max-width: 100%; max-height: 100%; }
.pd-stage.is-photo { aspect-ratio: 1; padding: 0; }
.pd-stage.swap .pdp-img { opacity: 0; }

/* Bilgi */
.pd-info { display: grid; gap: 16px; align-content: start; min-width: 0; }
.pd-badges { display: flex; flex-wrap: wrap; gap: 6px; }
.pd-badges:empty { display: none; }
.pd-badge { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 11px; border-radius: 999px; background: var(--field); color: var(--ink); font-size: .76rem; font-weight: 750; text-decoration: none; }
.pd-badge svg { width: 13px; height: 13px; }
.pd-badge .n-mark { width: 14px; height: 14px; }
.pd-badge.is-new { background: var(--ink); color: #fff; }
.pd-badge.is-audio { background: var(--sg-grad); color: #fff; }
.pd-badge.is-path { background: #f6ead6; color: #7a5220; }
.pd-badge.is-path:hover { background: #efdcbc; }
.pd-title { margin: 0; font-size: clamp(1.75rem, 2.6vw, 2.35rem); line-height: 1.1; letter-spacing: -0.035em; font-weight: 750; text-wrap: balance; }
.pd-sub { margin: -8px 0 0; font-size: 1.05rem; color: var(--muted); }
.pd-by { display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 0; }
.pd-by a { display: inline-flex; align-items: center; gap: 8px; color: var(--ink); font-weight: 650; text-decoration: none; }
.pd-by a:hover { color: #8a5f2a; }
.pd-by .ava { width: 30px; height: 30px; border-radius: 50%; font-size: .64rem; }
.pd-lead { margin: 0; color: #4a4741; font-size: 1.02rem; line-height: 1.65; max-width: 60ch; }
.pd-specs { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.pd-specs li { padding: 6px 12px; border-radius: 10px; background: var(--card); box-shadow: 0 0 0 1px var(--line); font-size: .82rem; color: #4a4741; }

/* Teklif kutusu */
.pd-quote { display: grid; gap: 14px; margin: 4px 0 0; padding: 20px; border-radius: 22px; background: var(--card); box-shadow: 0 0 0 1px var(--line), 0 24px 50px -40px rgba(40,25,10,.55); }
.pdq-head { display: grid; gap: 2px; }
.pdq-head b { font-size: 1.02rem; letter-spacing: -0.01em; }
.pdq-head span { font-size: .86rem; color: var(--muted); }
.pdq-qty { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; }
.pdq-qty label { font-size: .86rem; font-weight: 700; }
.pdq-qty .stepper { padding: 3px; }
.pdq-qty .stepper button { width: 36px; height: 36px; }
.pdq-qty .stepper input { width: 64px; height: 36px; font-size: .98rem; }
.pdq-chips { display: flex; gap: 4px; margin-left: auto; }
.pdq-chips button { height: 32px; min-width: 44px; padding: 0 10px; border: 0; border-radius: 10px; background: none; color: var(--muted); font: inherit; font-size: .82rem; font-weight: 700; cursor: pointer; box-shadow: inset 0 0 0 1px var(--line); transition: background-color .2s, color .2s; }
.pdq-chips button:hover { color: var(--ink); }
.pdq-chips button[aria-pressed="true"] { background: var(--ink); color: #fff; box-shadow: none; }
.pdq-actions { display: grid; grid-template-columns: minmax(0, 1fr) 52px; gap: 8px; }
.pdq-go { height: 52px; justify-content: center; gap: 10px; font-size: 1rem; border-radius: 16px; }
.pdq-go svg { width: 17px; height: 17px; transition: transform .25s; }
.pdq-go:hover svg { transform: translate(2px, -2px); }
.pdq-add { height: 52px; border: 0; border-radius: 16px; display: grid; place-items: center; background: var(--field); color: var(--ink); cursor: pointer; transition: background-color .2s; }
.pdq-add:hover { background: #e7e1d6; }
.pdq-add svg { width: 20px; height: 20px; }
.pdq-hint { margin: -4px 0 0; font-size: .8rem; color: var(--muted); }
.pdq-trust { list-style: none; margin: 0; padding: 12px 0 0; border-top: 1px solid var(--line); display: flex; flex-wrap: wrap; gap: 6px 16px; }
.pdq-trust li { display: inline-flex; align-items: center; gap: 6px; font-size: .8rem; color: #4a4741; }
.pdq-trust svg { width: 14px; height: 14px; color: #2f9e5b; }
.pd-alt { display: flex; align-items: center; gap: 8px; }
.pd-alt-wa { flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 46px; border-radius: 14px; background: #e7f6ec; color: #0f7a46; font-weight: 700; font-size: .9rem; text-decoration: none; transition: background-color .2s; }
.pd-alt-wa:hover { background: #d6f0df; color: #0f7a46; }
.pd-alt-wa svg { width: 18px; height: 18px; }
.pd-alt .fav-form { flex: 1; }
.pd-alt .fav-btn.is-big { height: 46px; border-radius: 14px; font-size: .9rem; }
.pd-audio { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 16px; background: #f0f7f1; color: var(--ink); text-decoration: none; box-shadow: inset 0 0 0 1px #d9ecdd; transition: background-color .2s; }
.pd-audio:hover { background: #e5f2e8; color: var(--ink); }
.pd-audio .pa-ic { width: 38px; height: 38px; border-radius: 12px; display: grid; place-items: center; background: var(--sg-grad); color: #fff; flex-shrink: 0; }
.pd-audio .pa-ic svg { width: 16px; height: 16px; }
.pd-audio .pa-txt { flex: 1; display: grid; line-height: 1.3; }
.pd-audio .pa-txt b { font-size: .9rem; }
.pd-audio .pa-txt small { font-size: .78rem; color: var(--muted); }
.pd-audio img { width: 84px; height: auto; }
.pd-audio.is-soon { background: var(--card); box-shadow: inset 0 0 0 1px var(--line); }
.pd-audio.is-soon .pa-ic { background: var(--field); color: var(--muted); }

/* Bölüm menüsü */
.pd-tabs { position: sticky; z-index: 30; top: calc(var(--header-h) - 2px); margin-top: clamp(40px, 5vw, 64px); background: color-mix(in srgb, var(--bg) 88%, transparent); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-bottom: 1px solid var(--line); }
.pd-tabs .wrap { display: flex; align-items: center; gap: 4px; overflow-x: auto; scrollbar-width: none; }
.pd-tabs a { flex-shrink: 0; padding: 16px 14px; color: var(--muted); font-weight: 650; font-size: .92rem; text-decoration: none; border-bottom: 2px solid transparent; margin-bottom: -1px; transition: color .2s, border-color .2s; }
.pd-tabs a:hover { color: var(--ink); }
.pd-tabs a.is-on { color: var(--ink); border-color: var(--ink); }
.pd-tabs .pd-tabs-cta { margin-left: auto; padding: 0 16px; height: 38px; display: inline-flex; align-items: center; border: 0; border-radius: 999px; background: var(--ink); color: #fff; font-size: .84rem; }
.pd-tabs .pd-tabs-cta:hover { color: #fff; }

/* Gövde */
.pd-body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 360px); gap: clamp(24px, 4vw, 56px); align-items: start; padding-top: clamp(28px, 4vw, 44px); }
.pd-main { display: grid; gap: clamp(28px, 4vw, 40px); min-width: 0; }
.pd-sec { scroll-margin-top: calc(var(--header-h) + 70px); }
.pd-sec h2 { margin: 0 0 14px; font-size: 1.3rem; letter-spacing: -0.025em; }
.pd-about { max-width: 68ch; color: #3d3a35; }
.pd-about.is-clamped { max-height: 15.5em; overflow: hidden; -webkit-mask: linear-gradient(#000 60%, transparent); mask: linear-gradient(#000 60%, transparent); }
.pd-more { margin-top: 10px; padding: 0; border: 0; background: none; font: inherit; font-weight: 750; color: var(--ink); text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }
.pd-author-card { display: flex; gap: 18px; align-items: flex-start; padding: 20px; border-radius: 20px; background: var(--card); box-shadow: 0 0 0 1px var(--line); }
.pd-author-card .ava { width: 72px; height: 72px; border-radius: 50%; font-size: 1.1rem; }
.pd-author-card h3 { margin: 0 0 2px; font-size: 1.1rem; }
.pd-author-card .role { margin: 0 0 8px; font-size: .86rem; color: #8a5f2a; font-weight: 650; }
.pd-author-card .muted { margin: 0 0 10px; font-size: .92rem; line-height: 1.6; }
.pd-side { position: sticky; top: calc(var(--header-h) + 78px); }
.pd-facts dl { margin: 0; display: grid; border-radius: 20px; overflow: hidden; background: var(--card); box-shadow: 0 0 0 1px var(--line); }
.pd-facts dl > div { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 12px; padding: 12px 18px; border-top: 1px solid var(--line); font-size: .88rem; }
.pd-facts dl > div:first-child { border-top: 0; }
.pd-facts dt { color: var(--muted); }
.pd-facts dd { margin: 0; font-weight: 650; word-break: break-word; }
.pd-path { margin-top: clamp(40px, 5vw, 64px); }
.pd-related { padding: clamp(48px, 6vw, 80px) 0 clamp(40px, 5vw, 64px); }
.pd-related-head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
.pd-related-head h2 { margin: 0; font-size: clamp(1.3rem, 2vw, 1.6rem); letter-spacing: -0.03em; }
.pd-related-head h2::before { display: none; }
.pd-related-head a { display: inline-flex; align-items: center; gap: 6px; color: var(--ink); font-weight: 700; text-decoration: none; }
.pd-related-head a svg { width: 14px; height: 14px; }
.pd-related .book-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.pd .pdp-bar small { color: var(--muted); }

@media (max-width: 960px) {
  .pd-grid { grid-template-columns: 1fr; }
  .pd-media { position: static; }
  .pd-media.has-thumbs { grid-template-columns: 1fr; }
  .pd-media.has-thumbs .pd-thumbs { order: 2; flex-direction: row; overflow-x: auto; }
  .pd-stage { max-height: none; }
  .pd-body { grid-template-columns: 1fr; }
  .pd-side { position: static; }
  .pd-related .book-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .pd-crumbs { font-size: .78rem; }
  .pdq-chips { margin-left: 0; }
  .pd-tabs .pd-tabs-cta { display: none; }
  .pd-quote { padding: 16px; }
}
/* Kitap sayfası: menü akışta olduğu için ek üst boşluk gerekmez */
.pd { padding-top: clamp(14px, 2.4vw, 28px); }
/* Kart başlığı her zaman iki satırlık yer kaplar: "Teklif al" etiketleri aynı hizada durur */
.bt-title { min-height: 2.6em; }

/* =========================================================
   GÜNCELLEME 07 — "Amacımız": koyu sahne ve parıltı
   ========================================================= */
@property --m2a { syntax: "<angle>"; initial-value: 0deg; inherits: false; }
.m2 { position: relative; overflow: hidden; isolation: isolate; padding: clamp(80px, 10vw, 140px) 0; background: #09080a; color: #fff; }
.m2-bg { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.m2-orb { position: absolute; border-radius: 50%; filter: blur(70px); opacity: .55; }
.m2-orb.o1 { width: 46vw; height: 46vw; left: -12vw; top: -18vw; background: radial-gradient(circle, rgba(214,167,94,.55), transparent 65%); animation: m2drift 18s ease-in-out infinite alternate; }
.m2-orb.o2 { width: 40vw; height: 40vw; right: -10vw; top: 20%; background: radial-gradient(circle, rgba(155,79,107,.5), transparent 65%); animation: m2drift 22s ease-in-out infinite alternate-reverse; }
.m2-orb.o3 { width: 34vw; height: 34vw; left: 30%; bottom: -20vw; background: radial-gradient(circle, rgba(196,112,63,.45), transparent 65%); animation: m2drift 26s ease-in-out infinite alternate; }
@keyframes m2drift { to { transform: translate(6vw, 4vw) scale(1.12); } }
.m2-star { position: absolute; width: var(--s, 2px); height: var(--s, 2px); border-radius: 50%; background: #fff3d8; box-shadow: 0 0 10px 2px rgba(242,214,166,.7); opacity: 0; animation: m2twinkle 5s ease-in-out infinite; }
@keyframes m2twinkle { 0%, 100% { opacity: 0; transform: scale(.4); } 50% { opacity: .9; transform: scale(1); } }
.m2-top { max-width: 980px; margin-bottom: clamp(40px, 5vw, 64px); }
.m2-title { margin: 0 0 22px; font-size: clamp(2.2rem, 4.6vw, 4.2rem); line-height: 1.02; letter-spacing: -0.055em; font-weight: 750; text-wrap: balance; color: #fff; }
.m2-title::before { display: none; }
.m2-shine { background: linear-gradient(100deg, #d6a75e 0%, #f2d6a6 22%, #fff9ec 32%, #f2d6a6 42%, #c4703f 62%, #b6577a 82%, #d6a75e 100%); background-size: 250% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; animation: m2shine 6s linear infinite; }
@keyframes m2shine { from { background-position: 100% 50%; } to { background-position: -150% 50%; } }
.m2-lead { margin: 0; max-width: 62ch; font-size: clamp(1.02rem, 1.3vw, 1.15rem); line-height: 1.65; color: rgba(255,255,255,.66); }
.m2-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(14px, 1.6vw, 22px); }
.m2-card { --mx: 50%; --my: 0%; position: relative; isolation: isolate; display: flex; flex-direction: column; gap: 12px; min-height: 280px; padding: clamp(24px, 2.4vw, 32px); border-radius: 28px; color: #fff; text-decoration: none; background: linear-gradient(160deg, rgba(255,255,255,.07), rgba(255,255,255,.02)); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); transition: transform .45s cubic-bezier(.2,.8,.2,1); }
/* Dönen parıltılı kenar */
.m2-card::before { content: ""; position: absolute; inset: 0; z-index: -1; padding: 1.5px; border-radius: inherit; background: conic-gradient(from var(--m2a), rgba(255,255,255,.08) 0deg, rgba(255,255,255,.08) 250deg, #f2d6a6 300deg, #fff9ec 320deg, #c4703f 340deg, rgba(255,255,255,.08) 360deg);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); animation: m2spin 6s linear infinite; }
.m2-card:nth-child(2)::before { animation-delay: -2s; }
.m2-card:nth-child(3)::before { animation-delay: -4s; }
@keyframes m2spin { to { --m2a: 360deg; } }
/* Fareyi izleyen ışık */
.m2-glow { position: absolute; inset: 0; z-index: -1; border-radius: inherit; opacity: 0; transition: opacity .35s; background: radial-gradient(360px circle at var(--mx) var(--my), rgba(242,214,166,.18), transparent 60%); }
.m2-card:hover .m2-glow { opacity: 1; }
.m2-card:hover { transform: translateY(-6px); }
.m2-row { display: flex; align-items: center; justify-content: space-between; }
.m2-ic { width: 52px; height: 52px; border-radius: 16px; display: grid; place-items: center; background: linear-gradient(145deg, #f2d6a6, #c4703f); color: #1a1208; box-shadow: 0 12px 30px -10px rgba(214,167,94,.7); }
.m2-ic svg { width: 22px; height: 22px; }
.m2-no { font-size: .85rem; font-weight: 800; letter-spacing: .08em; color: rgba(255,255,255,.3); }
.m2-card h3 { margin: 10px 0 0; font-size: 1.35rem; letter-spacing: -0.025em; color: #fff; }
.m2-card p { margin: 0; flex: 1; color: rgba(255,255,255,.62); line-height: 1.6; }
.m2-go { display: inline-flex; align-items: center; gap: 8px; font-weight: 750; font-size: .92rem; color: #f2d6a6; }
.m2-go svg { width: 15px; height: 15px; transition: transform .3s; }
.m2-card:hover .m2-go svg { transform: translate(3px, -3px); }
.m2-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 12px; margin: clamp(40px, 5vw, 64px) 0 0; padding-top: clamp(28px, 3vw, 40px); border-top: 1px solid rgba(255,255,255,.1); }
.m2-stats div { display: flex; flex-direction: column-reverse; }
.m2-stats dd { margin: 0; font-size: clamp(2.6rem, 5vw, 4.4rem); font-weight: 700; letter-spacing: -0.05em; line-height: 1; background: linear-gradient(180deg, #fff9ec, #d6a75e); -webkit-background-clip: text; background-clip: text; color: transparent; }
.m2-stats dt { margin-top: 8px; font-size: .9rem; font-weight: 650; color: rgba(255,255,255,.5); }
@media (max-width: 900px) { .m2-cards { grid-template-columns: 1fr; } .m2-card { min-height: 0; } }
@media (prefers-reduced-motion: reduce) { .m2-orb, .m2-star, .m2-shine, .m2-card::before { animation: none; } .m2-star { opacity: .6; } }

/* ---------- Etkinlik: katılımcı bilgileri ---------- */
.atts { margin: 18px 0; padding: 0; border: 0; min-width: 0; }
.atts legend { padding: 0; margin-bottom: 4px; font-weight: 750; font-size: 1rem; }
.atts-note { margin: 0 0 12px; font-size: .84rem; color: var(--muted); }
.atts-empty { margin: 0; padding: 14px 16px; border-radius: 14px; background: var(--field); font-size: .86rem; color: var(--muted); }
.att-list { display: grid; gap: 10px; }
.att { padding: 14px; border-radius: 16px; background: var(--card); box-shadow: 0 0 0 1px var(--line); animation: s3In .35s cubic-bezier(.2,.8,.2,1) both; }
.att-head { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin-bottom: 10px; }
.att-no { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; background: var(--ink); color: #fff; font-size: .76rem; font-weight: 800; }
.att-head b { font-size: .92rem; }
.att-head small { color: var(--muted); font-size: .8rem; }
.att-me { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; font-size: .8rem; font-weight: 650; cursor: pointer; }
.att-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.att-f { display: grid; gap: 4px; font-size: .76rem; font-weight: 650; color: #4a4741; }
.att-f em { font-style: normal; font-weight: 500; color: var(--muted); }
.att-f input { height: 42px; padding: 0 12px; border: 0; border-radius: 11px; background: var(--field); font: inherit; font-size: .9rem; color: var(--ink); box-shadow: inset 0 0 0 1px transparent; }
.att-f input:focus { outline: none; box-shadow: inset 0 0 0 2px #b8873f; background: #fff; }
.att-f.is-err input { box-shadow: inset 0 0 0 2px #c0392b; background: #fdf0ee; }
.t-holder { display: block; font-size: 1.02rem; }
@media (max-width: 560px) { .att-grid { grid-template-columns: 1fr; } .att-me { margin-left: 0; } }

/* Çerez onayı */
.consent { position: fixed; z-index: 120; left: 16px; bottom: 16px; max-width: 460px; display: grid; gap: 12px; padding: 18px; border-radius: 20px; background: #fff; box-shadow: 0 30px 60px -24px rgba(0,0,0,.45), 0 0 0 1px var(--line); font-size: .88rem; }
.consent[hidden] { display: none; }
.consent p { margin: 0; color: #4a4741; line-height: 1.5; }
.consent p b { display: block; color: var(--ink); margin-bottom: 2px; }
.consent div { display: flex; justify-content: flex-end; gap: 8px; }
@media (max-width: 960px) { .consent { left: 10px; right: 10px; bottom: calc(var(--tabbar-h) + 10px); max-width: none; } }

/* Bilet formu: fatura bilgileri */
.billing { margin: 18px 0; padding: 0; border: 0; min-width: 0; }
.billing[hidden] { display: none; }
.billing legend { padding: 0; margin-bottom: 4px; font-weight: 750; font-size: 1rem; }
.bill-type { display: inline-flex; gap: 4px; padding: 4px; margin-bottom: 12px; border-radius: 12px; background: var(--field); }
.bill-type label { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 9px; font-weight: 700; font-size: .88rem; cursor: pointer; }
.bill-type label:has(input:checked) { background: #fff; box-shadow: 0 2px 8px -4px rgba(0,0,0,.25); }
.bill-type input { accent-color: var(--ink); }
.bill-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 12px; }
.bill-grid .field { margin-bottom: 12px; }
.bill-wide { grid-column: 1 / -1; }
.bill-corp { display: none; }
.billing.is-corp .bill-corp { display: block; }
.billing.is-corp .bill-ind { display: none; }
.field.has-err input { box-shadow: inset 0 0 0 2px #c0392b; }
@media (max-width: 560px) { .bill-grid { grid-template-columns: 1fr; } }
/* Teklif formu: iletişim tercihi */
.lbl { display: block; margin-bottom: 6px; font-weight: 650; font-size: .9rem; }
.pref-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.pref-chips label { display: inline-flex; align-items: center; gap: 7px; height: 42px; padding: 0 14px; border-radius: 12px; background: var(--field); font-weight: 650; font-size: .9rem; cursor: pointer; }
.pref-chips label:has(input:checked) { background: var(--ink); color: #fff; }
.pref-chips input { accent-color: #d6a75e; }

/* =========================================================
   Kurumsal menü: ilk sırada, koyu cam panel
   ========================================================= */
.nav-corp { position: relative; isolation: isolate; }
.corp-ring { position: absolute; z-index: -1; left: 50%; top: 50%; width: 46px; height: 46px; margin: -23px 0 0 -23px; border-radius: 50%; opacity: 0; transition: opacity .3s;
  background: conic-gradient(from 0deg, transparent 0 18%, #d6a75e 30%, #f3d48f 45%, transparent 60%, transparent 68%, rgba(200,200,210,.9) 80%, transparent 92%);
  -webkit-mask: radial-gradient(circle, transparent 19px, #000 20px); mask: radial-gradient(circle, transparent 19px, #000 20px); animation: corpSpin 2.4s linear infinite; }
.is-corp:hover .corp-ring, .is-corp.is-open .corp-ring, .nav-corp[aria-current] .corp-ring { opacity: 1; }
@keyframes corpSpin { to { transform: rotate(360deg); } }
.mega.mega-corp { width: 420px; grid-template-columns: 1fr; gap: 0; padding: 12px; border-radius: 26px; background: linear-gradient(160deg, rgba(30,30,38,.97), rgba(14,14,18,.98)); color: #fff;
  box-shadow: 0 40px 80px -30px rgba(0,0,0,.65), inset 0 0 0 1px rgba(255,255,255,.08); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); left: 0; translate: 0 8px; }
.has-mega.is-corp.is-open > .mega-corp { translate: 0 0; }
.corp-hero { display: flex; align-items: center; gap: 14px; padding: 16px; border-radius: 18px; color: #fff; text-decoration: none; background: linear-gradient(135deg, rgba(214,167,94,.18), rgba(255,255,255,.04)); box-shadow: inset 0 0 0 1px rgba(242,214,166,.22); transition: background-color .25s, box-shadow .25s; }
.corp-hero:hover { color: #fff; box-shadow: inset 0 0 0 1px rgba(242,214,166,.45); }
.corp-orbit { position: relative; width: 44px; height: 44px; flex-shrink: 0; border-radius: 50%; }
.corp-orbit i, .corp-orbit::before { content: ""; position: absolute; inset: 0; border-radius: 50%; }
.corp-orbit::before { box-shadow: inset 0 0 0 3px rgba(255,255,255,.12); }
.corp-orbit i { background: conic-gradient(from 0deg, transparent 0 30%, #d6a75e 55%, #fff3d8 70%, transparent 72%); -webkit-mask: radial-gradient(circle, transparent 18px, #000 19px); mask: radial-gradient(circle, transparent 18px, #000 19px); animation: corpSpin 1.8s linear infinite; }
.corp-hero-t { display: grid; gap: 3px; line-height: 1.3; }
.corp-hero-t b { font-size: 1.05rem; }
.corp-hero-t small { color: rgba(255,255,255,.62); font-size: .84rem; }
.corp-h { margin: 16px 16px 8px; font-size: .72rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.5); }
.corp-brands { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.corp-brands a { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 16px; border-radius: 14px; color: #fff; text-decoration: none; transition: background-color .2s; }
.corp-brands a:hover { background: rgba(255,255,255,.06); color: #fff; }
.cb-logo img { display: block; height: 24px; width: auto; max-width: 140px; }
.cb-logo b { font-size: 1.05rem; letter-spacing: -0.02em; }
.cb-desc { display: inline-flex; align-items: center; gap: 6px; font-size: .84rem; color: rgba(255,255,255,.62); text-align: right; }
.cb-desc svg { width: 13px; height: 13px; }
.corp-links { display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 10px 4px 2px; padding: 14px 12px 6px; border-top: 1px solid rgba(255,255,255,.08); }
.corp-links a { color: rgba(255,255,255,.78); font-weight: 650; font-size: .88rem; text-decoration: none; }
.corp-links a:hover, .corp-links a[aria-current] { color: #f3d48f; }
.is-home:not(.is-scrolled) .main-nav .mega-corp a, .is-home:not(.is-scrolled) .main-nav .corp-links a { color: rgba(255,255,255,.85); }
@media (max-width: 960px) {
  .mega.mega-corp { width: auto; left: auto; translate: none; margin-top: 6px; }
  .corp-ring { display: none; }
  .is-home:not(.is-scrolled) .main-nav .mega-corp a { color: #fff; }
}
@media (prefers-reduced-motion: reduce) { .corp-ring, .corp-orbit i { animation: none; } }
.corp-orbit { display: block; }
.main-nav .mega-corp .corp-hero, .main-nav .mega-corp .corp-hero-t b, .main-nav .mega-corp .corp-brands a, .main-nav .mega-corp .cb-logo b { color: #fff; }
.main-nav .mega-corp .corp-links a { color: rgba(255,255,255,.78); }
.main-nav .mega-corp .corp-links a:hover, .main-nav .mega-corp .corp-links a[aria-current] { color: #f3d48f; background: none; }
.main-nav .mega-corp .corp-brands a:hover { background: rgba(255,255,255,.06); }
.main-nav .mega-corp .corp-hero { display: flex; flex-direction: row; align-items: center; gap: 14px; padding: 16px; border-radius: 18px; font-size: 1rem; }
.main-nav .mega-corp .corp-brands a { display: flex; flex-direction: row; padding: 12px 16px; border-radius: 14px; font-size: 1rem; }
.main-nav .mega-corp .corp-links a { display: inline-block; padding: 4px 0; font-size: .88rem; border-radius: 0; }
.mega.mega-corp { background: linear-gradient(160deg, #1e1e26, #0e0e12); }

/* =========================================================
   GÜNCELLEME 09 — Etkinlikler: koyu sahne, bilet kartı
   ========================================================= */
.ev3 { position: relative; overflow: hidden; isolation: isolate; padding: clamp(80px, 9vw, 128px) 0; background: #09080a; color: #fff; }
.ev3-bg { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.ev3-bg i { position: absolute; border-radius: 50%; filter: blur(80px); opacity: .5; }
.ev3-bg .o1 { width: 50vw; height: 50vw; right: -14vw; top: -20vw; background: radial-gradient(circle, rgba(214,167,94,.5), transparent 65%); animation: m2drift 20s ease-in-out infinite alternate; }
.ev3-bg .o2 { width: 40vw; height: 40vw; left: -12vw; bottom: -18vw; background: radial-gradient(circle, rgba(155,79,107,.45), transparent 65%); animation: m2drift 24s ease-in-out infinite alternate-reverse; }
.ev3-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: clamp(28px, 4vw, 44px); }
.ev3-head h2 { margin: 14px 0 12px; font-size: clamp(2.3rem, 4.8vw, 4.2rem); line-height: 1; letter-spacing: -0.055em; color: #fff; }
.ev3-head h2::before { display: none; }
.ev3-head p { margin: 0; max-width: 54ch; color: rgba(255,255,255,.62); font-size: 1.05rem; line-height: 1.6; }
.ev3-live { display: inline-flex; align-items: center; gap: 9px; height: 34px; padding: 0 14px; border-radius: 999px; background: rgba(62,224,124,.1); box-shadow: inset 0 0 0 1px rgba(62,224,124,.3); color: #8ff0b6; font-size: .74rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.ev3-live i { width: 8px; height: 8px; border-radius: 50%; background: #3ee07c; animation: lgLive 2s ease-out infinite; }
.ev3-live.is-off { background: rgba(255,255,255,.06); box-shadow: inset 0 0 0 1px rgba(255,255,255,.14); color: rgba(255,255,255,.75); }
.ev3-live.is-off i { background: #d6a75e; animation: none; }
.ev3-all { display: inline-flex; align-items: center; gap: 12px; color: #fff; font-weight: 700; text-decoration: none; }
.ev3-all span { width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; box-shadow: inset 0 0 0 1px rgba(255,255,255,.22); transition: background-color .3s, transform .3s; }
.ev3-all svg { width: 16px; height: 16px; }
.ev3-all:hover { color: #fff; }
.ev3-all:hover span { background: #f2d6a6; color: #1a1208; transform: rotate(45deg); }

/* Bilet kartı */
.tix { --stub: 280px; position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0, 1fr) var(--stub); color: #fff; text-decoration: none; border-radius: 30px; transition: transform .5s cubic-bezier(.2,.8,.2,1);
  -webkit-mask: radial-gradient(circle at calc(100% - var(--stub)) 0, transparent 17px, #000 18px) top / 100% 51% no-repeat, radial-gradient(circle at calc(100% - var(--stub)) 100%, transparent 17px, #000 18px) bottom / 100% 51% no-repeat;
          mask: radial-gradient(circle at calc(100% - var(--stub)) 0, transparent 17px, #000 18px) top / 100% 51% no-repeat, radial-gradient(circle at calc(100% - var(--stub)) 100%, transparent 17px, #000 18px) bottom / 100% 51% no-repeat; }
.tix::before { content: ""; position: absolute; inset: 0; z-index: -2; border-radius: inherit; background: linear-gradient(150deg, #1c1a20, #0f0e12); }
.tix::after { content: ""; position: absolute; inset: 0; z-index: -1; padding: 1.5px; border-radius: inherit;
  background: conic-gradient(from var(--m2a), rgba(255,255,255,.08) 0deg, rgba(255,255,255,.08) 260deg, #f2d6a6 305deg, #fff9ec 320deg, #c4703f 340deg, rgba(255,255,255,.08) 360deg);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); animation: m2spin 7s linear infinite; }
.tix:hover { transform: translateY(-6px); color: #fff; }
.tix-main { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); min-width: 0; }
.tix-media { position: relative; overflow: hidden; min-height: 420px; border-radius: 30px 0 0 30px; background: radial-gradient(70% 80% at 30% 25%, hsl(var(--h, 330) 60% 50% / .9), transparent 60%), radial-gradient(60% 70% at 80% 90%, rgba(214,167,94,.6), transparent 60%), linear-gradient(150deg, #241a1d, #0e0c0f); }
.tix-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s cubic-bezier(.2,.8,.2,1); }
.tix:hover .tix-media img { transform: scale(1.05); }
.tix-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 40%, rgba(8,7,9,.85)); }
.tix-mark { position: absolute; right: -10%; top: -6%; width: 70%; opacity: .14; }
.tix-mark .n-mark { width: 100%; height: auto; }
.tix-date { position: absolute; z-index: 1; left: 26px; bottom: 24px; display: flex; align-items: flex-end; gap: 12px; }
.tix-date > b { font-size: clamp(4.4rem, 7vw, 6.4rem); font-weight: 800; line-height: .82; letter-spacing: -0.06em; background: linear-gradient(180deg, #fff, #f2d6a6); -webkit-background-clip: text; background-clip: text; color: transparent; }
.tix-date > span { display: grid; gap: 4px; padding-bottom: 6px; font-weight: 800; letter-spacing: .14em; font-size: .92rem; }
.tix-date small { font-weight: 600; letter-spacing: 0; font-size: .82rem; color: rgba(255,255,255,.7); }
.tix-body { display: flex; flex-direction: column; gap: 14px; padding: clamp(24px, 3vw, 40px); min-width: 0; }
.tix-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.tix-chips span { display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 12px; border-radius: 999px; background: rgba(255,255,255,.06); box-shadow: inset 0 0 0 1px rgba(255,255,255,.1); font-size: .78rem; font-weight: 700; }
.tix-chips svg { width: 13px; height: 13px; color: #f2d6a6; }
.tix-title { font-size: clamp(1.9rem, 3.2vw, 2.8rem); line-height: 1.02; letter-spacing: -0.045em; }
.tix-sum { color: rgba(255,255,255,.66); line-height: 1.6; }
.tix-where { font-size: .9rem; color: rgba(255,255,255,.8); }
.tix-spk { display: flex; align-items: center; gap: 12px; font-size: .86rem; color: rgba(255,255,255,.72); }
.tix-spk .ev-avas .ava { border-color: #141217; }
.tix-count { display: flex; align-items: center; gap: 6px; margin-top: auto; }
.tix-count > span { display: grid; justify-items: center; min-width: 66px; padding: 10px 8px 8px; border-radius: 14px; background: rgba(255,255,255,.05); box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); }
.tix-count b { font-size: 1.9rem; font-weight: 800; line-height: 1; font-variant-numeric: tabular-nums; background: linear-gradient(180deg, #fff9ec, #d6a75e); -webkit-background-clip: text; background-clip: text; color: transparent; }
.tix-count small { margin-top: 4px; font-size: .64rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.45); }
.tix-count > i { font-style: normal; font-weight: 800; color: rgba(255,255,255,.25); }
/* Bilet koçanı */
.tix-stub { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; padding: 30px 24px; text-align: center; background: linear-gradient(180deg, rgba(214,167,94,.12), rgba(214,167,94,.03)); border-radius: 0 30px 30px 0; }
.tix-stub::before { content: ""; position: absolute; left: 0; top: 24px; bottom: 24px; border-left: 2px dashed rgba(255,255,255,.16); }
.tix-price { display: grid; gap: 2px; }
.tix-price small { font-size: .72rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.5); }
.tix-price b { font-size: 2rem; letter-spacing: -0.03em; }
.tix-ring { --p: 0; width: 112px; height: 112px; border-radius: 50%; display: grid; place-items: center; align-content: center; background: radial-gradient(closest-side, #141217 80%, transparent 81% 100%), conic-gradient(#d6a75e calc(var(--p) * 1%), rgba(255,255,255,.1) 0); }
.tix-ring b { font-size: 1.7rem; line-height: 1; }
.tix-ring small { font-size: .68rem; font-weight: 700; color: rgba(255,255,255,.55); line-height: 1.2; }
.tix-cta { width: 100%; justify-content: center; }
.tix-code { display: grid; gap: 6px; justify-items: center; opacity: .55; }
.tix-code i { display: block; width: 150px; height: 34px; background: repeating-linear-gradient(90deg, #fff 0 2px, transparent 2px 4px, #fff 4px 5px, transparent 5px 8px, #fff 8px 11px, transparent 11px 13px); }
.tix-code small { font-size: .68rem; font-weight: 700; letter-spacing: .16em; }
/* Alt satır */
.ev3-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px; margin-top: 14px; }
.ev3-row.is-solo { grid-template-columns: 1fr; }
.ev3-next { display: grid; gap: 8px; }
.mtix { display: flex; align-items: center; gap: 14px; padding: 12px 16px 12px 12px; border-radius: 18px; background: rgba(255,255,255,.04); box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); color: #fff; text-decoration: none; transition: background-color .25s; }
.mtix:hover { background: rgba(255,255,255,.08); color: #fff; }
.mtix-d { width: 54px; height: 54px; border-radius: 14px; display: grid; place-items: center; align-content: center; background: linear-gradient(145deg, #f2d6a6, #c4703f); color: #1a1208; flex-shrink: 0; }
.mtix-d b { font-size: 1.3rem; line-height: 1; } .mtix-d small { font-size: .66rem; font-weight: 800; text-transform: uppercase; }
.mtix-t { flex: 1; min-width: 0; display: grid; line-height: 1.3; }
.mtix-t b { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mtix-t small { color: rgba(255,255,255,.55); }
.mtix > svg { width: 16px; height: 16px; color: #f2d6a6; }
.ev3-news { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 18px; padding: 18px 20px; border-radius: 22px; background: rgba(255,255,255,.05); box-shadow: inset 0 0 0 1px rgba(255,255,255,.09); backdrop-filter: blur(10px); }
.ev3-news.is-big { padding: clamp(24px, 3vw, 36px); }
.ev3-news-ic { width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center; background: linear-gradient(145deg, #f2d6a6, #c4703f); color: #1a1208; flex-shrink: 0; }
.ev3-news-ic svg { width: 20px; height: 20px; }
.ev3-news-t { flex: 1 1 220px; display: grid; gap: 2px; }
.ev3-news-t small { color: rgba(255,255,255,.6); }
.ev3-news-f { flex: 1 1 280px; display: flex; gap: 6px; padding: 5px; border-radius: 999px; background: rgba(255,255,255,.08); }
.ev3-news-f input { flex: 1; min-width: 0; height: 44px; padding: 0 16px; border: 0; border-radius: 999px; background: none; color: #fff; font: inherit; outline: none; }
.ev3-news-f input::placeholder { color: rgba(255,255,255,.45); }
@media (max-width: 1100px) { .tix-main { grid-template-columns: 1fr; } .tix-media { min-height: 260px; border-radius: 30px 0 0 0; } }
@media (max-width: 860px) {
  .tix { grid-template-columns: 1fr; -webkit-mask: none; mask: none; }
  .tix-media { border-radius: 30px 30px 0 0; }
  .tix-stub { flex-direction: row; flex-wrap: wrap; justify-content: space-between; border-radius: 0 0 30px 30px; }
  .tix-stub::before { left: 24px; right: 24px; top: 0; bottom: auto; border-left: 0; border-top: 2px dashed rgba(255,255,255,.16); }
  .tix-ring { width: 90px; height: 90px; }
  .tix-cta { width: auto; flex: 1 1 100%; }
  .tix-code { display: none; }
  .ev3-row { grid-template-columns: 1fr; }
  .tix-count > span { min-width: 0; flex: 1; }
}

/* =========================================================
   Footer: logo amblemli marka sahnesi
   ========================================================= */
.ft-word { display: none; }
.ft-stage { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: clamp(20px, 4vw, 56px); margin-top: clamp(36px, 5vw, 64px); padding: clamp(28px, 4vw, 48px) 0; border-top: 1px solid rgba(255,255,255,.07); }
.ft-emblem { position: relative; width: 132px; height: 132px; display: grid; place-items: center; flex-shrink: 0; }
.ft-ring { position: absolute; inset: 0; border-radius: 50%; }
.ft-ring.r1 { background: conic-gradient(from 0deg, transparent 0 20%, #d6a75e 38%, #fff3d8 48%, transparent 62%, transparent 70%, rgba(155,79,107,.9) 84%, transparent 96%); -webkit-mask: radial-gradient(circle, transparent 62px, #000 63px); mask: radial-gradient(circle, transparent 62px, #000 63px); animation: corpSpin 6s linear infinite; }
.ft-ring.r2 { inset: 12px; background: conic-gradient(from 180deg, transparent 0 30%, rgba(242,214,166,.7) 50%, transparent 70%); -webkit-mask: radial-gradient(circle, transparent 51px, #000 52px); mask: radial-gradient(circle, transparent 51px, #000 52px); animation: corpSpin 9s linear infinite reverse; }
.ft-tile { position: relative; width: 84px; height: 84px; border-radius: 26px; display: grid; place-items: center; background: linear-gradient(160deg, rgba(255,255,255,.12), rgba(255,255,255,.03)); box-shadow: inset 0 0 0 1px rgba(255,255,255,.14), 0 0 60px -10px rgba(214,167,94,.6); animation: ftBreath 4s ease-in-out infinite; }
.ft-tile .n-mark { width: 48px; height: 48px; filter: drop-shadow(0 0 16px rgba(255,200,120,.45)); }
@keyframes ftBreath { 50% { box-shadow: inset 0 0 0 1px rgba(255,255,255,.2), 0 0 90px -6px rgba(214,167,94,.85); } }
.ft-emblem:hover .ft-ring.r1 { animation-duration: 2s; }
.ft-claim { display: grid; gap: 8px; min-width: 0; }
.ft-claim b { font-size: clamp(2rem, 4.6vw, 4rem); font-weight: 800; line-height: 1; letter-spacing: -0.055em; color: #fff; }
.ft-claim > span { color: rgba(255,255,255,.5); font-weight: 600; letter-spacing: .02em; }
.ft-go { display: inline-flex; align-items: center; gap: 14px; color: #fff; font-weight: 700; text-decoration: none; white-space: nowrap; }
.ft-go i { width: 64px; height: 64px; border-radius: 50%; display: grid; place-items: center; background: linear-gradient(145deg, #f2d6a6, #c4703f); color: #1a1208; box-shadow: 0 18px 40px -16px rgba(214,167,94,.8); transition: transform .4s cubic-bezier(.2,.8,.2,1); }
.ft-go svg { width: 20px; height: 20px; }
.ft-go:hover { color: #fff; }
.ft-go:hover i { transform: rotate(45deg) scale(1.06); }
@media (max-width: 860px) {
  .ft-stage { grid-template-columns: auto minmax(0, 1fr); }
  .ft-go { grid-column: 1 / -1; }
  .ft-emblem { width: 96px; height: 96px; }
  .ft-ring.r1 { -webkit-mask: radial-gradient(circle, transparent 45px, #000 46px); mask: radial-gradient(circle, transparent 45px, #000 46px); }
  .ft-ring.r2 { inset: 9px; -webkit-mask: radial-gradient(circle, transparent 37px, #000 38px); mask: radial-gradient(circle, transparent 37px, #000 38px); }
  .ft-tile { width: 60px; height: 60px; border-radius: 18px; } .ft-tile .n-mark { width: 34px; height: 34px; }
}
@media (prefers-reduced-motion: reduce) { .ft-ring, .ft-tile, .tix::after, .ev3-bg i { animation: none; } }
.ft-stage { padding-left: var(--gutter); padding-right: var(--gutter); padding-block: clamp(28px, 4vw, 48px); }

/* =========================================================
   GÜNCELLEME 10
   ========================================================= */
/* Kurumsal: kendi N logomuz, halkasız; üzerine gelince koyu kalır */
.corp-logo { width: 46px; height: 46px; flex-shrink: 0; display: grid; place-items: center; border-radius: 14px; background: linear-gradient(160deg, rgba(255,255,255,.14), rgba(255,255,255,.04)); box-shadow: inset 0 0 0 1px rgba(255,255,255,.14), 0 0 24px -8px rgba(214,167,94,.7); }
.corp-logo .n-mark { width: 28px; height: 28px; }
.main-nav .mega-corp .corp-hero:hover, .main-nav .mega-corp .corp-hero[aria-current] { background: linear-gradient(135deg, rgba(214,167,94,.28), rgba(255,255,255,.06)); color: #fff; }
.main-nav .mega-corp .corp-hero:hover .corp-hero-t small { color: rgba(255,255,255,.75); }
.corp-ring, .corp-orbit { display: none; }
/* Mobil menü: koyu düğmede açık yazı */
.main-nav .nav-mobile-extra .btn-dark, .is-home:not(.is-scrolled) .main-nav .nav-mobile-extra .btn-dark { color: #fff; }
.main-nav .nav-mobile-extra .btn-light, .is-home:not(.is-scrolled) .main-nav .nav-mobile-extra .btn-light { color: var(--ink); }
/* Başlık: orta genişliklerde sığdır */
.ql-ic { display: none; }
.ql-ic svg { width: 17px; height: 17px; }
@media (min-width: 961px) and (max-width: 1240px) {
  .main-nav > ul > li > a, .main-nav .nav-drop { padding-left: 10px; padding-right: 10px; font-size: .88rem; }
  .quote-link .ql-t { display: none; }
  .quote-link .ql-ic { display: inline-grid; }
  .quote-link { gap: 6px; padding-left: 14px; padding-right: 8px; }
}
@media (max-width: 360px) {
  .brand .logo { height: 22px; width: auto; }
  .header-actions { gap: 4px; }
  .header-actions .hd-btn, .menu-toggle { width: 38px; height: 38px; }
  .site-header > .wrap, .header-in { padding-left: 10px; padding-right: 10px; }
}

/* ---------- Network marketingde kitapların önemi ---------- */
.why-books { position: relative; overflow: hidden; isolation: isolate; padding: clamp(80px, 10vw, 140px) 0; background: #0b0908; color: #fff; }
.wb-bg { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.wb-bg i { position: absolute; border-radius: 50%; filter: blur(90px); opacity: .55; }
.wb-bg .o1 { width: 46vw; height: 46vw; right: -6vw; top: 10%; background: radial-gradient(circle, rgba(214,167,94,.5), transparent 65%); animation: m2drift 22s ease-in-out infinite alternate; }
.wb-bg .o2 { width: 36vw; height: 36vw; left: -12vw; bottom: -10vw; background: radial-gradient(circle, rgba(155,79,107,.4), transparent 65%); animation: m2drift 26s ease-in-out infinite alternate-reverse; }
.wb-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: clamp(32px, 6vw, 96px); }
.wb-copy h2 { margin: 0 0 20px; font-size: clamp(2.3rem, 4.6vw, 4rem); line-height: 1.02; letter-spacing: -0.055em; color: #fff; text-wrap: balance; }
.wb-copy h2::before { display: none; }
.wb-lead { margin: 0 0 28px; max-width: 54ch; font-size: 1.08rem; line-height: 1.65; color: rgba(255,255,255,.68); }
.wb-points { list-style: none; margin: 0 0 32px; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.wb-points li { display: flex; gap: 12px; padding: 16px; border-radius: 18px; background: rgba(255,255,255,.04); box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); transition: background-color .3s, transform .3s; }
.wb-points li:hover { background: rgba(214,167,94,.08); transform: translateY(-2px); }
.wb-points b { font-size: .78rem; font-weight: 800; letter-spacing: .08em; color: #f2d6a6; padding-top: 3px; }
.wb-points span { display: grid; gap: 4px; font-size: .9rem; line-height: 1.5; color: rgba(255,255,255,.62); }
.wb-points strong { color: #fff; font-size: 1rem; }
.wb-visual { position: relative; width: 100%; max-width: 560px; aspect-ratio: 1; justify-self: center; }
.wb-glow { position: absolute; inset: 8%; border-radius: 50%; background: radial-gradient(circle, rgba(214,167,94,.45), transparent 65%); filter: blur(40px); animation: lgBreathe 6s ease-in-out infinite; }
.wb-n { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; gap: 2.2%; overflow: hidden; transform: rotate(-8deg) scale(1.12);
  -webkit-mask: url("../img/n-mask.svg") center / 82% no-repeat; mask: url("../img/n-mask.svg") center / 82% no-repeat; }
.wb-row { display: flex; width: max-content; animation: wbMove var(--d, 30s) linear infinite; }
.wb-row.is-rev { animation-direction: reverse; }
.wb-run { display: flex; gap: 10px; padding-right: 10px; }
.wb-run img { width: clamp(64px, 8vw, 104px); aspect-ratio: 3 / 4; object-fit: cover; border-radius: 8px; box-shadow: 0 10px 20px -10px rgba(0,0,0,.8); }
@keyframes wbMove { to { transform: translateX(-50%); } }
.wb-edge { position: absolute; inset: 9%; width: 82%; height: 82%; overflow: visible; filter: drop-shadow(0 0 12px rgba(242,214,166,.55)); }
.wb-edge path { stroke: #f2d6a6; stroke-width: .35; stroke-linejoin: round; stroke-dasharray: 160; stroke-dashoffset: 160; animation: wbDraw 3.2s cubic-bezier(.6,0,.2,1) .3s forwards; }
@keyframes wbDraw { to { stroke-dashoffset: 0; } }
@media (max-width: 960px) { .wb-grid { grid-template-columns: 1fr; } .wb-visual { max-width: 420px; order: -1; } }
@media (max-width: 560px) { .wb-points { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .wb-row, .wb-glow, .wb-bg i { animation: none; } .wb-edge path { animation: none; stroke-dashoffset: 0; } }
.event-body > * { min-width: 0; }
@media (max-width: 960px) { .event-body { grid-template-columns: minmax(0, 1fr); } }
/* Maske sabit kalsın, yalnızca kitap sıraları eğik aksın */
.wb-n { transform: none; display: block; }
.wb-tilt { position: absolute; inset: -18%; display: flex; flex-direction: column; justify-content: center; gap: 2%; transform: rotate(-10deg); }

/* =========================================================
   GÜNCELLEME 11 — Ana sayfa tamamen koyu, vitrin, sade blog, yazarlar
   ========================================================= */
.is-home main { background: #09080a; }
.is-home .qcta { padding: clamp(56px, 7vw, 96px) 0 clamp(40px, 5vw, 72px); background: #09080a; }
.is-home .qcta-card { box-shadow: 0 0 0 1px rgba(242,214,166,.18), 0 50px 90px -60px rgba(214,167,94,.5); }
.is-home .pre-footer { background: #09080a; }

/* Kitap vitrini */
.vit { position: relative; padding: clamp(72px, 9vw, 120px) 0 clamp(56px, 7vw, 96px); background: #09080a; color: #fff; overflow: hidden; }
.vit-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 20px 32px; margin-bottom: clamp(24px, 3vw, 36px); }
.vit-k { margin: 0 0 10px; color: rgba(255,255,255,.5); font-weight: 650; }
.vit-k b { color: #f2d6a6; }
.vit-head h2 { margin: 0; font-size: clamp(2.8rem, 7vw, 6rem); line-height: .92; letter-spacing: -0.06em; color: #fff; }
.vit-head h2::before { display: none; }
.vit-tabs { display: flex; gap: 4px; padding: 5px; border-radius: 999px; background: rgba(255,255,255,.05); box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); overflow-x: auto; scrollbar-width: none; max-width: 100%; }
.vit-tabs::-webkit-scrollbar { display: none; }
.vit-tabs button { flex-shrink: 0; height: 38px; padding: 0 16px; border: 0; border-radius: 999px; background: none; color: rgba(255,255,255,.65); font: inherit; font-weight: 650; font-size: .88rem; cursor: pointer; transition: background-color .25s, color .25s; }
.vit-tabs button:hover { color: #fff; }
.vit-tabs button[aria-pressed="true"] { background: #f2d6a6; color: #1a1208; }
.vit-track { --edge: max(var(--gutter), calc((100vw - var(--wrap)) / 2 + var(--gutter))); display: flex; gap: clamp(14px, 1.6vw, 22px); overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-left: var(--edge); padding: 10px var(--edge) 24px; scrollbar-width: none; cursor: grab; outline: none; }
.vit-track::-webkit-scrollbar { display: none; }
.vit-track.is-drag { cursor: grabbing; scroll-snap-type: none; }
.vit-track.is-drag .vit-item { pointer-events: none; }
.vit-item { position: relative; flex: 0 0 clamp(210px, 22vw, 280px); scroll-snap-align: start; display: flex; flex-direction: column; gap: 14px; color: #fff; text-decoration: none; user-select: none; -webkit-user-drag: none; }
.vit-item[hidden] { display: none; }
.vit-no { font-size: .78rem; font-weight: 800; letter-spacing: .14em; color: rgba(255,255,255,.35); transition: color .3s; }
.vit-img { position: relative; display: block; border-radius: 22px; overflow: hidden; background: #fff; box-shadow: 0 30px 50px -30px rgba(0,0,0,.9); transition: transform .5s cubic-bezier(.2,.8,.2,1), box-shadow .5s; }
.vit-img .cover-frame { aspect-ratio: 4 / 5; border-radius: 22px; }
.vit-img img { pointer-events: none; }
.vit-img::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); pointer-events: none; transition: box-shadow .4s; }
.vit-audio { position: absolute; left: 12px; top: 12px; display: inline-flex; align-items: center; gap: 5px; height: 28px; padding: 0 11px; border-radius: 999px; background: var(--sg-grad); color: #fff; font-size: .72rem; font-weight: 800; }
.vit-audio svg { width: 12px; height: 12px; }
.vit-meta { display: grid; gap: 4px; }
.vit-meta b { font-size: 1.08rem; line-height: 1.25; letter-spacing: -0.02em; min-height: 2.5em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.vit-meta small { color: rgba(255,255,255,.5); font-size: .86rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vit-cta { display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; height: 36px; padding: 0 14px; border-radius: 999px; background: rgba(255,255,255,.07); box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); font-size: .82rem; font-weight: 750; transition: background-color .3s, color .3s; }
.vit-cta svg { width: 13px; height: 13px; transition: transform .3s; }
.vit-item:hover .vit-img { transform: translateY(-8px); box-shadow: 0 44px 60px -30px rgba(214,167,94,.55); }
.vit-item:hover .vit-img::after { box-shadow: inset 0 0 0 1.5px rgba(242,214,166,.7); }
.vit-item:hover .vit-no { color: #f2d6a6; }
.vit-item:hover .vit-cta { background: #f2d6a6; color: #1a1208; }
.vit-item:hover .vit-cta svg { transform: rotate(45deg); }
.vit-foot { display: flex; align-items: center; gap: 12px; margin-top: 8px; }
.vit-bar { flex: 1; height: 3px; border-radius: 3px; background: rgba(255,255,255,.1); overflow: hidden; }
.vit-bar i { display: block; height: 100%; width: 20%; border-radius: 3px; background: linear-gradient(90deg, #d6a75e, #f2d6a6); transform-origin: left; transition: width .2s; }
.vit-count { min-width: 64px; font-size: .82rem; font-weight: 700; color: rgba(255,255,255,.55); font-variant-numeric: tabular-nums; text-align: right; }
.vit-arrow { width: 48px; height: 48px; border: 0; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.06); box-shadow: inset 0 0 0 1px rgba(255,255,255,.14); color: #fff; cursor: pointer; transition: background-color .25s, color .25s; }
.vit-arrow:hover { background: #f2d6a6; color: #1a1208; }
.vit-arrow svg { width: 20px; height: 20px; }
.vit-arrow:disabled { opacity: .35; cursor: default; background: rgba(255,255,255,.06); color: #fff; }
.vit-all { display: inline-flex; align-items: center; gap: 8px; margin-left: 8px; color: #f2d6a6; font-weight: 750; text-decoration: none; white-space: nowrap; }
.vit-all:hover { color: #fff; }
.vit-all svg { width: 15px; height: 15px; }
@media (max-width: 640px) { .vit-item { flex-basis: 64vw; } .vit-arrow { display: none; } .vit-foot { flex-wrap: wrap; } }

/* Blog: sade numaralı liste */
.jr2 { padding: clamp(72px, 9vw, 120px) 0; background: #09080a; color: #fff; }
.jr2-grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(32px, 6vw, 96px); align-items: start; }
.jr2-side { position: sticky; top: calc(var(--header-h) + 30px); display: grid; gap: 18px; justify-items: start; }
.jr2-side h2 { margin: 0; font-size: clamp(2.2rem, 4.4vw, 3.8rem); line-height: 1; letter-spacing: -0.055em; color: #fff; }
.jr2-side h2::before { display: none; }
.jr2-side p { margin: 0; color: rgba(255,255,255,.6); max-width: 36ch; line-height: 1.6; }
.jr2-list { list-style: none; margin: 0; padding: 0; counter-reset: none; }
.jr2-list li { border-top: 1px solid rgba(255,255,255,.1); }
.jr2-list li:last-child { border-bottom: 1px solid rgba(255,255,255,.1); }
.jr2-list a { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; align-items: center; gap: 18px; padding: clamp(20px, 2.4vw, 30px) 4px; color: #fff; text-decoration: none; transition: padding-left .4s cubic-bezier(.2,.8,.2,1), background-color .4s; }
.jr2-no { font-size: .82rem; font-weight: 800; letter-spacing: .12em; color: rgba(255,255,255,.35); transition: color .3s; }
.jr2-t { display: grid; gap: 6px; min-width: 0; }
.jr2-t small { font-size: .78rem; font-weight: 700; letter-spacing: .04em; color: rgba(255,255,255,.45); }
.jr2-t b { font-size: clamp(1.15rem, 2vw, 1.6rem); line-height: 1.2; letter-spacing: -0.03em; }
.jr2-go { width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center; box-shadow: inset 0 0 0 1px rgba(255,255,255,.18); transition: background-color .3s, color .3s, transform .4s; }
.jr2-go svg { width: 16px; height: 16px; }
.jr2-list a:hover { padding-left: 16px; background: linear-gradient(90deg, rgba(214,167,94,.08), transparent 70%); }
.jr2-list a:hover .jr2-no { color: #f2d6a6; }
.jr2-list a:hover .jr2-go { background: #f2d6a6; color: #1a1208; transform: rotate(45deg); }
@media (max-width: 860px) { .jr2-grid { grid-template-columns: 1fr; } .jr2-side { position: static; } .jr2-list a { grid-template-columns: 40px minmax(0, 1fr) auto; gap: 12px; } .jr2-go { width: 40px; height: 40px; } }

/* Yazarlar sayfası */
.au-hero { position: relative; overflow: hidden; isolation: isolate; padding: clamp(56px, 8vw, 110px) 0 clamp(120px, 14vw, 180px); background: #09080a; color: #fff; margin-top: 14px; border-radius: 0 0 40px 40px; }
.au-hero::before { content: ""; position: absolute; z-index: -1; width: 60vw; height: 60vw; right: -16vw; top: -30vw; border-radius: 50%; background: radial-gradient(circle, rgba(214,167,94,.4), transparent 65%); filter: blur(60px); }
.au-hero h1 { margin: 0 0 18px; max-width: 16ch; font-size: clamp(2.5rem, 6vw, 5rem); line-height: .98; letter-spacing: -0.055em; color: #fff; }
.au-hero h1::before { display: none; }
.au-hero p { margin: 0 0 32px; max-width: 54ch; color: rgba(255,255,255,.65); font-size: 1.08rem; line-height: 1.6; }
.au-stats { display: flex; gap: clamp(28px, 5vw, 64px); margin: 0; }
.au-stats div { display: flex; flex-direction: column-reverse; }
.au-stats dd { margin: 0; font-size: clamp(2.4rem, 5vw, 3.8rem); font-weight: 800; line-height: 1; letter-spacing: -0.05em; background: linear-gradient(180deg, #fff9ec, #d6a75e); -webkit-background-clip: text; background-clip: text; color: transparent; }
.au-stats dt { margin-top: 6px; color: rgba(255,255,255,.5); font-weight: 650; }
.au-spot-wrap { margin-top: clamp(-96px, -10vw, -72px); position: relative; z-index: 2; }
.au-spot { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); overflow: hidden; border-radius: 32px; background: var(--card); color: var(--ink); text-decoration: none; box-shadow: 0 40px 80px -50px rgba(20,12,6,.6), 0 0 0 1px var(--line); transition: transform .45s cubic-bezier(.2,.8,.2,1); }
.au-spot:hover { transform: translateY(-4px); color: var(--ink); }
.au-spot-photo { position: relative; min-height: 380px; background: #1a1714; }
.au-spot-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.au-spot-body { display: grid; align-content: center; gap: 12px; padding: clamp(28px, 4vw, 52px); }
.au-tag { justify-self: start; padding: 6px 12px; border-radius: 999px; background: #fbf0dc; color: #9a6a1d; font-size: .74rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.au-spot-body > b { font-size: clamp(2rem, 3.6vw, 3rem); line-height: 1; letter-spacing: -0.045em; }
.au-role { color: #8a5f2a; font-weight: 700; }
.au-spot-body q { font-size: 1.12rem; line-height: 1.6; color: #3d3a35; quotes: "“" "”"; }
.au-bio { color: var(--muted); line-height: 1.6; }
.au-books { display: flex; align-items: center; gap: 8px; margin-top: 6px; }
.au-bk { width: 58px; border-radius: 10px; overflow: hidden; box-shadow: 0 10px 20px -12px rgba(0,0,0,.5); }
.au-bk .cover-frame { aspect-ratio: 3 / 4; border-radius: 10px; }
.au-books em { margin-left: 8px; font-style: normal; font-weight: 700; color: var(--muted); }
.au-go { justify-self: start; display: inline-flex; align-items: center; gap: 8px; margin-top: 8px; height: 46px; padding: 0 20px; border-radius: 999px; background: var(--ink); color: #fff; font-weight: 750; }
.au-go svg { width: 15px; height: 15px; }
.au-list { padding: clamp(40px, 6vw, 72px) 0 clamp(64px, 8vw, 110px); }
.au-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin-bottom: 24px; }
.au-search { flex: 1 1 260px; display: flex; align-items: center; gap: 10px; height: 52px; padding: 0 18px; border-radius: 999px; background: var(--card); box-shadow: 0 0 0 1px var(--line); }
.au-search svg { width: 18px; height: 18px; color: var(--muted); }
.au-search input { flex: 1; min-width: 0; border: 0; background: none; font: inherit; outline: none; }
.au-chips { display: flex; flex-wrap: wrap; gap: 4px; }
.au-chips button { height: 40px; padding: 0 14px; border: 0; border-radius: 999px; background: var(--field); font: inherit; font-weight: 650; font-size: .86rem; color: var(--muted); cursor: pointer; }
.au-chips button[aria-pressed="true"] { background: var(--ink); color: #fff; }
.au-sort { display: inline-flex; align-items: center; gap: 8px; font-size: .86rem; font-weight: 650; color: var(--muted); }
.au-sort select { height: 40px; padding: 0 12px; border: 0; border-radius: 12px; background: var(--field); font: inherit; color: var(--ink); }
.au-n { margin-left: auto; font-size: .86rem; font-weight: 700; color: var(--muted); }
.au-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: clamp(16px, 2vw, 26px); }
.au-card[hidden] { display: none; }
.au-card > a { display: grid; gap: 14px; color: var(--ink); text-decoration: none; }
.au-photo { position: relative; display: block; aspect-ratio: 4 / 5; border-radius: 26px; overflow: hidden; background: linear-gradient(160deg, #2a2420, #141110); box-shadow: 0 30px 50px -36px rgba(20,12,6,.7); }
.au-photo img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(.25); transition: filter .5s, transform .8s cubic-bezier(.2,.8,.2,1); }
.au-ini { position: absolute; inset: 0; display: grid; place-items: center; font-size: 3rem; font-weight: 800; color: rgba(255,255,255,.7); }
.au-badges { position: absolute; left: 12px; top: 12px; display: flex; gap: 6px; }
.au-badges span { display: inline-flex; align-items: center; gap: 5px; height: 28px; padding: 0 11px; border-radius: 999px; background: rgba(255,255,255,.92); font-size: .74rem; font-weight: 800; color: var(--ink); }
.au-badges .is-audio { background: var(--sg-grad); color: #fff; }
.au-badges svg { width: 12px; height: 12px; }
.au-reveal { position: absolute; inset: auto 0 0 0; display: grid; gap: 12px; padding: 60px 18px 18px; background: linear-gradient(180deg, transparent, rgba(10,8,7,.92) 45%); color: #fff; opacity: 0; transform: translateY(14px); transition: opacity .35s, transform .45s cubic-bezier(.2,.8,.2,1); }
.au-reveal span { font-size: .9rem; line-height: 1.5; color: rgba(255,255,255,.85); }
.au-reveal b { display: inline-flex; align-items: center; gap: 6px; color: #f2d6a6; font-size: .86rem; }
.au-reveal svg { width: 14px; height: 14px; }
.au-card > a:hover .au-photo img { filter: none; }
.au-card > a:hover .au-reveal, .au-card > a:focus-visible .au-reveal { opacity: 1; transform: none; }
.au-info { display: grid; gap: 3px; }
.au-info b { font-size: 1.15rem; letter-spacing: -0.02em; }
.au-info small { color: var(--muted); font-size: .86rem; }
.au-mini { display: flex; gap: 6px; }
.au-mini span { width: 44px; border-radius: 8px; overflow: hidden; box-shadow: 0 6px 14px -8px rgba(0,0,0,.4); }
.au-mini .cover-frame { aspect-ratio: 3 / 4; border-radius: 8px; }
.au-empty { padding: 40px; text-align: center; color: var(--muted); }
@media (hover: none) { .au-reveal { display: none; } }
@media (max-width: 860px) { .au-spot { grid-template-columns: 1fr; } .au-spot-photo { min-height: 300px; } .au-n { margin-left: 0; } }
.au-search input, .au-search input:focus { border: 0; box-shadow: none; outline: none; padding: 0; height: 100%; background: none; border-radius: 0; }
.au-search:focus-within { box-shadow: 0 0 0 2px #b8873f; }

/* =========================================================
   GÜNCELLEME 12 — Tipografik kitap rafı (imleçte kapak) · Yazarlar paralaks
   ========================================================= */
.sh2 { position: relative; padding: clamp(80px, 10vw, 140px) 0; background: #09080a; color: #fff; }
.sh2-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 18px 32px; margin-bottom: clamp(28px, 4vw, 48px); }
.sh2-head h2 { margin: 0; font-size: clamp(2.8rem, 7.5vw, 6.6rem); line-height: .9; letter-spacing: -0.065em; color: #fff; }
.sh2-head h2::before { display: none; }
.sh2-head sup { margin-left: 10px; font-size: .2em; letter-spacing: 0; vertical-align: top; color: #f2d6a6; font-weight: 700; }
.sh2-tabs { display: flex; flex-wrap: wrap; gap: 4px 18px; max-width: 640px; }
.sh2-tabs button { padding: 4px 0; border: 0; background: none; color: rgba(255,255,255,.45); font: inherit; font-weight: 650; font-size: .92rem; cursor: pointer; position: relative; transition: color .25s; }
.sh2-tabs button::after { content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 2px; border-radius: 2px; background: #f2d6a6; transform: scaleX(0); transform-origin: left; transition: transform .35s cubic-bezier(.2,.8,.2,1); }
.sh2-tabs button:hover { color: #fff; }
.sh2-tabs button[aria-pressed="true"] { color: #fff; }
.sh2-tabs button[aria-pressed="true"]::after { transform: scaleX(1); }
.sh2-list { list-style: none; margin: 0; padding: 0; }
.sh2-list li { border-top: 1px solid rgba(255,255,255,.1); transition: opacity .35s; }
.sh2-list li:last-child { border-bottom: 1px solid rgba(255,255,255,.1); }
.sh2-list li[hidden] { display: none; }
.sh2-list a { position: relative; display: grid; grid-template-columns: 56px minmax(0, 1fr) minmax(0, 220px) minmax(0, 180px) auto; align-items: center; gap: 20px; padding: clamp(18px, 2.2vw, 28px) 0; color: #fff; text-decoration: none; }
.sh2-no { font-size: .8rem; font-weight: 800; letter-spacing: .14em; color: rgba(255,255,255,.35); }
.sh2-thumb { display: none; }
.sh2-t { font-size: clamp(1.4rem, 3vw, 2.7rem); font-weight: 750; line-height: 1.05; letter-spacing: -0.045em; transition: transform .5s cubic-bezier(.2,.8,.2,1), color .3s; background: linear-gradient(100deg, #fff, #fff) 0 0 / 100% 100%; -webkit-background-clip: text; background-clip: text; }
.sh2-t em { display: inline-grid; place-items: center; width: 28px; height: 28px; margin-left: 6px; vertical-align: middle; border-radius: 50%; background: var(--sg-grad); color: #fff; font-style: normal; }
.sh2-t em svg { width: 14px; height: 14px; }
.sh2-a, .sh2-c { font-size: .9rem; color: rgba(255,255,255,.55); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sh2-c { color: rgba(255,255,255,.38); }
.sh2-go { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 16px; border-radius: 999px; font-size: .84rem; font-weight: 750; white-space: nowrap; box-shadow: inset 0 0 0 1px rgba(255,255,255,.16); transition: background-color .3s, color .3s; }
.sh2-go svg { width: 14px; height: 14px; transition: transform .35s; }
@media (hover: hover) {
  .sh2-list:hover li { opacity: .32; }
  .sh2-list:hover li:hover { opacity: 1; }
  .sh2-list a:hover .sh2-t { transform: translateX(18px); color: transparent; background-image: linear-gradient(100deg, #fff9ec, #f2d6a6 35%, #c4703f 70%, #b6577a); }
  .sh2-list a:hover .sh2-no { color: #f2d6a6; }
  .sh2-list a:hover .sh2-go { background: #f2d6a6; color: #1a1208; box-shadow: none; }
  .sh2-list a:hover .sh2-go svg { transform: rotate(45deg); }
}
.sh2-float { position: fixed; z-index: 30; left: 0; top: 0; width: clamp(200px, 18vw, 280px); aspect-ratio: 4 / 5; border-radius: 20px; overflow: hidden; pointer-events: none; opacity: 0; transform: translate3d(-50%, -50%, 0) scale(.6); transition: opacity .3s, transform .35s cubic-bezier(.2,.8,.2,1); box-shadow: 0 40px 80px -30px rgba(0,0,0,.9), 0 0 0 1px rgba(242,214,166,.3); background: #141217; will-change: transform, left, top; }
.sh2-float.is-on { opacity: 1; }
.sh2-float img { width: 100%; height: 100%; object-fit: cover; }
.sh2-all { display: inline-flex; align-items: center; gap: 16px; margin-top: clamp(28px, 4vw, 44px); color: #fff; font-weight: 750; font-size: 1.1rem; text-decoration: none; }
.sh2-all i { width: 64px; height: 64px; border-radius: 50%; display: grid; place-items: center; background: linear-gradient(145deg, #f2d6a6, #c4703f); color: #1a1208; transition: transform .4s cubic-bezier(.2,.8,.2,1); }
.sh2-all svg { width: 20px; height: 20px; }
.sh2-all:hover { color: #fff; }
.sh2-all:hover i { transform: rotate(45deg) scale(1.06); }
@media (max-width: 960px) {
  .sh2-list a { grid-template-columns: 64px minmax(0, 1fr) auto; gap: 14px; }
  .sh2-no, .sh2-c, .sh2-a { display: none; }
  .sh2-thumb { display: block; width: 64px; border-radius: 12px; overflow: hidden; }
  .sh2-thumb .cover-frame { aspect-ratio: 1; border-radius: 12px; }
  .sh2-thumb .cover-img { object-fit: cover; padding: 0; }
  .sh2-t { font-size: 1.15rem; }
  .sh2-go { width: 40px; padding: 0; justify-content: center; font-size: 0; gap: 0; }
  .sh2-float { display: none; }
}

/* Yazarlar: koyu sahne, paralaks sütunlar, imleçte "İncele" */
.is-dark-page main { background: #09080a; color: #fff; }
.au2 { position: relative; overflow: hidden; padding: clamp(40px, 6vw, 80px) 0 clamp(80px, 10vw, 160px); }
.au2::before { content: ""; position: absolute; z-index: 0; width: 60vw; height: 60vw; right: -20vw; top: -20vw; border-radius: 50%; background: radial-gradient(circle, rgba(214,167,94,.32), transparent 65%); filter: blur(70px); pointer-events: none; }
.au2 > .wrap { position: relative; z-index: 1; }
.au2-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 20px 40px; margin-bottom: clamp(40px, 6vw, 80px); }
.au2-head h1 { margin: 0 0 16px; font-size: clamp(2.8rem, 7.5vw, 6.6rem); line-height: .9; letter-spacing: -0.065em; color: #fff; max-width: 11ch; }
.au2-head h1::before { display: none; }
.au2-head p { margin: 0; max-width: 52ch; color: rgba(255,255,255,.6); line-height: 1.6; }
.au2-search { display: flex; align-items: center; gap: 10px; width: min(340px, 100%); height: 54px; padding: 0 20px; border-radius: 999px; background: rgba(255,255,255,.06); box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); color: rgba(255,255,255,.6); }
.au2-search svg { width: 18px; height: 18px; }
.au2-search input, .au2-search input:focus { flex: 1; min-width: 0; height: 100%; border: 0; padding: 0; background: none; color: #fff; font: inherit; outline: none; box-shadow: none; }
.au2-search:focus-within { box-shadow: inset 0 0 0 1.5px #f2d6a6; }
.au2-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(14px, 2vw, 28px); align-items: start; }
.au2-grid li { will-change: transform; }
.au2-grid li[hidden] { display: none; }
.au2-grid li:nth-child(4n+2), .au2-grid li:nth-child(4n+4) { margin-top: clamp(40px, 6vw, 90px); }
.au2-card { position: relative; display: block; aspect-ratio: 3 / 4; border-radius: 26px; overflow: hidden; background: linear-gradient(160deg, #2a2420, #121010); color: #fff; text-decoration: none; isolation: isolate; }
.au2-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(1.05); transform: scale(1.04); transition: filter .6s, transform 1s cubic-bezier(.2,.8,.2,1); }
.au2-card::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, transparent 45%, rgba(8,6,6,.9)); transition: opacity .5s; }
.au2-ini { position: absolute; inset: 0; display: grid; place-items: center; font-size: 3.4rem; font-weight: 800; color: rgba(255,255,255,.4); }
.au2-info { position: absolute; z-index: 2; left: 20px; right: 20px; bottom: 18px; display: grid; gap: 4px; }
.au2-info b { font-size: clamp(1.25rem, 2vw, 1.7rem); line-height: 1.05; letter-spacing: -0.035em; }
.au2-info small { color: rgba(255,255,255,.6); font-size: .84rem; }
.au2-go { position: absolute; z-index: 2; right: 16px; top: 16px; width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.12); backdrop-filter: blur(8px); transition: background-color .3s, color .3s, transform .4s; }
.au2-go svg { width: 16px; height: 16px; }
.au2-card:hover img, .au2-card:focus-visible img { filter: none; transform: scale(1); }
.au2-card:hover .au2-go { background: #f2d6a6; color: #1a1208; transform: rotate(45deg); }
.au2-cursor { position: fixed; z-index: 40; left: 0; top: 0; width: 96px; height: 96px; margin: -48px 0 0 -48px; border-radius: 50%; display: grid; place-items: center; background: linear-gradient(145deg, #f2d6a6, #c4703f); color: #1a1208; font-weight: 800; font-size: .86rem; pointer-events: none; opacity: 0; transform: scale(.3); transition: opacity .25s, transform .35s cubic-bezier(.2,.8,.2,1); box-shadow: 0 20px 40px -14px rgba(214,167,94,.7); }
.au2-cursor.is-on { opacity: 1; transform: scale(1); }
@media (hover: hover) and (pointer: fine) { .au2-grid.has-cursor .au2-card { cursor: none; } .au2-grid.has-cursor .au2-go { opacity: 0; } }
.au2-empty { padding: 40px 0; color: rgba(255,255,255,.6); }
@media (max-width: 1100px) { .au2-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .au2-grid li:nth-child(4n+2), .au2-grid li:nth-child(4n+4) { margin-top: 0; } .au2-grid li:nth-child(3n+2) { margin-top: clamp(30px, 5vw, 60px); } }
@media (max-width: 700px) { .au2-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .au2-grid li:nth-child(3n+2) { margin-top: 0; } .au2-grid li:nth-child(2n) { margin-top: 36px; } .au2-cursor { display: none; } }
@media (prefers-reduced-motion: reduce) { .au2-grid li { transform: none !important; } }

/* =========================================================
   GÜNCELLEME 13
   ========================================================= */
/* Ana sayfa: alttaki açık bant kalmasın */
body.is-home { background: #09080a; }
.is-home .pre-footer, .is-home .site-footer { margin-top: 0; }
/* İç sayfalar: üstte boş alan bırakma */
.page-head { padding: clamp(18px, 2.6vw, 34px) 0 clamp(6px, 1.2vw, 14px); }
.page-head + .section, .page-head + section { padding-top: clamp(14px, 2vw, 26px); }
.page-head h1 { margin-top: 6px; }

/* Kitap rafı: iki satırlı atlı karınca */
.sh3 { position: relative; overflow: hidden; padding: clamp(72px, 9vw, 120px) 0; background: #09080a; color: #fff; }
.sh3-head { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: end; gap: 16px 40px; margin-bottom: clamp(28px, 4vw, 48px); }
.sh3-head h2 { margin: 0; font-size: clamp(2.6rem, 6.5vw, 5.6rem); line-height: .9; letter-spacing: -0.065em; color: #fff; }
.sh3-head h2::before { display: none; }
.sh3-head sup { margin-left: 8px; font-size: .22em; letter-spacing: 0; vertical-align: top; color: #f2d6a6; font-weight: 700; }
.sh3-head p { margin: 0; max-width: 48ch; color: rgba(255,255,255,.6); line-height: 1.6; }
.sh3-head .sh2-all { margin-top: 0; }
.sh3-rows { display: grid; gap: clamp(16px, 2vw, 26px); -webkit-mask: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.sh3-row { display: flex; width: max-content; animation: wbMove var(--d, 60s) linear infinite; }
.sh3-row.is-rev { animation-direction: reverse; }
.sh3-rows:hover .sh3-row { animation-play-state: paused; }
.sh3-run { display: flex; gap: clamp(14px, 1.6vw, 22px); padding-right: clamp(14px, 1.6vw, 22px); }
.sh3-card { width: clamp(150px, 15vw, 210px); display: grid; gap: 10px; color: #fff; text-decoration: none; }
.sh3-img { position: relative; display: block; border-radius: 18px; overflow: hidden; background: #fff; box-shadow: 0 24px 40px -26px rgba(0,0,0,.9); transition: transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s; }
.sh3-img .cover-frame { aspect-ratio: 4 / 5; border-radius: 18px; }
.sh3-audio { position: absolute; left: 10px; top: 10px; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: var(--sg-grad); color: #fff; }
.sh3-audio svg { width: 14px; height: 14px; }
.sh3-meta { display: grid; gap: 2px; }
.sh3-meta b { font-size: .95rem; line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sh3-meta small { font-size: .8rem; color: rgba(255,255,255,.5); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sh3-card:hover .sh3-img { transform: translateY(-6px); box-shadow: 0 0 0 2px #f2d6a6, 0 30px 50px -24px rgba(214,167,94,.6); }
.sh3-card:hover .sh3-meta b { color: #f2d6a6; }
@media (max-width: 860px) { .sh3-head { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .sh3-row { animation: none; } .sh3-rows { overflow-x: auto; } }
/* Menü akışta olduğu için başlık yüksekliği ikinci kez eklenmesin (boş üst alan kalmasın) */
.blog-hero { padding: clamp(18px, 2.6vw, 34px) 0 6px; }
.blog-hero + section, .blog-hero + .section { padding-top: clamp(18px, 2.4vw, 30px); }
.art-head { padding-top: clamp(18px, 2.6vw, 34px); }
.auth, .acc { padding-top: clamp(18px, 2.6vw, 34px); }
/* Atlı karınca: kenar yumuşatma maske yerine katmanla (geniş hareketli içerikte güvenilir) */
.sh3-rows { -webkit-mask: none; mask: none; position: relative; }
.sh3-rows::before, .sh3-rows::after { content: ""; position: absolute; z-index: 2; top: 0; bottom: 0; width: 8vw; pointer-events: none; }
.sh3-rows::before { left: 0; background: linear-gradient(90deg, #09080a, transparent); }
.sh3-rows::after { right: 0; background: linear-gradient(270deg, #09080a, transparent); }
/* Atlı karınca: dev tek katman yerine iki yarı ayrı ayrı kayar (çizim sınırına takılmaz) */
.sh3-row { width: auto; overflow: hidden; animation: none; }
.sh3-run { flex-shrink: 0; animation: shRun var(--d, 60s) linear infinite; will-change: transform; }
.sh3-row.is-rev .sh3-run { animation-direction: reverse; }
.sh3-rows:hover .sh3-run { animation-play-state: paused; }
@keyframes shRun { to { transform: translateX(-100%); } }
@media (prefers-reduced-motion: reduce) { .sh3-run { animation: none; } .sh3-row { overflow-x: auto; } }

/* =========================================================
   GÜNCELLEME 14 — Okuma yolları ve Etkinlikler: ödüllü koyu sayfalar
   ========================================================= */
body.is-dark-page { background: #09080a; }
/* Etkinlikler */
.evp { padding-top: clamp(40px, 6vw, 80px); }
.evp .ev3-head h1 { margin: 14px 0 12px; font-size: clamp(2.4rem, 5.4vw, 4.8rem); line-height: .98; letter-spacing: -0.055em; color: #fff; max-width: 15ch; }
.evp .ev3-head h1::before { display: none; }
.evp .ev3-head p { margin: 0; max-width: 58ch; color: rgba(255,255,255,.62); font-size: 1.05rem; line-height: 1.6; }
.evp-list { display: grid; gap: clamp(18px, 2.4vw, 28px); }
.evp-past { margin-top: clamp(56px, 7vw, 96px); }
.evp-past h2 { margin: 0 0 18px; font-size: clamp(1.5rem, 2.4vw, 2rem); letter-spacing: -0.03em; color: #fff; }
.evp-past h2::before { display: none; }
.evp-past-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 10px; }
.evp-past .mtix { opacity: .7; }
.evp-past .mtix:hover { opacity: 1; }
/* Okuma yolları */
.ry-hero { position: relative; overflow: hidden; isolation: isolate; padding: clamp(40px, 6vw, 84px) 0 clamp(40px, 5vw, 64px); color: #fff; }
.ry-hero::before { content: ""; position: absolute; z-index: -1; width: 56vw; height: 56vw; right: -16vw; top: -24vw; border-radius: 50%; background: radial-gradient(circle, rgba(214,167,94,.36), transparent 65%); filter: blur(70px); }
.ry-k { margin: 0 0 14px; display: inline-flex; padding: 6px 14px; border-radius: 999px; background: rgba(242,214,166,.1); box-shadow: inset 0 0 0 1px rgba(242,214,166,.3); color: #f2d6a6; font-size: .76rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.ry-hero h1 { margin: 0 0 18px; max-width: 16ch; font-size: clamp(2.5rem, 6vw, 5.2rem); line-height: .96; letter-spacing: -0.06em; color: #fff; }
.ry-hero h1::before { display: none; }
.ry-lead { margin: 0 0 26px; max-width: 60ch; color: rgba(255,255,255,.65); font-size: 1.08rem; line-height: 1.6; }
.ry-how { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.ry-how li { display: inline-flex; align-items: center; gap: 10px; height: 46px; padding: 0 18px 0 6px; border-radius: 999px; background: rgba(255,255,255,.06); box-shadow: inset 0 0 0 1px rgba(255,255,255,.1); font-weight: 650; }
.ry-how b { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: linear-gradient(145deg, #f2d6a6, #c4703f); color: #1a1208; }
.ry-nav { position: sticky; z-index: 25; top: calc(var(--header-h) - 2px); background: rgba(9,8,10,.88); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-block: 1px solid rgba(255,255,255,.08); }
.ry-nav .wrap { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; }
.ry-nav a { flex-shrink: 0; display: inline-flex; align-items: center; gap: 10px; padding: 16px 14px; color: rgba(255,255,255,.55); font-weight: 650; text-decoration: none; border-bottom: 2px solid transparent; margin-bottom: -1px; transition: color .25s, border-color .25s; }
.ry-nav a span { font-size: .76rem; font-weight: 800; color: rgba(255,255,255,.35); }
.ry-nav a:hover, .ry-nav a.is-on { color: #fff; border-color: #f2d6a6; }
.ry-nav a.is-on span { color: #f2d6a6; }
.ry-ch { position: relative; padding: clamp(56px, 7vw, 104px) 0; color: #fff; scroll-margin-top: calc(var(--header-h) + 56px); border-bottom: 1px solid rgba(255,255,255,.06); }
.ry-ch:nth-child(even) { background: linear-gradient(180deg, rgba(255,255,255,.02), transparent); }
.ry-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(32px, 5vw, 80px); align-items: start; }
.ry-copy { position: sticky; top: calc(var(--header-h) + 80px); }
.ry-no { display: block; font-size: clamp(4rem, 9vw, 8rem); font-weight: 800; line-height: .8; letter-spacing: -0.06em; background: linear-gradient(180deg, rgba(242,214,166,.9), rgba(214,167,94,.05)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.ry-aud { margin: 14px 0 6px; color: #f2d6a6; font-weight: 700; }
.ry-copy h2 { margin: 0 0 12px; font-size: clamp(2rem, 3.6vw, 3.2rem); line-height: 1; letter-spacing: -0.045em; color: #fff; }
.ry-copy h2::before { display: none; }
.ry-sum { margin: 0 0 12px; color: rgba(255,255,255,.65); line-height: 1.65; max-width: 52ch; }
.ry-meta { margin: 0 0 20px; color: rgba(255,255,255,.5); font-size: .9rem; }
.ry-meta b { color: #fff; }
.ry-buy { border-radius: 24px; background: var(--card); color: var(--ink); padding: 4px; box-shadow: 0 30px 60px -40px rgba(0,0,0,.9); }
.ry-books { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 18px; counter-reset: none; }
.ry-books li { animation: s3In .6s cubic-bezier(.2,.8,.2,1) both; animation-delay: calc(var(--i) * 60ms); }
.ry-books a { position: relative; display: grid; gap: 10px; color: #fff; text-decoration: none; }
.ry-step { position: absolute; z-index: 2; left: -8px; top: -8px; width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: linear-gradient(145deg, #f2d6a6, #c4703f); color: #1a1208; font-weight: 800; font-size: .86rem; box-shadow: 0 8px 18px -6px rgba(0,0,0,.6); }
.ry-cover { display: block; border-radius: 16px; overflow: hidden; background: #fff; box-shadow: 0 24px 40px -26px rgba(0,0,0,.9); transition: transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s; }
.ry-cover .cover-frame { aspect-ratio: 4 / 5; border-radius: 16px; }
.ry-books a:hover .ry-cover { transform: translateY(-6px); box-shadow: 0 0 0 2px #f2d6a6, 0 30px 50px -24px rgba(214,167,94,.6); }
.ry-bt { display: grid; gap: 2px; }
.ry-bt b { font-size: .92rem; line-height: 1.25; }
.ry-bt small { font-size: .78rem; color: rgba(255,255,255,.5); }
.ry-books a:hover .ry-bt b { color: #f2d6a6; }
.ry-empty { padding: 60px 0; color: rgba(255,255,255,.7); }
@media (max-width: 960px) { .ry-grid { grid-template-columns: 1fr; } .ry-copy { position: static; } .ry-books { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.ry-buy { padding: 14px 16px; }

/* Kitap sayfası: Sepete ekle / Hemen teklif al */
.pdq-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.pdq-actions .btn { width: 100%; justify-content: center; }
@media (max-width: 420px) { .pdq-actions { grid-template-columns: 1fr; } }
/* Sepete eklendi bildirimi */
.cart-toast { position: fixed; z-index: 60; left: 50%; bottom: 22px; translate: -50% 140%; width: min(760px, calc(100% - 24px)); display: flex; align-items: center; gap: 12px; padding: 12px 12px 12px 14px; border-radius: 20px; background: #141217; color: #fff; box-shadow: 0 30px 60px -20px rgba(0,0,0,.6), 0 0 0 1px rgba(242,214,166,.25); transition: translate .5s cubic-bezier(.2,.8,.2,1); }
.cart-toast.is-in { translate: -50% 0; }
.ct-ic { width: 36px; height: 36px; flex-shrink: 0; border-radius: 50%; display: grid; place-items: center; background: #3ee07c; color: #062b14; } .ct-ic svg { width: 18px; height: 18px; }
.ct-t { flex: 1; min-width: 0; font-size: .92rem; line-height: 1.35; } .ct-t small { display: block; color: rgba(255,255,255,.6); font-size: .8rem; }
.cart-toast .ct-x { color: #fff; background: rgba(255,255,255,.08); }
@media (max-width: 760px) { .cart-toast { flex-wrap: wrap; bottom: calc(84px + env(safe-area-inset-bottom, 0px)); } .ct-t { flex-basis: calc(100% - 50px); } .cart-toast .btn { flex: 1; justify-content: center; } }

/* Sipariş listesi: fiyatlar ve fatura bilgileri */
.qi-price { display: block; margin-top: 4px; font-size: .88rem; } .qi-price b { color: var(--ink); } .qi-sum { font-size: .95rem; }
.bill { border: 0; padding: 18px 0 4px; margin: 6px 0 0; border-top: 1px solid var(--line); } .bill legend { padding: 0; margin-bottom: 10px; font-weight: 800; }
.bill .form-grid { margin-top: 12px; } .bill [hidden] { display: none !important; }

/* Kitap sayfası: paket seçimi */
.pkg { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 12px 0; }
.pkg-o { position: relative; display: grid; gap: 2px; padding: 12px 10px; border-radius: 14px; border: 1.5px solid var(--line); background: var(--card); cursor: pointer; text-align: center; transition: border-color .2s, box-shadow .2s; }
.pkg-o input { position: absolute; opacity: 0; pointer-events: none; }
.pkg-o:has(input:checked) { border-color: #b8873f; box-shadow: 0 0 0 3px rgba(214,167,94,.2); background: #fffaf1; }
.pkg-n { font-weight: 800; font-size: .92rem; } .pkg-p { font-weight: 800; font-size: 1.05rem; } .pkg-o small { color: var(--muted); font-size: .76rem; }
.pkg-total { margin-left: auto; font-size: .92rem; } .pdq-qty { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }

/* Set oluşturucu */
.sb-hero { position: relative; overflow: hidden; isolation: isolate; padding: clamp(40px, 6vw, 80px) 0 clamp(28px, 4vw, 44px); color: #fff; }
.sb-hero::before { content: ""; position: absolute; z-index: -1; width: 56vw; height: 56vw; right: -16vw; top: -26vw; border-radius: 50%; background: radial-gradient(circle, rgba(214,167,94,.34), transparent 65%); filter: blur(70px); }
.sb-hero h1 { margin: 0 0 16px; max-width: 18ch; font-size: clamp(2.4rem, 5.6vw, 4.8rem); line-height: .98; letter-spacing: -0.06em; color: #fff; } .sb-hero h1::before { display: none; }
.sb { padding: 0 0 clamp(64px, 8vw, 110px); color: #fff; }
.sb-grid { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: clamp(20px, 3vw, 40px); align-items: start; }
.sb-tools { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px; margin-bottom: 18px; }
.sb-search { display: flex; align-items: center; gap: 8px; height: 46px; padding: 0 16px; border-radius: 999px; background: rgba(255,255,255,.06); box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); color: rgba(255,255,255,.6); min-width: 240px; }
.sb-search svg { width: 16px; height: 16px; } .sb-search input, .sb-search input:focus { flex: 1; border: 0; background: none; color: #fff; font: inherit; outline: none; box-shadow: none; padding: 0; height: 100%; }
.sb-books { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 16px; }
.sb-books li[hidden] { display: none; }
.sb-card { width: 100%; display: grid; gap: 10px; padding: 0; border: 0; background: none; color: #fff; text-align: left; font: inherit; cursor: pointer; }
.sb-cover { position: relative; display: block; border-radius: 16px; overflow: hidden; background: #fff; box-shadow: 0 20px 40px -26px rgba(0,0,0,.9); transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s; }
.sb-cover .cover-frame { aspect-ratio: 4 / 5; border-radius: 16px; }
.sb-plus, .sb-no { position: absolute; right: 10px; top: 10px; width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; font-weight: 800; font-size: .9rem; transition: transform .3s, opacity .3s; }
.sb-plus { background: rgba(20,18,23,.78); color: #fff; backdrop-filter: blur(6px); } .sb-plus svg { width: 16px; height: 16px; }
.sb-no { background: linear-gradient(145deg, #f2d6a6, #c4703f); color: #1a1208; opacity: 0; transform: scale(.5); }
.sb-card:hover .sb-cover { transform: translateY(-4px); }
.sb-card[aria-pressed="true"] .sb-cover { box-shadow: 0 0 0 3px #f2d6a6, 0 26px 50px -22px rgba(214,167,94,.6); }
.sb-card[aria-pressed="true"] .sb-no { opacity: 1; transform: scale(1); } .sb-card[aria-pressed="true"] .sb-plus { opacity: 0; }
.sb-t { display: grid; gap: 2px; } .sb-t b { font-size: .95rem; line-height: 1.25; } .sb-t small { color: rgba(255,255,255,.5); font-size: .8rem; } .sb-t em { font-style: normal; color: #f2d6a6; font-size: .8rem; font-weight: 700; }
.sb-side { position: sticky; top: calc(var(--header-h) + 20px); }
.sb-panel { padding: 22px; border-radius: 26px; background: linear-gradient(160deg, rgba(255,255,255,.08), rgba(255,255,255,.03)); box-shadow: inset 0 0 0 1px rgba(255,255,255,.12), 0 40px 80px -40px rgba(0,0,0,.9); backdrop-filter: blur(14px); display: grid; gap: 14px; }
.sb-ph { display: flex; justify-content: space-between; align-items: baseline; } .sb-ph span { font-size: 1.3rem; font-weight: 800; letter-spacing: -0.02em; } .sb-ph b { color: #f2d6a6; }
.sb-name, .sb-ppl { display: grid; gap: 6px; font-size: .84rem; font-weight: 700; color: rgba(255,255,255,.75); } .sb-name em { font-style: normal; font-weight: 500; color: rgba(255,255,255,.45); }
.sb-name input, .sb-ppl input { height: 44px; padding: 0 14px; border-radius: 12px; border: 0; background: rgba(255,255,255,.08); color: #fff; font: inherit; box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); }
.sb-chips { display: flex; gap: 6px; } .sb-chips button { flex: 1; height: 38px; border: 0; border-radius: 10px; background: rgba(255,255,255,.07); color: #fff; font: inherit; font-weight: 800; cursor: pointer; }
.sb-chips button[aria-pressed="true"] { background: #f2d6a6; color: #1a1208; }
.sb-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; max-height: 260px; overflow: auto; }
.sb-list li { display: grid; grid-template-columns: 26px minmax(0, 1fr) auto 28px; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 12px; background: rgba(255,255,255,.05); font-size: .86rem; animation: s3In .35s both; }
.sb-li-n { width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; background: #f2d6a6; color: #1a1208; font-weight: 800; font-size: .74rem; } .sb-li-t { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sb-li-p { color: rgba(255,255,255,.7); font-size: .8rem; }
.sb-list button { width: 28px; height: 28px; border: 0; border-radius: 50%; background: rgba(255,255,255,.08); color: #fff; cursor: pointer; font-size: 1rem; } .sb-list button:hover { background: #a33; }
.sb-empty { margin: 0; padding: 14px; border-radius: 12px; border: 1px dashed rgba(255,255,255,.18); color: rgba(255,255,255,.55); font-size: .86rem; text-align: center; }
.sb-sum { display: grid; gap: 2px; padding-top: 6px; border-top: 1px solid rgba(255,255,255,.1); } .sb-sum div { display: flex; justify-content: space-between; padding: 6px 0; font-size: .9rem; color: rgba(255,255,255,.75); } .sb-sum b { color: #fff; }
.sb-tot { font-size: 1.05rem !important; } .sb-tot b { font-size: 1.35rem; color: #f2d6a6 !important; } .sb-note { color: rgba(255,255,255,.5); }
.sb-panel button[disabled] { opacity: .45; cursor: not-allowed; } .sb-none { color: rgba(255,255,255,.6); padding: 30px 0; }
.sb-cta { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; color: #f2d6a6; font-weight: 750; text-decoration: none; } .sb-cta svg { width: 16px; height: 16px; } .sb-cta:hover { color: #fff; }
.nav-set { position: relative; } .nav-set::after { content: "Yeni"; margin-left: 6px; padding: 2px 6px; border-radius: 999px; background: linear-gradient(145deg, #f2d6a6, #c4703f); color: #1a1208; font-size: .62rem; font-weight: 800; vertical-align: 2px; }
@media (max-width: 960px) { .sb-grid { grid-template-columns: 1fr; } .sb-side { position: static; order: -1; } .sb-books { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* Menü: başlıklar tek satırda; orta genişlikte sıkılaştır */
.main-nav > ul > li > a, .main-nav .nav-drop, .quote-link { white-space: nowrap; }
@media (min-width: 961px) and (max-width: 1480px) {
  .main-nav > ul > li > a, .main-nav .nav-drop { padding-left: 10px; padding-right: 10px; font-size: .88rem; }
  .quote-link .ql-t { display: none; } .quote-link .ql-ic { display: inline-grid; } .quote-link { gap: 6px; padding-left: 14px; padding-right: 8px; }
}
@media (min-width: 961px) and (max-width: 1200px) { .nav-set::after { display: none; } .main-nav > ul > li > a, .main-nav .nav-drop { padding-left: 8px; padding-right: 8px; font-size: .84rem; } }
@media (min-width: 961px) and (max-width: 1100px) {
  .main-nav > ul > li > a, .main-nav .nav-drop { padding-left: 6px; padding-right: 6px; font-size: .8rem; }
  .main-nav > ul { gap: 0; } .brand .logo { height: 24px; width: auto; } .header-actions { gap: 4px; }
}

/* Set oluşturucu: kitap başına adet */
.sb-ppl em { font-style: normal; font-weight: 500; color: rgba(255,255,255,.45); }
.sb-list { max-height: 360px; }
.sb-list li { grid-template-columns: 26px minmax(0, 1fr) 28px; grid-template-areas: "n t x" "q q q" "p p p"; row-gap: 8px; }
.sb-li-n { grid-area: n; } .sb-li-t { grid-area: t; font-weight: 700; } .sb-li-x { grid-area: x; }
.sb-li-q { grid-area: q; display: flex; align-items: center; gap: 4px; }
.sb-li-q button { width: 32px; height: 32px; border: 0; border-radius: 9px; background: rgba(255,255,255,.1); color: #fff; font: inherit; font-weight: 800; cursor: pointer; }
.sb-li-q input { width: 84px; height: 32px; border: 0; border-radius: 9px; background: rgba(255,255,255,.08); color: #fff; text-align: center; font: inherit; font-weight: 700; box-shadow: inset 0 0 0 1px rgba(255,255,255,.14); }
.sb-li-p { grid-area: p; font-size: .8rem; color: #f2d6a6; }

/* Set oluşturucu paneli (yeniden tasarım) */
.sbp { display: flex; flex-direction: column; gap: 14px; max-height: calc(100vh - var(--header-h) - 40px); padding: 20px; border-radius: 26px; background: linear-gradient(165deg, #1c1a20, #121014); box-shadow: inset 0 0 0 1px rgba(255,255,255,.1), 0 40px 80px -40px rgba(0,0,0,.95); color: #fff; }
.sbp-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.sbp-head > div { display: grid; } .sbp-k { font-size: .74rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.5); } .sbp-head b { font-size: 1.5rem; letter-spacing: -0.03em; }
.sbp-badge { padding: 7px 12px; border-radius: 999px; background: rgba(242,214,166,.12); box-shadow: inset 0 0 0 1px rgba(242,214,166,.3); color: #f2d6a6; font-weight: 800; font-size: .84rem; white-space: nowrap; }
.sbp-name { height: 46px; padding: 0 14px; border: 0; border-radius: 14px; background: rgba(255,255,255,.07); box-shadow: inset 0 0 0 1px rgba(255,255,255,.1); color: #fff; font: inherit; } .sbp-name:focus { outline: none; box-shadow: inset 0 0 0 1.5px #f2d6a6; }
.sbp-all { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: .8rem; font-weight: 700; color: rgba(255,255,255,.55); }
.sbp-all > div { display: flex; gap: 4px; } .sbp-all button { min-width: 44px; height: 32px; padding: 0 10px; border: 0; border-radius: 999px; background: rgba(255,255,255,.07); color: #fff; font: inherit; font-weight: 800; font-size: .82rem; cursor: pointer; transition: background-color .2s, color .2s; } .sbp-all button:hover { background: #f2d6a6; color: #1a1208; }
.sbp-scroll { flex: 1; min-height: 140px; overflow: auto; margin: 0 -6px; padding: 0 6px; scrollbar-width: thin; }
.sbp-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.sbp-it { display: grid; grid-template-columns: 44px minmax(0, 1fr) 30px; grid-template-areas: "th tt x" "row row row"; gap: 10px 12px; align-items: center; padding: 12px; border-radius: 18px; background: rgba(255,255,255,.05); box-shadow: inset 0 0 0 1px rgba(255,255,255,.07); animation: s3In .35s cubic-bezier(.2,.8,.2,1) both; }
.sbp-th { grid-area: th; position: relative; width: 44px; border-radius: 8px; overflow: hidden; background: #fff; } .sbp-th .cover-frame { aspect-ratio: 4 / 5; border-radius: 8px; font-size: 4px; }
.sbp-th i { position: absolute; left: -2px; top: -2px; width: 20px; height: 20px; border-radius: 50%; display: grid; place-items: center; background: linear-gradient(145deg, #f2d6a6, #c4703f); color: #1a1208; font-style: normal; font-weight: 800; font-size: .66rem; }
.sbp-tt { grid-area: tt; display: grid; gap: 2px; min-width: 0; } .sbp-tt b { font-size: .92rem; line-height: 1.25; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .sbp-tt small { color: rgba(255,255,255,.5); font-size: .78rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sbp-x { grid-area: x; align-self: start; width: 30px; height: 30px; border: 0; border-radius: 50%; background: rgba(255,255,255,.07); color: rgba(255,255,255,.7); font-size: 1.05rem; cursor: pointer; } .sbp-x:hover { background: #a33; color: #fff; }
.sbp-row { grid-area: row; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.sbp-step { display: inline-flex; align-items: center; padding: 3px; border-radius: 999px; background: rgba(255,255,255,.08); box-shadow: inset 0 0 0 1px rgba(255,255,255,.1); }
.sbp-step button { width: 32px; height: 32px; border: 0; border-radius: 50%; background: transparent; color: #fff; font-size: 1.1rem; font-weight: 700; cursor: pointer; transition: background-color .2s, color .2s; } .sbp-step button:hover { background: #f2d6a6; color: #1a1208; }
.sbp-step input { width: 62px; height: 32px; padding: 0; border: 0; background: none; color: #fff; text-align: center; font: inherit; font-weight: 800; font-size: 1rem; -moz-appearance: textfield; appearance: textfield; } .sbp-step input:focus { outline: none; }
.sbp-step input::-webkit-outer-spin-button, .sbp-step input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.sbp-pr { display: grid; text-align: right; white-space: nowrap; } .sbp-pr small { color: rgba(255,255,255,.5); font-size: .74rem; } .sbp-pr b { color: #f2d6a6; font-size: 1rem; }
.sbp-empty { display: grid; justify-items: center; gap: 6px; padding: 26px 16px; border-radius: 18px; border: 1.5px dashed rgba(255,255,255,.14); text-align: center; } .sbp-empty[hidden] { display: none; }
.sbp-empty-ic { width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; background: rgba(242,214,166,.12); color: #f2d6a6; } .sbp-empty-ic svg { width: 18px; height: 18px; } .sbp-empty small { color: rgba(255,255,255,.55); line-height: 1.5; }
.sbp-foot { display: grid; gap: 10px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.1); }
.sbp-tot { display: flex; align-items: baseline; justify-content: space-between; } .sbp-tot span { color: rgba(255,255,255,.6); font-weight: 700; } .sbp-tot b { font-size: 1.6rem; letter-spacing: -0.03em; color: #f2d6a6; }
.sbp-note { color: rgba(255,255,255,.5); } .sbp button[disabled] { opacity: .45; cursor: not-allowed; }
.sbp-bar { display: none; }
@media (max-width: 960px) {
  .sbp { max-height: none; } .sb-side { order: 2 !important; }
  .sbp-bar { position: fixed; z-index: 55; left: 12px; right: 12px; bottom: calc(84px + env(safe-area-inset-bottom, 0px)); display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 10px 10px 16px; border-radius: 18px; background: #141217; color: #fff; box-shadow: 0 20px 40px -14px rgba(0,0,0,.7), 0 0 0 1px rgba(242,214,166,.25); }
  .sbp-bar[hidden] { display: none; } .sbp-bar span { display: grid; } .sbp-bar small { color: #f2d6a6; font-weight: 800; }
}
.sbp-step input, .sbp-step input:focus { height: 32px !important; min-height: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: none !important; }
@media (max-width: 960px) { .sbp-bar { right: 86px; } }
.sbp-bar.is-off { display: none !important; }
/* Set paneli: kompakt satırlar, koyu ince kaydırma, alçak ekranda iç kaydırma yok */
@media (min-width: 961px) { .sb-grid { grid-template-columns: minmax(0, 1fr) 400px; } }
.sbp { gap: 12px; padding: 18px; }
.sbp-head b { font-size: 1.35rem; } .sbp-name { height: 42px; }
.sbp-it { grid-template-columns: 40px minmax(0, 1fr) 28px; gap: 8px 12px; padding: 10px 12px; border-radius: 16px; }
.sbp-th { width: 40px; } .sbp-x { width: 28px; height: 28px; font-size: .95rem; }
.sbp-tt b { font-size: .9rem; } .sbp-step button { width: 30px; height: 30px; } .sbp-step input, .sbp-step input:focus { height: 30px !important; width: 56px; }
.sbp-scroll { scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.2) transparent; }
.sbp-scroll::-webkit-scrollbar { width: 6px; } .sbp-scroll::-webkit-scrollbar-track { background: transparent; } .sbp-scroll::-webkit-scrollbar-thumb { background: rgba(255,255,255,.2); border-radius: 6px; }
.sbp-foot { gap: 8px; padding-top: 12px; } .sbp-tot b { font-size: 1.45rem; }
@media (min-width: 961px) {
  .sb.sb-flow .sb-side { position: static; } .sb.sb-flow .sbp { max-height: none; } .sb.sb-flow .sbp-scroll { flex: none; overflow: visible; min-height: 0; }
  .sbp-bar { position: fixed; z-index: 55; left: 50%; translate: -50% 0; bottom: 20px; width: min(560px, calc(100% - 200px)); display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 10px 10px 18px; border-radius: 18px; background: #141217; color: #fff; box-shadow: 0 20px 40px -14px rgba(0,0,0,.7), 0 0 0 1px rgba(242,214,166,.25); }
  .sbp-bar[hidden], .sbp-bar.is-off { display: none !important; } .sbp-bar span { display: grid; } .sbp-bar small { color: #f2d6a6; font-weight: 800; }
}
/* Set paneli: iç kaydırma hiçbir zaman yok; panel ekrana sığmazsa sayfayla akar */
.sbp { max-height: none; } .sbp-scroll { flex: none; overflow: visible; min-height: 0; margin: 0; padding: 0; }
/* Koyu zeminli alanlar: odaklanınca / yazarken / tarayıcı otomatik doldururken okunur kalsın */
.sbp-name, .sbp-name:focus, .sbp-name:hover { background: rgba(255,255,255,.07) !important; color: #fff !important; }
.sbp-name:focus { box-shadow: inset 0 0 0 1.5px #f2d6a6 !important; outline: none; }
.sbp-name::placeholder { color: rgba(255,255,255,.45); }
.sbp-name:-webkit-autofill, .sb-search input:-webkit-autofill, .au2-search input:-webkit-autofill, .ev3-news-f input:-webkit-autofill { -webkit-text-fill-color: #fff; -webkit-box-shadow: 0 0 0 40px #1c1a20 inset !important; caret-color: #fff; }
.sb-search input, .sb-search input:focus, .au2-search input, .au2-search input:focus, .ev3-news-f input, .ev3-news-f input:focus, .sbp-step input, .sbp-step input:focus { color: #fff !important; background: transparent !important; }
/* Menüdeki koyu kartlar: üzerine gelince her sayfada koyu kalsın */
.main-nav .mega .mega-card:hover, .main-nav .mega .mega-card:focus-visible,
.is-home .main-nav .mega .mega-card:hover, .is-home:not(.is-scrolled) .main-nav .mega .mega-card:hover { background: #0d0f0d !important; color: #fff !important; }
.main-nav .mega .mega-card:hover b { color: #fff; }

/* Menü okunabilirliği: açık paneldeki bağlantılar koyu yazı; koyu Kurumsal panelde üzerine gelince koyu kalır */
.main-nav .mega:not(.mega-corp) a:not(.mega-card), .is-home .main-nav .mega:not(.mega-corp) a:not(.mega-card), .is-home:not(.is-scrolled) .main-nav .mega:not(.mega-corp) a:not(.mega-card) { color: var(--ink); }
.main-nav .mega:not(.mega-corp) a:not(.mega-card):hover, .is-home .main-nav .mega:not(.mega-corp) a:not(.mega-card):hover, .is-home:not(.is-scrolled) .main-nav .mega:not(.mega-corp) a:not(.mega-card):hover { background: #f6f1e7; color: var(--ink); }
.main-nav .mega:not(.mega-corp) small, .main-nav .mega:not(.mega-corp) em, .main-nav .mega:not(.mega-corp) .count { color: #6b665d !important; }
.main-nav .mega-corp a:hover, .main-nav .mega-corp a:focus-visible, .is-home .main-nav .mega-corp a:hover { background: rgba(255,255,255,.08) !important; color: #fff !important; }
.main-nav .mega-corp .corp-hero:hover, .is-home .main-nav .mega-corp .corp-hero:hover { background: linear-gradient(135deg, rgba(214,167,94,.28), rgba(255,255,255,.06)) !important; }
.main-nav .mega-corp .corp-links a:hover, .is-home .main-nav .mega-corp .corp-links a:hover { background: none !important; color: #f2d6a6 !important; }
.main-nav .mega-corp .corp-brands a:hover .cb-desc { color: rgba(255,255,255,.85); }
.main-nav .mega.mega-corp { background-color: #141217; }

/* Ödeme linki sayfası */
.pay-grid { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: clamp(20px, 4vw, 48px); align-items: start; }
.pay-card { padding: 22px; border-radius: 22px; background: var(--card); box-shadow: 0 0 0 1px var(--line), 0 30px 60px -40px rgba(0,0,0,.4); display: grid; gap: 10px; }
.pay-row { display: flex; justify-content: space-between; gap: 10px; font-size: .92rem; } .pay-total { padding-top: 10px; border-top: 1px solid var(--line); font-size: 1.05rem; } .pay-total b { font-size: 1.4rem; }
.pay-items { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; } .pay-items li { display: flex; justify-content: space-between; gap: 10px; font-size: .9rem; } .pay-items span { display: grid; } .pay-items small, .pay-bill small { color: var(--muted); }
.pay-bill { display: grid; gap: 2px; padding-top: 10px; border-top: 1px solid var(--line); font-size: .86rem; } .pay-methods { display: grid; gap: 10px; max-width: 460px; margin-top: 18px; }
.pay-done { display: flex; align-items: center; gap: 14px; margin-top: 18px; padding: 18px; border-radius: 18px; background: #eaf6ee; } .pay-done > span { width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; background: #1d7a45; color: #fff; } .pay-done div { display: grid; } .pay-done small { color: #4b6b57; }
@media (max-width: 860px) { .pay-grid { grid-template-columns: 1fr; } }

/* Metin düzenleme modu */
.te-bar { position: fixed; z-index: 9999; left: 50%; top: 10px; translate: -50% 0; display: flex; align-items: center; gap: 12px; padding: 10px 14px; border-radius: 14px; background: #1d1b18; color: #fff; font-size: .86rem; box-shadow: 0 20px 40px -10px rgba(0,0,0,.6), 0 0 0 1px #d6a75e; }
.te-bar b { color: #f2d6a6; } .te-bar span { color: rgba(255,255,255,.7); } .te-bar a { color: #fff; font-weight: 700; } .te-off { padding: 4px 10px; border-radius: 8px; background: #d6a75e; color: #1a1208 !important; } .te-sw { display: inline-flex; gap: 6px; align-items: center; }
body:has([data-te-bar]) :is(p, h1, h2, h3, h4, li, a, span, b, small, label, button):hover { outline: 1.5px dashed rgba(214,167,94,.8); outline-offset: 2px; cursor: text; }
.te-bar *:hover, .te-pop *:hover { outline: none !important; }
.te-pop { position: fixed; z-index: 10000; width: 340px; padding: 14px; border-radius: 16px; background: #fff; color: #1d1b18; box-shadow: 0 30px 60px -20px rgba(0,0,0,.6), 0 0 0 1px #e5dccb; display: grid; gap: 8px; font-size: .86rem; }
.te-pop[hidden] { display: none; } .te-pop small { color: #8a8478; font-weight: 700; } .te-pop p { margin: 0; padding: 8px; border-radius: 8px; background: #f6f2ea; max-height: 80px; overflow: auto; }
.te-pop textarea, .te-pop textarea:focus { width: 100%; padding: 8px; border-radius: 8px; border: 1px solid #d9cfbd; background: #fff !important; color: #1d1b18 !important; font: inherit; }
.te-scope { display: grid; gap: 4px; } .te-act { display: flex; gap: 6px; } .te-act button { flex: 1; height: 34px; border: 0; border-radius: 8px; background: #f1ece2; color: #1d1b18; font: inherit; font-weight: 700; cursor: pointer; } .te-act [data-te-save] { background: #1d1b18; color: #fff; }

.pdq-out { margin: 8px 0; padding: 12px 14px; border-radius: 12px; background: #fdf3f3; color: #8a2b2b; font-weight: 700; text-align: center; }
.pdq-talep { margin: 8px 0; padding: 12px 14px; border-radius: 12px; background: #fbf0dc; color: #6b4a14; font-size: .9rem; }

/* Ana sayfa sayaçları (yeniden tasarım) */
.m2s { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(12px, 1.6vw, 20px); margin-top: clamp(28px, 4vw, 48px); }
.m2s-c { position: relative; overflow: hidden; isolation: isolate; display: grid; grid-template-columns: auto 1fr; grid-template-areas: "ic go" "n n" "l l" "d d"; align-items: start; gap: 0 12px; padding: clamp(20px, 2.4vw, 30px); border-radius: 26px; text-decoration: none; color: #fff;
  background: linear-gradient(160deg, rgba(255,255,255,.07), rgba(255,255,255,.02)); box-shadow: inset 0 0 0 1px rgba(255,255,255,.09), 0 30px 60px -40px rgba(0,0,0,.9); backdrop-filter: blur(10px);
  transition: transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s; animation: m2sIn .8s cubic-bezier(.2,.8,.2,1) both; animation-delay: var(--d); }
.m2s-c::before { content: ""; position: absolute; z-index: -1; inset: auto -30% -60% auto; width: 70%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(214,167,94,.35), transparent 65%); opacity: .45; transition: opacity .45s, transform .6s; }
.m2s-c:hover { transform: translateY(-6px); box-shadow: inset 0 0 0 1px rgba(242,214,166,.35), 0 40px 70px -36px rgba(214,167,94,.45); }
.m2s-c:hover::before { opacity: 1; transform: scale(1.15); }
.m2s-ic { grid-area: ic; width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; background: rgba(242,214,166,.1); box-shadow: inset 0 0 0 1px rgba(242,214,166,.25); color: #f2d6a6; } .m2s-ic svg { width: 20px; height: 20px; }
.m2s-go { grid-area: go; justify-self: end; width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.06); color: rgba(255,255,255,.7); transition: background-color .3s, color .3s, transform .3s; } .m2s-go svg { width: 15px; height: 15px; }
.m2s-c:hover .m2s-go { background: #f2d6a6; color: #1a1208; transform: rotate(-45deg); }
.m2s-n { grid-area: n; margin-top: clamp(18px, 2.4vw, 30px); font-size: clamp(3.2rem, 6vw, 5.4rem); font-weight: 800; line-height: .9; letter-spacing: -0.06em; background: linear-gradient(180deg, #fff6e6 0%, #f2d6a6 45%, #c4703f 100%); -webkit-background-clip: text; background-clip: text; color: transparent; font-variant-numeric: tabular-nums; }
.m2s-l { grid-area: l; margin-top: 10px; font-size: 1.05rem; font-weight: 800; text-transform: capitalize; } .m2s-d { grid-area: d; margin-top: 4px; font-size: .86rem; line-height: 1.45; color: rgba(255,255,255,.55); }
@keyframes m2sIn { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }
@media (max-width: 760px) { .m2s { grid-template-columns: 1fr; } .m2s-c { grid-template-areas: "ic n go" "ic l go" "ic d go"; grid-template-columns: auto 1fr auto; gap: 0 14px; align-items: center; } .m2s-n { margin-top: 0; font-size: 2.6rem; } }
@media (prefers-reduced-motion: reduce) { .m2s-c { animation: none; } }

/* Gelişmiş metin editörü */
.te-bar { gap: 14px; padding: 10px 12px 10px 16px; border-radius: 16px; } .te-dot { width: 8px; height: 8px; border-radius: 50%; background: #3ee07c; box-shadow: 0 0 0 4px rgba(62,224,124,.2); }
.te-bar kbd { padding: 1px 6px; border-radius: 5px; background: rgba(255,255,255,.12); font-size: .74rem; font-weight: 700; } .te-n { padding: 4px 10px; border-radius: 999px; background: rgba(242,214,166,.15); color: #f2d6a6; font-weight: 800; font-size: .78rem; }
.te-bar button { height: 30px; padding: 0 12px; border: 0; border-radius: 8px; background: rgba(255,255,255,.1); color: #fff; font: inherit; font-weight: 700; cursor: pointer; } .te-bar button[disabled] { opacity: .4; cursor: default; }
.te-live { outline: 2px solid #d6a75e !important; outline-offset: 3px; border-radius: 4px; background: rgba(214,167,94,.14); caret-color: #d6a75e; cursor: text; } .te-live.is-saving { opacity: .55; }
.te-tb { position: fixed; z-index: 10001; display: flex; gap: 4px; padding: 5px; border-radius: 12px; background: #1d1b18; box-shadow: 0 16px 40px -10px rgba(0,0,0,.6), 0 0 0 1px #d6a75e; } .te-tb[hidden] { display: none; }
.te-tb button { height: 32px; padding: 0 12px; border: 0; border-radius: 8px; background: transparent; color: #fff; font-family: inherit; font-size: .82rem; font-weight: 700; cursor: pointer; } .te-tb button:hover { background: rgba(255,255,255,.1); }
.te-tb .is-pri { background: #d6a75e; color: #1a1208; } .te-tb .is-pri:hover { background: #f2d6a6; } .te-tb [data-a=scope] { box-shadow: inset 0 0 0 1px rgba(255,255,255,.2); } .te-tb [data-a=scope].is-all { background: rgba(62,224,124,.2); color: #8ff0b6; }
.te-toast { position: fixed; z-index: 10002; left: 50%; bottom: 24px; translate: -50% 20px; padding: 10px 16px; border-radius: 12px; background: #1d7a45; color: #fff; font-weight: 700; font-size: .88rem; opacity: 0; pointer-events: none; transition: opacity .25s, translate .25s; }
.te-toast.is-on { opacity: 1; translate: -50% 0; } .te-toast.is-err { background: #a33; }
html.te-navmode body :is(p, h1, h2, h3, h4, li, a, span, b, small, label, button):hover { outline: none !important; cursor: auto; }
.te-fab { position: fixed; z-index: 9998; left: 16px; bottom: 16px; display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 16px; border-radius: 999px; background: #1d1b18; color: #f2d6a6 !important; font-weight: 800; font-size: .84rem; text-decoration: none; box-shadow: 0 14px 30px -10px rgba(0,0,0,.6), 0 0 0 1px rgba(214,167,94,.5); }
.te-fab:hover { background: #2a2620; } @media (max-width: 760px) { .te-fab { bottom: calc(84px + env(safe-area-inset-bottom, 0px)); } .te-bar .te-hint { display: none; } }

/* Tükendi rozeti */
:has(> .bk-out) { position: relative; }
.bk-out { position: absolute; z-index: 3; left: 10px; top: 10px; padding: 5px 10px; border-radius: 999px; background: rgba(20,18,23,.88); color: #fff; font-size: .72rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; box-shadow: 0 0 0 1px rgba(255,255,255,.18); backdrop-filter: blur(6px); pointer-events: none; }
:has(> .bk-out) img, :has(> .bk-out) .cover-frame { filter: grayscale(.85); opacity: .75; }

/* Yazar fotoğrafları: kırpma yüz hizasından yapılsın (baş kesilmesin) */
.portrait { object-position: 50% 12%; }
.author-photo .portrait, .author-card .portrait { object-position: 50% 10%; }
@media (max-width: 760px) { .author-photo .portrait { object-position: 50% 6%; } }

/* Bildirimler: menünün altında yüzen kutu (menüyle çakışmaz) */
.flash-stack { position: fixed; z-index: 90; left: 50%; top: calc(var(--header-h, 96px) + 14px); translate: -50% 0; width: min(560px, calc(100% - 24px)); display: grid; gap: 8px; pointer-events: none; }
.flash-stack .flash { pointer-events: auto; margin: 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 14px 14px 18px; border-radius: 16px; background: #fff; color: #1d1b18; box-shadow: 0 24px 50px -18px rgba(0,0,0,.45), 0 0 0 1px rgba(0,0,0,.06); border-left: 4px solid; animation: flashIn .4s cubic-bezier(.2,.8,.2,1) both; transition: opacity .3s, translate .3s; }
.flash-stack .flash.is-out { opacity: 0; translate: 0 -10px; }
.flash-x { flex-shrink: 0; width: 30px; height: 30px; border: 0; border-radius: 50%; background: rgba(0,0,0,.06); color: inherit; font-size: 1.1rem; line-height: 1; cursor: pointer; } .flash-x:hover { background: rgba(0,0,0,.12); }
@keyframes flashIn { from { opacity: 0; translate: 0 -12px; } to { opacity: 1; translate: 0 0; } }

/* Footer: Racoun imzası */
.ft-racoun { display: inline-flex; align-items: center; gap: 8px; color: inherit; text-decoration: none; font-size: .76rem; opacity: .55; transition: opacity .25s; }
.ft-racoun:hover, .ft-racoun:focus-visible { opacity: 1; } .ft-racoun img { display: block; height: 22px; width: auto; }

.auth-setup { margin: 0 0 18px; padding: 14px 16px; border-radius: 14px; background: #fbf3e4; color: #5c4214; font-size: .92rem; line-height: 1.55; box-shadow: inset 0 0 0 1px rgba(201,151,63,.35); }