@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&display=swap');

:root {
    --clr-arkaplan: #F7F4EF;
    --clr-arkaplan-2: #EDE9E2;
    --clr-kart: #FFFFFF;
    --clr-kart-hover: #FEF6F0;
    --clr-birincil: #E85D04;
    --clr-birincil-hover: #CF4F00;
    --clr-birincil-ince: rgba(232,93,4,0.09);
    --clr-ikincil: #2E2E4A;
    --clr-ikincil-2: #3D405B;
    --clr-vurgu: #06A77D;
    --clr-vurgu-hover: #058A67;
    --clr-vurgu-ince: rgba(6,167,125,0.09);
    --clr-altin: #B8892E;
    --clr-altin-ince: rgba(184,137,46,0.1);
    --clr-tehlike: #C0392B;
    --clr-tehlike-ince: rgba(192,57,43,0.09);
    --clr-metin: #1C1C2E;
    --clr-metin-2: #4A4860;
    --clr-metin-3: #7A7898;
    --clr-sinir: #DDD9D2;
    --clr-sinir-2: #C8C3BB;
    --golge-kk: 0 2px 8px rgba(28,28,46,.07);
    --golge-md: 0 4px 20px rgba(28,28,46,.11);
    --golge-bg: 0 8px 40px rgba(28,28,46,.15);
    --golge-turuncu: 0 4px 18px rgba(232,93,4,.22);
    --golge-yesil: 0 4px 18px rgba(6,167,125,.18);
    --yuvarlak-kk: 5px;
    --yuvarlak: 10px;
    --yuvarlak-md: 16px;
    --yuvarlak-lg: 24px;
    --gecis: all .28s ease;
    --nav-yuksekligi: 66px;
    --ust-serit-yuksekligi: 38px;
}

*,*::before,*::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 16px; scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
    font-family: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    background-color: var(--clr-arkaplan);
    color: var(--clr-metin);
    line-height: 1.65;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

img { max-width: 100%; height: auto; display: block; }
a { text-decoration: none; color: inherit; transition: var(--gecis); }
ul,ol { list-style: none; }
button { cursor: pointer; border: none; background: none; font-family: inherit; }
address { font-style: normal; }

h1 { font-size: 2.8em; font-weight: 900; line-height: 1.15; letter-spacing: -0.4px; }
h2 { font-size: 2em; font-weight: 800; line-height: 1.22; }
h3 { font-size: 1.4em; font-weight: 700; line-height: 1.3; }
h4 { font-size: 1.15em; font-weight: 700; }
h5 { font-size: 1em; font-weight: 700; }
h6 { font-size: 0.9em; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; }
p { color: var(--clr-metin-2); margin-bottom: 0.9em; }
p:last-child { margin-bottom: 0; }
strong { color: var(--clr-metin); font-weight: 700; }

.kapsayici { width: 100%; max-width: 1180px; margin: 0 auto; padding: 0 22px; }

.bolum { padding: 72px 0; }
.bolum--kucuk { padding: 44px 0; }
.bolum--koyu { background: var(--clr-ikincil); }
.bolum--krem { background: var(--clr-arkaplan-2); }

.alan-giris { margin-bottom: 46px; }
.alan-giris--merkez { text-align: center; }
.alan-giris--merkez .alan-altyazi { margin-left: auto; margin-right: auto; }

.alan-baslik { font-size: 2em; font-weight: 800; color: var(--clr-metin); margin-bottom: 10px; }
.alan-altyazi { font-size: 1.05em; color: var(--clr-metin-2); max-width: 580px; line-height: 1.7; }

.kategori-etiket {
    display: inline-flex; align-items: center; gap: 5px;
    font-size: 0.72em; font-weight: 800; text-transform: uppercase; letter-spacing: 1.8px;
    color: var(--clr-birincil); background: var(--clr-birincil-ince);
    border-left: 3px solid var(--clr-birincil);
    padding: 4px 12px 4px 10px; margin-bottom: 12px;
}
.kategori-etiket--yesil { color: var(--clr-vurgu); background: var(--clr-vurgu-ince); border-left-color: var(--clr-vurgu); }
.kategori-etiket--altin { color: var(--clr-altin); background: var(--clr-altin-ince); border-left-color: var(--clr-altin); }
.kategori-etiket--tehlike { color: var(--clr-tehlike); background: var(--clr-tehlike-ince); border-left-color: var(--clr-tehlike); }
.kategori-etiket--beyaz { color: rgba(255,255,255,0.9); background: rgba(255,255,255,0.12); border-left-color: rgba(255,255,255,0.5); }

.dugme {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 11px 24px; border-radius: var(--yuvarlak-kk);
    font-size: 0.92em; font-weight: 700;
    cursor: pointer; transition: var(--gecis); border: 2px solid transparent;
    white-space: nowrap; font-family: inherit; letter-spacing: 0.2px;
}
.dugme--ana { background: var(--clr-birincil); color: #fff; }
.dugme--ana:hover { background: var(--clr-birincil-hover); transform: translateY(-1px); box-shadow: var(--golge-turuncu); }
.dugme--yesil { background: var(--clr-vurgu); color: #fff; }
.dugme--yesil:hover { background: var(--clr-vurgu-hover); transform: translateY(-1px); box-shadow: var(--golge-yesil); }
.dugme--cerceve { background: transparent; color: var(--clr-metin); border-color: var(--clr-sinir-2); }
.dugme--cerceve:hover { border-color: var(--clr-birincil); color: var(--clr-birincil); background: var(--clr-birincil-ince); }
.dugme--cerceve-yesil { background: transparent; color: var(--clr-vurgu); border-color: var(--clr-vurgu); }
.dugme--cerceve-yesil:hover { background: var(--clr-vurgu-ince); transform: translateY(-1px); }
.dugme--cerceve-beyaz { background: transparent; color: #fff; border-color: rgba(255,255,255,0.5); }
.dugme--cerceve-beyaz:hover { background: rgba(255,255,255,0.12); border-color: #fff; }
.dugme--buyuk { padding: 14px 32px; font-size: 1em; border-radius: var(--yuvarlak-kk); }
.dugme--kucuk { padding: 6px 14px; font-size: 0.8em; }

.ust-serit {
    background: var(--clr-ikincil);
    height: var(--ust-serit-yuksekligi);
    display: flex; align-items: center;
}
.ust-serit__icerik {
    display: flex; justify-content: space-between; align-items: center;
    width: 100%;
}
.ust-iletisim { display: flex; gap: 18px; align-items: center; }
.ust-iletisim a {
    color: rgba(255,255,255,0.72); font-size: 0.78em; font-weight: 600;
    display: flex; align-items: center; gap: 5px;
}
.ust-iletisim a:hover { color: #fff; }
.ust-iletisim i { font-size: 0.85em; color: var(--clr-birincil); }
.ust-sosyal { display: flex; gap: 8px; }
.ust-sosyal a {
    width: 26px; height: 26px; border-radius: 3px;
    display: flex; align-items: center; justify-content: center;
    font-size: 0.75em; color: rgba(255,255,255,0.55); transition: var(--gecis);
    background: rgba(255,255,255,0.07);
}
.ust-sosyal a:hover { color: #fff; background: var(--clr-birincil); }

.site-header {
    position: sticky; top: 0; z-index: 900;
    background: #fff; height: var(--nav-yuksekligi);
    border-bottom: 3px solid var(--clr-birincil);
    box-shadow: var(--golge-kk); transition: var(--gecis);
}
.site-header.kayan { box-shadow: var(--golge-md); }

.ana-nav { display: flex; align-items: center; justify-content: space-between; height: 100%; gap: 24px; }

.logo-alani { display: flex; align-items: center; gap: 10px; text-decoration: none; flex-shrink: 0; }
.logo-alani img { height: 36px; width: auto; }
.logo-yazi {
    font-size: 1.3em; font-weight: 900; color: var(--clr-metin);
    letter-spacing: -0.3px;
}
.logo-yazi span { color: var(--clr-birincil); }

.menu-listesi { display: flex; align-items: center; gap: 2px; }
.nav-baglan {
    display: flex; align-items: center; gap: 4px;
    padding: 7px 12px; font-size: 0.87em; font-weight: 700;
    color: var(--clr-metin-2); border-radius: var(--yuvarlak-kk);
    transition: var(--gecis); white-space: nowrap; position: relative;
}
.nav-baglan:hover,.nav-baglan.secili { color: var(--clr-birincil); background: var(--clr-birincil-ince); }
.nav-baglan--ozel { background: var(--clr-birincil) !important; color: #fff !important; border-radius: var(--yuvarlak-kk); }
.nav-baglan--ozel:hover { background: var(--clr-birincil-hover) !important; transform: translateY(-1px); }

.acilir-menu-kap { position: relative; }
.acilir-menu-ikon { font-size: 0.6em; transition: var(--gecis); }
.acilir-menu-kap:hover .acilir-menu-ikon { transform: rotate(180deg); }
.acilir-liste {
    display: none; position: absolute; top: calc(100% + 6px); left: 50%;
    transform: translateX(-50%); background: #fff;
    border: 1px solid var(--clr-sinir); border-top: 2px solid var(--clr-birincil);
    border-radius: 0 0 var(--yuvarlak) var(--yuvarlak);
    padding: 6px; min-width: 180px; box-shadow: var(--golge-md); z-index: 100;
}
.acilir-menu-kap:hover .acilir-liste { display: block; animation: asagiKay 0.18s ease; }
.acilir-liste a {
    display: flex; align-items: center; gap: 9px; padding: 9px 12px;
    font-size: 0.87em; font-weight: 700; color: var(--clr-metin-2);
    border-radius: var(--yuvarlak-kk); transition: var(--gecis);
}
.acilir-liste a:hover { color: var(--clr-birincil); background: var(--clr-birincil-ince); }
.acilir-liste a i { color: var(--clr-birincil); font-size: 0.82em; }

.hamburger-buton { display: none; flex-direction: column; gap: 4px; cursor: pointer; padding: 7px; border-radius: var(--yuvarlak-kk); transition: var(--gecis); }
.hamburger-buton:hover { background: var(--clr-birincil-ince); }
.hamburger-buton span { display: block; width: 22px; height: 2px; background: var(--clr-metin); border-radius: 2px; transition: var(--gecis); }
.hamburger-buton.acik span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.hamburger-buton.acik span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.hamburger-buton.acik span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

.mobil-panel {
    position: fixed; top: calc(var(--ust-serit-yuksekligi) + var(--nav-yuksekligi));
    right: -320px; width: 300px; bottom: 0;
    background: #fff; z-index: 890;
    overflow-y: auto; padding: 20px;
    box-shadow: -4px 0 30px rgba(0,0,0,.15);
    transition: right 0.3s ease;
    border-left: 3px solid var(--clr-birincil);
}
.mobil-panel.acik { right: 0; }
.mobil-panel-kapat {
    display: flex; align-items: center; justify-content: space-between;
    margin-bottom: 20px; padding-bottom: 14px;
    border-bottom: 1px solid var(--clr-sinir);
}
.mobil-kapatma-buton {
    width: 32px; height: 32px; border-radius: var(--yuvarlak-kk);
    background: var(--clr-arkaplan); display: flex; align-items: center; justify-content: center;
    font-size: 0.9em; color: var(--clr-metin-2); cursor: pointer; border: 1px solid var(--clr-sinir); transition: var(--gecis);
}
.mobil-kapatma-buton:hover { background: var(--clr-birincil-ince); color: var(--clr-birincil); }
.mobil-nav-baglan {
    display: flex; align-items: center; gap: 10px; padding: 12px 14px;
    font-size: 0.92em; font-weight: 700; color: var(--clr-metin-2);
    border-radius: var(--yuvarlak-kk); transition: var(--gecis); margin-bottom: 2px;
    border: 1px solid transparent;
}
.mobil-nav-baglan:hover,.mobil-nav-baglan.secili { color: var(--clr-birincil); background: var(--clr-birincil-ince); border-color: rgba(232,93,4,.2); }
.mobil-nav-baglan i { color: var(--clr-birincil); font-size: 0.9em; }
.mobil-ayrac { height: 1px; background: var(--clr-sinir); margin: 8px 0; }
.mobil-panel-fon { display: none; position: fixed; inset: 0; background: rgba(0,0,0,.4); z-index: 880; }
.mobil-panel-fon.gorunen { display: block; }

.vitrin {
    background: var(--clr-arkaplan);
    padding: 60px 0 72px;
    border-bottom: 1px solid var(--clr-sinir);
    overflow: hidden; position: relative;
}
.vitrin::after {
    content: '';
    position: absolute; right: 0; top: 0; bottom: 0;
    width: 40%;
    background: linear-gradient(135deg, var(--clr-arkaplan-2), #E8E3DA);
    clip-path: polygon(8% 0, 100% 0, 100% 100%, 0% 100%);
    z-index: 0;
}
.vitrin-govde {
    position: relative; z-index: 1;
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 50px; align-items: center;
}
.vitrin-etiket { display: block; margin-bottom: 16px; }
.vitrin-baslik { font-size: 2.8em; font-weight: 900; line-height: 1.1; margin-bottom: 16px; color: var(--clr-metin); letter-spacing: -0.5px; }
.vitrin-baslik em { font-style: normal; color: var(--clr-birincil); }
.vitrin-ozet { font-size: 1.05em; color: var(--clr-metin-2); max-width: 500px; line-height: 1.72; margin-bottom: 28px; }
.vitrin-dugmeler { display: flex; gap: 12px; flex-wrap: wrap; }
.vitrin-rakamlar {
    display: flex; gap: 0; margin-top: 42px; padding-top: 32px;
    border-top: 1px solid var(--clr-sinir);
}
.vitrin-rakam-item {
    flex: 1; padding-right: 24px; margin-right: 24px;
    border-right: 1px solid var(--clr-sinir);
}
.vitrin-rakam-item:last-child { border-right: none; padding-right: 0; margin-right: 0; }
.vitrin-rakam-deger { font-size: 1.9em; font-weight: 900; color: var(--clr-metin); line-height: 1; }
.vitrin-rakam-deger b { color: var(--clr-birincil); font-weight: 900; }
.vitrin-rakam-aciklama { font-size: 0.78em; color: var(--clr-metin-3); margin-top: 3px; font-weight: 600; }
.vitrin-gorsel-alan { position: relative; }
.vitrin-gorsel-alan img { border-radius: var(--yuvarlak-md); box-shadow: var(--golge-bg); width: 100%; }
.vitrin-gorsel-rozet {
    position: absolute; bottom: -14px; left: -14px;
    background: #fff; border: 2px solid var(--clr-sinir);
    border-radius: var(--yuvarlak); padding: 12px 16px;
    display: flex; align-items: center; gap: 10px;
    box-shadow: var(--golge-md);
}
.vitrin-gorsel-rozet i { font-size: 1.4em; color: var(--clr-vurgu); }
.vitrin-gorsel-rozet-metin { font-size: 0.8em; font-weight: 800; color: var(--clr-metin); line-height: 1.3; }
.vitrin-gorsel-rozet-alt { font-size: 0.72em; color: var(--clr-metin-3); font-weight: 600; }

.sayfa-banner {
    background: var(--clr-ikincil);
    padding: calc(var(--nav-yuksekligi) + 38px) 0 42px;
    position: relative; overflow: hidden;
}
.sayfa-banner::before {
    content: ''; position: absolute; right: -60px; top: -60px;
    width: 280px; height: 280px; border-radius: 50%;
    background: rgba(232,93,4,.12); pointer-events: none;
}
.sayfa-banner::after {
    content: ''; position: absolute; left: -40px; bottom: -60px;
    width: 200px; height: 200px; border-radius: 50%;
    background: rgba(6,167,125,.08); pointer-events: none;
}
.banner-icerik { position: relative; z-index: 1; }
.banner-icerik h1 { color: #fff; font-size: 2em; font-weight: 900; margin-bottom: 10px; }
.banner-icerik p { color: rgba(255,255,255,0.72); font-size: 1em; max-width: 580px; line-height: 1.65; }

.kimlik {
    display: flex; align-items: center; gap: 7px;
    font-size: 0.8em; color: rgba(255,255,255,0.5);
    margin-bottom: 14px; flex-wrap: wrap;
}
.kimlik a { color: rgba(255,255,255,0.5); }
.kimlik a:hover { color: rgba(255,255,255,0.85); }
.kimlik span { color: var(--clr-birincil); font-weight: 700; }
.kimlik__ayrac { font-size: 0.7em; }

.kart-dokuz {
    display: grid; grid-template-columns: repeat(3,1fr); gap: 20px;
}
.kart {
    background: var(--clr-kart); border-radius: var(--yuvarlak);
    padding: 26px 22px; border: 1px solid var(--clr-sinir);
    border-left: 4px solid transparent;
    box-shadow: var(--golge-kk); transition: var(--gecis);
}
.kart:hover { border-left-color: var(--clr-birincil); box-shadow: var(--golge-md); background: var(--clr-kart-hover); }
.kart--yesil:hover { border-left-color: var(--clr-vurgu); }
.kart--altin:hover { border-left-color: var(--clr-altin); }
.kart--tehlike:hover { border-left-color: var(--clr-tehlike); }
.kart-ikon {
    width: 48px; height: 48px; border-radius: var(--yuvarlak-kk);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.25em; margin-bottom: 16px;
    background: var(--clr-birincil-ince); color: var(--clr-birincil);
}
.kart-ikon--yesil { background: var(--clr-vurgu-ince); color: var(--clr-vurgu); }
.kart-ikon--altin { background: var(--clr-altin-ince); color: var(--clr-altin); }
.kart-ikon--tehlike { background: var(--clr-tehlike-ince); color: var(--clr-tehlike); }
.kart-ikon--koyu { background: rgba(46,46,74,.1); color: var(--clr-ikincil); }
.kart-baslik { font-size: 1em; font-weight: 800; color: var(--clr-metin); margin-bottom: 8px; }
.kart-metin { font-size: 0.87em; color: var(--clr-metin-2); line-height: 1.6; margin: 0; }

.oyun-izgara { display: grid; grid-template-columns: repeat(auto-fill,minmax(260px,1fr)); gap: 20px; }
.oyun-karti { background: var(--clr-kart); border: 1px solid var(--clr-sinir); border-radius: var(--yuvarlak); overflow: hidden; transition: var(--gecis); }
.oyun-karti:hover { box-shadow: var(--golge-md); transform: translateY(-3px); border-color: var(--clr-sinir-2); }
.oyun-karti__gorsel { position: relative; height: 180px; overflow: hidden; }
.oyun-karti__gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.45s ease; }
.oyun-karti:hover .oyun-karti__gorsel img { transform: scale(1.04); }
.oyun-rozeti {
    position: absolute; top: 10px; right: 10px;
    font-size: 0.68em; font-weight: 800; text-transform: uppercase; letter-spacing: 0.8px;
    padding: 3px 9px; border-radius: 3px; color: #fff; background: var(--clr-birincil);
}
.oyun-rozeti--yesil { background: var(--clr-vurgu); }
.oyun-rozeti--altin { background: var(--clr-altin); }
.oyun-rozeti--koyu { background: var(--clr-ikincil); }
.oyun-karti__govde { padding: 16px 18px 20px; }
.oyun-karti__baslik { font-size: 0.97em; font-weight: 800; color: var(--clr-metin); margin-bottom: 6px; }
.oyun-karti__aciklama { font-size: 0.83em; color: var(--clr-metin-2); line-height: 1.6; margin: 0; }
.oyun-etiketler { display: flex; gap: 5px; margin-top: 10px; flex-wrap: wrap; }
.oyun-etiket { font-size: 0.7em; font-weight: 700; padding: 2px 8px; border-radius: 3px; background: var(--clr-arkaplan); border: 1px solid var(--clr-sinir); color: var(--clr-metin-3); }

.yazi-izgara { display: grid; grid-template-columns: repeat(auto-fill,minmax(320px,1fr)); gap: 26px; }
.yazi-karti { background: var(--clr-kart); border: 1px solid var(--clr-sinir); border-radius: var(--yuvarlak); overflow: hidden; transition: var(--gecis); }
.yazi-karti:hover { box-shadow: var(--golge-md); }
.yazi-karti__gorsel-link { display: block; overflow: hidden; }
.yazi-karti figure { margin: 0; height: 200px; overflow: hidden; }
.yazi-karti figure img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.45s ease; }
.yazi-karti:hover figure img { transform: scale(1.04); }
.yazi-karti__govde { padding: 20px 22px 24px; }
.yazi-kategori {
    display: inline-block; font-size: 0.7em; font-weight: 800;
    text-transform: uppercase; letter-spacing: 1px;
    color: var(--clr-birincil); margin-bottom: 8px; padding-left: 8px;
    border-left: 2px solid var(--clr-birincil);
}
.yazi-kategori--yesil { color: var(--clr-vurgu); border-left-color: var(--clr-vurgu); }
.yazi-kategori--altin { color: var(--clr-altin); border-left-color: var(--clr-altin); }
.yazi-manset { font-size: 1em; font-weight: 800; color: var(--clr-metin); margin-bottom: 8px; line-height: 1.4; transition: var(--gecis); }
.yazi-karti:hover .yazi-manset { color: var(--clr-birincil); }
.yazi-ozet { font-size: 0.84em; color: var(--clr-metin-2); line-height: 1.62; margin-bottom: 14px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.yazi-meta { display: flex; gap: 14px; font-size: 0.76em; color: var(--clr-metin-3); flex-wrap: wrap; align-items: center; }
.yazi-meta i { color: var(--clr-birincil); font-size: 0.85em; }
.devam-linki { display: inline-flex; align-items: center; gap: 5px; font-size: 0.84em; font-weight: 800; color: var(--clr-birincil); margin-top: 10px; transition: var(--gecis); }
.devam-linki:hover { gap: 9px; }

.adim-seti { display: grid; grid-template-columns: repeat(auto-fill,minmax(240px,1fr)); gap: 22px; }
.adim-karti { background: var(--clr-kart); border: 1px solid var(--clr-sinir); border-radius: var(--yuvarlak); padding: 24px 20px; transition: var(--gecis); position: relative; }
.adim-karti:hover { border-color: var(--clr-birincil); box-shadow: var(--golge-md); }
.adim-numara {
    width: 38px; height: 38px; border-radius: 50%;
    background: var(--clr-birincil); color: #fff;
    display: flex; align-items: center; justify-content: center;
    font-size: 0.9em; font-weight: 900; margin-bottom: 14px;
}
.adim-karti h3 { font-size: 0.97em; font-weight: 800; margin-bottom: 8px; color: var(--clr-metin); }
.adim-karti p { font-size: 0.85em; margin: 0; line-height: 1.6; }

.uyari-kutusu {
    border-radius: var(--yuvarlak); padding: 18px 22px;
    display: flex; gap: 14px; align-items: flex-start;
    margin: 22px 0; background: var(--clr-kart); border: 1px solid var(--clr-sinir);
}
.uyari-kutusu__ikon { font-size: 1.25em; color: var(--clr-vurgu); flex-shrink: 0; margin-top: 2px; }
.uyari-kutusu--uyari { border-color: rgba(184,137,46,.3); background: rgba(184,137,46,.05); }
.uyari-kutusu--uyari .uyari-kutusu__ikon { color: var(--clr-altin); }
.uyari-kutusu--tehlike { border-color: rgba(192,57,43,.28); background: rgba(192,57,43,.04); }
.uyari-kutusu--tehlike .uyari-kutusu__ikon { color: var(--clr-tehlike); }
.uyari-kutusu--bilgi { border-color: rgba(232,93,4,.25); background: rgba(232,93,4,.04); }
.uyari-kutusu--bilgi .uyari-kutusu__ikon { color: var(--clr-birincil); }
.uyari-kutusu__baslik { font-size: 0.92em; font-weight: 800; color: var(--clr-metin); margin-bottom: 4px; }
.uyari-kutusu__metin { font-size: 0.87em; color: var(--clr-metin-2); margin: 0; line-height: 1.62; }

.iki-sutun { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }
.iki-sutun--ters .sutun-gorsel { order: 2; }
.iki-sutun--ters .sutun-metin { order: 1; }
.sutun-gorsel img { border-radius: var(--yuvarlak-md); box-shadow: var(--golge-md); width: 100%; }
.sutun-gorsel--cerceveli { border-radius: var(--yuvarlak-md); overflow: hidden; border: 3px solid var(--clr-birincil); }
.sutun-gorsel--cerceveli img { border-radius: 0; }

.kontrol-listesi { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 11px; }
.kontrol-listesi li { display: flex; align-items: flex-start; gap: 10px; font-size: 0.9em; color: var(--clr-metin-2); padding: 11px 15px; background: var(--clr-kart); border: 1px solid var(--clr-sinir); border-radius: var(--yuvarlak-kk); transition: var(--gecis); }
.kontrol-listesi li:hover { border-color: var(--clr-vurgu); background: rgba(6,167,125,.03); }
.kontrol-listesi li i { color: var(--clr-vurgu); font-size: 0.85em; flex-shrink: 0; margin-top: 2px; }
.kontrol-listesi--uyari li:hover { border-color: var(--clr-tehlike); background: rgba(192,57,43,.03); }
.kontrol-listesi--uyari li i { color: var(--clr-tehlike); }

.makale-baslik-kutusu { background: var(--clr-kart); border: 1px solid var(--clr-sinir); border-radius: var(--yuvarlak); padding: 28px 32px; margin-bottom: 32px; border-top: 4px solid var(--clr-birincil); }
.makale-bilgi { display: flex; align-items: center; gap: 18px; font-size: 0.78em; color: var(--clr-metin-3); margin-bottom: 14px; flex-wrap: wrap; }
.makale-bilgi i { color: var(--clr-birincil); font-size: 0.82em; }
.makale-manset { font-size: 1.8em; font-weight: 900; line-height: 1.2; color: var(--clr-metin); margin-bottom: 14px; }
.makale-onsoz { font-size: 1.02em; color: var(--clr-metin-2); line-height: 1.76; padding-left: 16px; border-left: 3px solid var(--clr-birincil); }
.makale-kapak { border-radius: var(--yuvarlak); overflow: hidden; margin-bottom: 30px; }
.makale-kapak img { width: 100%; object-fit: cover; max-height: 420px; }
.makale-icerik h2 { font-size: 1.35em; font-weight: 900; margin: 30px 0 11px; color: var(--clr-metin); padding-bottom: 8px; border-bottom: 2px solid var(--clr-sinir); }
.makale-icerik h3 { font-size: 1.1em; font-weight: 800; margin: 22px 0 9px; color: var(--clr-metin); }
.makale-icerik h4 { font-size: 1em; font-weight: 800; margin: 18px 0 8px; color: var(--clr-metin-2); }
.makale-icerik p { font-size: 0.95em; line-height: 1.82; color: var(--clr-metin-2); margin-bottom: 15px; }
.makale-icerik ul { list-style: disc; padding-left: 22px; margin-bottom: 15px; }
.makale-icerik li { font-size: 0.95em; line-height: 1.72; color: var(--clr-metin-2); margin-bottom: 6px; }
.makale-icerik a { color: var(--clr-birincil); font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }
.makale-icerik blockquote { background: var(--clr-arkaplan-2); border-left: 4px solid var(--clr-birincil); padding: 16px 20px; margin: 20px 0; border-radius: 0 var(--yuvarlak-kk) var(--yuvarlak-kk) 0; font-style: italic; color: var(--clr-metin-2); }
.makale-etiketler { display: flex; gap: 7px; flex-wrap: wrap; margin-top: 28px; padding-top: 20px; border-top: 1px solid var(--clr-sinir); }
.etiket-kabarcik { font-size: 0.78em; padding: 4px 12px; border-radius: 3px; background: var(--clr-arkaplan-2); border: 1px solid var(--clr-sinir); color: var(--clr-metin-2); transition: var(--gecis); font-weight: 700; }
.etiket-kabarcik:hover { border-color: var(--clr-birincil); color: var(--clr-birincil); background: var(--clr-birincil-ince); }

.yasal-icerik { max-width: 800px; margin: 0 auto; }
.yasal-icerik h2 { font-size: 1.2em; font-weight: 800; color: var(--clr-metin); margin: 30px 0 10px; padding-bottom: 7px; border-bottom: 2px solid var(--clr-sinir); }
.yasal-icerik h3 { font-size: 1.05em; font-weight: 800; color: var(--clr-metin); margin: 20px 0 8px; }
.yasal-icerik p { font-size: 0.93em; line-height: 1.8; color: var(--clr-metin-2); margin-bottom: 12px; }
.yasal-icerik ul { list-style: disc; padding-left: 20px; margin-bottom: 12px; }
.yasal-icerik li { font-size: 0.93em; color: var(--clr-metin-2); line-height: 1.7; margin-bottom: 6px; }
.yasal-tarih { display: inline-flex; align-items: center; gap: 7px; font-size: 0.8em; color: var(--clr-metin-3); background: var(--clr-arkaplan-2); padding: 6px 13px; border-radius: 3px; margin-bottom: 28px; border: 1px solid var(--clr-sinir); font-weight: 700; }

.cta-blok {
    background: var(--clr-ikincil);
    border-radius: var(--yuvarlak-lg); padding: 56px 44px;
    text-align: center; position: relative; overflow: hidden; margin: 30px 0;
}
.cta-blok::before { content: ''; position: absolute; top: -50px; right: -50px; width: 200px; height: 200px; border-radius: 50%; background: rgba(232,93,4,.12); pointer-events: none; }
.cta-blok::after { content: ''; position: absolute; bottom: -50px; left: -50px; width: 180px; height: 180px; border-radius: 50%; background: rgba(6,167,125,.1); pointer-events: none; }
.cta-blok__icerik { position: relative; z-index: 1; }
.cta-blok h2 { font-size: 1.8em; font-weight: 900; color: #fff; margin-bottom: 12px; }
.cta-blok p { color: rgba(255,255,255,.72); max-width: 540px; margin: 0 auto 28px; font-size: 1em; }
.cta-dugmeler { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }

.hata-sayfasi { min-height: 100vh; display: flex; align-items: center; justify-content: center; text-align: center; padding: 40px 22px; }
.hata-kodu { font-size: 9em; font-weight: 900; line-height: 1; color: var(--clr-birincil); margin-bottom: 4px; opacity: 0.15; }
.hata-baslik { font-size: 1.8em; font-weight: 900; margin-bottom: 12px; color: var(--clr-metin); }
.hata-aciklama { font-size: 1em; color: var(--clr-metin-2); max-width: 460px; margin: 0 auto 32px; }
.hata-baglantilar { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }

.iletisim-kart { background: var(--clr-kart); border: 1px solid var(--clr-sinir); border-radius: var(--yuvarlak); padding: 20px; display: flex; gap: 14px; align-items: flex-start; transition: var(--gecis); }
.iletisim-kart:hover { border-left: 3px solid var(--clr-birincil); box-shadow: var(--golge-kk); }
.iletisim-kart__ikon { width: 42px; height: 42px; border-radius: var(--yuvarlak-kk); background: var(--clr-birincil-ince); color: var(--clr-birincil); display: flex; align-items: center; justify-content: center; font-size: 1.05em; flex-shrink: 0; }
.iletisim-kart__etiket { font-size: 0.7em; font-weight: 800; text-transform: uppercase; letter-spacing: 0.8px; color: var(--clr-metin-3); margin-bottom: 3px; }
.iletisim-kart__deger { font-size: 0.92em; font-weight: 700; color: var(--clr-metin); margin: 0; }
.harita-alani { border-radius: var(--yuvarlak); overflow: hidden; border: 1px solid var(--clr-sinir); height: 380px; }
.harita-alani iframe { width: 100%; height: 100%; border: none; display: block; }

.bolum-ayrac { height: 1px; background: var(--clr-sinir); margin: 36px 0; }
.bolum-ayrac--renkli { background: linear-gradient(90deg, transparent, var(--clr-birincil), transparent); height: 2px; }

.guvenlik-ikon-merkez {
    width: 100px; height: 100px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 2.4em; margin: 0 auto 22px;
    background: var(--clr-vurgu-ince); border: 2px solid rgba(6,167,125,.25); color: var(--clr-vurgu);
}
.guvenlik-ikon-merkez--uyari { background: var(--clr-tehlike-ince); border-color: rgba(192,57,43,.25); color: var(--clr-tehlike); }

.footer-sosyal { display: flex; gap: 8px; margin-top: 16px; }
.footer-sosyal a { width: 34px; height: 34px; border-radius: var(--yuvarlak-kk); border: 1px solid var(--clr-sinir); background: var(--clr-arkaplan-2); color: var(--clr-metin-3); display: flex; align-items: center; justify-content: center; font-size: 0.88em; transition: var(--gecis); }
.footer-sosyal a:hover { background: var(--clr-birincil); border-color: var(--clr-birincil); color: #fff; transform: translateY(-2px); }

.site-footer { background: var(--clr-arkaplan-2); border-top: 1px solid var(--clr-sinir); margin-top: 36px; }
.footer-ust { padding: 52px 0 36px; }
.footer-grid { display: grid; grid-template-columns: 1.5fr 2fr 1fr; gap: 44px; }
.footer-marka__aciklama { font-size: 0.86em; color: var(--clr-metin-3); line-height: 1.7; margin: 12px 0 0; }
.footer-baslik { font-size: 0.72em; font-weight: 900; text-transform: uppercase; letter-spacing: 1.5px; color: var(--clr-metin); margin-bottom: 16px; padding-bottom: 8px; border-bottom: 2px solid var(--clr-birincil); display: inline-block; }
.footer-linkler { display: flex; flex-direction: column; gap: 8px; }
.footer-baglanti { font-size: 0.85em; color: var(--clr-metin-3); display: flex; align-items: center; gap: 6px; transition: var(--gecis); font-weight: 600; }
.footer-baglanti:hover { color: var(--clr-birincil); padding-left: 3px; }
.footer-baglanti i { font-size: 0.6em; color: var(--clr-birincil); opacity: 0.5; }
.footer-cift-kolon { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.footer-iletisim { display: flex; flex-direction: column; gap: 10px; }
.footer-iletisim-satir { display: flex; gap: 9px; align-items: flex-start; font-size: 0.82em; color: var(--clr-metin-3); font-weight: 600; }
.footer-iletisim-satir i { color: var(--clr-birincil); font-size: 0.85em; margin-top: 2px; flex-shrink: 0; }
.footer-alt { border-top: 1px solid var(--clr-sinir); padding: 16px 0; }
.footer-alt__icerik { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
.footer-telif { font-size: 0.78em; color: var(--clr-metin-3); font-weight: 600; }
.footer-alt-linkler { display: flex; gap: 16px; }
.footer-alt-baglanti { font-size: 0.78em; color: var(--clr-metin-3); font-weight: 700; transition: var(--gecis); }
.footer-alt-baglanti:hover { color: var(--clr-birincil); }

.uste-cik {
    position: fixed; bottom: 24px; right: 24px; width: 40px; height: 40px;
    border-radius: 4px; background: var(--clr-birincil); color: #fff;
    display: flex; align-items: center; justify-content: center; font-size: 0.9em;
    cursor: pointer; opacity: 0; pointer-events: none; transform: translateY(10px);
    transition: var(--gecis); box-shadow: var(--golge-turuncu); z-index: 880; border: none;
}
.uste-cik.gorsel { opacity: 1; pointer-events: auto; transform: translateY(0); }
.uste-cik:hover { background: var(--clr-birincil-hover); transform: translateY(-3px); }

@keyframes asagiKay { from { opacity: 0; transform: translateX(-50%) translateY(-8px); } to { opacity: 1; transform: translateX(-50%) translateY(0); } }
@keyframes soldan { from { opacity: 0; transform: translateX(-16px); } to { opacity: 1; transform: translateX(0); } }
@keyframes yukari { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }

.gs-guncelle { animation: yukari 0.5s ease forwards; opacity: 0; }

@media (max-width: 1024px) {
    h1 { font-size: 2.2em; }
    h2 { font-size: 1.65em; }
    .footer-grid { grid-template-columns: 1fr 1fr; gap: 28px; }
    .iki-sutun { grid-template-columns: 1fr; gap: 28px; }
    .iki-sutun--ters .sutun-gorsel { order: 0; }
    .iki-sutun--ters .sutun-metin { order: 0; }
}
@media (max-width: 768px) {
    :root { --nav-yuksekligi: 58px; --ust-serit-yuksekligi: 34px; }
    h1 { font-size: 1.8em; }
    h2 { font-size: 1.45em; }
    .bolum { padding: 48px 0; }
    .menu-listesi,.acilir-menu-kap { display: none; }
    .hamburger-buton { display: flex; }
    .vitrin::after { display: none; }
    .vitrin-govde { grid-template-columns: 1fr; text-align: center; gap: 32px; }
    .vitrin-ozet { margin: 0 auto 24px; }
    .vitrin-dugmeler { justify-content: center; }
    .vitrin-rakamlar { justify-content: center; }
    .kart-dokuz { grid-template-columns: 1fr; }
    .oyun-izgara { grid-template-columns: 1fr; }
    .yazi-izgara { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: 1fr; gap: 24px; }
    .footer-alt__icerik { flex-direction: column; text-align: center; }
    .ust-iletisim { display: none; }
    .cta-blok { padding: 38px 22px; }
    .footer-cift-kolon { grid-template-columns: 1fr; }
    .sayfa-banner { padding: calc(var(--nav-yuksekligi) + var(--ust-serit-yuksekligi) + 24px) 0 32px; }
}
@media (max-width: 480px) {
    .kapsayici { padding: 0 15px; }
    .adim-seti { grid-template-columns: 1fr; }
    .vitrin-rakamlar { flex-direction: column; gap: 16px; }
    .vitrin-rakam-item { border-right: none; border-bottom: 1px solid var(--clr-sinir); padding: 0 0 14px; margin: 0 0 14px; padding-right: 0; margin-right: 0; }
    .vitrin-rakam-item:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
}