/* Karusel yüksekliğini ve genişliğini ayarlayın */

.carousel {
    width: 100%; /* Karuselin tam genişlikte olmasını sağlar */
    height: 100%; /* Karuselin tam yükseklikte olmasını sağlar */
    max-width: 600px; /* Maksimum genişlik sınırı */
    max-height: 700px; /* Maksimum yükseklik sınırı */
    margin: 0 auto; /* Merkezi hizalama */
}

.collapse a{
    font-size: 18px;
    margin-left: 25px;
}

/* Resimlerin yüksekliği ve kapsayıcıya uyumlu olması */
.carousel-inner img {
    width: 100%;
    height: 600px; /* Karusel yüksekliğine uyum sağlamak için %100 */
    object-fit: cover; /* Resimlerin kapsayıcıya uyacak şekilde kırpılması */
}

/* Karusel içindeki öğeler için padding */
.carousel-inner {
    padding: 15px; /* Slider etrafında boşluk */
}

/* Ana container'ın düzeni */
.abbb {
    display: flex;
    height: auto; /* Sayfanın yüksekliği kadar */
    align-items: center; /* Yükseklik boyunca ortalamak için */
    justify-content: center; /* Yatay olarak ortalamak için */
}

/* Ürün açıklamalarının düzeni */
.product-description {
    text-align: center;
    margin-left: 100px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center; /* İçeriği ortalamak için */
    height: 100%; /* Yüksekliği tam olarak kullanır */
}



/* Flex düzenlemeleri için karusel ve açıklama alanlarının hizalanması */
.col-md-6 {
    padding: 0; /* Sütunlar arasındaki boşlukları kaldırır */
}

.list-unstyled li{
    margin-top: 12px;
}

a.hover-underline{
    text-decoration: none;
}

a.hover-underline:hover{
    text-decoration: underline;
}

.aciklamalar{
    list-style-type: none; /* Sırasız işaretleri kaldırır */
    padding: 0; /* Varsayılan padding'i kaldırır */
    margin: 0; /* Varsayılan margin'i kaldırır */
}

.aciklamalar li{
    margin-bottom: 10px; /* Liste öğeleri arasına boşluk ekler */
        padding-left: 20px; /* Liste öğelerine sola boşluk ekler */
        text-align: justify; /* Metin hizalamasını düzenler */
}

@media (max-width: 991px) {
    .footer {
        display: flex;
        justify-content: center; /* Yatay ortalama */
        align-items: center; /* Dikey ortalama (footer yüksekliğinde) */
        text-align: center; /* Metin ortalama */
    }
    .footer .list-unstyled li{
        display: flex;
        justify-content: center; /* Yatay ortalama */
        align-items: center; /* Dikey ortalama (footer yüksekliğinde) */
        text-align: center; /* Metin ortalama */
    }
    .abbb{
        display: block;
    }
    .product-img{
        width: 100%;
    }
    .product-description{
        width: 100%;
       margin: auto;
        
    }
}

