<[OZELLIK]><[ACIKLAMA]>/* 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; }}<[TARIF]><[SURELER]>
