:root{--bg:#07060d;--bg2:#0e0c1a;--kart:#141126;--cizgi:#2a2447;--yazi:#f2f0ff;--soluk:#b4aed6;--pembe:#ff2bd6;--mavi:#22e4ff;--yesil:#25d366}
*{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none!important}
body{background:var(--bg);color:var(--yazi);font-family:'Open Sans',system-ui,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased;padding-bottom:84px}
a{color:var(--mavi)}
.kap{width:min(880px,100% - 32px);margin-inline:auto}
h1,h2,h3{font-family:'Orbitron',sans-serif;line-height:1.2;letter-spacing:.4px}
h1{font-size:clamp(1.7rem,6vw,2.6rem);margin:8px 0 14px}
h2{font-size:clamp(1.2rem,4vw,1.6rem);margin:36px 0 10px}
h3{font-size:1.02rem;margin:22px 0 6px}
p,li{color:var(--soluk)}
p{margin-bottom:12px}
ul{padding-left:20px;margin-bottom:12px}
b,strong{color:var(--yazi)}
.neon-p{color:var(--pembe);text-shadow:0 0 10px rgba(255,43,214,.6)}
.neon-m{color:var(--mavi);text-shadow:0 0 10px rgba(34,228,255,.6)}
.etiket{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--mavi)}
header{position:sticky;top:0;z-index:50;background:rgba(7,6,13,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--cizgi)}
.menu{display:flex;align-items:center;justify-content:space-between;height:60px}
.logo{font-family:'Orbitron';font-weight:900;text-decoration:none;color:var(--yazi);letter-spacing:1px}
.logo span{color:var(--pembe);text-shadow:0 0 10px rgba(255,43,214,.8)}
.geri{text-decoration:none;font-weight:700;font-size:.9rem;color:var(--soluk)}
main{padding:32px 0 20px;position:relative;isolation:isolate}
main::before{content:"";position:fixed;inset:0;z-index:-1;background:url(img/galeri/01.jpg) center/cover no-repeat;opacity:.08}
.kutu{background:rgba(20,17,38,.85);border:1px solid var(--cizgi);border-radius:18px;padding:20px 22px;margin:18px 0}
.izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:14px 0}
.izgara .kutu{margin:0}
.etiketler{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.etiketler span{border:1px solid var(--cizgi);background:var(--kart);border-radius:999px;padding:6px 12px;font-size:.88rem;color:var(--yazi)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:12px;font-weight:800;text-decoration:none;margin:6px 8px 6px 0}
.btn-wa{background:var(--yesil);color:#04150a}
.btn-neon{border:2px solid var(--mavi);color:var(--yazi)}
.fiyat{font-family:'Orbitron';font-weight:900;font-size:clamp(2.4rem,10vw,3.6rem);color:var(--yazi);line-height:1}
details{background:rgba(20,17,38,.85);border:1px solid var(--cizgi);border-radius:14px;padding:14px 18px;margin-top:10px}
summary{cursor:pointer;font-weight:700;color:var(--yazi)}
details p{margin:10px 0 0}
footer{border-top:1px solid var(--cizgi);padding:26px 0;font-size:.9rem;color:var(--soluk)}
footer nav{display:flex;flex-wrap:wrap;gap:6px 16px;margin:10px 0}
footer a{color:var(--soluk)}
.alt-cubuk{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:8px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:rgba(7,6,13,.96);border-top:1px solid var(--cizgi)}
.alt-cubuk a{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:12px;text-decoration:none;font-weight:800;font-size:.85rem;background:var(--kart);border:1px solid var(--cizgi);color:var(--yazi)}
.alt-cubuk a.wa{background:var(--yesil);color:#04150a;border:0}
@media(min-width:821px){.alt-cubuk{left:auto;right:16px;bottom:16px;width:420px;border:1px solid var(--cizgi);border-radius:16px}}