/* Aurora One — "Atölye" tasarım sistemi (TASARIM-SISTEMI-3.md) */
@font-face { font-family: "Archivo"; font-style: normal; font-display: swap; font-weight: 100 900;
  src: url("/assets/font/archivo-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: "Archivo"; font-style: normal; font-display: swap; font-weight: 100 900;
  src: url("/assets/font/archivo-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; }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-display: swap; font-weight: 100 800;
  src: url("/assets/font/jetbrains-mono-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: "JetBrains Mono"; font-style: normal; font-display: swap; font-weight: 100 800;
  src: url("/assets/font/jetbrains-mono-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 {
  --zemin: #E9EAEC; --zemin-2: #E0E2E5; --kart: #F6F6F7; --beyaz: #FFFFFF;
  --cizgi: #C9CBD0; --grafit: #15171B; --grafit-2: #23262C; --grafit-3: #2C3038;
  --ikincil: #474C55; --soluk: #5E646E; --kapak: #D5D8DD;
  --sari: #FFC400; --sari-acik: #FFD43B; --kirmizi: #D6402B;
  --koyu-yazi: #F2F3F5; --koyu-ikincil: #A9AEB7;
  --govde: "Archivo", "Segoe UI", system-ui, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, Consolas, monospace;
  --kenar: 32px; --bolum: 96px;
}
@media (max-width: 1199.98px) { :root { --kenar: 28px; --bolum: 72px; } }
@media (max-width: 809.98px) { :root { --kenar: 20px; --bolum: 56px; } }

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 88px; }
body { margin: 0; background: var(--zemin); color: var(--grafit); font-family: var(--govde); font-size: 16px; line-height: 1.6; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; overflow-x: clip; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; }
h1, h2, h3, p, ul, ol, figure { margin: 0; }
ul, ol { padding: 0; list-style: none; }
button { font: inherit; color: inherit; }
:focus-visible { outline: 3px solid var(--grafit); outline-offset: 3px; }
.koyu :focus-visible, .sari-panel :focus-visible { outline-color: var(--grafit); }
.koyu :focus-visible { outline-color: var(--sari); }
.gizli { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.atla { position: absolute; left: 12px; top: -60px; z-index: 100; background: var(--sari); color: var(--grafit); padding: 10px 16px; font-weight: 700; text-decoration: none; border: 1px solid var(--grafit); }
.atla:focus { top: 12px; }

.kap { width: 100%; max-width: calc(1200px + 2 * var(--kenar)); margin: 0 auto; padding: 0 var(--kenar); }
.bolum { padding: var(--bolum) 0; }
.bolum-2 { background: var(--zemin-2); }
.cizgili { border-top: 1px solid var(--grafit); padding-top: 28px; }

/* Yazı */
h1, .h1 { font-weight: 800; font-size: 84px; line-height: .98; letter-spacing: -0.035em; text-wrap: balance; }
h2, .h2 { font-weight: 800; font-size: 56px; line-height: 1.02; letter-spacing: -0.03em; text-wrap: balance; }
h3, .h3 { font-weight: 700; font-size: 22px; line-height: 1.2; letter-spacing: -0.015em; }
.buyuk-baslik { font-weight: 800; font-size: 40px; line-height: 1; letter-spacing: -0.03em; }
@media (max-width: 1199.98px) { h1, .h1 { font-size: 58px; } h2, .h2 { font-size: 40px; } h3, .h3 { font-size: 20px; } .buyuk-baslik { font-size: 34px; } }
@media (max-width: 809.98px) { h1, .h1 { font-size: 40px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 19px; } .buyuk-baslik { font-size: 30px; } }
.giris { font-size: 19px; line-height: 1.55; color: var(--ikincil); max-width: 680px; }
@media (max-width: 809.98px) { .giris { font-size: 17px; } }
.metin { color: var(--ikincil); }
.kucuk { font-size: 14px; line-height: 1.55; color: var(--soluk); }
.mono { font-family: var(--mono); font-weight: 500; font-size: 13px; line-height: 1.4; letter-spacing: 0; }
@media (max-width: 809.98px) { .mono { font-size: 12px; } }
.ust { font-family: var(--mono); font-weight: 500; font-size: 13px; color: var(--grafit); margin-bottom: 16px; display: block; }
.isaret { text-decoration-line: underline; text-decoration-color: var(--sari); text-decoration-thickness: .16em; text-underline-offset: .02em; text-decoration-skip-ink: none; }
.koyu .isaret { color: var(--sari); text-decoration: none; }
.bas-blok { display: grid; gap: 18px; max-width: 860px; }
.bas-blok .ust { margin-bottom: 0; }

/* Düğmeler */
.dugmeler { display: flex; flex-wrap: wrap; gap: 12px; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 10px 18px; font-family: var(--govde); font-weight: 600; font-size: 15px; line-height: 1.2; text-decoration: none; border: 1px solid var(--grafit); cursor: pointer; transition: background-color .16s ease, color .16s ease; }
.btn-birincil { background: var(--sari); color: var(--grafit); border-color: var(--sari); }
.btn-birincil:hover { background: var(--sari-acik); border-color: var(--sari-acik); }
.btn-hayalet { background: transparent; color: var(--grafit); }
.btn-hayalet:hover { background: rgba(21,23,27,.08); }
.btn-grafit { background: var(--grafit); color: var(--kart); }
.btn-grafit:hover { background: var(--grafit-3); }
.koyu .btn-hayalet { color: var(--koyu-yazi); border-color: rgba(255,255,255,.4); }
.koyu .btn-hayalet:hover { background: rgba(255,255,255,.08); }
.btn-kapali { background: rgba(21,23,27,.04); color: var(--ikincil); border-color: var(--cizgi); cursor: not-allowed; width: 100%; }
.yazi-bag { font-family: var(--mono); font-weight: 500; font-size: 13px; color: var(--grafit); }

/* Gezinme */
.ust-cubuk { position: sticky; top: 0; z-index: 50; background: rgba(233,234,236,.86); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); border-bottom: 1px solid var(--cizgi); }
.ust-ic { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 64px; }
.logo { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; font-weight: 600; font-size: 16px; letter-spacing: -0.01em; }
.logo img { width: 30px; height: 30px; border-radius: 7px; }
.menu { display: flex; align-items: center; gap: 28px; }
.menu-baglar { display: flex; align-items: center; gap: 24px; }
.menu-baglar a, .alt-sutun a, .metin-bag { text-decoration: none; font-size: 15px; color: var(--ikincil); text-underline-offset: 3px; text-decoration-thickness: 3px; text-decoration-color: var(--sari); }
.menu-baglar a:hover, .menu-baglar a[aria-current="page"], .alt-sutun a:hover, .alt-sutun a[aria-current="page"], .metin-bag:hover { color: var(--grafit); text-decoration-line: underline; }
.menu-baglar a[aria-current="page"] { font-weight: 600; }
.menu-btn { display: none; width: 44px; height: 44px; border: 1px solid var(--grafit); background: transparent; cursor: pointer; align-items: center; justify-content: center; }
.menu-btn:hover { background: rgba(21,23,27,.08); }
.menu-btn svg { width: 22px; height: 22px; }
.menu-btn .kapat { display: none; }
@media (max-width: 809.98px) {
  .menu-btn { display: inline-flex; }
  .menu { display: none; position: absolute; left: 0; right: 0; top: 100%; background: rgba(233,234,236,.98); border-bottom: 1px solid var(--grafit); padding: 8px var(--kenar) 24px; flex-direction: column; align-items: stretch; gap: 16px; }
  .ust-cubuk.acik .menu { display: flex; }
  .ust-cubuk.acik .menu-btn .ac { display: none; }
  .ust-cubuk.acik .menu-btn .kapat { display: block; }
  .menu-baglar { flex-direction: column; align-items: stretch; gap: 0; }
  .menu-baglar a { font-size: 18px; padding: 12px 0; border-bottom: 1px solid var(--cizgi); color: var(--grafit); }
}

/* Simgeler */
.simge { width: 20px; height: 20px; flex: none; }
.simge-karo { width: 44px; height: 44px; display: inline-grid; place-items: center; background: var(--sari); border: 1px solid var(--grafit); color: var(--grafit); flex: none; }

/* Kartlar */
.kart { background: var(--kart); border: 1px solid var(--cizgi); }
a.kart, .kart-bag { text-decoration: none; color: inherit; cursor: pointer; transition: transform .18s ease, background-color .18s ease; display: block; }
a.kart:hover, .kart-bag:hover { transform: translateY(-4px); background: var(--beyaz); }

/* Giriş (ana sayfa) */
.kahraman { position: relative; overflow: clip; border-bottom: 1px solid var(--grafit); padding: 104px 0 104px; }
@media (max-width: 1199.98px) { .kahraman { padding: 88px 0 80px; } }
@media (max-width: 809.98px) { .kahraman { padding: 64px 0 56px; } }
.kilavuz { position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(to right, rgba(21,23,27,.07) 1px, transparent 1px); background-size: calc(100% / 8) 100%; background-position: 0 0; }
@media (max-width: 809.98px) { .kilavuz { background-size: 25% 100%; } }
.kahraman .kap { position: relative; }
.kahraman-metin { display: grid; justify-items: center; text-align: center; gap: 22px; max-width: 920px; margin: 0 auto; }
.kahraman-metin .giris { max-width: 640px; }
.kahraman-metin .dugmeler { justify-content: center; margin-top: 6px; }
.rozet { display: inline-flex; align-items: center; gap: 10px; border: 1px solid var(--grafit); background: var(--kart); padding: 6px 12px; }
.rozet i { width: 9px; height: 9px; background: var(--sari); border: 1px solid var(--grafit); }
.vitrin { margin: 64px auto 0; max-width: 1040px; background: var(--beyaz); border: 1px solid var(--grafit); padding: 8px; box-shadow: 14px 14px 0 var(--sari); }
.vitrin img { width: 100%; aspect-ratio: 1200 / 537; object-fit: cover; }
@media (max-width: 809.98px) { .vitrin { margin-top: 40px; box-shadow: 8px 8px 0 var(--sari); } }

/* Izgaralar */
.izgara { display: grid; gap: 16px; }
.iz-4 { grid-template-columns: repeat(4, 1fr); }
.iz-3 { grid-template-columns: repeat(3, 1fr); }
.iz-2 { grid-template-columns: repeat(2, 1fr); }
@media (max-width: 1199.98px) { .iz-4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 809.98px) { .iz-4, .iz-3, .iz-2 { grid-template-columns: 1fr; } }
@media (min-width: 810px) and (max-width: 1199.98px) { .iz-3.tablet-2 { grid-template-columns: repeat(2, 1fr); } }
.bolum-bas { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 40px; flex-wrap: wrap; }
.bolum-bas .bas-blok { max-width: 760px; }

/* Alan kartları */
.alan { padding: 24px; display: flex; flex-direction: column; gap: 40px; min-height: 280px; }
.alan-ust { display: flex; justify-content: space-between; align-items: start; }
.alan-ust .mono { color: var(--soluk); }
.alan-metin { display: grid; gap: 10px; margin-top: auto; }
.alan-metin h3 { font-size: 26px; font-weight: 800; letter-spacing: -0.025em; }

/* Ürün kartları */
.urun { display: flex; flex-direction: column; height: 100%; }
.kapak { background: var(--kapak); padding: 24px 0 0 24px; overflow: hidden; aspect-ratio: 16 / 10; border-bottom: 1px solid var(--cizgi); }
.kapak img { width: 118%; max-width: none; height: auto; border: 1px solid var(--grafit); border-right: 0; border-bottom: 0; }
.urun-metin { padding: 20px 22px 22px; display: grid; gap: 8px; align-content: start; flex: 1; }
.urun-metin .mono { color: var(--ikincil); }
.urun-metin .ozet { color: var(--ikincil); font-size: 15px; line-height: 1.55; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.urun-metin .platform { color: var(--soluk); margin-top: auto; padding-top: 6px; }

/* Koyu bant */
.koyu { background: var(--grafit); color: var(--koyu-yazi); }
.koyu .metin, .koyu .giris { color: var(--koyu-ikincil); }
.koyu .ust { color: var(--sari); }
.kanit { display: grid; grid-template-columns: 1fr 1.05fr; gap: 56px; padding: 64px; align-items: center; }
@media (max-width: 1199.98px) { .kanit { grid-template-columns: 1fr; padding: 48px; gap: 40px; } }
@media (max-width: 809.98px) { .kanit { padding: 32px 20px; } }
.kanit-metin { display: grid; gap: 20px; }
.sonuclar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 8px; }
@media (max-width: 809.98px) { .sonuclar { grid-template-columns: 1fr; } }
.sonuc b { display: block; font-weight: 800; font-size: 32px; line-height: 1; letter-spacing: -0.03em; color: var(--sari); font-variant-numeric: tabular-nums; margin-bottom: 8px; }
.sonuc span { font-size: 14px; line-height: 1.5; color: var(--koyu-ikincil); }
.sahne-koyu { background: var(--grafit-2); padding: 24px 0 0 24px; overflow: hidden; }
.sahne-koyu img { width: 112%; max-width: none; border: 1px solid #3A3F48; border-right: 0; border-bottom: 0; }

/* Oyun sahnesi (süs) */
.oyun-izgara { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
@media (max-width: 1199.98px) { .oyun-izgara { grid-template-columns: 1fr; gap: 40px; } }
.etiketler { display: flex; flex-wrap: wrap; gap: 8px; }
.etiket { border: 1px solid var(--grafit); padding: 6px 12px; font-size: 14px; line-height: 1.3; background: transparent; }
.oyun { position: relative; aspect-ratio: 16 / 10; background: var(--grafit); overflow: hidden; border: 1px solid var(--grafit); }
.oyun span { position: absolute; display: block; }
.o-zemin { left: 0; bottom: 0; height: 14%; background: #2A2E35; border-top: 3px solid var(--sari); }
.o-zemin.z1 { width: 40%; } .o-zemin.z2 { left: 58%; right: 0; }
.o-cukur { left: 40%; width: 18%; bottom: 0; height: 9%; background: #1C1F24; }
.o-diken { bottom: 9%; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 18px solid var(--kirmizi); }
.o-diken.d1 { left: 44%; } .o-diken.d2 { left: 50%; }
.o-kahraman { left: 16%; bottom: 14%; width: 12%; aspect-ratio: 1; background: var(--sari); border-radius: 10px; }
.o-kahraman::before, .o-kahraman::after { content: ""; position: absolute; top: 34%; width: 14%; height: 22%; background: var(--grafit); border-radius: 50%; }
.o-kahraman::before { left: 28%; } .o-kahraman::after { right: 28%; }
.o-platform { left: 47%; top: 42%; width: 30%; height: 6%; background: #2A2E35; border-top: 3px solid var(--sari); }
.o-jeton { top: 31%; width: 5%; aspect-ratio: 1; background: var(--sari); border-radius: 50%; }
.o-jeton.j1 { left: 50%; } .o-jeton.j2 { left: 59%; } .o-jeton.j3 { left: 68%; }
.o-direk { right: 12%; bottom: 14%; width: 1.2%; height: 30%; background: #8E949E; border-radius: 2px; }
.o-bayrak { right: 6.6%; bottom: 36%; width: 7%; height: 8%; background: var(--kirmizi); border-radius: 0 6px 6px 0; }
.o-can { top: 7%; width: 3.4%; aspect-ratio: 1; background: var(--sari); border-radius: 50%; }
.o-can.c1 { left: 6%; } .o-can.c2 { left: 11%; } .o-can.c3 { left: 16%; opacity: .35; }
.o-cubuk { top: 8%; right: 6%; width: 24%; height: 3.4%; background: #2A2E35; border-radius: 999px; overflow: hidden; }
.o-cubuk::after { content: ""; position: absolute; inset: 0 40% 0 0; background: var(--sari); }
.o-yildiz { width: 4px; height: 4px; background: #5E646E; border-radius: 50%; }
.o-yildiz.y1 { left: 30%; top: 20%; } .o-yildiz.y2 { left: 70%; top: 16%; } .o-yildiz.y3 { left: 88%; top: 26%; } .o-yildiz.y4 { left: 12%; top: 30%; }

/* Süreç */
.adimlar { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-top: 48px; }
@media (max-width: 1199.98px) { .adimlar { grid-template-columns: repeat(2, 1fr); row-gap: 40px; } }
@media (max-width: 809.98px) { .adimlar { grid-template-columns: 1fr; } }
.adim { display: flex; flex-direction: column; gap: 10px; }
.adim-isaret { display: flex; align-items: center; gap: 0; margin-bottom: 8px; }
.adim-isaret i { width: 22px; height: 22px; background: var(--sari); border: 1px solid var(--grafit); flex: none; }
.adim-isaret b { height: 1px; background: var(--grafit); flex: 1; }
.adim .metin { font-size: 15px; line-height: 1.55; }
.sonunda { margin-top: auto; border: 1px solid var(--cizgi); background: var(--kart); padding: 14px 16px; display: grid; gap: 6px; }
.sonunda .mono { color: var(--grafit); }
.sonunda p:last-child { font-size: 14px; line-height: 1.5; color: var(--ikincil); }

/* Sarı panel */
.sari-panel { background: var(--sari); color: var(--grafit); padding: 88px 48px; display: grid; justify-items: center; text-align: center; gap: 20px; }
.sari-panel .metin, .sari-panel .giris { color: var(--grafit); }
@media (max-width: 809.98px) { .sari-panel { padding: 48px 20px; } }
.sari-panel .dugmeler { justify-content: center; margin-top: 8px; }
.lisans-panel { background: var(--sari); padding: 56px 48px; display: grid; grid-template-columns: 1fr auto; gap: 32px; align-items: center; margin-top: 32px; }
.lisans-panel .metin { color: var(--grafit); max-width: 560px; }
.lisans-panel .ust { color: var(--grafit); }
@media (max-width: 1199.98px) { .lisans-panel { grid-template-columns: 1fr; padding: 40px 32px; } }
@media (max-width: 809.98px) { .lisans-panel { padding: 32px 20px; } }

/* Sayfa başı */
.sayfa-bas { padding: 96px 0 72px; }
@media (max-width: 1199.98px) { .sayfa-bas { padding: 72px 0 56px; } }
@media (max-width: 809.98px) { .sayfa-bas { padding: 56px 0 40px; } }

/* Hizmetler */
.hizmet { padding: 28px; display: grid; gap: 16px; align-content: start; }
.hizmet .alan-ust { margin-bottom: 8px; }
.hizmet h2 { font-size: 48px; }
@media (max-width: 1199.98px) { .hizmet h2 { font-size: 40px; } }
@media (max-width: 809.98px) { .hizmet h2 { font-size: 34px; } }
.madde-liste { display: grid; gap: 6px; font-size: 15px; color: var(--ikincil); }
.madde-liste li { position: relative; padding-left: 16px; }
.madde-liste li::before { content: ""; position: absolute; left: 0; top: .62em; width: 6px; height: 6px; background: var(--grafit); }
.vaka-sahne { background: var(--sari); padding: 48px 48px 0; overflow: hidden; margin-top: 40px; }
.vaka-sahne img { width: 100%; box-shadow: 12px 12px 0 var(--grafit); border: 1px solid var(--grafit); }
@media (max-width: 809.98px) { .vaka-sahne { padding: 24px 24px 0; } .vaka-sahne img { box-shadow: 6px 6px 0 var(--grafit); } }
.ucleme { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 40px; }
@media (max-width: 1199.98px) { .ucleme { grid-template-columns: 1fr; gap: 28px; } }
.ucleme > div { border-top: 2px solid var(--grafit); padding-top: 18px; display: grid; gap: 12px; align-content: start; }
.ucleme h3 .mono { font-size: inherit; font-weight: 700; }
.sonuc-satir { display: grid; grid-template-columns: 64px 1fr; gap: 12px; align-items: baseline; }
.sonuc-satir b { font-weight: 800; font-size: 18px; font-variant-numeric: tabular-nums; }
.sonuc-satir span { font-size: 14px; line-height: 1.5; color: var(--ikincil); }

/* Fiyatlar */
.planlar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 8px; align-items: stretch; }
@media (max-width: 1199.98px) { .planlar { grid-template-columns: 1fr; max-width: 560px; } }
.plan { padding: 28px; display: flex; flex-direction: column; gap: 14px; }
.plan.one { background: var(--beyaz); border: 2px solid var(--grafit); box-shadow: 10px 10px 0 var(--sari); }
.plan .alt-ad { font-size: 13px; color: var(--ikincil); font-weight: 600; margin-top: -6px; }
.plan .fiyat { font-size: 20px; }
.plan .metin { font-size: 15px; line-height: 1.55; }
.tikler { display: grid; gap: 10px; font-size: 14px; color: var(--ikincil); }
.tikler li { display: flex; gap: 10px; align-items: start; }
.tikler .simge { width: 16px; height: 16px; margin-top: 2px; color: var(--grafit); }
.plan .btn-kapali { margin-top: auto; }
.plan .bosluk { flex: 1; min-height: 24px; }
.dipnot { margin-top: 28px; max-width: 720px; font-size: 14px; line-height: 1.6; color: var(--ikincil); }
.program-liste { display: grid; grid-template-columns: 1fr 1fr; column-gap: 48px; margin-top: 40px; }
@media (max-width: 809.98px) { .program-liste { grid-template-columns: 1fr; } }
.program-liste li { display: flex; gap: 14px; padding: 20px 0; border-top: 1px solid var(--cizgi); }
.program-liste .simge { width: 18px; height: 18px; margin-top: 4px; }
.program-liste h3 { font-size: 19px; margin-bottom: 4px; }
.program-liste p { font-size: 14px; line-height: 1.5; color: var(--ikincil); }
.sorular { margin-top: 40px; border-bottom: 1px solid var(--cizgi); }
.soru { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; padding: 28px 0; border-top: 1px solid var(--cizgi); }
@media (max-width: 809.98px) { .soru { grid-template-columns: 1fr; gap: 12px; } }
.soru h3 { font-size: 19px; }
.soru div { display: grid; gap: 10px; color: var(--ikincil); font-size: 15px; line-height: 1.6; }
.baska { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding-top: 28px; flex-wrap: wrap; color: var(--ikincil); }

/* İletişim */
.eposta-kart { background: var(--grafit); color: var(--koyu-yazi); padding: 36px 40px; display: grid; gap: 10px; text-decoration: none; transition: background-color .18s ease; cursor: pointer; }
.eposta-kart:hover { background: var(--grafit-2); }
.eposta-kart .mono { color: var(--sari); }
.eposta-kart .adres { font-weight: 800; font-size: 40px; letter-spacing: -0.03em; line-height: 1.05; overflow-wrap: anywhere; }
.eposta-kart p:last-child { color: var(--koyu-ikincil); }
@media (max-width: 809.98px) { .eposta-kart { padding: 28px 20px; } .eposta-kart .adres { font-size: 24px; } }
.konu { padding: 28px; display: flex; flex-direction: column; gap: 12px; min-height: 260px; }
.konu .metin { font-size: 15px; line-height: 1.55; }
.konu .yazi-bag { margin-top: auto; padding-top: 12px; }
.bilgi { padding: 22px 24px; display: grid; gap: 6px; }
.bilgi .mono { color: var(--ikincil); }

/* Ürün ayrıntısı */
.geri { display: inline-flex; gap: 6px; font-size: 15px; color: var(--ikincil); text-decoration: none; margin-bottom: 20px; }
.geri:hover { color: var(--grafit); text-decoration: underline; text-decoration-color: var(--sari); text-decoration-thickness: 3px; text-underline-offset: 3px; }
.ad-satir { display: flex; align-items: center; gap: 20px; }
.ad-satir img { width: 72px; height: 72px; border-radius: 16px; flex: none; }
@media (max-width: 809.98px) { .ad-satir img { width: 52px; height: 52px; border-radius: 12px; } .ad-satir { gap: 14px; } }
.etiket.kucuk-etiket { font-size: 13px; background: var(--kart); border-color: var(--cizgi); color: var(--grafit); }
.sahne-acik { background: var(--kapak); padding: 40px 0 0 64px; overflow: hidden; border: 1px solid var(--cizgi); }
.sahne-acik img { width: 104%; max-width: none; border: 1px solid var(--grafit); border-right: 0; border-bottom: 0; }
@media (max-width: 809.98px) { .sahne-acik { padding: 20px 0 0 20px; } }
.olgular { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-top: 32px; }
@media (max-width: 1199.98px) { .olgular { grid-template-columns: repeat(2, 1fr); } }
.olgu { border-top: 1px solid var(--grafit); padding-top: 18px; display: grid; gap: 8px; align-content: start; }
.olgu b { font-weight: 600; font-size: 32px; line-height: 1; letter-spacing: -0.04em; font-variant-numeric: tabular-nums; }
@media (max-width: 809.98px) { .olgu b { font-size: 26px; } }
.olgu span { font-size: 15px; line-height: 1.5; color: var(--ikincil); }
.bilgiler { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 32px; }
@media (max-width: 809.98px) { .bilgiler { grid-template-columns: 1fr; } }
.ilke { padding: 24px; display: grid; gap: 10px; align-content: start; }
.ilke p { font-size: 15px; line-height: 1.55; color: var(--ikincil); }
.ekranlar { display: grid; grid-template-columns: 1fr 1fr; gap: 32px 24px; margin-top: 40px; }
@media (max-width: 809.98px) { .ekranlar { grid-template-columns: 1fr; } }
.ekran figure { display: grid; gap: 16px; }
.ekran .sahne-acik { padding: 24px 0 0 24px; }
.ekran .sahne-acik img { width: 110%; }
.ekran figcaption { display: grid; gap: 6px; }
.ekran figcaption p { font-size: 15px; line-height: 1.55; color: var(--ikincil); }
.iki-sutun { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; }
@media (max-width: 1199.98px) { .iki-sutun { grid-template-columns: 1fr; } }
.vurgu-kutu { background: var(--beyaz); border: 1px solid var(--cizgi); padding: 18px 20px; font-size: 15px; line-height: 1.55; color: var(--grafit); margin-top: 24px; }
.kare-liste { margin-top: 20px; }
.kare-liste li { display: flex; gap: 14px; padding: 16px 0; border-top: 1px solid var(--cizgi); font-size: 15px; line-height: 1.55; color: var(--ikincil); }
.kare-liste li::before { content: ""; width: 8px; height: 8px; margin-top: .55em; background: var(--kart); border: 1px solid var(--grafit); flex: none; }
.tablo { margin-top: 24px; }
.tablo div { padding: 14px 0; border-top: 1px solid var(--cizgi); display: grid; gap: 4px; }
.tablo dt { font-family: var(--mono); font-weight: 500; font-size: 12px; color: var(--ikincil); }
.tablo dd { margin: 0; font-size: 15px; line-height: 1.5; }

/* Uzun metin (Gizlilik, Güvenlik) */
.yazi { max-width: 780px; color: var(--ikincil); font-size: 16px; line-height: 1.7; }
.yazi h2 { font-size: 32px; color: var(--grafit); margin: 56px 0 16px; scroll-margin-top: 88px; }
.yazi h2:first-child { margin-top: 0; }
.yazi p + p { margin-top: 12px; }
.yazi ul, .yazi ol { display: grid; gap: 10px; }
.yazi ul li { position: relative; padding-left: 20px; }
.yazi ul li::before { content: ""; position: absolute; left: 0; top: .68em; width: 7px; height: 7px; background: var(--grafit); }
.yazi a { color: var(--grafit); text-decoration-color: var(--sari); text-decoration-thickness: 3px; text-underline-offset: 3px; }
.yazi strong { color: var(--grafit); }
.yazi .box { background: var(--kart); border: 1px solid var(--cizgi); padding: 18px 20px; margin-top: 20px; }
.yazi .box.warn { border-left: 6px solid var(--sari); }
.yazi .toc { background: var(--kart); border: 1px solid var(--cizgi); padding: 22px 24px; margin-bottom: 8px; }
.yazi .toc h2 { font-size: 13px; font-family: var(--mono); font-weight: 500; letter-spacing: 0; margin: 0 0 12px; }
.yazi .toc ol { list-style: decimal; padding-left: 22px; gap: 4px; }
.yazi .toc li::before { display: none; }
.yazi .toc li { padding-left: 4px; }
.yazi .tbl-box { overflow-x: auto; border: 1px solid var(--cizgi); background: var(--kart); margin-top: 16px; }
.yazi table { border-collapse: collapse; width: 100%; min-width: 640px; font-size: 14px; line-height: 1.5; }
.yazi th, .yazi td { text-align: left; vertical-align: top; padding: 12px 14px; border-top: 1px solid var(--cizgi); }
.yazi thead th { border-top: 0; font-family: var(--mono); font-weight: 500; font-size: 12px; color: var(--grafit); background: var(--zemin-2); }
.yazi tbody th { color: var(--grafit); font-weight: 600; }
.yazi .sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

/* 404 */
.kayip { padding: 120px 0; display: grid; gap: 20px; justify-items: start; }
.kayip .kod { font-family: var(--mono); font-size: 13px; }

/* Alt bilgi */
.alt { border-top: 1px solid var(--cizgi); padding-top: 64px; overflow: clip; }
.alt-ust { display: grid; grid-template-columns: 1.2fr auto auto; gap: 64px; }
@media (max-width: 809.98px) { .alt-ust { grid-template-columns: 1fr; gap: 32px; } }
.alt-ust .metin { font-size: 14px; max-width: 360px; margin-top: 8px; }
.alt-marka { font-weight: 600; font-size: 18px; letter-spacing: -0.01em; }
.alt-sutun { display: grid; gap: 10px; align-content: start; font-size: 15px; }
.alt-sutun .mono { color: var(--soluk); margin-bottom: 4px; font-size: 12px; }
.alt-sutun a { color: var(--grafit); }
.alt-sutun a:hover { text-decoration-line: underline; }
.alt-cizgi { display: flex; flex-wrap: wrap; gap: 8px 28px; border-top: 1px solid var(--cizgi); margin-top: 56px; padding-top: 22px; font-size: 13px; color: var(--soluk); }
.alt-cizgi a { color: var(--soluk); text-underline-offset: 3px; }
.alt-cizgi a:hover { color: var(--grafit); }
.dev-yazi { font-weight: 800; font-size: 200px; line-height: .82; letter-spacing: -0.05em; color: var(--grafit); text-align: center; white-space: nowrap; margin-top: 56px; padding-bottom: 8px; user-select: none; }
@media (max-width: 1199.98px) { .dev-yazi { font-size: 136px; } }
@media (max-width: 809.98px) { .dev-yazi { font-size: 64px; margin-top: 40px; } }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
  a.kart:hover, .kart-bag:hover { transform: none; }
}