.sbnnr{position:relative;overflow:hidden;width:100%;max-width: 100%;}


/* UL listesi */
.sbnnr ul{list-style:none;display:flex;width:100%;transition:transform .6s cubic-bezier(.22,.9,.26,1)}
.sbnnr li{min-width:100%;position:relative;display:block}


/* Link tüm slaytı kapsasın */
.sbnnr .slide-link{display:block;height:0;padding-bottom:40%;position:relative}


/* Resim - genişlik %100 ve yüksekliği kapsasın */
.sbnnr .slide-link img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}


/* Başlık & açıklama overlay */
.sbnnr .caption{position:absolute;z-index:5;width: 100%;top: 490px;text-align: center;}
.sbnnr .caption h1{margin-bottom:6px;font: 55px / 17px EurostarRegularExtended;color: #fff;letter-spacing: 10px;/* text-transform: uppercase; */}
.sbnnr .caption p{color: #fff;padding: 30px 0;font-size: 40px;}


/* İleri/geri buttonlar */
.sbnnr .nav-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:rgba(0,0,0,.45);border:0;color:#fff;padding:10px 12px;border-radius:8px;cursor:pointer}
.sbnnr .nav-btn:active{transform:translateY(-50%) scale(.98)}
.sbnnr .nav-btn[aria-label]{box-shadow:0 6px 20px rgba(0,0,0,.35)}
.sbnnr .nav-prev{left:12px}
.sbnnr .nav-next{right:12px}
.sbnnr > ul > li > img{
    object-fit: cover;
    height: 759px;
    width: 100%;
}

/* Küçük ekranlar için caption düzenlemesi */
@media (max-width:768px){
.sbnnr .slide-link{padding-bottom:56%}
.sbnnr .caption{left:10px;right:10px;max-width:calc(100% - 20px);padding:10px}
.sbnnr .caption h1{font-size:1rem}
.sbnnr .caption p{font-size:.85rem}
.sbnnr .nav-btn{padding:8px 10px}
}


.sbnnr:focus-within ul{transition:none}


ul.beox {
      list-style: none;
      margin: 0;
      padding: 0;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 30px;
    }

    ul.beox li {
      position: relative;
      overflow: hidden;
      cursor: pointer;
      transition: transform 0.3s ease;
    }

    ul.beox li:hover {
      transform: translateY(-8px);
    }

.beox-foto a  img {
	width: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.4s ease;
}
.beox-img-1 > div > a > img{
    height: 460px;
}
.beox-img-2 > div > a > img{
    height: 332px;
}
.beox-img-3{
    margin-top: -128px;
}
.beox-img-3 > div > a >img{
    height: 460px;
}
.beox > li > h3{
    margin: 16px 0;
    padding: 0;
    font-size: 20px;
}
.beox > li > h3 > a{
    color: #222;
}
.beox > li > h3 > a:hover{
    color: #FFD700;
}
    @media (max-width: 992px) {
      ul.beox {
        grid-template-columns: repeat(2, 1fr);
      }
		.beox-img-1 > div > a > img{
			height: 332px;
		}
		.beox-img-2 > div > a > img{
			height: 332px;
		}
		.beox-img-3 > div > a > img{
			height: 332px;
			margin-top: 130px;
		}
    }

    @media (max-width: 600px) {
      ul.beox {
        grid-template-columns: 1fr;
      }
      ul.beox li img {
        height: 200px; 
      }
	  .beox-img-3 {
			margin-top: -150px;
		}
    }
.one-cikanlar ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.one-cikanlar li {
    flex: 1 1 calc(50% - 20px);
    box-sizing: border-box;
}

.one-img > a > img {
    width: 100%;
    display: block;
    object-fit: cover;
    height: 420px;
}

.one-cikanlar h3 {
    margin: 10px 0 0;
    font-size: 23px;
}

.one-cikanlar h3 a {
    text-decoration: none;
    color: #333;
    transition: color 0.3s;
}

.one-cikanlar h3 a:hover {
    color: #ffd700;
}

/* Mobil için */
@media (max-width: 768px) {
    .one-cikanlar li {
        flex: 1 1 100%;
    }
}
.blogs > a > img{
    object-fit: cover;
    height: 200px;
}
.urlx{
    color: #fff;
}
.urlx:hover{
    color: #FFD700 !important;
}
.social-box {
      border-radius: 10px;
    }
    .social-box p {
      font-size: 14px;
      margin-bottom: 15px;
      line-height: 1.4;
      color: #ccc;
    }

    .social-icons {
      display: flex;
      gap: 15px;
    }

    .social-icons a {
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      background: #333;
      color: #fff;
      text-decoration: none;
      font-size: 18px;
      transition: 0.3s;
    }

    .social-icons a:hover {
      background: #555;
    }