/* 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; } }