/* Cecen AI ana sayfa (2026-10-29 yeniden tasarım): "Levha".
   Konu doğal taş ihracatı: hon perdahlı beyaz mermer levha, Verde Guatemala yeşili, ocak işaret mavisi, Nero Marquina koyu bant.
   Tek cesur öğe: kahramandaki levha (damar dokusu + kesim kalınlığı) ve üstündeki talep fişi. Geri kalan sessiz.
   Dış kaynak yok: yazı tipleri assets/fonts (IBM Plex, Newsreader; SIL OFL 1.1). */

@font-face { font-family: "Newsreader"; font-weight: 500; font-display: swap; src: url(../fonts/newsreader-latin-500-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Newsreader"; font-weight: 500; font-display: swap; src: url(../fonts/newsreader-latin-ext-500-normal.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+20A0-20AB, U+20AD-20C0, U+2113; }
@font-face { font-family: "Newsreader"; font-weight: 500; font-style: italic; font-display: swap; src: url(../fonts/newsreader-latin-500-italic.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Newsreader"; font-weight: 500; font-style: italic; font-display: swap; src: url(../fonts/newsreader-latin-ext-500-italic.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+20A0-20AB, U+20AD-20C0, U+2113; }
@font-face { font-family: "Plex Sans"; font-weight: 400; font-display: swap; src: url(../fonts/ibm-plex-sans-latin-400-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Plex Sans"; font-weight: 400; font-display: swap; src: url(../fonts/ibm-plex-sans-latin-ext-400-normal.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+20A0-20AB, U+20AD-20C0, U+2113; }
@font-face { font-family: "Plex Sans"; font-weight: 600; font-display: swap; src: url(../fonts/ibm-plex-sans-latin-600-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Plex Sans"; font-weight: 600; font-display: swap; src: url(../fonts/ibm-plex-sans-latin-ext-600-normal.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+20A0-20AB, U+20AD-20C0, U+2113; }
@font-face { font-family: "Plex Mono"; font-weight: 500; font-display: swap; src: url(../fonts/ibm-plex-mono-latin-500-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  --tas: #f6f7f9;        /* sayfa: bianco, hon perdah */
  --levha: #eaecf1;      /* kahraman levhası */
  --kenar: #cbd0da;      /* levhanın kesim kalınlığı */
  --cizgi: #d9dce3;
  --murekkep: #0e1015;
  --yazi-2: #444955;
  --yazi-3: #626875;
  --verde: #14171f;      /* Verde Guatemala: eylem rengi */
  --verde-koyu: #08090d;
  --verde-acik: #e9ecf2;
  --isaret: #3a4a7a;     /* ocak işaret boyası mavisi: açıklama ve odak */
  --isaret-acik: #e8ebf4;
  --nero: #0b0d12;       /* Nero Marquina bandı */
  --kagit: #ffffff;
  --f-yazi: "Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --f-baslik: "Newsreader", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --f-veri: "Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
  --golge-kagit: 0 1px 1px rgba(29, 32, 35, .06), 0 22px 44px -22px rgba(29, 32, 35, .32);
}

*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: 84px; color-scheme: light; }
body { margin: 0; background: var(--tas); color: var(--murekkep); font: 400 1.0625rem/1.65 var(--f-yazi); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow-x: hidden; }
img, svg { display: block; max-width: 100%; }
a { color: inherit; }
h1, h2, h3, p, ul, ol, dl, figure { margin: 0; }
ul, ol { padding: 0; list-style: none; }
b, strong { font-weight: 600; }
::selection { background: var(--verde); color: #fff; }
:focus-visible { outline: 2px solid var(--isaret); outline-offset: 3px; border-radius: 3px; }
.skip { position: absolute; left: -9999px; top: 8px; background: var(--murekkep); color: #fff; padding: 8px 14px; border-radius: 4px; z-index: 100; }
.skip:focus { left: 8px; }
.wrap { width: min(1180px, 100% - 32px); margin-inline: auto; }
.dar { width: min(760px, 100% - 32px); margin-inline: auto; }

/* Yazı ölçeği */
.ust-etiket { display: none; }
.display { font: 500 clamp(2.55rem, 5.6vw, 4.6rem)/1.03 var(--f-baslik); letter-spacing: -.022em; text-wrap: balance; max-width: 13ch; }
.h2 { font: 500 clamp(2rem, 3.7vw, 3.05rem)/1.08 var(--f-baslik); letter-spacing: -.018em; text-wrap: balance; }
.vurgu { color: inherit; }
.lead { font-size: clamp(1.0625rem, 1.5vw, 1.2rem); line-height: 1.6; color: var(--yazi-2); max-width: 34em; }
.bolum { padding: clamp(68px, 9vw, 124px) 0; position: relative; }
.bolum-bas { display: grid; gap: 16px; margin-bottom: clamp(36px, 5vw, 60px); max-width: 44rem; }
.bolum-bas p { color: var(--yazi-2); max-width: 38em; }
.bant { background: var(--levha); }
.sifir { margin: 0; }
.ince { font-size: .8125rem; line-height: 1.5; color: var(--yazi-3); }

/* Düğmeler: kesme taş gibi keskin, az yuvarlak */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 24px; border-radius: 4px; border: 1px solid transparent; font: 600 1rem/1 var(--f-yazi); text-decoration: none; cursor: pointer; transition: background .2s ease, border-color .2s ease, color .2s ease; white-space: nowrap; }
.btn svg { display: none; }
.btn-ana { background: var(--verde); color: #fff; }
.btn-ana:hover { background: var(--verde-koyu); }
.btn-hayalet { background: transparent; color: var(--murekkep); border-color: var(--murekkep); }
.btn-hayalet:hover { background: var(--murekkep); color: var(--tas); }
.btn-kucuk { min-height: 42px; padding: 0 16px; font-size: .9375rem; }
.btn:active { transform: translateY(1px); }

/* Üst bar */
.ust { position: sticky; top: 0; z-index: 50; background: var(--tas); border-bottom: 1px solid transparent; transition: border-color .3s ease, background .3s ease; }
.ust.kaydi { background: rgba(244, 244, 241, .94); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-color: var(--cizgi); }
.ust-ic { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 70px; }
.marka { display: inline-flex; align-items: center; gap: 11px; text-decoration: none; font: 500 1.45rem/1 var(--f-baslik); letter-spacing: -.01em; }
.marka-isaret { width: 34px; height: 34px; flex: none; }
.marka b { font-weight: 500; color: var(--verde); }
.menu { display: none; gap: 28px; }
.menu a { text-decoration: none; color: var(--yazi-2); font-size: .9375rem; padding: 6px 0; border-bottom: 1px solid transparent; transition: color .2s, border-color .2s; }
.menu a:hover { color: var(--murekkep); border-color: var(--murekkep); }
.ust-sag { display: flex; align-items: center; gap: 12px; }
.dil { font: 600 .8125rem/1 var(--f-yazi); color: var(--yazi-2); text-decoration: none; padding: 9px 10px; border: 1px solid var(--cizgi); border-radius: 4px; }
.dil:hover { color: var(--murekkep); border-color: var(--murekkep); }
.menu-dugme { display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 4px; border: 1px solid var(--cizgi); background: transparent; color: var(--murekkep); cursor: pointer; }
.menu-dugme svg { width: 22px; height: 22px; }
.menu-dugme .x { display: none; }
.menu-dugme[aria-expanded="true"] .x { display: block; }
.menu-dugme[aria-expanded="true"] .cubuk { display: none; }
.ust-cta { display: none; }
@media (max-width: 1023px) {
  .menu { position: fixed; inset: 70px 0 auto 0; flex-direction: column; gap: 0; padding: 8px 16px 20px; background: var(--tas); border-bottom: 1px solid var(--cizgi); box-shadow: 0 20px 30px -20px rgba(29, 32, 35, .25); transform: translateY(-8px); opacity: 0; visibility: hidden; transition: opacity .2s ease, transform .2s ease, visibility .2s; display: flex; }
  .menu.acik { transform: none; opacity: 1; visibility: visible; }
  .menu a { padding: 15px 4px; font-size: 1.0625rem; border-bottom: 1px solid var(--cizgi); }
}
@media (min-width: 1024px) {
  .menu { display: flex; }
  .menu-dugme { display: none; }
  .ust-cta { display: inline-flex; }
}

/* Kahraman: sayfaya yatırılmış bir mermer levha. Alt kenarda kesim kalınlığı görünür. */
.kahraman { position: relative; width: min(1400px, 100% - 20px); margin: 6px auto 0; padding: clamp(40px, 6vw, 88px) 0 clamp(52px, 7vw, 96px); background: var(--levha); border-radius: 3px 3px 0 0; box-shadow: 0 16px 0 -2px var(--kenar), 0 16px 0 -1px #b7b9b1, 0 40px 46px -26px rgba(29, 32, 35, .45); margin-bottom: 16px; isolation: isolate; }
.kahraman-zemin { position: absolute; inset: 0; z-index: -1; pointer-events: none; border-radius: inherit; background: url(../img/damar.svg) center / cover no-repeat; }
.kahraman-izgara { display: grid; gap: clamp(40px, 5vw, 64px); align-items: center; }
.kahraman-metin { display: grid; gap: 26px; justify-items: start; }
.eylem { display: flex; flex-wrap: wrap; gap: 12px; }
.guven { display: flex; flex-wrap: wrap; gap: 8px 22px; color: var(--yazi-2); font-size: .9375rem; }
.guven li { display: inline-flex; align-items: center; gap: 8px; }
.guven svg { width: 16px; height: 16px; color: var(--verde); }
@media (min-width: 980px) { .kahraman-izgara { grid-template-columns: minmax(0, 1fr) minmax(0, .95fr); } }

/* Talep fişi: levhanın üstüne bırakılmış kâğıt */
.pencere { position: relative; background: var(--kagit); border-radius: 3px; box-shadow: var(--golge-kagit); animation: fis .9s cubic-bezier(.2, .7, .2, 1) .15s backwards; }
@media (min-width: 980px) { .pencere { transform: rotate(.8deg); } }
@keyframes fis { from { opacity: 0; transform: translateY(18px) rotate(.8deg); } }
.p-bar { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 14px 20px 12px; border-bottom: 1px dashed var(--cizgi); }
.p-bar i { display: none; }
.p-bar span { font: 600 .8125rem/1.2 var(--f-yazi); color: var(--murekkep); }
.p-bar .canli { font-weight: 400; color: var(--isaret); }
.p-govde { display: grid; gap: 16px; padding: 18px 20px 20px; }
.p-kart { transition: opacity .5s ease, transform .5s ease; }
.js .p-kart { opacity: 0; transform: translateY(8px); }
.js .p-kart.gor { opacity: 1; transform: none; }
.p-ust { display: flex; justify-content: space-between; gap: 12px; font: 400 .8125rem/1.2 var(--f-yazi); color: var(--yazi-3); margin-bottom: 8px; }
.p-ust b { color: var(--murekkep); font-weight: 600; }
.p-kimden { font-weight: 600; font-size: .9375rem; }
.p-kimden small { font-weight: 400; color: var(--yazi-3); font-size: inherit; }
.p-metin { font: italic 500 1.0625rem/1.5 var(--f-baslik); color: var(--murekkep); margin-top: 6px; }
.p-metin mark { background: none; color: inherit; text-decoration: underline 2px var(--isaret); text-underline-offset: 3px; text-decoration-skip-ink: none; }
.rozetler { display: flex; flex-wrap: wrap; gap: 7px; }
.rozet { font: 400 .8125rem/1 var(--f-yazi); padding: 7px 9px; border-radius: 3px; background: var(--isaret-acik); color: var(--isaret); transition: opacity .35s ease, transform .35s ease; }
.rozet b { font-weight: 600; }
.js .rozet { opacity: 0; transform: translateY(4px); }
.js .rozet.gor { opacity: 1; transform: none; }
.rozet.eksik { background: transparent; border: 1.5px dashed var(--isaret); }
.p-cevap { border-left: 3px solid var(--verde); padding-left: 14px; }
.p-cevap .p-metin { min-height: 6.6em; font: 400 .9375rem/1.6 var(--f-yazi); font-style: normal; }
.imlec { display: inline-block; width: 2px; height: 1.05em; background: var(--verde); vertical-align: -3px; margin-left: 2px; animation: yan 1s steps(2) infinite; }
@keyframes yan { 50% { opacity: 0; } }
.p-alt { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; justify-content: space-between; padding-top: 14px; border-top: 1px solid var(--cizgi); }
.sayac { display: inline-flex; align-items: baseline; gap: 8px; font: 500 1.6rem/1 var(--f-baslik); color: var(--verde); }
.sayac small { font: 400 .8125rem/1 var(--f-yazi); color: var(--yazi-3); }
.takip { display: flex; gap: 6px; flex-wrap: wrap; }
.takip span { font: 400 .8125rem/1 var(--f-yazi); padding: 7px 9px; border-radius: 3px; background: var(--verde-acik); color: var(--verde); transition: opacity .4s ease, transform .4s ease; }
.js .takip span { opacity: 0; transform: translateY(4px); }
.js .takip span.gor { opacity: 1; transform: none; }
.p-dip { padding: 0 20px 16px; font-size: .75rem; color: var(--yazi-3); }

/* Ağ */
.ag { display: grid; gap: 40px; align-items: center; }
@media (min-width: 900px) { .ag { grid-template-columns: .85fr 1.15fr; } }
.ag-svg { width: 100%; height: auto; overflow: visible; min-height: 260px; }
.ag-svg .enlem path { fill: none; stroke: rgba(29, 32, 35, .05); stroke-width: 1; }
.ag-svg .yay { fill: none; stroke: var(--isaret); stroke-opacity: .5; stroke-width: 1.4; stroke-dasharray: 2 6; stroke-linecap: round; }
.ag-svg .nokta { fill: var(--kagit); stroke: var(--murekkep); stroke-width: 1.5; }
.ag-svg .merkez { fill: var(--verde); }
.ag-svg .halka { fill: none; stroke: var(--verde); stroke-width: 1.2; transform-origin: 470px 215px; animation: halka 3.4s ease-out infinite; }
.ag-svg .tas { fill: var(--isaret); }
.ag-svg text { font: 400 17px var(--f-yazi); fill: var(--yazi-2); }
.ag-svg .merkez-ad { font: italic 500 20px var(--f-baslik); fill: var(--verde); }
@keyframes halka { from { transform: scale(.5); opacity: .9; } to { transform: scale(2.6); opacity: 0; } }
@media (min-width: 900px) { .ag-svg { min-height: 380px; } }
@media (max-width: 600px) { .ag-svg text { font-size: 24px; } .ag-svg .merkez-ad { font-size: 26px; } .ag-svg .nokta { r: 9px; } .ag-svg .tas { r: 6px; } }

/* Dert: kart değil, levha üstüne çizilmiş üç sütun */
.kartlar { display: grid; gap: 0 40px; }
@media (min-width: 820px) { .kartlar.uc { grid-template-columns: repeat(3, 1fr); } .kartlar.iki { grid-template-columns: repeat(2, 1fr); } }
.kart { display: grid; gap: 10px; align-content: start; padding: 22px 0 30px; border-top: 2px solid var(--murekkep); }
.kart .ikon, .kart .no { display: none; }
.kart h3 { font: 500 1.65rem/1.15 var(--f-baslik); letter-spacing: -.01em; }
.kart p { color: var(--yazi-2); max-width: 30em; }

/* Hesaplayıcı: Nero Marquina bandı */
.nero { background: var(--nero); color: #eceeea; --murekkep: #eceeea; --yazi-2: #b9bdb8; --yazi-3: #92978f; --cizgi: rgba(255, 255, 255, .14); }
.nero .bolum-bas p { color: var(--yazi-2); }
.hesap { display: grid; gap: clamp(32px, 5vw, 64px); }
@media (min-width: 900px) { .hesap { grid-template-columns: 1fr 1fr; align-items: center; } }
.alanlar { display: grid; gap: 30px; }
.alan label, .alan .et { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; font-size: .9688rem; color: var(--yazi-2); margin-bottom: 12px; }
.alan output { font: 500 1.0625rem/1 var(--f-veri); color: #fff; font-variant-numeric: tabular-nums; }
input[type=range] { -webkit-appearance: none; appearance: none; width: 100%; height: 4px; border-radius: 2px; background: linear-gradient(90deg, #c6cedf var(--dolu, 30%), rgba(255, 255, 255, .18) var(--dolu, 30%)); outline-offset: 10px; cursor: pointer; }
input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; width: 22px; height: 22px; border-radius: 2px; background: #fff; border: 0; box-shadow: 0 0 0 4px var(--nero), 0 0 0 5px #c6cedf; transform: rotate(45deg); }
input[type=range]::-moz-range-thumb { width: 18px; height: 18px; border-radius: 2px; background: #fff; border: 0; box-shadow: 0 0 0 4px var(--nero), 0 0 0 5px #c6cedf; }
.sonuc { display: grid; gap: 16px; align-content: center; padding-left: clamp(0px, 4vw, 56px); border-left: 1px solid var(--cizgi); }
@media (max-width: 899px) { .sonuc { padding: 28px 0 0; border-left: 0; border-top: 1px solid var(--cizgi); } }
.sonuc small { font-size: .9375rem; color: var(--yazi-2); }
.sonuc .buyuk { font: 500 clamp(3rem, 7vw, 5.4rem)/.95 var(--f-baslik); color: #fff; letter-spacing: -.025em; font-variant-numeric: tabular-nums lining-nums; }
.sonuc p { color: var(--yazi-2); max-width: 30em; }
.sonuc p b { color: #fff; }
.sonuc .btn { justify-self: start; }
.nero .btn-ana { background: #c6cedf; color: var(--nero); }
.nero .btn-ana:hover { background: #b2e0cb; }
.sonuc .not { font-size: .8125rem; color: var(--yazi-3); }

/* Nasıl çalışır: gerçek sıra, numaralar anlamlı */
.adimlar { display: grid; gap: 34px; }
.adim { display: grid; grid-template-columns: 64px 1fr; gap: 18px; align-content: start; }
.adim-no { font: 500 3.4rem/.9 var(--f-baslik); color: var(--verde); }
.adim h3 { font: 500 1.6rem/1.15 var(--f-baslik); margin: 4px 0 8px; letter-spacing: -.01em; }
.adim p { color: var(--yazi-2); max-width: 34em; }
.adim .sure { display: inline-block; margin-top: 12px; font-size: .875rem; color: var(--verde); font-weight: 600; }
@media (min-width: 900px) {
  .adimlar { grid-template-columns: repeat(3, 1fr); gap: 44px; }
  .adim { grid-template-columns: 1fr; gap: 12px; padding-top: 24px; border-top: 1px solid var(--cizgi); }
  .adim-no { font-size: 4.6rem; }
}

/* Pilot */
.pilot { display: grid; gap: 22px; align-items: start; }
@media (min-width: 900px) { .pilot { grid-template-columns: 1.15fr 1fr; gap: 32px; } }
.pilot-kutu { display: grid; gap: 20px; align-content: start; padding: clamp(24px, 4vw, 40px); border: 1px solid var(--kenar); border-radius: 3px; }
.pilot-kutu.vurgulu { background: var(--kagit); border: 0; border-top: 4px solid var(--verde); box-shadow: var(--golge-kagit); }
.pilot-kutu h3 { font: 500 1.8rem/1.12 var(--f-baslik); letter-spacing: -.01em; }
.pilot-kutu .btn { justify-self: start; }
.liste { display: grid; gap: 12px; }
.liste li { display: grid; grid-template-columns: 22px 1fr; gap: 12px; color: var(--yazi-2); }
.liste svg { width: 20px; height: 20px; color: var(--verde); margin-top: 3px; }
.liste.hayir svg { color: var(--yazi-3); }
.ol-tablo { display: grid; }
.ol-tablo div { display: grid; grid-template-columns: 1fr auto; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--kenar); font-size: .9688rem; color: var(--yazi-2); }
.ol-tablo div:first-child { border-top: 2px solid var(--murekkep); }
.ol-tablo b { font: 500 .875rem/1.5 var(--f-veri); color: var(--murekkep); text-align: right; }
.alt-baslik { font: 500 1.35rem/1.2 var(--f-baslik); margin: 14px 0 0; }

/* Alıcı bulma: yükleme listesi gibi */
.alici { display: grid; gap: 32px; align-items: center; }
@media (min-width: 900px) { .alici { grid-template-columns: 1fr 1fr; gap: 56px; } }
.liste-tablo { background: var(--kagit); border-radius: 3px; box-shadow: var(--golge-kagit); font-size: .9375rem; overflow: hidden; }
.liste-tablo .s { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 10px; padding: 14px 20px; border-bottom: 1px solid var(--cizgi); align-items: center; }
.liste-tablo .bas { font-weight: 600; font-size: .8125rem; color: var(--yazi-3); border-bottom: 2px solid var(--murekkep); }
.liste-tablo .ok { color: var(--verde); font-weight: 600; font-size: .875rem; }
.liste-tablo .kisa { color: var(--yazi-3); font-size: .875rem; }
.liste-tablo .ince { margin: 0; padding: 12px 20px; }

/* Kurallar */
.kural { display: grid; grid-template-columns: 26px 1fr; gap: 14px; padding: 22px 0; border-top: 1px solid var(--kenar); }
.kural svg { width: 24px; height: 24px; color: var(--verde); margin-top: 4px; }
.kural h3 { font: 500 1.4rem/1.2 var(--f-baslik); margin-bottom: 4px; }
.kural p { color: var(--yazi-2); }

/* SSS */
.sss { display: grid; max-width: 50rem; border-bottom: 1px solid var(--cizgi); }
.sss details { border-top: 1px solid var(--cizgi); }
.sss summary { cursor: pointer; list-style: none; padding: 22px 52px 22px 0; font: 500 1.25rem/1.3 var(--f-baslik); position: relative; }
.sss summary::-webkit-details-marker { display: none; }
.sss summary::before, .sss summary::after { content: ""; position: absolute; right: 6px; top: 50%; width: 16px; height: 1.5px; background: var(--verde); transition: transform .25s ease; }
.sss summary::after { transform: rotate(90deg); }
.sss details[open] summary::after { transform: rotate(0); }
.sss summary:hover { color: var(--verde); }
.answer { padding: 0 52px 24px 0; color: var(--yazi-2); display: grid; gap: 10px; max-width: 40em; }
.answer a { color: var(--verde); }

/* Kapanış */
.kapanis-izgara { display: grid; gap: clamp(32px, 4vw, 64px); align-items: start; }
@media (min-width: 960px) { .kapanis-izgara { grid-template-columns: 1fr 1fr; } }
.kapanis-metin { display: grid; gap: 22px; }
.kisi { display: grid; grid-template-columns: 52px 1fr; gap: 16px; align-items: center; padding: 18px 0; border-block: 1px solid var(--kenar); }
.kisi .av { width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center; font: 500 1.6rem/1 var(--f-baslik); background: var(--verde); color: #fff; }
.kisi p { font-size: .9688rem; color: var(--yazi-2); }
.iletisim { display: grid; gap: 8px; font-size: .9688rem; color: var(--yazi-2); }
.iletisim a { color: var(--murekkep); text-underline-offset: 3px; }
.form { display: grid; gap: 16px; background: var(--kagit); border-radius: 3px; border-top: 4px solid var(--verde); padding: clamp(22px, 4vw, 36px); box-shadow: var(--golge-kagit); }
.form h3 { font: 500 1.8rem/1.12 var(--f-baslik); }
.iki, .iki-alan { display: grid; gap: 14px; }
@media (min-width: 560px) { .iki, .iki-alan { grid-template-columns: 1fr 1fr; } }
.form label { display: grid; gap: 7px; font-size: .875rem; font-weight: 600; color: var(--murekkep); }
.form input:not([type=checkbox]):not([type=range]), .form select { width: 100%; min-height: 50px; padding: 0 14px; border-radius: 3px; border: 1px solid var(--kenar); background: var(--tas); color: var(--murekkep); font: 400 1rem var(--f-yazi); transition: border-color .2s, box-shadow .2s, background .2s; }
.form input:focus, .form select:focus { outline: none; background: #fff; border-color: var(--isaret); box-shadow: 0 0 0 3px var(--isaret-acik); }
.form select { appearance: none; background-image: linear-gradient(45deg, transparent 50%, var(--murekkep) 50%), linear-gradient(135deg, var(--murekkep) 50%, transparent 50%); background-position: calc(100% - 20px) 22px, calc(100% - 15px) 22px; background-size: 5px 5px; background-repeat: no-repeat; }
.onay { display: grid !important; grid-template-columns: 22px 1fr; gap: 12px !important; align-items: start; font-size: .8125rem !important; font-weight: 400 !important; color: var(--yazi-3) !important; }
.onay input { width: 20px; height: 20px; accent-color: var(--verde); margin: 1px 0 0; }
.onay a { color: var(--verde); }
.durum { min-height: 1.4em; font-size: .9375rem; color: var(--verde); }
.durum .btn { margin-top: 10px; }
.form .btn-ana { width: 100%; }

/* Alt bilgi */
.alt { background: var(--nero); color: #a9ada6; padding: 56px 0 40px; font-size: .9375rem; }
.alt .marka { color: #eceef3; }
.alt .marka b { color: #c6cedf; }
.alt-izgara { display: grid; gap: 32px; }
@media (min-width: 820px) { .alt-izgara { grid-template-columns: 1.4fr 1fr 1fr; } }
.alt h2 { font: 600 .875rem/1 var(--f-yazi); color: #eceeea; margin-bottom: 16px; }
.alt ul { display: grid; gap: 10px; }
.alt a { text-decoration: none; }
.alt a:hover { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.alt p { max-width: 28em; margin-top: 14px; }
.alt-yasal { margin-top: 40px; padding-top: 22px; border-top: 1px solid rgba(255, 255, 255, .12); display: flex; flex-wrap: wrap; gap: 8px 24px; font-size: .8125rem; }
.alt :focus-visible { outline-color: #c6cedf; }

/* Mobil yapışık çağrı */
.yapisik { position: fixed; left: 10px; right: 10px; bottom: 10px; z-index: 40; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 8px 8px 16px; border-radius: 4px; background: var(--kagit); box-shadow: 0 1px 0 var(--cizgi), 0 16px 34px -12px rgba(29, 32, 35, .45); transform: translateY(150%); transition: transform .35s ease; }
.yapisik.goster { transform: none; }
.yapisik span { font-size: .9375rem; color: var(--murekkep); line-height: 1.3; }
@media (min-width: 900px) { .yapisik { display: none; } }

.kucuk-h { font-size: 1.25rem; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; transition-delay: 0s !important; scroll-behavior: auto !important; }
  .p-kart, .rozet, .takip span { opacity: 1; transform: none; }
  .ag-svg .tas, .ag-svg .halka { display: none; }
}
@media print { .ust, .yapisik { display: none; } .kahraman, .nero, .alt { background: #fff; color: #000; box-shadow: none; } }

/* Letleap logosu (2026-10-29) */
.marka-logo { display: block; height: 34px; width: auto; max-width: none; }
@media (max-width: 480px) { .marka-logo { height: 28px; } }