/** SLIDERLAR **/
.main-slider-grid{
display:grid;
grid-template-columns:1fr;
gap:20px;
}

.main-slider-grid > *{
min-width:0;
}

@media (min-width: 1200px){
  .main-slider-grid{
    grid-template-columns:1fr 1fr;
  }
}

.main-slider-news{width:100%;}

.slider-title{
margin:0 0 10px 0;
padding:8px 10px;
font-size:0.95em;
font-weight:700;
letter-spacing:1px;
background:#f5f5f5;
color:#222;
}
.slider-title .slide-link{
color:#111;
text-decoration:none;
font-weight:800;
display:inline-block;
}

.kayan-container, #kayanc{
overflow:hidden;
position:relative;
height:300px;
margin:0;
width:100%;
}

/* Fallback: JS calismasa bile slider bozulmaz */
.kayan-ul, #kayan-ul{
position:relative;
display:flex;
overflow-x:auto;
margin:0;
padding:0;
list-style-type:none;
scroll-snap-type:x mandatory;
}

.kayanhucre-li{
position:relative;
height:300px;
min-width:100%;
flex:0 0 100%;
overflow:hidden;
scroll-snap-align:start;
}

/* JS hazir oldugunda klasik carousel moduna don */
.kayan-container.is-ready .kayan-ul,
#kayanc.is-ready #kayan-ul{
position:absolute;
display:block;
overflow:visible;
scroll-snap-type:none;
}

.kayan-container.is-ready .kayanhucre-li,
#kayanc.is-ready .kayanhucre-li{
float:left;
min-width:0;
flex:none;
}

.kayan-img{
height:100%;
display:block;
}

.kayanhucre-li img{
position:absolute;
margin:auto;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
height:100%;
object-fit:cover;
z-index:1;
}

.slideok{
position:absolute;
z-index:5;
top:50%;
transform:translateY(-50%);
background-color:#252525;
border-radius:50%;
display:none;
}

.kayan-container.is-ready .slideok,
#kayanc.is-ready .slideok{
display:block;
}

.slideok:hover{cursor:pointer;background-color:#252525;}
.slideok i {color:#fff;padding:10px;}

.solakayok, #solakayok{left:10px;}
.sagakayok, #sagakayok{right:10px;}

.slide-baslik-metin{
font-family:nunito-bold, sans-serif;
position:absolute;
z-index:2;
bottom:0%;
background:linear-gradient(to top, black, transparent);
font-size:1.5em;
padding:3%;
margin:0;
line-height:1.5em;
font-weight:700;
letter-spacing:4px;
text-align:center;
width:100%;
color:#fff;
text-shadow:0px 2px 2px rgba(0, 0, 0, 0.4);
}

.slide-baslik-metin .slide-link{color:#fff; text-decoration:none;}

@media (max-width: 768px){
 .kayan-container, #kayanc{height:260px;}
 .kayanhucre-li{height:260px;}
 .slide-baslik-metin{font-size:1.1em;letter-spacing:1px;}
}