/* Forex · tek stil dosyası. Renk ve ölçü kararları yalnızca :root belirteçlerinden gelir. */
@font-face{font-family:"Work Sans";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/work-sans-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:"Work Sans";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/work-sans-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{
  color-scheme:dark;
  --bg:#06141B;--yuzey:#0C1D28;--yuzey2:#11212D;--cizgi:#253745;
  --yazi:#CCD0CF;--soluk:#9BA8AB;
  --vurgu:#D9B46A;--vurgu-yazi:#06141B;
  --sahne:#11212D;--sahne-yazi:#CCD0CF;
  --yuk:#72D39A;--dus:#F28B76;--uyari:#E7B955;
  --odak:#D9B46A;
  --yaricap:8px;--sayfa:1240px;--kenar:clamp(16px,4vw,40px);
  --sans:"Work Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --t-kucuk:clamp(.8125rem,.79rem + .1vw,.875rem);
  --t-govde:clamp(1rem,.96rem + .2vw,1.125rem);
  --t-ust:clamp(1.25rem,1.1rem + .7vw,1.625rem);
  --t-baslik:clamp(2rem,1.3rem + 3.2vw,4rem);
  --hizli:.16s;--yumusak:cubic-bezier(.65,0,.35,1);
}
:root[data-tema="acik"]{
  color-scheme:light;
  --bg:#EEF1F2;--yuzey:#FAFBFB;--yuzey2:#E1E7EA;--cizgi:#C3CED4;
  --yazi:#06141B;--soluk:#4A5C6A;
  --vurgu:#7A5A14;--vurgu-yazi:#FAFBFB;
  --sahne:#D5DEE3;--sahne-yazi:#06141B;
  --yuk:#1B7448;--dus:#B03A27;--uyari:#8A5A00;
  --odak:#7A5A14;
}
@media (prefers-color-scheme:light){
  :root:not([data-tema="koyu"]){
    color-scheme:light;
    --bg:#EEF1F2;--yuzey:#FAFBFB;--yuzey2:#E1E7EA;--cizgi:#C3CED4;
    --yazi:#06141B;--soluk:#4A5C6A;
    --vurgu:#7A5A14;--vurgu-yazi:#FAFBFB;
    --sahne:#D5DEE3;--sahne-yazi:#06141B;
    --yuk:#1B7448;--dus:#B03A27;--uyari:#8A5A00;
    --odak:#7A5A14;
  }
}

*,*::before,*::after{box-sizing:border-box}
*{margin:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}
body{background:var(--bg);color:var(--yazi);font:400 var(--t-govde)/1.6 var(--sans);min-height:100vh;display:flex;flex-direction:column;overflow-x:clip;text-rendering:optimizeLegibility}
main{flex:1 0 auto}
img,svg,canvas{display:block;max-width:100%}
a{color:inherit;text-underline-offset:.2em}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
[hidden]{display:none!important}
::selection{background:var(--vurgu);color:var(--vurgu-yazi)}
:focus-visible{outline:2px solid var(--odak);outline-offset:3px;border-radius:4px}
.atla{position:absolute;left:-999px;top:8px;background:var(--vurgu);color:var(--vurgu-yazi);padding:10px 16px;border-radius:var(--yaricap);z-index:200;font-weight:500}
.atla:focus{left:12px}
.gizli-okur{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sayi,.sayilar{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
.kap{width:100%;max-width:var(--sayfa);margin-inline:auto;padding-inline:var(--kenar)}

/* ---------- başlık çubuğu ---------- */
.ust{position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--cizgi)}
.ust .kap{display:flex;align-items:center;gap:20px;min-height:64px}
.marka{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:500;font-size:1.0625rem;letter-spacing:-.01em;white-space:nowrap}
.marka img{width:28px;height:28px;object-fit:contain}
.marka small{color:var(--soluk);font-weight:400;font-size:var(--t-kucuk)}
.menu{display:flex;gap:4px;margin-left:auto;align-items:center}
.menu a{text-decoration:none;color:var(--soluk);font-size:.9375rem;padding:8px 12px;border-radius:var(--yaricap);transition:color var(--hizli),background var(--hizli);white-space:nowrap}
.menu a:hover{color:var(--yazi)}
.menu a[aria-current=page]{color:var(--yazi);background:var(--yuzey2)}
.ust-arac{display:flex;gap:6px;align-items:center}
.ikon-dugme{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid var(--cizgi);background:transparent;border-radius:var(--yaricap);color:var(--soluk);transition:border-color var(--hizli),color var(--hizli),transform var(--hizli)}
.ikon-dugme:hover{border-color:var(--yazi);color:var(--yazi)}
.ikon-dugme:active{transform:scale(.96)}
.ikon-dugme svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.menu-ac{display:none}
@media (max-width:900px){
  .menu-ac{display:inline-grid;margin-left:auto}
  .menu{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;background:var(--bg);border-bottom:1px solid var(--cizgi);padding:8px var(--kenar) 16px;margin:0}
  .menu.acik{display:flex}
  .menu a{padding:14px 4px;font-size:1.0625rem;border-bottom:1px solid var(--cizgi);border-radius:0}
  .menu a[aria-current=page]{background:transparent;color:var(--vurgu)}
  :root[data-tema="acik"] .menu a[aria-current=page]{color:var(--vurgu)}
}

/* ---------- bildirim şeritleri ---------- */
.serit{border-bottom:1px solid var(--cizgi);background:var(--yuzey2);font-size:var(--t-kucuk)}
.serit .kap{padding-block:10px;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.serit strong{font-weight:500}
.serit.uyari{background:color-mix(in srgb,var(--uyari) 18%,var(--bg));border-color:color-mix(in srgb,var(--uyari) 55%,var(--cizgi))}
.serit.ornek{background:color-mix(in srgb,var(--dus) 20%,var(--bg));border-color:color-mix(in srgb,var(--dus) 60%,var(--cizgi))}

/* ---------- tipografi ---------- */
h1,h2,h3{font-weight:300;letter-spacing:-.035em;line-height:1.04;text-wrap:balance}
h1{font-size:var(--t-baslik)}
h2{font-size:clamp(1.75rem,1.2rem + 2.2vw,2.75rem)}
h3{font-size:var(--t-ust);font-weight:400;letter-spacing:-.02em;line-height:1.2}
p{max-width:68ch;text-wrap:pretty}
.giris{font-size:var(--t-ust);line-height:1.4;color:var(--yazi);max-width:40ch;font-weight:300}
.soluk{color:var(--soluk)}
.kucuk{font-size:var(--t-kucuk)}
.bolum{padding-block:clamp(56px,8vw,112px)}
.bolum-baslik{margin-bottom:clamp(24px,4vw,48px);max-width:24ch}

/* ---------- düğmeler, alanlar ---------- */
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 20px;border:1px solid transparent;border-radius:var(--yaricap);background:var(--vurgu);color:var(--vurgu-yazi);font-weight:500;font-size:1rem;text-decoration:none;transition:filter var(--hizli),transform var(--hizli),background var(--hizli);white-space:nowrap}
.dugme:hover{filter:brightness(1.07)}
.dugme:active{transform:translateY(1px)}
.dugme.ikincil{background:transparent;color:var(--yazi);border-color:var(--cizgi)}
.dugme.ikincil:hover{border-color:var(--yazi);filter:none}
.dugme.kucuk{min-height:36px;padding:6px 12px;font-size:.9375rem}
.dugme[disabled]{opacity:.5;cursor:not-allowed}
.alan{display:flex;flex-direction:column;gap:6px;min-width:0}
.alan>label,.alan>.etiket{font-size:var(--t-kucuk);color:var(--soluk)}
.girdi,select.girdi{width:100%;min-height:44px;padding:9px 12px;background:var(--bg);border:1px solid var(--cizgi);border-radius:var(--yaricap);color:var(--yazi);font-size:1rem;transition:border-color var(--hizli)}
.girdi:hover{border-color:var(--soluk)}
.girdi:focus{border-color:var(--odak);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--odak) 25%,transparent)}
.girdi[aria-invalid=true]{border-color:var(--dus)}
select.girdi{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%23A89B83' stroke-width='1.6'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px}
input[type=date].girdi{min-height:44px}
:root[data-tema="acik"] input[type=date]{color-scheme:light}
.hata-metni{color:var(--dus);font-size:var(--t-kucuk);min-height:1.2em}
.ip{display:inline-flex;gap:4px;padding:3px;background:var(--yuzey2);border-radius:var(--yaricap);border:1px solid var(--cizgi)}
.ip button{border:0;background:transparent;padding:6px 12px;border-radius:6px;color:var(--soluk);font-size:.9375rem;min-height:34px;transition:color var(--hizli),background var(--hizli)}
.ip button:hover{color:var(--yazi)}
.ip button[aria-pressed=true],.ip button[aria-selected=true]{background:var(--bg);color:var(--yazi);box-shadow:inset 0 0 0 1px var(--cizgi)}
.hizli-tutar{display:flex;flex-wrap:wrap;gap:6px}
.hizli-tutar button{border:1px solid var(--cizgi);background:transparent;border-radius:var(--yaricap);padding:5px 11px;font-size:.9375rem;min-height:34px;color:var(--soluk);transition:border-color var(--hizli),color var(--hizli)}
.hizli-tutar button:hover{border-color:var(--yazi);color:var(--yazi)}

/* ---------- panel / arayüz parçası (data-ui) ---------- */
.parca{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--yaricap);color:var(--yazi);font-size:.9375rem;line-height:1.5}
.parca .girdi{font-size:.9375rem}
.parca-baslik{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--cizgi)}
.parca-baslik h2,.parca-baslik h3{font-size:1rem;font-weight:500;letter-spacing:0}
.parca-ic{padding:18px}
.izgara-alan{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.satir-esit{display:grid;gap:12px;grid-template-columns:1fr 1fr}
@media (max-width:520px){.satir-esit{grid-template-columns:1fr}}

/* ---------- ANA SAYFA: hero ---------- */
.hero{position:relative;padding-top:clamp(32px,5vw,72px)}
.hero-izgara{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
.hero-ust{grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr);gap:32px;align-items:center}
.hero-metin{min-width:0}
.hero h1{font-size:clamp(3rem,5.2vw,5rem);line-height:1;max-width:9ch}
.hero .giris{margin-top:24px}
.hero .dugme{margin-top:28px}
.madeni-sahne{justify-self:center;align-self:center;position:relative;width:min(100%,300px);aspect-ratio:1}
.hero-madeni{position:absolute;left:50%;top:50%;width:272px;aspect-ratio:1;transform:translate(-50%,-50%)}
.hero-madeni canvas{width:100%;height:100%}
.hero-not{grid-column:1/5;grid-row:2;align-self:end;padding-bottom:32px;color:var(--soluk);font-size:var(--t-kucuk);max-width:30ch}
.hero-sahne{--tasma:calc((100vw - min(100vw, var(--sayfa))) / 2 + var(--kenar));grid-column:1/-1;grid-row:2;margin-top:28px;margin-inline:calc(-1 * var(--tasma));background:var(--sahne);color:var(--sahne-yazi);clip-path:polygon(88px 0,100% 0,100% 100%,0 100%,0 88px);padding:56px var(--tasma) 48px;min-width:0}
.hero-sahne .parca{max-width:none;border-radius:var(--yaricap)}
@media (max-width:980px){
  .hero-metin{grid-column:1/-1}
  .hero h1{font-size:clamp(2.75rem,12vw,4rem);max-width:none}
  .madeni-sahne{display:none}
  .hero-not{grid-column:1/-1;grid-row:3;padding:20px 0 0}
  .hero-sahne{grid-column:1/-1;grid-row:2;margin-left:calc(var(--kenar) * -1);margin-right:calc(var(--kenar) * -1);padding:36px var(--kenar) 0;clip-path:polygon(72px 0,100% 0,100% 100%,0 100%,0 72px)}
}
.zaman .alanlar{display:grid;grid-template-columns:1.2fr 1fr 1.2fr;gap:10px}
@media (max-width:560px){.zaman .alanlar{grid-template-columns:1fr 1fr}.zaman .alanlar .tarih-alan{grid-column:1/-1}}
.zaman-sonuc{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--cizgi);margin-top:16px}
.zaman-sonuc>div{padding:16px 18px 6px}
.zaman-sonuc>div+div{border-left:1px solid var(--cizgi)}
.zaman-sonuc .et{font-size:var(--t-kucuk);color:var(--soluk)}
.zaman-sonuc .buyuk{font-size:clamp(1.375rem,1.1rem + 1vw,1.875rem);font-weight:400;letter-spacing:-.02em;line-height:1.15;margin-top:2px}
.zaman-fark{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:6px 18px 14px}
.degisim{display:inline-flex;align-items:center;gap:4px;font-weight:500;white-space:nowrap}
.degisim.yuk{color:var(--yuk)}.degisim.dus{color:var(--dus)}.degisim.sabit{color:var(--soluk)}
.degisim svg{width:10px;height:10px;fill:currentColor}
.zaman-not{padding:0 18px 14px;font-size:var(--t-kucuk);color:var(--soluk);min-height:2.6em}
.mini-grafik{padding:0 18px 18px}
.mini-grafik svg{width:100%;height:56px}

/* ---------- kur tablosu ---------- */
.tablo-arac{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:16px}
.tablo-arac .ara{flex:1 1 220px;max-width:340px;position:relative}
.tablo-arac .ara svg{position:absolute;left:12px;top:50%;translate:0 -50%;width:18px;height:18px;stroke:var(--soluk);fill:none;stroke-width:1.8;pointer-events:none}
.tablo-arac .ara input{padding-left:38px}
.kur-tablo-kap{overflow-x:auto;border:1px solid var(--cizgi);border-radius:var(--yaricap);background:var(--yuzey)}
table.kur{width:100%;border-collapse:collapse;min-width:640px}
table.kur th,table.kur td{padding:13px 16px;text-align:right;border-bottom:1px solid var(--cizgi);font-size:.9375rem;white-space:nowrap}
table.kur th:first-child,table.kur td:first-child{text-align:left}
table.kur thead th{font-weight:500;color:var(--soluk);font-size:var(--t-kucuk);background:var(--yuzey2);position:sticky;top:0}
table.kur thead th button{all:unset;cursor:pointer;display:inline-flex;gap:4px;align-items:center;padding:2px 0}
table.kur thead th button:focus-visible{outline:2px solid var(--odak);outline-offset:3px}
table.kur thead th button:hover{color:var(--yazi)}
table.kur th[aria-sort] button::after{content:"";width:8px;height:8px;border:solid currentColor;border-width:0 2px 2px 0;rotate:45deg;translate:0 -2px}
table.kur th[aria-sort=ascending] button::after{rotate:225deg;translate:0 2px}
table.kur tbody tr{transition:background var(--hizli)}
table.kur tbody tr:hover{background:var(--yuzey2)}
table.kur tbody tr:last-child td{border-bottom:0}
.kod{display:inline-grid;place-items:center;min-width:46px;height:28px;padding:0 6px;border-radius:6px;background:var(--yuzey2);border:1px solid var(--cizgi);font-size:.8125rem;font-weight:500;letter-spacing:.02em;margin-right:12px}
.kur-ad{display:inline-flex;align-items:center;text-decoration:none}
.kur-ad span.metin{display:flex;flex-direction:column;line-height:1.25}
.kur-ad small{color:var(--soluk);font-size:var(--t-kucuk)}
.kur-ad:hover .ad{text-decoration:underline}
.fav{border:0;background:transparent;color:var(--soluk);width:36px;height:36px;border-radius:var(--yaricap);display:inline-grid;place-items:center}
.fav:hover{color:var(--yazi)}
.fav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.fav[aria-pressed=true]{color:var(--vurgu)}
:root[data-tema="acik"] .fav[aria-pressed=true]{color:var(--vurgu)}
.fav[aria-pressed=true] svg{fill:currentColor}
.spark{width:96px;height:28px;display:inline-block;vertical-align:middle}
.spark path{fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.tablo-alt{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:14px;color:var(--soluk);font-size:var(--t-kucuk)}
@media (max-width:720px){
  table.kur{min-width:0}
  table.kur .gizle-mobil{display:none}
  table.kur th,table.kur td{padding:12px 10px}
  .kod{display:none}
}

/* ---------- kabiliyet satırları (5/7) ---------- */
.satir{display:grid;grid-template-columns:5fr 7fr;gap:clamp(24px,5vw,72px);align-items:center;padding-block:clamp(32px,5vw,64px)}
.satir+.satir{border-top:1px solid var(--cizgi)}
.satir h2{font-size:clamp(1.625rem,1.1rem + 1.8vw,2.5rem);max-width:16ch}
.satir p.soluk{margin-top:14px;max-width:40ch}
.satir .baglanti{display:inline-block;margin-top:18px;font-weight:500}
.satir .parca{min-width:0}
.satir.dar .parca{max-width:520px}
@media (max-width:860px){.satir{grid-template-columns:1fr}}

/* ---------- grafik ---------- */
.grafik-kap{position:relative;width:100%}
.grafik-kap svg{width:100%;height:auto;overflow:visible;touch-action:pan-y;user-select:none}
.grafik-kap:focus-visible{outline-offset:4px}
.g-izgara line{stroke:var(--cizgi);stroke-width:1}
.g-etiket{fill:var(--soluk);font-size:12px;font-family:var(--sans)}
.g-cizgi{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.g-alan{opacity:.14}
.g-imlec line{stroke:var(--soluk);stroke-dasharray:3 3}
.g-nokta{stroke:var(--bg);stroke-width:2}
.g-ipucu{position:absolute;pointer-events:none;background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--yaricap);padding:8px 12px;font-size:.875rem;line-height:1.4;min-width:140px;z-index:5;transform:translate(-50%,-100%);white-space:nowrap}
.g-ipucu b{font-weight:500}
.g-uc{fill:var(--yazi);font-size:12px;font-family:var(--sans);font-weight:500}
.aralik-arac{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:12px}
.g-okuma{min-height:1.6em;font-size:.9375rem;color:var(--soluk)}
.g-okuma b{color:var(--yazi);font-weight:500}
.gosterge{display:inline-flex;gap:14px;flex-wrap:wrap;font-size:var(--t-kucuk);color:var(--soluk)}
.gosterge i{display:inline-block;width:14px;height:3px;border-radius:2px;margin-right:6px;vertical-align:middle}

/* ---------- istatistik / veri tabloları ---------- */
.istat{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));border:1px solid var(--cizgi);border-radius:var(--yaricap);background:var(--yuzey);overflow:hidden}
.istat>div{padding:16px 18px;border-right:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi);margin:0 -1px -1px 0}
.istat dt{font-size:var(--t-kucuk);color:var(--soluk)}
.istat dd{font-size:1.25rem;font-weight:400;letter-spacing:-.01em;margin-top:2px}
.istat dd small{display:block;color:var(--soluk);font-size:var(--t-kucuk);letter-spacing:0}
table.veri{width:100%;border-collapse:collapse;font-size:.9375rem}
table.veri th,table.veri td{padding:11px 14px;text-align:right;border-bottom:1px solid var(--cizgi);white-space:nowrap}
table.veri th:first-child,table.veri td:first-child{text-align:left}
table.veri thead th{font-weight:500;color:var(--soluk);font-size:var(--t-kucuk);background:var(--yuzey2);position:sticky;top:0}
table.veri tbody tr:hover{background:var(--yuzey2)}
.tablo-kaydir{max-height:520px;overflow:auto;border:1px solid var(--cizgi);border-radius:var(--yaricap);background:var(--yuzey)}
.etiket-satir{display:flex;flex-wrap:wrap;gap:8px}
.cip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:var(--yaricap);border:1px solid var(--cizgi);background:transparent;font-size:.9375rem;text-decoration:none;color:var(--yazi);transition:border-color var(--hizli)}
a.cip:hover,button.cip:hover{border-color:var(--yazi)}

/* ---------- araç sayfaları ---------- */
.sayfa-ust{padding-top:clamp(32px,5vw,64px);padding-bottom:clamp(20px,3vw,36px)}
.sayfa-ust h1{font-size:clamp(2.25rem,1.4rem + 3.4vw,4rem);max-width:18ch}
.sayfa-ust .giris{margin-top:16px}
.kirinti{font-size:var(--t-kucuk);color:var(--soluk);margin-bottom:18px}
.kirinti ol{display:flex;gap:6px;flex-wrap:wrap;list-style:none;padding:0}
.kirinti li+li::before{content:"/";margin-right:6px;color:var(--cizgi)}
.kirinti a{text-decoration:none}.kirinti a:hover{text-decoration:underline}
.arac-izgara{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px;align-items:start}
@media (max-width:960px){.arac-izgara{grid-template-columns:1fr}}
.cevir-satir{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:end}
.cevir-satir .degis{align-self:end;margin-bottom:0}
@media (max-width:640px){.cevir-satir{grid-template-columns:1fr}.cevir-satir .degis{justify-self:start}}
.sonuc-buyuk{font-size:clamp(1.75rem,1.2rem + 2vw,2.75rem);font-weight:300;letter-spacing:-.03em;line-height:1.1;overflow-wrap:anywhere}
.sonuc-alt{color:var(--soluk);font-size:var(--t-kucuk);margin-top:6px}
.not-kutu{border-left:3px solid var(--uyari);background:color-mix(in srgb,var(--uyari) 10%,transparent);padding:10px 14px;font-size:.9375rem;border-radius:0 var(--yaricap) var(--yaricap) 0}
.not-kutu.bilgi{border-left-color:var(--soluk);background:var(--yuzey2)}
.eylemler{display:flex;flex-wrap:wrap;gap:8px}
.liste-sade{list-style:none;padding:0;display:grid;gap:0}
.liste-sade li{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid var(--cizgi)}
.liste-sade li:last-child{border-bottom:0}
.liste-sade .sol{display:flex;flex-direction:column;min-width:0}
.bos{padding:28px 18px;text-align:center;color:var(--soluk)}
.bos strong{display:block;color:var(--yazi);font-weight:500;margin-bottom:4px}
.sekmeler{display:flex;gap:4px;border-bottom:1px solid var(--cizgi);margin-bottom:20px;overflow-x:auto}
.sekmeler button{border:0;background:transparent;padding:12px 16px;color:var(--soluk);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;min-height:44px}
.sekmeler button:hover{color:var(--yazi)}
.sekmeler button[aria-selected=true]{color:var(--yazi);border-bottom-color:var(--vurgu)}
.sepet-satir{display:grid;grid-template-columns:minmax(90px,1fr) minmax(90px,1fr) auto;gap:10px;align-items:end;padding:10px 0;border-bottom:1px solid var(--cizgi)}
.sepet-satir:last-child{border-bottom:0}

/* ---------- uyarı cümlesi (CTA) ---------- */
.cumle-bolum{padding-block:clamp(56px,9vw,128px)}
.cumle-bolum form{font-size:clamp(2rem,6vw,4.75rem);font-weight:300;letter-spacing:-.035em;line-height:1.25;max-width:14em}
.cumle-bolum .bosluk{display:inline-block;width:5.2em;height:1.15em;vertical-align:baseline;background:var(--yuzey2);border:0;border-radius:var(--yaricap);padding:0 .3em;font:inherit;color:var(--yazi);text-align:center;font-variant-numeric:tabular-nums;margin-inline:.1em}
.cumle-bolum .bosluk:focus{outline:2px solid var(--odak)}
.cumle-bolum select.bosluk{width:auto;padding-right:.2em;appearance:none;cursor:pointer}
.cumle-bolum .son{display:inline-block;height:1.15em;border:0;border-radius:var(--yaricap);background:var(--vurgu);color:var(--vurgu-yazi);font:inherit;padding:0 .4em;margin-left:.1em;cursor:pointer;transition:filter var(--hizli)}
.cumle-bolum .son:hover{filter:brightness(1.08)}
.cumle-bolum .aciklama{margin-top:20px;font-size:var(--t-govde);color:var(--soluk);letter-spacing:0;font-weight:400;line-height:1.5;max-width:56ch}

/* ---------- borsa çapraz bağlantı kartları ---------- */
.capraz{padding-block:clamp(40px,6vw,80px);border-top:1px solid var(--cizgi)}
.capraz-ust{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.capraz-ust h2{font-size:clamp(1.375rem,1.1rem + 1vw,1.875rem)}
.capraz-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.capraz-kart{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid var(--cizgi);border-radius:var(--yaricap);background:var(--yuzey);text-decoration:none;transition:border-color var(--hizli),transform var(--hizli)}
.capraz-kart:hover{border-color:var(--yazi);transform:translateY(-2px)}
.capraz-kart .a{font-size:var(--t-kucuk);color:var(--soluk)}
.capraz-kart .d{font-size:1.5rem;font-weight:300;letter-spacing:-.02em}
.capraz-bos{padding:20px;border:1px dashed var(--cizgi);border-radius:var(--yaricap);color:var(--soluk)}

/* ---------- altbilgi: karolar ---------- */
.alt{margin-top:clamp(40px,6vw,80px);border-top:1px solid var(--cizgi)}
.alt-sutunlar{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr);gap:40px 32px;padding-block:56px 44px}
.alt-sayfalar ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;grid-auto-flow:column;grid-template-rows:repeat(5,auto)}
.alt-sosyal{display:flex;align-items:center;gap:12px}
.alt-ikon{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--cizgi);border-radius:var(--yaricap);flex:none}
.alt-ikon svg{width:20px;height:20px}
.alt-sosyal:hover .alt-ikon{border-color:var(--vurgu)}
.alt-sutunlar h2{margin:0 0 6px;font-size:.8125rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--soluk)}
.alt-sutunlar p{margin:0 0 20px;font-size:.9375rem;color:var(--soluk);max-width:none}
.alt-sutunlar ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.alt a{color:var(--yazi);text-decoration:none;overflow-wrap:anywhere}
.alt a:hover{color:var(--vurgu)}
.alt-alt{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-block:28px;border-top:1px solid var(--cizgi);font-size:.875rem;color:var(--soluk)}
.alt-logo{height:33px;width:auto;display:block}
@media (max-width:1100px){.alt-sutunlar{grid-template-columns:repeat(3,minmax(0,1fr))}.alt-sayfalar{grid-column:1/-1}}
@media (max-width:760px){.alt-sutunlar{grid-template-columns:repeat(2,minmax(0,1fr));padding-block:40px 32px}}
@media (max-width:520px){.alt-sutunlar{grid-template-columns:1fr}.alt-sayfalar{grid-column:auto}.alt-alt{flex-direction:column;align-items:flex-start}}

/* ---------- reklam alanı ---------- */
.reklam{display:none;margin-block:32px;min-height:280px;border:1px dashed var(--cizgi);border-radius:var(--yaricap);align-items:center;justify-content:center;color:var(--soluk);font-size:var(--t-kucuk)}
.reklam.etkin{display:flex}
.reklam::before{content:"Reklam";}
.reklam ins{width:100%}

/* ---------- çerez / tercih ---------- */
.tercih{position:fixed;left:12px;right:12px;bottom:12px;z-index:90;max-width:520px;background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--yaricap);padding:16px;font-size:.9375rem}
.tercih p{margin-bottom:12px}
.tercih .eylemler{gap:8px}

/* ---------- toast ---------- */
#toastlar{position:fixed;bottom:16px;left:50%;translate:-50% 0;z-index:120;display:grid;gap:8px;pointer-events:none;width:max-content;max-width:calc(100vw - 32px)}
.toast{background:var(--yazi);color:var(--bg);padding:10px 16px;border-radius:var(--yaricap);font-size:.9375rem;animation:toast-gir .2s var(--yumusak)}
.toast-hata{background:var(--dus);color:#fff}
.toast.gidiyor{opacity:0;transition:opacity .3s}
@keyframes toast-gir{from{opacity:0;transform:translateY(8px)}}

/* ---------- yazı sayfaları ---------- */
.yazi{max-width:68ch}
.yazi h2{font-size:clamp(1.5rem,1.2rem + 1vw,2rem);margin:2.2em 0 .6em;font-weight:400;letter-spacing:-.025em}
.yazi h3{margin:1.8em 0 .5em;font-weight:500}
.yazi p,.yazi li{margin-bottom:1em}
.yazi ul,.yazi ol{padding-left:1.3em;margin-bottom:1em}
.yazi a{color:var(--yazi);text-decoration-color:var(--soluk)}
.yazi a:hover{text-decoration-color:var(--yazi)}
.yazi table{width:100%;border-collapse:collapse;margin:1em 0;font-size:.9375rem}
.yazi th,.yazi td{border-bottom:1px solid var(--cizgi);padding:10px 12px;text-align:left}
.yazi code{background:var(--yuzey2);padding:2px 6px;border-radius:4px;font-size:.9em}
.yazi .ornek{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--yaricap);padding:16px 18px;margin:1.2em 0}
.rehber-liste{display:grid;gap:0;border-top:1px solid var(--cizgi)}
.rehber-liste a{display:grid;grid-template-columns:1fr auto;gap:16px;padding:22px 0;border-bottom:1px solid var(--cizgi);text-decoration:none;transition:padding-left var(--hizli)}
.rehber-liste a:hover{padding-left:8px}
.rehber-liste strong{font-weight:400;font-size:var(--t-ust);letter-spacing:-.02em}
.rehber-liste span{color:var(--soluk);font-size:var(--t-kucuk);display:block;margin-top:4px;max-width:60ch}

/* ---------- hareket: yalnızca giriş + geri bildirim ---------- */
.gir{opacity:0;transform:translateY(20px);transition:opacity .6s var(--yumusak),transform .6s var(--yumusak);transition-delay:calc(var(--s,0) * 70ms)}
.gir.goruldu{opacity:1;transform:none}
.hero-sahne{animation:perde 1.1s var(--yumusak) both}
@keyframes perde{from{clip-path:polygon(88px 0,100% 0,100% 0,0 0,0 0)}to{clip-path:polygon(88px 0,100% 0,100% 100%,0 100%,0 88px)}}
@media (max-width:980px){@keyframes perde{from{clip-path:polygon(72px 0,100% 0,100% 0,0 0,0 0)}to{clip-path:polygon(72px 0,100% 0,100% 100%,0 100%,0 72px)}}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .gir{opacity:1;transform:none}
}
.js-yok .gir{opacity:1;transform:none}
.yukleniyor{position:relative;overflow:hidden;background:var(--yuzey2);border-radius:var(--yaricap);min-height:1.2em;color:transparent!important}
.yukleniyor *{visibility:hidden}

/* ---------- rapor / yazdırma ---------- */
.rapor{max-width:820px;margin:0 auto;padding:24px var(--kenar) 64px}
.rapor h1{font-size:2rem;font-weight:400}
.rapor table{width:100%;border-collapse:collapse;margin:16px 0}
.rapor th,.rapor td{padding:9px 10px;border-bottom:1px solid var(--cizgi);text-align:left;font-size:.9375rem}
.rapor td.s,.rapor th.s{text-align:right;font-variant-numeric:tabular-nums}
.rapor .dip{margin-top:28px;padding-top:14px;border-top:1px solid var(--cizgi);color:var(--soluk);font-size:.8125rem}
@media print{
  :root,:root[data-tema]{color-scheme:light;--bg:#fff;--yuzey:#fff;--yuzey2:#eef1f2;--cizgi:#cfc8b8;--yazi:#111;--soluk:#555;--vurgu:#7A5A14;--yuk:#1B7448;--dus:#B03A27;--seri1:#7A5A14;--seri2:#1F5F8B;--seri3:#9A4F1C;--soluk:#555}
  body{background:#fff;color:#111}
  .ust,.alt,.serit,.tercih,.reklam,.capraz,.yazdirma-gizle,#toastlar,.atla{display:none!important}
  .rapor{padding:0}
  a{text-decoration:none}
}

.baglanti-dugme{all:unset;cursor:pointer;text-decoration:none}
.baglanti-dugme:hover{text-decoration:underline}
.baglanti-dugme:focus-visible{outline:2px solid var(--odak);outline-offset:3px;border-radius:4px}

:root{--seri1:#D9B46A;--seri2:#8EC5E8;--seri3:#F0B38A}
:root[data-tema="acik"]{--seri1:#7A5A14;--seri2:#1F5F8B;--seri3:#9A4F1C}
@media (prefers-color-scheme:light){:root:not([data-tema="koyu"]){--seri1:#7A5A14;--seri2:#1F5F8B;--seri3:#9A4F1C}}
.kur-ad a{text-decoration:none}.kur-ad a:hover{text-decoration:underline}
.hata-metni:empty{display:none}
input[type=checkbox]{accent-color:var(--vurgu);width:16px;height:16px;vertical-align:-3px;margin-right:6px}
#kontrol-govde td,#kontrol-govde th{text-align:left}#kontrol-govde td:nth-child(2){text-align:left}
.metin{max-width:68ch;line-height:1.7}
.metin h2{font-size:1.375rem;font-weight:400;letter-spacing:-.01em;margin:2em 0 .5em}
.metin h3{font-size:1.125rem;font-weight:500;margin:1.6em 0 .4em}
.metin p,.metin ul,.metin ol{margin:0 0 1em}
.metin ul,.metin ol{padding-left:1.3em}
.metin li{margin-bottom:.35em}
.metin a{color:var(--vurgu);text-underline-offset:3px}
.metin .not{border-left:3px solid var(--vurgu);padding:4px 0 4px 14px;color:var(--soluk)}
.metin table{border-collapse:collapse;width:100%;margin:0 0 1em}
.metin th,.metin td{border-bottom:1px solid var(--cizgi);padding:8px 10px;text-align:left}
.rehber-liste{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));list-style:none;padding:0;margin:0}
.rehber-liste a{display:block;padding:18px;border:1px solid var(--cizgi);border-radius:var(--yaricap);background:var(--yuzey);text-decoration:none;color:var(--yazi);height:100%}
.rehber-liste a:hover{border-color:var(--yazi)}
.rehber-liste strong{display:block;font-weight:500;margin-bottom:6px}
.rehber-liste span{color:var(--soluk);font-size:var(--t-kucuk)}
.kap>*{min-width:0}
.kap[style*="grid"]{grid-template-columns:minmax(0,1fr)}
.eylemler{flex-wrap:wrap}
.marka{gap:12px}
.marka .marka-logo{width:auto;height:44px;display:block}
.marka .marka-coin{width:46px;height:46px;display:block}
.marka .marka-ad{padding-left:12px;border-left:1px solid var(--cizgi);font-weight:400;font-size:1.0625rem;color:var(--yazi)}
@media (max-width:600px){.marka .marka-logo{height:30px}.marka .marka-coin{width:34px;height:34px}.marka .marka-ad{padding-left:8px;font-size:1rem}.marka{gap:8px}}
@media (prefers-reduced-motion:reduce){.marka .marka-coin{content:url(/assets/coin-durgun.png)}}
.ust .kap{max-width:none;padding-inline:24px}
@media (max-width:600px){.ust .kap{padding-inline:16px}}
.hero-madeni img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 28px rgba(0,0,0,.45))}
.hero h1{max-width:none}
.hero-metin h1{font-size:clamp(2.25rem,4vw,3.5rem)}
.hero-liste{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid var(--cizgi);max-width:620px}
.hero-liste a{display:grid;grid-template-columns:3.2rem 1fr 6.2rem 6.2rem 5rem;align-items:center;gap:14px;padding:13px 2px;border-bottom:1px solid var(--cizgi);text-decoration:none;color:var(--yazi);transition:background var(--hizli)}
.hero-liste a:hover{background:var(--yuzey)}
.hero-liste .kod{font-weight:500;letter-spacing:.02em}
.hero-liste .ad small{display:block;color:var(--soluk);font-size:var(--t-kucuk)}
.hero-liste .deger{font-size:1.125rem}
@media (max-width:520px){.hero-liste a{grid-template-columns:2.8rem 1fr auto;}.hero-liste .degisim{display:none}}
.hero-liste .kod{display:inline-flex;justify-content:center;padding:3px 0;border:1px solid var(--cizgi);border-radius:var(--yaricap);font-size:.8125rem}
@media (max-width:520px){.hero-liste a{grid-template-columns:3.2rem minmax(0,1fr) auto}.hero-liste .ad{min-width:0}}
.hero-madeni img{transform-style:preserve-3d;will-change:transform;user-select:none;-webkit-user-drag:none}


/* Ana sayfa: sol başlık + işlemsiz hesap önizlemesi */
@font-face{font-family:"Archivo Siki";font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/assets/fonts/archivo-latin-ext-wdth-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 Siki";font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/assets/fonts/archivo-latin-wdth-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}
.sahne-grid{display:grid;grid-template-columns:clamp(220px,25vw,340px) minmax(0,1fr);column-gap:clamp(24px,3vw,48px);align-items:center;container-type:inline-size}
.sahne-orta{min-width:0;max-width:820px;margin-left:auto;width:100%}
.sahne-orta .hero-aciklama{max-width:none;margin:0 0 20px;text-align:center}
.sahne-orta .hero-not{margin:0;padding:22px 0 0;text-align:center;max-width:none;align-self:auto;grid-column:auto;grid-row:auto}
.sahne-sol{container-type:inline-size;min-width:0}
.sahne-baslik{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(10px,1.3vw,18px);margin:0;font-family:"Archivo Siki","Work Sans",sans-serif;font-weight:900;font-stretch:100%;text-transform:uppercase;line-height:.98;letter-spacing:-.03em;word-break:keep-all}
.sahne-baslik span{display:block;white-space:nowrap;font-size:calc(98cqw / var(--r));line-height:.8}
.hero-sol{align-self:stretch;display:flex;flex-direction:column;padding:0 0 32px;min-width:0}
.hero-baslik{display:flex;flex-direction:column;margin:0 0 28px;font-family:"Archivo Siki","Work Sans",sans-serif;font-weight:900;font-stretch:125%;text-transform:uppercase;line-height:.96;letter-spacing:-.05em;-webkit-text-stroke:.03em currentColor;paint-order:stroke fill;overflow-wrap:normal;word-break:keep-all}
.hero-baslik .b1{font-size:calc(98cqw / 9.05)}.hero-baslik .b2{font-size:calc(98cqw / 9.65)}
.sahne-ic{container-type:inline-size;min-width:0}
.hero-baslik span{display:block;white-space:nowrap}
.hero-aciklama{margin:24px 0 0;max-width:30ch;font-size:1rem;line-height:1.55;color:var(--soluk)}
.hero-sol .hero-not{grid-column:auto;grid-row:auto;margin-top:auto;padding:28px 0 0}
.hero-kutu{position:relative;max-width:640px}
.hero-kutu{cursor:pointer}.hero-kutu .parca *{cursor:pointer}
.kutu-link{position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:var(--yaricap) var(--yaricap) 0 0;transition:box-shadow .3s}
.kutu-git{position:absolute;top:14px;right:16px;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--yaricap);background:var(--vurgu);color:var(--vurgu-yazi);font-weight:500;font-size:.9375rem;opacity:0;transform:translateY(4px);transition:opacity .25s,transform .25s}
.kutu-git svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hero-kutu:hover .kutu-git,.kutu-link:focus-visible .kutu-git{opacity:1;transform:none}
.kutu-link:focus-visible{outline:3px solid var(--vurgu);outline-offset:3px}
.z-tablo{width:100%;border-collapse:collapse;margin:4px 0 0;font-size:.9375rem}
.z-tablo caption{text-align:left;padding:10px 18px;color:var(--soluk);font-size:var(--t-kucuk)}
.z-tablo th,.z-tablo td{padding:10px 18px;text-align:left;border-top:1px solid var(--cizgi);font-weight:400}
.z-tablo td.sayi{text-align:right}
.z-tablo thead th{color:var(--soluk);font-size:var(--t-kucuk)}
.mini-grafik svg{height:84px}
@media (max-width:980px){.sahne-grid{grid-template-columns:1fr;row-gap:12px}.sahne-orta{order:3}.sahne-sol{margin-bottom:8px}}
@media (prefers-reduced-motion:reduce){.kutu-git{transition:none}}
@media (max-width:980px){.hero-sol .hero-not{padding-top:20px}}
@media (max-width:560px){.z-tablo th:nth-child(3),.z-tablo td:nth-child(3){display:none}.z-tablo th,.z-tablo td{padding:10px 12px}}
.hero-sol .hero-not{align-self:flex-start}

/* Yatay hesap önizlemesi */
.z-donemler{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--cizgi)}
.z-donemler li{padding:14px 18px;display:grid;gap:2px;border-left:1px solid var(--cizgi)}
.z-donemler li:first-child{border-left:0}
.z-donemler .et{font-size:var(--t-kucuk);color:var(--soluk)}
.z-donemler .dg{font-size:1.125rem;letter-spacing:-.01em}
@media (min-width:981px){
  .hero-kutu{max-width:none}
  .hero-sahne .parca{max-width:none}
  .hero-kutu .zaman{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:stretch}
  .hero-kutu .zaman>.parca-baslik{grid-column:1/-1}
  .hero-kutu .zaman>.parca-ic{grid-column:1;grid-row:2;border-right:1px solid var(--cizgi)}
  .hero-kutu .zaman>.zaman-govde{grid-column:2;grid-row:2}
  .hero-kutu .zaman>.z-donemler{grid-column:1/-1;grid-row:3}
  .hero-kutu .zaman .alanlar{grid-template-columns:1fr 1fr}
  .hero-kutu .zaman .alanlar .tarih-alan{grid-column:1/-1}
  .hero-kutu .zaman .zaman-sonuc{margin-top:0;border-top:0}
}
@media (max-width:980px){.z-donemler{grid-template-columns:repeat(2,1fr)}.z-donemler li:nth-child(odd){border-left:0}.z-donemler li{border-top:1px solid var(--cizgi)}}

@media (min-width:981px){.sahne-baslik{margin-left:clamp(-36px,-2.2vw,-12px)}}
@media (max-width:980px){.sahne-sol{max-width:80%}}

/* ---------- tam genişlikte araç blokları (sol/sağ başlıklı) ---------- */
.blok{margin-top:28px;background:var(--sahne);color:var(--sahne-yazi);clip-path:polygon(88px 0,100% 0,100% 100%,0 100%,0 88px);padding:56px 0 52px}
.blok.sag{clip-path:polygon(0 0,calc(100% - 88px) 0,100% 88px,100% 100%,0 100%)}
.blok-grid{display:grid;grid-template-columns:clamp(220px,25vw,340px) minmax(0,1fr);column-gap:clamp(24px,3vw,48px);align-items:center}
.blok.sag .blok-grid{grid-template-columns:minmax(0,1fr) clamp(220px,25vw,340px)}
.blok.sag .sahne-sol{grid-column:2;grid-row:1}
.blok.sag .sahne-orta{grid-column:1;grid-row:1;margin-left:0;margin-right:auto}
.blok .sahne-baslik{margin-left:0}
.blok .parca{max-width:none;border-radius:var(--yaricap)}
.blok .hero-aciklama{max-width:none}
.blok-link{margin:20px 0 0;text-align:center}
.blok-link .baglanti{font-weight:500}
.blok .hero-kutu{max-width:none}
@media (max-width:980px){
  .blok{clip-path:polygon(72px 0,100% 0,100% 100%,0 100%,0 72px);padding:40px 0 40px}
  .blok.sag{clip-path:polygon(0 0,calc(100% - 72px) 0,100% 72px,100% 100%,0 100%)}
  .blok-grid,.blok.sag .blok-grid{grid-template-columns:1fr;row-gap:20px}
  .blok.sag .sahne-sol,.blok.sag .sahne-orta{grid-column:1;grid-row:auto}
}

/* kur uyarısı: mavi panel yalnızca cümleyi taşır ve uyarılar sayfasına bağlanır; başlık panelin dışında */
.uyari-blok{margin-top:28px;padding-block:0 8px}
.uyari-grid{--tasma:calc((100vw - min(100vw, var(--sayfa))) / 2 + var(--kenar));display:grid;grid-template-columns:minmax(0,1fr) clamp(220px,25vw,340px);column-gap:clamp(24px,3vw,48px);align-items:stretch}
.uyari-panel{display:flex;align-items:center;margin-left:calc(-1 * var(--tasma));padding:56px 0 52px var(--tasma);padding-right:clamp(16px,3vw,48px);background:var(--sahne);color:var(--sahne-yazi);clip-path:polygon(0 0,calc(100% - 88px) 0,100% 88px,100% 100%,0 100%);max-width:none}
.uyari-panel *{cursor:pointer}
.uyari-panel .kutu-link{border-radius:0}
.uyari-panel form{font-size:clamp(1.625rem,2.7vw,2.5rem);max-width:none;text-align:left}
.uyari-panel .bosluk{background:var(--bg)}
.uyari-panel .hero-aciklama{margin:20px 0 0;max-width:none;text-align:left}
.uyari-grid .sahne-baslik{margin-left:0;color:var(--yazi)}
.uyari-grid .sahne-sol{align-self:center;padding-block:20px}
.uyari-ic{min-width:0;width:100%}
@media (max-width:980px){
  .uyari-grid{grid-template-columns:1fr;row-gap:20px}
  .uyari-grid .sahne-sol{order:-1}
  .uyari-panel{margin-inline:calc(-1 * var(--kenar));padding:44px var(--kenar) 40px;clip-path:polygon(0 0,calc(100% - 72px) 0,100% 72px,100% 100%,0 100%)}
}

.hero-liste-baslik{display:grid;grid-template-columns:3.2rem 1fr 6.2rem 6.2rem 5rem;gap:14px;padding:10px 2px 8px;border-bottom:1px solid var(--cizgi);font-size:var(--t-kucuk);color:var(--soluk)}
.hero-liste-baslik span:nth-child(n+3){text-align:right}
.hero-liste .deger{text-align:right}
.hero-liste .degisim{justify-self:end}
@media (max-width:520px){
  .hero-liste a,.hero-liste-baslik{grid-template-columns:2.6rem minmax(0,1fr) 4.6rem 4.6rem;gap:10px}
  .hero-liste-baslik span:nth-child(5){display:none}
  .hero-liste .deger{font-size:.9375rem}
  .hero-liste .ad small{display:none}
}

/* hero: popüler kurlar | madeni para | tanıtım yazısı */
.hero-yazi{min-width:0}
.hero-etiket{display:flex;align-items:center;gap:14px;margin:0 0 20px;font-size:.75rem;letter-spacing:.24em;white-space:nowrap;color:var(--vurgu)}
.hero-etiket i{display:block;flex:1 1 20px;max-width:84px;height:1px;background:var(--vurgu)}
@media (max-width:420px){.hero-etiket{letter-spacing:.16em;font-size:.6875rem}}
.hero-sloganb{margin:0;font-size:clamp(1.5rem,2.1vw,2rem);font-weight:300;line-height:1.3;letter-spacing:-.01em}
.hero-sloganb em{font-style:normal;color:var(--vurgu)}
.hero-govde{margin:22px 0 0;max-width:46ch;color:var(--soluk);font-size:1rem;line-height:1.65}
.hero-ozellik{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.hero-ozellik li+li{border-left:1px solid var(--cizgi);padding-left:14px;margin-left:14px}
.hero-ozellik a{display:grid;gap:4px;text-decoration:none;color:var(--yazi)}
.hero-ozellik a:hover b{text-decoration:underline;text-underline-offset:.2em}
.oz-ikon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:10px;border:1px solid var(--vurgu);border-radius:var(--yaricap);color:var(--vurgu)}
.oz-ikon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.hero-ozellik b{font-weight:500;font-size:.875rem;line-height:1.35}
.hero-ozellik small{color:var(--soluk);font-size:var(--t-kucuk);line-height:1.4}
@media (min-width:981px){
  .hero-ust{--tasma:calc((100vw - min(100vw, var(--sayfa))) / 2 + var(--kenar));margin-left:calc(88px - var(--tasma));margin-right:min(0px,calc(40px - var(--tasma)));grid-template-columns:minmax(0,560px) minmax(0,1fr);column-gap:48px}
  .madeni-sahne{display:none}
}
@media (min-width:1200px){
  .hero-ust{grid-template-columns:minmax(0,540px) 276px minmax(0,470px);column-gap:clamp(28px,calc(25.4vw - 338px),150px);justify-content:start;margin-right:calc(40px - var(--tasma))}
  .hero-yazi{padding-left:8px}
  .madeni-sahne{display:block}
}
@media (max-width:980px){.hero-ust{margin-top:0}.hero-ozellik{margin-top:28px}}

/* ---------- üst arka plan: soluk mum grafik ---------- */
.hero-izgara{position:relative;isolation:isolate}
.hero-izgara::before{content:"";position:absolute;z-index:-1;pointer-events:none;top:-60px;left:50%;width:100vw;height:720px;transform:translateX(-50%);
  background:url(/assets/mum-arka.webp) center top/cover no-repeat;opacity:.42;
  -webkit-mask-image:linear-gradient(transparent,#000 22%,#000 50%,transparent);mask-image:linear-gradient(transparent,#000 22%,#000 50%,transparent)}
:root[data-tema="acik"] .hero-izgara::before{opacity:.12;filter:invert(1) hue-rotate(180deg)}
@media (prefers-reduced-motion:no-preference){.hero-izgara::before{animation:mum-gir 1.6s ease-out both}}
@keyframes mum-gir{from{opacity:0}to{opacity:.42}}
@media print{.hero-izgara::before{display:none}}

/* ---------- yasal metinlerde tablo ---------- */
.metin .tablo-sade{display:block;width:100%;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:16px 0 8px;font-size:.875rem}
.metin .tablo-sade th,.metin .tablo-sade td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--cizgi);min-width:150px}
.metin .tablo-sade th{color:var(--soluk);font-weight:600;font-size:.8125rem}