/* Genel Ayarlar */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Arial', sans-serif;
    color: #333;
	background-color:#931b1b;
	
}


/* Top Header */
.top-header {
    width: 100%;
    height: 45px; /* Header yüksekliği */
    background-color: #3f2424; /* Koyu gri arka plan */
    display: flex;
    align-items: center; /* Dikey ortalama */
    justify-content: space-between; /* Sol ve sağ taraflar için boşluk oluştur */
    padding: 0px 0px 0px 10px ; /* Sol ve sağdan 20 piksel içeri kaydır */
	
}

.title-container {
    display: flex; /* Flexbox kullanarak içerik yerleşimi */
    align-items: center; /* Dikey ortalama */
	
}

.title {
    
    font-size: 0.7rem; /* Başlık boyutu */
    color: #fff; /* Yazı rengi */
	font-family: 'Poppins', sans-serif; /* Kanit fontunu kullan */
    font-weight: 400; /* Kalınlık ayarı medium (500) */
	
}

/* Sağdaki Logolar */
.right-logos {
    display: flex; /* Yan yana yerleştirmek için */
    gap: 10px; /* Logo arası boşluk */
}

.right-logo {
    height: 50px; /* Logoların yüksekliği */
    max-height: 48px; /* Maksimum yükseklik */
}

/* Menü Alanı */
.menu {
    width: 100%; /* Menü genişliği */
    height: 140px; /* Menü yüksekliği (top header yüksekliğinin 2 katı) */
    background-color: #931b1b; /* Koyu bordoya yakın kırmızı */
    display: flex; /* Flexbox kullanarak içerik yerleşimi */
    align-items: center; /* Dikey ortalama */
    padding: 0 20px; /* Sol ve sağdan 20 piksel içeri kaydır */
    justify-content: flex-start; /* Menüyü sola yasla */
	font-family: 'Poppins', sans-serif; /* Kanit fontunu kullan */
    font-weight: 700; /* Kalınlık ayarı medium (500) */
	font-size: 1.0rem; /* Başlık boyutu */
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
	
}

.logo-link {
    margin-right: 20px; /* Logonun sağından boşluk */
}

.menu-logo {
	margin-top:10px;
    height: 100%; /* Menüye sığacak şekilde yükseklik */
    max-height: 130px; /* Maksimum yükseklik */
	margin-left:-15px;
}

.menu-items {
    display: flex; /* Menü metinlerini yan yana yerleştirmek için */
    gap: 30px; /* Menü öğeleri arasındaki boşluk */
	
}

.menu-item {
    color: #fff; /* Metin rengi beyaz */
    text-decoration: none; /* Alt çizgiyi kaldır */
	font-family: 'Poppins', sans-serif; /* Kanit fontunu kullan */
    font-weight: 600; /* Kalınlık ayarı medium (500) */
	font-size: 0.9rem; /* Başlık boyutu */
}

.menu-item:hover {
    color: orange;
}

/* Hamburger Menüsü */
.hamburger {
    display: none; /* Varsayılan olarak gizli */
    font-size: 30px; /* Boyut */
    cursor: pointer; /* Fare imleci değişimi */
    color: white; /* Hamburger simgesi rengi beyaz */
    margin-left: auto; /* Hamburger menüyü sağa yasla */
}

/* Görsel Alanı */
.index-image-container {
    width: 100%; /* Genişlik %100 */
    height: 100%; /* Yükseklik 600 piksel */
    position: relative; /* Overlay konumlandırması için gerekli */
	
}
.index-image-container2 {
    width: 100%; /* Genişlik %100 */
    height: 100%; /* Yükseklik 600 piksel */
	margin-top:20px;
	 max-width: 1282px; /* Görselin maksimum genişliği */
	
   
	
}

.main-image {
    width: 100%; /* Genişlik %100 */
    height: 100%; /* Yükseklik %100 */
    object-fit: cover; /* Görselin kapsayıcı alana uygun bir şekilde yerleştirilmesi */
	margin-top:0px;
	max-height: 600px; /* Yükseklik 600px'i geçmez */

}
.main-image2 {
    width: 100%; /* Genişlik %100 */
    height: 100%; /* Yükseklik %100 */
    object-fit: cover; /* Görselin kapsayıcı alana uygun bir şekilde yerleştirilmesi */
	margin-top:0px;
	 max-width: 1282px; /* Görselin maksimum genişliği */
	

}


/* Overlay - Görselin üzerine saydam siyah katman */
.index-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(147, 27, 27, 1), rgba(0, 0, 0, 0));
    /* Alt kısımdan başlayarak yukarı doğru saydamlaşma */
    

    z-index: 1; /* Diğer katmanların üstünde görünmesi için */
}

.index-overlay-content {
    position: absolute; /* Overlay metni konumlandırması */
    top: 50%; /* Yükseklik ortalaması */
    left: 50%; /* Genişlik ortalaması */
    transform: translate(-50%, -50%); /* Gerçek ortalama */
    text-align: center; /* Metin ortalaması */
    color: white; /* Metin rengi beyaz */
    z-index: 2; /* Overlay'in üstünde görünmesi için */
}

.index-overlay-title {
   font-family: 'Poppins', sans-serif; /* Kanit fontunu kullan */
    font-weight: 700; /* Kalınlık ayarı medium (500) */
	font-size: 4.0rem; /* Başlık boyutu */
}

.index-overlay-text {
    font-family: 'Poppins', sans-serif; /* Kanit fontunu kullan */
    font-size: 1.2rem; /* Metin boyutu */
}

/* İçerik Bölümü */
.content-section {
    padding: 60px 20px;
    text-align: center;
}

.content-section h1 {
    font-family: 'Poppins', sans-serif; /* Kanit fontunu kullan */
    font-size: 2.5rem; /* Başlık boyutu */
    font-weight: 500; /* Kalınlık ayarı medium (500) */
    margin-bottom: 20px; /* Alt boşluk */
}

/* Footer */
footer {
    text-align: center; /* Metin ortalaması */
    padding: 20px; /* İç boşluk */
    background-color: #f1f1f1; /* Arka plan rengi */
}

/* Responsive Ayarlar */
@media (max-width: 768px) {
    .menu-items {
        display: none; /* Menü metinlerini gizle */
    }
	

	
	

    .hamburger {
        display: block; /* Hamburger menüyü göster */
    }

    .menu.active .menu-items {
        display: flex; /* Hamburger açıldığında menü metinlerini göster */
        flex-direction: column; /* Dikey sıralama */
        align-items: flex-end; /* Soldan hizala */
        position: absolute; /* Pozisyonlama */
        top: 180px; /* Menü alanının altından başlaması için */
        right: 0; /* Sağda başlaması için */
        background-color: #931b1b; /* Koyu bordoya yakın kırmızı */
        width: 100%; /* Genişlik %100 */
        padding: 20px; /* İç boşluk */
        z-index: 10; /* Diğer katmanların üstünde görünmesi için */
    }

    .menu-item {
        padding: 0px; /* Menü öğeleri için dikey boşluk */
    }
}
/* Main Ticket Alanı */
/* Main Ticket Alanı */
.main-ticket {
    width: 100%; /* Genişlik %100 */
    height: auto; /* Yükseklik 300 piksel */
    background-color: #E67E22; /* Soft koyu turuncu rengi */
    padding: 30px 35px; /* Üst ve alt padding */
    color: white; /* Metin rengi beyaz */
    text-align: left; /* Soldan hizalı */
    position: relative; /* Logo konumlandırma için relative */
    transition: background-color 0.8s ease; /* Geçiş animasyonu */
	
	
}




/* Ticket Logoları Alanı */
.ticket-logos {
    position: relative;
    padding:0px 60px;
	
    
	
}

.ticket-logo {
    width: 60px; /* Logo genişliği */
    height: 60px; /* Logo yüksekliği */
    margin-left: 10px; /* Logolar arasında boşluk */
	
}


.main-ticket-title {
    font-size: 75px; /* Başlık boyutu */
    
	font-family: 'Poppins', sans-serif; /* Kanit fontunu kullan */
	font-weight: 600;
	
	line-height:80px;
	
	
}

.title-line {
    width: 90%; /* Çizgi genişliği %100 */
    height: 5px; /* Çizgi boyu başlık boyutuyla aynı */
    border: none; /* Varsayılan sınırları kaldır */
    border-top: 10px solid white; /* Üst sınır çizgisi beyaz */
	border-radius: 5px;
    margin: 0; /* Kenar boşluğu sıfır */
	font-family: 'Poppins', sans-serif; /* Kanit fontunu kullan */
	
	margin-top: 45px;
	
}

.main-ticket-description {
    font-size: 15px; /* Açıklama metni boyutu */
  
	font-family: 'Poppins', sans-serif; /* Kanit fontunu kullan */
	
	width: 80%;
	
}

.description-line {
    width: 50%; /* Çizgi genişliği %100 */
   
    border: none; /* Varsayılan sınırları kaldır */
    border-top: 1px solid white; /* Üst sınır çizgisi beyaz */
    margin: 25px 0; /* Yukarıdan ve aşağıdan kenar boşluğu */
	font-family: 'Poppins', sans-serif; /* Kanit fontunu kullan */
	
}

/* Ticket Logoları Alanı */
.ticket-logos {
 
    
    right: 30px; /* Sağdan hizalama */
	
}

.ticket-logo {
    width: 80px; /* Logo genişliği */
    height: 80px; /* Logo yüksekliği */
    margin-left: 10px; /* Logolar arasında boşluk */
}


/* Matches Alanı */
.matches {
    width: 100%; /* Genişlik %100 */
    background-color: #931b1b; /* Açık gri arkaplan */
	padding: 70px 35px;
    box-sizing: border-box;
	
}

/* Maçlar Başlığı */
.matches-title {
    font-size: 28px;
    font-family: 'Poppins', sans-serif; /* Kanit fontunu kullan */
    color: black;
    margin-bottom: 20px; /* Başlık altındaki mesafe */
    text-align: left;
}

/* Maçlar İçeriği (7-8 tane maç yatay şekilde dizilecek) */
.matches-content {
    display: flex;
    gap: 15px; /* Maçlar arası boşluk */
    flex-wrap: wrap; /* İçerik taşıyorsa alt satıra geçirir */
	
}

/* Maç İçeriği */
.match-item {
    width: 575px;
    height: auto;
    background-color: white;
    padding: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
	border-radius:15px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 2px 10px 0 rgba(0, 0, 0, 0.19);
}

/* Maç Logosunun Stili */
.match-logo img {
    width: 130px; /* Logo genişliği maç itemine göre ayarlanır */
	
	
}

/* Maç Bilgisi */

.stadium-name-main {
  
    text-align:center;
    
    width: 100%;

  
 
	
}
.stadium-name {
    text-align: center;
    font-size: 13px;
    color: #333;
      font-family: 'Poppins', sans-serif; /* Kanit fontunu kullan */
  font-weight:400;
  
 
	
}
.team1{
	
	padding:0px;
	
	
	
}

.team-logo {
    width: 100px; /* Takım logosu genişliği */
	height:140px;
	object-fit: cover;
	
	padding-top:20px;
	
	
}
.team-logo2 {
    width: 100px; /* Takım logosu genişliği */
	height:140px;
	object-fit: cover;
	
	
	
}
.team-name {
   
    font-size: 13px;
    color: #333;
      font-family: 'Poppins', sans-serif; /* Kanit fontunu kullan */
  font-weight:600;
	height:40px;
  text-align: center;


	
}

.match-classman {
    text-align: center;
    font-size: 12px;
    color: #333;
      font-family: 'Poppins', sans-serif; /* Kanit fontunu kullan */
  font-weight:600;
  margin-top:-5px;
	
}

/* Skor ve Takımlar Bölümü */
.match-score {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
	
	
}

@media (max-width: 768px) {
.matches{display:none;}
.main-ticket {margin-top:100px;}
}
	


@media (max-width: 480px) {
.main-ticket {margin-top:100px;}
.matches{display:none;}

}





.score-box-main{
 
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
	
	padding:0px 50px;
	
}

.score-box1 {
  font-family: 'Poppins', sans-serif; /* Kanit fontunu kullan */
  font-weight:700;
  
    color: black;
    padding: 5px;
    font-size: 50px;
    text-align: center;
    width: auto;
    height: auto;
	
	
}
.score-box-middle {
  font-family: 'Poppins', sans-serif; /* Kanit fontunu kullan */
  font-weight:400;
  
    color: black;
    padding: 0px 50px;
    font-size: 14px;
    text-align: center;
    width: auto;
    height: auto;
	
	
}
.score-box2 {
  font-family: 'Poppins', sans-serif; /* Kanit fontunu kullan */
  font-weight:700;
  
    color: black;
    padding: 5px;
    font-size: 50px;
    text-align: center;
    width: auto;
    height: auto;

	
}

/* Takım İsimleri */
.match-link {
    text-align: center;
    font-size: 19px;
    color: #333;
    margin-top: 40px; /* Üstten biraz boşluk */
	font-family: 'Poppins', sans-serif; /* Kanit fontunu kullan */
  font-weight:700;
 
   align-items: center;
    justify-content: space-between;
    width: 100%;
  
}
.match-link a {
    text-align: center;
    font-size: 19px;
    color: #333;
    margin-top: 40px; /* Üstten biraz boşluk */
	font-family: 'Poppins', sans-serif; /* Kanit fontunu kullan */
  font-weight:700;
  text-decoration:none;
}

/* Footer */
.footer {
    width: 100%;
    background-color: #3f2424; /* Top Header ile aynı arka plan rengi */
    padding: 30px 0; /* Üst ve alt boşluk */
    color: white; /* Metin rengi beyaz */
    text-align: center; /* İçerik ortalanmış */
	margin-top:100px;
}

/* Sponsor Logoları */
.footer-sponsors {
    display: flex;
    justify-content: center; /* Logoları ortala */
    gap: 150px; /* Logolar arası boşluk */
    margin-bottom: 30px; /* Alt boşluk */
	
}

.footer-logo {
    height: 100px; /* Logoların yüksekliği */
    width: auto;
}

/* Çizgi */
.footer-divider {
    width: 100%;
    border: 0;
    height: 1px;
    background-color: white; /* Çizgi beyaz */
    margin-bottom: 20px;
}

/* Alt Bölüm Linkleri */
.footer-links {
    display: flex;
    justify-content: center; /* Linkleri ortala */
    gap: 40px; /* Linkler arası boşluk */
}

.footer-link {
    color: white; /* Link rengi beyaz */
    text-decoration: none; /* Alt çizgi yok */
    font-size: 14px;
    font-family: 'Poppins', sans-serif; /* Kanit fontunu kullan */
}

.footer-link:hover {
    text-decoration: underline; /* Hover durumunda alt çizgi ekle */
}

/* Responsive Ayarlar */
@media (max-width: 768px) {
    .footer-logo {
        height: 70px; /* Orta boyutlu ekranlarda logolar küçültüldü */
		gap: 20px; /* Logolar arası boşluk */
    }
	
	

	.footer-sponsors {
    gap: 20px; /* Logolar arası boşluk */
	
    
}

    .footer-link {
        font-size: 12px; /* Küçük ekranlarda linklerin font boyutu küçültüldü */
    }

	
}

@media (max-width: 480px) {
    .footer-logo {
        height: 70px; /* Küçük ekranlarda logolar daha fazla küçültüldü */
		gap: 20px; /* Logolar arası boşluk */
		}
		
		.title {
    
    max-width:180px;
	
}
		
.footer-sponsors {
    gap: 10px; /* Logolar arası boşluk */
    
}

    .footer-link {
        font-size: 10px; /* Daha küçük ekranlarda linklerin font boyutu küçültüldü */
    }
}

		

	



/* Alt Bölüm: Metin Alanı */
.footer-text {
    color: white;
    font-size: 14px;
    font-family: 'Poppins', sans-serif; /* Kanit fontunu kullan */
	
}	
/* Haberler Alanı */
.news-section {
    width: 100%;
    background-color: #931b1b; /* Gri arka plan */
    
	padding-left:35px;
	margin-bottom:-50px;
	
	
}

.news-title {
    font-size: 45px;
    font-family: 'Poppins', sans-serif; /* Kanit fontunu kullan */
    color: white;
    text-align: left;
    margin-bottom: 10px;
	letter-spacing: -1px;
	margin-top:10px;
	
	
}
.news-title2 {
    font-size: 28px;
    font-family: 'Poppins', sans-serif; /* Kanit fontunu kullan */
    color: black;
    text-align: left;
	margin-left:10px;
	
}

/* News Container (Haberleri yan yana sıralamak için Flexbox kullanıldı) */
.news-container {
    display: flex;
    flex-wrap: wrap; /* Ekran küçükse alt satıra geç */
    gap: 15px; /* Haberler arasındaki boşluk */
    justify-content: flex-start; /* Haberleri sola yasla */
	
	
	
}

/* Haber Kartı */
.news-item-link {
    text-decoration: none; /* Linkin alt çizgisini kaldır */
}

.news-item {
    width: 345px;
    height: 400px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    transition: all 0.3s ease;

}

/* Görsel Alanı */
.news-image-container {
    width: 345px;
    height: 400px;
    overflow: hidden; /* Taşan görseli gizle */
    transition: all 0.3s ease;
	border-radius:15px 15px 15px 15px;
	
	
}

.news-image {
    width: 100%;
    height: 100%;
    transition: transform 0.3s ease;
	object-fit: cover;
}

.news-item:hover .news-image {
    transform: scale(1.1); /* Hover'da görseli büyüt */
}

/* Haber Başlık Alanı */
.news-info {
    height: 290px;
	width:345px;
    background-color: transparent; /* Başlangıçta arka plan yok */
    display: flex;
    flex-direction: column;
    align-items: left;
    justify-content: top;
    transition: background-color 0.3s ease;
	padding-top:200px;
	padding-left:5px;
	position:absolute;
	margin-top:110px;
	background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
	border-radius:15px 15px 15px 15px;
	
	
}
.a {
   text-decoration:none;

	
}

.news-heading {
    font-size: 20px;
    color: white; /* Bordo yazı rengi */
    text-align: left;
    margin: 0 10px;
	font-family: 'Poppins', sans-serif; /* Kanit fontunu kullan */
	font-weight: 800;
	line-height:25px;
}
.news-heading-desc {
    font-size: 12px;
    color: white; /* Bordo yazı rengi */
    text-align: left;
    margin: 0 10px;
	font-family: 'Poppins', sans-serif; /* Kanit fontunu kullan */
	font-weight: 500;
	margin-bottom:5px;
	
}



.news-item:hover .news-heading {
    color: white; /* Hover'da yazı rengi beyaz */
}
.news-item:hover .news-heading-desc {
    color: white; /* Hover'da yazı rengi beyaz */
}

/* Haber Kartının tamamı tıklanabilir hale gelir */
.news-item-link:hover .news-item {
    cursor: pointer;
}

/* Responsive Ayarlar */


@media (max-width: 480px) {
    .news-item {
        width: 100%; /* Mobil ekranlarda tam genişlikte olacak */
    }
	
	
	.news-detail-image-more img {
    display:none;
	
}
}

/* Haber Detay Alanı */
.news-detail {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
	
	
}

/* Flexbox Yapısı - Geniş ekranda görsel ve metin yan yana */
.news-detail-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

/* Görsel Alanı */
.news-detail-image {
    width:450px;
	
}

.news-detail-image img {
    width: 100%;
    height: auto;
    object-fit: cover; /* Görsel alanı tam doldur */
   
	margin-top:20px;
	border-radius:25px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
	
}


/* Metin Alanı */
.news-detail-text {
    width: 58%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
	margin-top:20px;
	
}

.news-meta {
    font-size: 13px;
    color: orange;
    text-align: left;
    margin-bottom: 10px;
    font-family: 'Poppins', sans-serif; /* Kanit fontunu kullan */
}

.news-detail-title {
    font-size: 32px;
    color: white;
    margin-bottom: 20px;
    font-family: 'Poppins', sans-serif; /* Kanit fontunu kullan */
    font-weight: 600; /* Başlık için daha kalın font */
	line-height:35px;
}

/* İçerik Alanı */
.news-detail-content {
    font-family: 'Poppins', sans-serif; /* Kanit fontunu kullan */
    font-weight: 300; /* Soft ve ince font */
    font-size: 14px;
    line-height: 1.5;
    color: white;
}

.news-question-bg {
   background-color:brown;
  
   width:%100;
   height:%100;
   padding:20px;
   border-radius:25px;
   margin: 30px 0px;
}

.news-question-title {
    font-family: 'Poppins', sans-serif; /* Kanit fontunu kullan */
    font-weight: 500; /* Soft ve ince font */
    font-size: 14px;
    line-height: 1.5;
    color: orange;
	background-color:brown;
}
.news-question-answer {
    font-family: 'Poppins', sans-serif; /* Kanit fontunu kullan */
    font-weight: 300; /* Soft ve ince font */
    font-size: 14px;
    line-height: 1.5;
    color: white;
	
}
.news-question-line {
    border:1px dotted;
	height:2px;
	width:20%;
	margin:20px 0px 50px 0px;
	opacity:50%;
	border-radius:20px;
	margin:0 auto;
}







.news-detail-content p {
    margin-bottom: 20px;
}

/* Responsive Ayarlar */
@media (max-width: 768px) {
    .news-detail-flex {
        flex-direction: column;
    }

    .news-detail-image, .news-detail-text {
        width: 100%;
    }
	
	    .player-card {
        flex-direction: column;
    }

    .player-images, .player-info {
        width: 100%;
    }
	
	
}
/* Oyuncular Künyeleri */


/* Oyuncular Künyeleri */
.players-section {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 20px;
	 width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    
	
}

/* Futbolcu Kartı */
.player-card {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding-bottom:20px;
    border-bottom: 1px solid #ddd;
	
}

.player-images {
    display: flex;
    gap: 10px; /* Görseller arası boşluk */

	
}

.player-image {
    width: 92px;
    height: 123px;
    object-fit: cover; /* Görsel tam boyutta kesilir */
}

/* Görselin üzerine gelince çıkacak katman */
.image-container {
    position: relative;
    width: 92px;
    height: 123px;
	
	
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* %50 opacity siyah katman */
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0; /* Katman başlangıçta görünmez */
    transition: opacity 0.3s ease; /* Yumuşak geçiş */
}

.image-container:hover .overlay {
    opacity: 1; /* Hover sırasında katman görünür */
}

.player-number {
    color: white;
    font-size: 54px;
    font-family: 'Poppins', sans-serif; /* Kanit fontunu kullan */
    font-weight: 600; /* Soft ve ince font */
}

/* Futbolcu Bilgileri */
.player-info {
    display: flex;
    flex-direction: column;
	font-family: 'Poppins', sans-serif; /* Kanit fontunu kullan */
    font-weight: 400; /* Başlık için daha kalın font */
	color:white;
	margin-top:-5px;
	
	
	
	
	
}

.player-name {
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 5px;
	font-family: 'Poppins', sans-serif; /* Kanit fontunu kullan */
    font-weight: 600; /* Başlık için daha kalın font */
	color:white;
	
}

.player-details {
    font-size: 14px;
    font-weight: 300; /* Soft ve hafif yazı stili */
    margin-bottom: 10px;
    font-family: 'Poppins', sans-serif; /* Kanit fontunu kullan */
    font-weight: 400; /* Başlık için daha kalın font */
	color:orange;
}

.player-bio {
    font-size: 14px;
   
    line-height: 1.5;
	font-family: 'Poppins', sans-serif; /* Kanit fontunu kullan */
    font-weight: 300; /* Başlık için daha kalın font */
	color:white;
}


/* Ürün Kartları */
.products-section {

	 display: flex;
    flex-wrap: wrap;
    gap: 25px;
   width:1440px;

	
	
}
.products-section2 {

	
	 display: flex;
    flex-wrap: wrap;
    gap: 25px;
    justify-content: center; /* Ürünleri yatayda ortalar */
	margin-top:20px;

	
	
		
	
	
}

.product-card {
    background-color: white;
    
    border-radius: 25px;
	
    width: 462px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}
.product-card-slide {
    background-color: white;
   
    border-radius: 25px;
	height:210px;
    width: 1440px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
	
}

}
.product-slider-image {
    position: relative;
    text-align: center;
}

/* Ürün Görselleri Slider */
.product-slider {
    position: relative;
    text-align: center;
}


.product-image {
    width: 462px;
    height: 300px;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.5s ease-in-out; /* Yumuşak geçiş */
	border-radius: 25px 25px 0px 0px;
}


.product-image.active {
    opacity: 1; /* Aktif resim görünür */
    position: relative;
}
.product-image2 {
    width: 1440px;
    height: 210px;
    object-fit: cover;
    
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.5s ease-in-out; /* Yumuşak geçiş */
	border-radius: 10px;
}

@media (max-width: 480px) {
  .product-image2 {
    width: 100%;
    height: 110px;
    object-fit: cover;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	border:1px solid #a17a7a;
}

.product-card{
	width: 90%;
	margin-left:20px;

}

.product-image {
   width: 100%;
}


}



.product-image2.active {
    opacity: 1; /* Aktif resim görünür */
    position: relative;
}



/* Slider Butonları */
.prev-slide, .next-slide {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    font-size: 14px;
    border: none;
    padding: 10px;
    cursor: pointer;
    z-index: 10;
    transition: background-color 0.3s ease;
}

.prev-slide {
    left: 10px;
	border-radius:32px;
}

.next-slide {
    right: 10px;
	border-radius:32px;
}

.prev-slide:hover, .next-slide:hover {
    background-color: rgba(0, 0, 0, 0.9);
	border-radius:32px;
}

/* Ürün Bilgileri */
.product-info {
  
 
	padding:10px;
	
}

.product-name {
    font-size: 20px;
    margin-bottom: 10px;
    color: #333;
	font-family: 'Poppins', sans-serif; /* Kanit fontunu kullan */
    font-weight: light;
	  text-align: center;
	  line-height:20px;
}

.product-price {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #27ae60;
	font-family: 'Poppins', sans-serif; /* Kanit fontunu kullan */
    font-weight: light;
	text-align: center;
}

.product-description {
    font-size: 14px;
    margin-bottom: 20px;
    color: #555;
    line-height: 1.4;
	text-align: center;
	
    
}

.buy-button {
    
    
    color: orange;
    border: 1px solid orange;
    padding: 5px 10px;
    font-size: 16px;
    border-radius: 5px 5px 16px 16px;
    cursor: pointer;
	width:auto;
	margin-left:auto;
	margin-right:auto;
   font-family: 'Poppins', sans-serif; /* Kanit fontunu kullan */
   text-align:center;
	
	
}

.buy-button:hover {
    background-color: orange;
	color:white;
	
}

/* Responsive Ayarlar */




/* Sayfa Konteyneri */


/* Reklam Alanı */
.ad-container-456 {
    width: 150px;
    height: 600px;
    margin-right: 20px;
	display: flex;
   
}

.ad-image-456 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	display: flex;
    
}

.fikstur-page{

max-width: 1740px;
margin: 0 auto;
display: flex;


}
.fikstur-page-head{

max-width: 1740px;
margin: 0 auto;
padding:30px 0px;

}


/* Sonuç Yuvarlakları */
.result-icon-123 {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
	margin-right:10px;
	border:1px solid #b3b3b3;
}

/* Renkler */
.result-red-123 {
    background-color: red;
}

.result-green-123 {
    background-color: green;
}

.result-grey-123 {
    background-color: #b8b8b8;
}
.result-yellow-123 {
    background-color: yellow;
}








/* Fikstür Tablosu */
.fixture-table-123 {
    width: 100%;
    max-width: 1550px;
    margin: 0 auto;
	
}


.fixture-row-123 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    padding: 5px 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: background-color 0.3s ease;
    height: 55px;
	
	
	
}

.fixture-row-past {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #8d5c5c;
    padding: 5px 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: background-color 0.3s ease;
    height: 55px;
	border:1px solid #ae7979;
	color:white;
	
	
}

/* Satır üzerine gelindiğinde arka plan değişir */
.fixture-row-123:hover {
    background-color: #ffd6be;
	
}
.fixture-row-past:hover {
    background-color: #774646;
}

/* Tıklanabilir satır */
.fixture-row-123 span {
   
    
   
}
.bilgilendirme {
    
	font-family: 'Poppins', sans-serif; /* Kanit fontunu kullan */
font-weight: 300;

font-size:12px;
text-align: left;
color:white;
padding:15px 0px;
}


.match-date-123{
    
	font-family: 'Poppins', sans-serif; /* Kanit fontunu kullan */
font-weight: 400;
width:165px;
font-size:13px;
text-align: left;

}

.stadium-name-123{
    
	font-family: 'Poppins', sans-serif; /* Kanit fontunu kullan */
font-weight: 400;
width:170px;
font-size:13px;
text-align: center;
}


.tournament-type-123 {
    
	font-family: 'Poppins', sans-serif; /* Kanit fontunu kullan */
font-weight: 400;
width:190px;
font-size:13px;
text-align: right;
}
.match-time-123{
	
	font-family: 'Poppins', sans-serif; /* Kanit fontunu kullan */
font-weight: 600;
width:35px;
font-size:15px;
text-align: center;
	
	
	
	
	}
.team-name-left {
    width: 150px; /* Takım adı genişliği */
		font-family: 'Poppins', sans-serif; /* Kanit fontunu kullan */
font-weight: 500;

font-size:13px;
text-align: right;
}
.team-name-right {
    width: 150px; /* Takım adı genişliği */
		font-family: 'Poppins', sans-serif; /* Kanit fontunu kullan */
font-weight: 500;

font-size:13px;
text-align: left;
}

.team-logo-123 {
    width: 50px;
    height: 50px;
    margin: 0 10px;
	
}
.team-logo-1234 {
    width: 40px;
    height: 50px;
    margin: 0 15px;
	
}

/* Responsive Düzen */
@media (max-width: 1024px) {
    .result-icon-123, .stadium-name-123, .ad-container-456 {
    display:none;
	
	}
	
		.fikstur-page-head {
   padding:20px;
   
	
   
}
.bilgilendirme{
	padding:5px 30px;
	
}
.fixture-row-past, .fixture-row-123  {
    
	margin:0 auto;
	margin-bottom:10px;
    height: 100px;
	width:95%;
	padding: 0px 10px;
	
	
}




}




@media (max-width: 768px) {
    .result-icon-123, .stadium-name-123, .ad-container-456, .team-logo-123, .team-logo-1234 {
    display:none;
	
	}
	
	.fixture-row-past, .fixture-row-123  {
    
	margin:0 auto;
	margin-bottom:10px;
    height: 100px;
	width:95%;
	padding: 0px 10px;
	
	
}
}

@media (max-width: 480px) {
    /* Daha küçük ekranlar için metinlerin kısaltılması */
   
   .fixture-row-past, .fixture-row-123  {
    
	margin:0 auto;
	margin-bottom:10px;
    height: 100px;
	width:95%;
	padding: 0px 10px;
	
	
}
.result-icon-123, .stadium-name-123, .ad-container-456, .team-logo-123 {
    display:none;
	
	}
	
	.match-date-123 {
        font-size: 12px;
        width: 80px;
		overflow: hidden;
		text-overflow: ellipsis;




    }

    .team-name-123 {
        font-size: 12px;
        width: 100px;
		
    }

    .match-time-123 {
        font-size: 12px;
        width: 100px;
    }

    .tournament-type-123 {
        font-size: 12px;
        width: 70px;
    }
	
	
	
	 

	.fikstur-page-head {
   padding:20px;
   
	
   
}
.bilgilendirme{
	padding:5px 10px;
	
}
}