/* assets/styles.css — purple neon style, no build tools */
:root{
  --bg1:#0f0520; --bg2:#2a0752; --accent:#ffb200; --card:#2b0d47; --text:#e7ddff; --muted:#bfa8ff;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:radial-gradient(1200px 600px at 50% -100px,var(--bg2),var(--bg1));
  color:var(--text);
}
a{color:inherit;text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:16px}

/* Header */
.header{display:flex;align-items:center;justify-content:space-between;padding:20px 0}
.brand{font-size:28px;font-weight:800;letter-spacing:1px}
.socials a{margin-left:10px;opacity:.85}

/* Bölümler */
.section{margin:28px 0}
.section h2{font-size:20px;margin:6px 2px 14px;color:#fff;text-align:center}

/* GRID — sütunlar satırı TAM doldurur */
.grid{display:grid;gap:14px;justify-items:stretch;align-items:stretch}
.grid.single{grid-template-columns:minmax(0,1fr)}                 /* tek sütun: tam genişlik */
.grid.double{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid.six{grid-template-columns:repeat(6,minmax(0,1fr))}
@media (max-width:1024px){.grid.six{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){
  .grid.double{grid-template-columns:minmax(0,1fr)}
  .grid.six{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* KART — içerik ortada, kart hücreyi tamamen kaplasın */
.card{
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));
  border-radius:16px;
  padding:20px;
  position:relative;
  box-shadow:0 4px 24px rgba(0,0,0,.45);
  border:1px solid rgba(255,255,255,.08);
  width:100%;
  min-height:240px;

  /* içerik merkezi hizalama */
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  text-align:center;
}
.card:before{
  content:'';
  position:absolute; inset:0; border-radius:16px; padding:1px;
  background:linear-gradient(45deg,rgba(255,178,0,.9),rgba(156,92,255,.6));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  opacity:.6; pointer-events:none;
}

/* Kart içeriği */
.card img{
  display:block;
  width:100%;
  max-width:160px;         /* varsayılan görsel boyutu */
  height:auto;
  margin:0 auto 10px;
  object-fit:contain;
  border-radius:10px;
  background:rgba(0,0,0,.15);
}
.grid.single .card img{ max-width:200px; }   /* tek sütunda görsel biraz daha büyük */

.card .badge{
  display:inline-block;
  background:rgba(255,178,0,.15);
  border:1px solid rgba(255,178,0,.5);
  color:#ffb200;
  padding:4px 10px;
  border-radius:999px;
  font-size:12px;
  margin:6px 0;
  text-align:center;
}
.card .desc{
  font-size:14px;
  color:#d5c9ff;
  margin:8px 0 14px;
  text-align:center;
  line-height:1.4;
}
.card .btn{
  display:inline-flex; align-items:center; justify-content:center;
  background:linear-gradient(90deg,#ffb200,#ffdd66);
  color:#2b0d00; font-weight:700;
  text-decoration:none; padding:10px 18px; border-radius:12px;
  box-shadow:0 4px 12px rgba(255,178,0,.3); transition:all .2s ease;
}
.card .btn:hover{ transform:translateY(-2px); box-shadow:0 6px 14px rgba(255,178,0,.5) }

/* Footer */
.footer{margin:40px 0 80px;color:#b199ff;text-align:center}

/* Yan reklam alanları — sadece link tıklanabilir */
.sidebar-ad,.sidebar-ad.right{
  position:fixed; top:80px; width:140px; height:600px;
  display:flex; align-items:center; justify-content:center;
  background:#000; color:#fff; border-radius:8px; opacity:.85;
  pointer-events:none; z-index:5;
}
.sidebar-ad{left:10px} .sidebar-ad.right{right:10px}
.sidebar-ad .ad-link{
  display:flex; align-items:center; justify-content:center;
  width:100%; height:100%; pointer-events:auto; color:#fff; font-weight:700; text-decoration:none;
}
@media (min-width:1400px){ body{padding-left:160px;padding-right:160px} }
@media (max-width:1400px){ .sidebar-ad,.sidebar-ad.right{display:none!important} }