.odul-ref,
.odul-ref .odul-akis {
  max-width: 100%;
  overflow-x: hidden;
}

.odul-akis{
  width:100%;
  max-width:none;
  margin:0 0 40px;
  padding:26px 0 42px;
  display:grid;
  gap:26px;
  overflow-x:hidden;
  background:
    linear-gradient(125deg, rgba(6, 58, 28, 0.70), rgba(27, 96, 48, 0.52)),
    url("../../imagespagegame/photography8.webp") center/cover no-repeat;
  border-radius:0;
}

.odul-akis > section{
  width: min(100%, 1280px);
  max-width: 100%;
  min-width: 0;
  margin-left: auto;
  margin-right: auto;
}
.odul-hero{
  max-width:1280px;
  margin:0 auto;
  min-height:290px;
  border-radius:26px;
  padding:34px 36px;
  display:grid;
  grid-template-columns:minmax(340px,1fr) minmax(260px,.9fr);
  align-items:center;
  gap:20px;
  background:
    linear-gradient(120deg,rgba(255,255,255,.92),rgba(255,255,255,.72));
  border:none;
  overflow:hidden;
  min-width: 0;
}
.odul-yazi{min-width:0}
.odul-yazi h1{margin:0 0 12px;color:#0b6f3c;font-size:52px;line-height:1.03;max-width:690px}
.odul-yazi p{margin:0 0 18px;max-width:620px;color:#36453d;font-size:20px;line-height:1.45}
.hero-peri{
  width:100%;
  max-height:250px;
  border-radius:18px;
  object-fit:cover;
  border:1px solid rgba(255,255,255,.65);
  box-shadow:0 12px 24px rgba(20,49,31,.18);
}
.odul-filtre{display:flex;flex-wrap:wrap;gap:9px;padding:12px;border-radius:16px;background:#fff;max-width:max-content;box-shadow:0 10px 28px rgba(11,34,18,.1)}
.odul-filtre button{border:1px solid #d7e6d8;background:#fff;border-radius:11px;padding:10px 16px;font-weight:700;color:#24352c;cursor:pointer}
.odul-filtre button.aktif{background:#f2ffe8;border-color:#75b722;color:#2e7a1a}

.odul-kartlari{
  max-width:1280px;
  margin:0 auto;
  position:relative;
  border-radius:26px;
  padding:26px;
  border:none;
  background:rgba(249, 251, 247, 0.92);
  backdrop-filter: blur(3px);
  min-width: 0;
}
.odul-ust{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.odul-ust h2,.odul-network h2,.odul-kod h2{margin:0;color:#111}
.odul-ust h2 span,.odul-network h2 span,.odul-kod h2 span{color:#71bc19}
.kaydir-noktalar{display:flex;gap:7px}
.kaydir-noktalar span{width:8px;height:8px;border-radius:50%;background:#c3c9c3}
.kaydir-noktalar .aktif{background:#6cbc12}

.odul-grid-kaydir{
  display:grid;
  grid-template-rows:repeat(2,180px);
  grid-auto-flow:column;
  grid-auto-columns:300px;
  gap:10px;
  overflow-x:auto;
  scrollbar-width:none;
  scroll-behavior:smooth;
}
.odul-grid-kaydir::-webkit-scrollbar{display:none}
.odul-kart{
  border-radius:15px;
  padding:18px;
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  background:
    linear-gradient(95deg,rgba(5,105,56,.75),rgba(7,126,64,.54)),
    url("../../imagespagegame/img15.webp") center/cover no-repeat;
}
.odul-kart.buyuk{grid-row:span 2}
.odul-kart:nth-child(2){background:linear-gradient(100deg,rgba(9,89,59,.74),rgba(9,120,98,.48)),url("../../imagespagegame/img16.webp") center/cover no-repeat}
.odul-kart:nth-child(3){background:linear-gradient(100deg,rgba(5,100,47,.72),rgba(32,129,140,.46)),url("../../imagespagegame/img17.webp") center/cover no-repeat}
.odul-kart:nth-child(4){background:linear-gradient(100deg,rgba(8,88,43,.72),rgba(9,89,59,.45)),url("../../imagespagegame/galleryimg10.webp") center/cover no-repeat}
.odul-kart:nth-child(5){background:linear-gradient(100deg,rgba(7,92,35,.72),rgba(17,142,74,.46)),url("../../imagespagegame/galleryimg11.webp") center/cover no-repeat}
.odul-kart h3{margin:0 0 8px;font-size:31px;line-height:1.08}
.odul-kart p{margin:0 0 8px;font-size:16px}
.odul-kart strong{font-size:28px}
.odul-kart:not(.buyuk) h3{font-size:31px}
.kaydir-mini{
  position:absolute;top:50%;transform:translateY(-50%);
  width:42px;height:42px;border:1px solid #dde6dc;border-radius:12px;cursor:pointer;
  background:#fff;color:#74b01c;font-size:30px;line-height:0;
}
#odul-sol{left:8px}#odul-sag{right:8px}

/* User request: hide slider arrows and pagination dots */
.kaydir-mini,
.kaydir-noktalar{
  display:none !important;
}

.odul-network{
  max-width:1280px;
  width:100%;
  margin:0 auto;
  border-radius:26px;
  padding:20px 26px 26px;
  background:rgba(255, 255, 255, 0.94);
  border:none;
  min-width: 0;
}
.network-grid{display:grid;grid-template-columns:repeat(3,minmax(210px,1fr));gap:24px;margin-top:14px}
.network-grid article{text-align:center}
.net-cember{
  width:180px;height:180px;border-radius:50%;margin:0 auto 12px;
  box-shadow:0 18px 24px rgba(20,40,30,.2);
}
.n1{background:linear-gradient(155deg,#5f138f,#0b7b39)}
.n1{background:url("../../imagespagegame/galleryimg12.webp") center/cover no-repeat}
.n2{background:url("../../imagespagegame/galleryimg13.webp") center/cover no-repeat}
.n3{background:url("../../imagespagegame/galleryimg14.webp") center/cover no-repeat}
.network-grid h4{margin:0;color:#111}
.network-grid strong{font-size:30px;color:#111}
.network-grid p{margin:6px 0 0;color:#667269}

.odul-kod{
  margin:0 auto;
  width:min(650px,100%);
  border-radius:20px;
  padding:24px;
  background:rgba(255, 255, 255, 0.95);
  border:none;
  box-shadow:0 12px 24px rgba(20,40,20,.1);
  min-width: 0;
}
.kod-form{display:flex;gap:10px;margin:14px 0}
.kod-form input{flex:1;min-height:52px;padding:0 16px;border-radius:12px;border:1px solid #d3ddd3}
.kod-form button{border:none;border-radius:12px;padding:0 22px;background:linear-gradient(180deg,#8bd216,#66b30f);color:#fff;font-weight:800}
#promo-result{margin:0;color:#3f4f44;font-weight:600}

@media(max-width:1100px){
  .odul-yazi h1{font-size:42px}
  .odul-yazi p{font-size:18px}
}
@media(max-width:900px){
  .odul-akis{
    padding:18px 8px 30px;
    background-attachment:scroll;
  }
  .odul-akis > section{
    width: 100%;
    max-width: 100%;
  }
  .odul-hero{
    grid-template-columns:1fr;
    width:100%;
    max-width:100%;
    margin:0;
    padding:20px;
    overflow:visible;
  }
  .odul-yazi,
  .odul-yazi h1,
  .odul-yazi p{
    max-width:100%;
  }
  .odul-yazi h1,
  .odul-yazi p{
    overflow-wrap:anywhere;
    word-break:break-word;
  }
  .odul-kartlari,
  .odul-network,
  .odul-kod{
    width:100%;
    max-width:100%;
    margin:0;
  }
  .odul-filtre{
    width:100%;
    max-width:100%;
    overflow-x:auto;
    flex-wrap:nowrap;
    white-space:nowrap;
    padding:8px;
  }
  .odul-filtre button{
    flex:0 0 auto;
    padding:9px 12px;
  }
  .hero-peri{max-height:190px}
  .odul-grid-kaydir{grid-template-rows:repeat(2,160px);grid-auto-columns:250px}
  .odul-kart h3{font-size:24px}
  .network-grid{grid-template-columns:1fr}
}

@media(max-width:480px){
  .odul-akis{
    padding:14px 6px 24px;
  }
  .odul-hero{padding:14px}
  .odul-kartlari,
  .odul-network,
  .odul-kod{
    padding:16px;
  }
  .odul-yazi h1{font-size:40px;line-height:1.04}
  .odul-yazi p{font-size:16px;line-height:1.4}
  .odul-filtre{gap:6px}
  .odul-filtre button{padding:8px 10px}
}