/* Genel stiller */
body {
font-family: sans-serif; /* Yazı tipini ayarlayın */
margin: 0;
padding: 0;
}

.product-text {
padding: 20px; /* İç boşluk ekleyin */
}

.text-original {
max-width: 800px; /* İçeriğin maksimum genişliğini ayarlayın */
margin: 0 auto; /* İçeriği ortalayın */
}

.fx-headline {
font-size: 2em; /* Başlık boyutunu ayarlayın */
font-weight: bold;
margin-bottom: 10px; /* Başlık ile liste arasına boşluk ekleyin */
}

.fx-list {
list-style-type: disc; /* Madde işaretlerini ayarlayın */
padding-left: 20px;
}

.fx-list__item {
margin-bottom: 10px; /* Madde aralarına boşluk ekleyin */
}

.badges {
display: flex; /* Yan yana sıralama için */
margin-bottom: 20px;
}

.badges__item {
margin-right: 10px; /* Rozetler arasına boşluk ekleyin */
}

.badges__visual {
display: inline-block; /* Sayıyı kutu içinde göstermek için */
width: 30px;
height: 30px;
background-color: #eee; /* Arka plan rengini ayarlayın */
border-radius: 50%; /* Yuvarlak şekil için */
text-align: center;
line-height: 30px;
margin-right: 5px;
}

.keyfeatures {
margin-bottom: 20px;
}

.keyfeature {
margin-bottom: 10px;
}

.keyfeature--grey-background {
background-color: #f5f5f5; /* Arka plan rengini ayarlayın */
padding: 10px;
}

.keyfeature__wrapper {
display: flex; /* Etiketi ve değeri yan yana göstermek için */
align-items: center; /* Dikey olarak ortalamak için */
}

.keyfeature__label {
margin-right: 10px;
}

.keyfeature--hidden {
display: none; /* Gizli özellikleri başlangıçta gizleyin */
}

.keyfeature--toggle-trigger {
cursor: pointer; /* Tıklanabilir olduğunu belirtmek için */
}

.fx-collapsible__trigger-icon-expanded,
.fx-collapsible__trigger-icon-closed {
width: 20px;
height: 20px;
margin-right: 5px;
}

.fx-collapsible__trigger-icon-closed {
display: none; /* Başlangıçta artı simgesini göster */
}

/* "Daha fazla göster/Daha az göster" metninin stilleri */
.fx-collapsible__trigger-label {
display: inline-block; /* Metnin kaymasını engellemek için */
}

/* Ek olarak, duyarlılık için medya sorguları ekleyebilirsiniz */
@media (max-width: 600px) {
.text-original {
padding: 10px;
}

.fx-headline {
font-size: 1.5em;
}

.badges {
flex-direction: column; /* Rozetleri alt alta sırala */
}

.badges__item {
margin-right: 0;
margin-bottom: 10px;
}
}