input[type=radio]{pointer-events:none;position:absolute;opacity:0}.oda-button,.rulo-button{padding:10px;border:1px solid #005a87;color:#fff;background-color:#c1c1c1;border-radius:4px;cursor:pointer;display:inline-block}.oda-button:hover,.rulo-button:hover{background-color:#005a87}input[type=radio]:checked+label.oda-button,input[type=radio]:checked+label.rulo-button{border:2px solid #ffd89b;background-color:#d93}.hesaplama-container{padding:20px;border:1px solid #ddd;background-color:#f9f9f9;margin:0 auto 20px;border-radius:8px;font-family:sans-serif}.input-group{flex-wrap:wrap;margin-top:15px;display:flex}.input-group label{font-size:1.1em;min-width:130px}.range-group{font-size:1.5em;flex-direction:column-reverse;width:100%;display:flex}.range-group output{border:2px solid #ffd89b;margin-right:4px;color:#fff;min-width:80px;text-align:center;background-color:#d93;border-radius:4px}input[type=range]{margin-left:10px;width:100%}.detaylar-container{padding:20px;border:1px solid #ddd;margin-top:10px}.rulo-boyu-container{padding:10px;border:1px solid #ddd;background-color:#f1f1f1;border-radius:4px;margin-top:20px}.rulo-boyu-container h4{font-size:1.2em;margin-bottom:10px}.toplam-gorunum{padding:15px;border:1px solid #ccc;background-color:#f4f4f4;border-radius:8px;margin-top:20px}.toplam-gorunum p{font-size:1.2em;font-weight:700;margin:5px 0}.fiyatlar-container{padding:15px;margin-right:auto;max-width:400px;background-color:#f9f9f9;box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:10px;margin-left:auto;margin-top:20px;font-family:sans-serif}.fiyatlar-container h4{font-size:1.5em;font-weight:700;margin-bottom:20px;color:#333;text-align:center}.fiyat-item{justify-content:center;font-size:1.2em;margin-bottom:15px;display:flex}.fiyat-item .fiyat-baslik{font-weight:400;color:#555}.fiyat-item .fiyat-rakam{font-size:1.3em;font-weight:700;color:#000}.fiyat-item.toplam .fiyat-baslik{font-weight:700;color:#222}.fiyat-item.toplam .fiyat-rakam{font-size:1.5em;color:#53b85f}.rulo-aciklama{padding:10px;font-size:.9em;border:1px solid #ddd;background-color:#f9f9f9;border-radius:4px;margin-top:10px}.rulo-aciklama p{margin:0 0 10px}.rulo-aciklama button{padding:5px 10px;border:none;color:#fff;background-color:#d93;border-radius:3px;cursor:pointer}.rulo-aciklama button:hover{background-color:#c47b2b}