:root{
  --dip-zemin:#151c22;
  --kutuk:#131b1e;
  --kutuk-ust:#1b262b;
  --cim:#1a664a;
  --cim-acik:#21835d;
  --altin:#fecd06;
  --altin-koyu:#e0b400;
  --sut:#ffffff;
  --sut-orta:rgba(255,255,255,.72);
  --sut-sonuk:rgba(255,255,255,.46);
  --cizik:rgba(255,255,255,.08);
  --cizik-cim:rgba(33,131,93,.55);
  --pah-xs:3px;
  --pah-s:6px;
  --pah-m:10px;
  --tam-en:1320px;
}

*{box-sizing:border-box}
html{text-size-adjust:100%}

body{
  margin:0;
  background:var(--dip-zemin);
  color:var(--sut);
  font-family:"Barlow","Segoe UI Variable","Franklin Gothic Medium",Tahoma,sans-serif;
  font-size:16px;
  line-height:1.6;
}

img{max-width:100%}

.saha{width:100%;max-width:var(--tam-en);margin:0 auto;padding:0 16px}

.go-bet{cursor:pointer}

.direk{background:var(--cim)}
.direk-ic{display:flex;align-items:center;gap:22px;min-height:56px}
.damga{display:inline-flex;align-items:center;text-decoration:none;flex:0 0 auto}
.damga img{display:block;height:19px;width:auto}

.serit-menu{display:flex;gap:22px;flex:1 1 auto;overflow-x:auto}
.serit-menu a{
  color:var(--sut);text-decoration:none;font-size:13.5px;font-weight:600;
  text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding:6px 0;
}
.serit-menu a:hover{color:var(--altin)}

.direk-tuslar{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.tus,.tus-hat{
  font:inherit;font-size:13px;line-height:1;cursor:pointer;text-decoration:none;
  display:inline-block;text-align:center;padding:11px 20px;border-radius:var(--pah-xs);
  border:1px solid transparent;white-space:nowrap;font-weight:700;text-transform:uppercase;
  letter-spacing:.4px;
}
.tus{background:var(--altin);color:#1a1a1a}
.tus:hover{background:var(--altin-koyu)}
.tus-hat{background:var(--cim-acik);color:var(--sut);border-color:rgba(255,255,255,.28)}
.tus-hat:hover{background:#26996d}

.alt-serit{background:var(--kutuk);border-bottom:1px solid var(--cizik)}
.alt-serit-ic{display:flex;gap:26px;align-items:center;min-height:44px;overflow-x:auto}
.alt-serit a{color:var(--sut-orta);text-decoration:none;font-size:14px;white-space:nowrap;padding:5px 0}
.alt-serit a:first-child{color:var(--altin)}
.alt-serit a:hover{color:var(--altin)}

.vitrin{padding:18px 0 4px}
.vitrin-kutu{
  position:relative;border-radius:var(--pah-m);overflow:hidden;
  min-height:250px;display:flex;align-items:center;
}
.vitrin-fon{position:absolute;inset:0}
.vitrin-fon img{width:100%;height:100%;object-fit:cover;object-position:right center;display:block}
.vitrin-perde{
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(11,42,31,.97) 0%,rgba(11,42,31,.86) 40%,rgba(11,42,31,.06) 82%);
}
.vitrin-yazi{position:relative;padding:32px 34px;max-width:610px}
.vitrin-yazi h1{
  font-size:38px;line-height:1.08;margin:0;font-weight:800;
  text-transform:uppercase;letter-spacing:.6px;
}
.vitrin-alt{margin-top:13px;font-size:17px;font-weight:600;color:var(--sut-orta);line-height:1.45}
.vitrin-rozet{
  display:inline-block;margin-top:16px;padding:8px 18px;border-radius:var(--pah-xs);
  background:var(--altin);color:#1a1a1a;font-weight:800;font-size:14.5px;letter-spacing:.4px;
}
.vitrin-tus{display:inline-block;margin-top:18px}

.kusak{padding:26px 0 2px}
.kusak-koyu{background:var(--kutuk);padding:30px 0 26px;margin-top:24px}
.kusak-bas{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
.kusak-ad{
  font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;
  border-left:3px solid var(--altin);padding-left:11px;
}
.kusak-tum{
  color:#1a1a1a;background:var(--altin);text-decoration:none;font-size:12.5px;font-weight:700;
  border-radius:var(--pah-xs);padding:8px 16px;text-transform:uppercase;letter-spacing:.4px;
}
.kusak-tum:hover{background:var(--altin-koyu)}

.dizi-oyun{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}

.oyun-kart{display:block;text-decoration:none;color:inherit;cursor:pointer}
.oyun-kart figure{margin:0}
.oyun-kart img{display:block;width:100%;border-radius:var(--pah-s)}
.oyun-kart:hover img{outline:2px solid var(--altin);outline-offset:-2px}
.oyun-ad{margin-top:8px;font-size:13px;text-align:center;color:var(--sut-orta);line-height:1.3}
.oyun-kart:hover .oyun-ad{color:var(--altin)}

.marka-serit{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.marka-serit img{
  height:44px;width:auto;background:var(--kutuk-ust);border-radius:var(--pah-s);
  padding:10px 18px;opacity:.86;
}
.marka-serit img:hover{opacity:1}

.dip{background:var(--cim);margin-top:28px;padding:30px 0 0}
.dip-sutun{display:grid;grid-template-columns:repeat(6,1fr);gap:22px;padding-bottom:26px}
.dip-sutun a{display:block;color:rgba(255,255,255,.82);text-decoration:none;font-size:13px;padding:4px 0}
.dip-sutun a:hover{color:var(--altin)}
.dip-bas{color:var(--sut);font-weight:800;font-size:13.5px;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}
.dip-legal{
  border-top:1px solid rgba(255,255,255,.14);padding:18px 0;
  font-size:12px;color:rgba(255,255,255,.66);line-height:1.75;
}
.dip-alt{
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  border-top:1px solid rgba(255,255,255,.14);padding:16px 0 22px;font-size:12.5px;
  color:rgba(255,255,255,.66);
}
.dip-destek{font-weight:700;color:var(--sut)}
.dip-yas{
  display:inline-block;border:1px solid rgba(255,255,255,.4);border-radius:var(--pah-xs);
  padding:5px 11px;font-weight:700;color:var(--sut);
}

.yazi-kat{padding:30px 0 4px}
.yazi-ic{max-width:920px;margin:0 auto}
.yazi-damga{font-size:12.5px;color:var(--sut-sonuk);margin-bottom:12px}

.yazi-ic h2{
  font-size:23px;line-height:1.3;margin:34px 0 13px;font-weight:800;
  text-transform:none;border-left:3px solid var(--altin);padding-left:12px;
}
.yazi-ic h3{font-size:17.5px;line-height:1.42;margin:26px 0 10px;font-weight:700;color:var(--altin)}
.yazi-ic p{margin:0 0 14px;color:var(--sut-orta)}
.yazi-ic a{color:var(--altin)}
.yazi-ic img{display:block;margin:0 auto;max-width:100%;border-radius:var(--pah-s)}

.tablo-tas{overflow-x:auto;margin:20px 0 25px}
.yazi-ic table{width:100%;border-collapse:collapse;font-size:14px;min-width:540px}
.yazi-ic caption{caption-side:top;text-align:left;padding-bottom:9px;font-size:12.5px;color:var(--sut-sonuk)}
.yazi-ic th{
  background:var(--cim);color:var(--sut);text-align:left;padding:11px 14px;
  border:1px solid var(--cizik);font-weight:700;
}
.yazi-ic td{padding:11px 14px;border:1px solid var(--cizik);color:var(--sut-orta)}
.yazi-ic tbody tr:nth-child(even){background:rgba(255,255,255,.03)}

.yazi-ic ul{list-style:none;padding-left:0;margin:0 0 16px}
.yazi-ic ul li{position:relative;padding-left:23px;margin-bottom:9px;color:var(--sut-orta)}
.yazi-ic ul li::before{
  content:"";position:absolute;left:0;top:9px;width:11px;height:3px;background:var(--altin);
}
.yazi-ic ol{list-style:none;counter-reset:adet;padding-left:0;margin:0 0 16px}
.yazi-ic ol li{position:relative;padding-left:33px;margin-bottom:10px;color:var(--sut-orta)}
.yazi-ic ol li::before{
  counter-increment:adet;content:counter(adet);position:absolute;left:0;top:1px;
  width:22px;height:22px;line-height:22px;text-align:center;border-radius:var(--pah-xs);
  background:var(--altin);color:#1a1a1a;font-size:12px;font-weight:800;
}

.kare-kume{margin:24px 0 28px}
.kare-kume-bas{
  font-size:12px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;
  color:var(--altin);margin-bottom:12px;
}
.kare-kume-dizi{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.kare-kume-dizi img{width:100%;border-radius:var(--pah-s);margin:0}
.kare-kume-tam img{width:100%;border-radius:var(--pah-s);margin:0}
.kare-kume-not{font-size:12.5px;color:var(--sut-sonuk);margin-top:9px;text-align:center}

.cols-2,.cols-3,.cols-4{display:grid;gap:14px;margin:19px 0 24px}
.cols-2{grid-template-columns:repeat(2,1fr)}
.cols-3{grid-template-columns:repeat(3,1fr)}
.cols-4{grid-template-columns:repeat(4,1fr)}
.cols-2>div,.cols-3>div,.cols-4>div{background:var(--kutuk);border-radius:var(--pah-s);padding:16px 18px}
.cols-2>div>div:first-child,.cols-3>div>div:first-child,.cols-4>div>div:first-child{
  color:var(--altin);font-weight:800;font-size:15px;margin-bottom:6px;
}
.cols-2>div p,.cols-3>div p,.cols-4>div p{margin:0;font-size:14px}

.cagri-ort{text-align:center;margin:27px 0 31px}
.cagri-ort a{
  display:inline-block;padding:14px 40px;border-radius:var(--pah-xs);
  background:var(--altin);color:#1a1a1a;font-weight:800;text-decoration:none;
  font-size:15px;text-transform:uppercase;letter-spacing:.5px;
}
.cagri-ort a:hover{background:var(--altin-koyu)}

@media(max-width:1080px){
  .dizi-oyun{grid-template-columns:repeat(3,1fr)}
  .dip-sutun{grid-template-columns:repeat(3,1fr)}
  .cols-4{grid-template-columns:repeat(2,1fr)}
  .vitrin-yazi h1{font-size:31px}
}

@media(max-width:760px){
  body{font-size:15.5px;padding-bottom:72px}
  .direk-ic{min-height:50px;gap:12px}
  .serit-menu{order:3;width:100%;gap:18px;padding-bottom:6px}
  .direk-tuslar{
    position:fixed;left:0;right:0;bottom:0;z-index:90;
    gap:8px;padding:10px 12px 12px;
    background:var(--cim);border-top:1px solid var(--altin);
  }
  .direk-tuslar .tus,.direk-tuslar .tus-hat{flex:1 1 0;padding:13px 6px;font-size:13.5px}
  .dizi-oyun,.kare-kume-dizi{grid-template-columns:repeat(2,1fr)}
  .dip-sutun{grid-template-columns:repeat(2,1fr)}
  .cols-2,.cols-3,.cols-4{grid-template-columns:1fr}
  .vitrin-kutu{min-height:210px}
  .vitrin-perde{background:linear-gradient(180deg,rgba(11,42,31,.62) 0%,rgba(11,42,31,.93) 60%)}
  .vitrin-yazi{padding:22px 18px;max-width:none}
  .vitrin-yazi h1{font-size:25px}
  .vitrin-alt{font-size:15px}
  .yazi-ic h2{font-size:19.5px}
  .kusak-ad{font-size:14px}
}