.roof-estimator-widget {max-width:500px;margin:0 auto;padding:20px;border:1px solid #ddd;border-radius:8px;background:#fff;}
.re-progress-bar {height:8px;background:#eee;border-radius:4px;overflow:hidden;margin-bottom:20px;}
.re-progress-fill {height:100%;width:0;background:#6a0dad;transition:width .4s ease;}
.re-step {display:none;} .re-step.active, .re-step:first-child {display:block;}
.re-option {display:block;width:80%;margin:10px auto;padding:12px;border:2px solid #6a0dad;border-radius:5px;background:#fff;cursor:pointer;text-align:center;}
.re-option:hover {background:#f7ecff;}
.re-next {display:block;margin:10px auto;padding:10px 20px;background:#6a0dad;color:#fff;border:none;border-radius:5px;cursor:pointer;}
.re-next:hover {background:#5c0eb2;}
.re-result-step {text-align:center;}
.re-estimate-value {font-size:1.5em;font-weight:bold;margin:20px 0;}