.acc {
            margin-bottom: 10px;
        }

        .acc-header {
            padding: 30px 40px 0 40px;
            
        }

        .acc-header .row {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .acc-title {
            font-size: 18px;
            font-weight: bold;
        }

        .acc-button button {
            background-color: transparent;
            border: none;
            cursor: pointer;
            font-size: 18px;
        }


        .acc-body {
            display: none;
            padding: 0 40px 0 40px;
            background-color: #fff;
        }

        .acc-footer {
            padding: 10px 15px;
        }

        .acc-footer .row {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .acc-footer-price {
            font-size: 18px;
            font-weight: bold;
        }

        .acc-footer-button {
            display: none; /* Başlangıçta gizli */
        }

        .radio-container {
display: inline-block;
position: relative;
margin-right: 10px;
}
.radio {
display: none; /* Gizle */
}
.radio-label {
color: #8b3eea;
padding: 2px 15px;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s;
border: 1px solid #8b3eea; /* Seçili olmadığı zaman */
font-size: 14px;
font-weight: 500;
}
.radio:checked + .radio-label {
background-color: #8b3eea; /* Seçili arka plan rengi */
border: 1px solid #8b3eea; /* Seçili kenar rengi */
color: #fff;
}

.scroll-container {
  width: 360px;
  height: 400px; /* Konteynerin yüksekliği */
  overflow-y: auto;  /* Yalnızca dikey kaydırma ekler */
}
/* Yükseklik 300px'ten küçükse kaydırma çubuğu görünmesin */
@media (max-height: 400px) {
  .scroll-container {
    overflow-y: hidden; /* Yükseklik küçükse kaydırma gizlenir */
  }