.calcufacil-metal_roof_cost.calcufacil-container{max-width:780px;margin:25px auto;background:#fdfdfd;padding:25px;border-radius:10px;box-shadow:0 4px 15px rgb(0 0 0 / .08);display:flex;flex-direction:row;flex-wrap:wrap;gap:30px;font-family:'Arial',sans-serif;border:1px solid #FFC107;box-sizing:border-box}.calcufacil-metal_roof_cost.calcufacil-container *,.calcufacil-metal_roof_cost.calcufacil-container *::before,.calcufacil-metal_roof_cost.calcufacil-container *::after{box-sizing:border-box}.calcufacil-metal_roof_cost h2{width:100%;text-align:center;color:#FF8F00;margin-top:0;margin-bottom:25px;font-size:1.6em}.calcufacil-metal_roof_cost h3{width:100%;text-align:center;color:#FFB300;margin-top:20px;margin-bottom:15px;font-size:1.2em;border-bottom:1px solid #FFECB3;padding-bottom:10px}.calcufacil-metal_roof_cost .calcufacil-left.calculator-form{flex:1;min-width:300px;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgb(0 0 0 / .05);border:1px solid #eee}.calcufacil-metal_roof_cost .calcufacil-right.results{flex:1;min-width:300px;background:#FFF8E1;padding:25px;border-radius:8px;border:1px solid #FFECB3;box-shadow:0 2px 8px rgb(0 0 0 / .05);display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.calcufacil-metal_roof_cost .input-group{margin-bottom:18px}.calcufacil-metal_roof_cost label{display:block;font-weight:700;color:#333;margin-bottom:8px;font-size:.95em}.calcufacil-metal_roof_cost input[type="text"],.calcufacil-metal_roof_cost input[type="number"],.calcufacil-metal_roof_cost select{width:100%;padding:10px 12px;border:1px solid #FFD54F;border-radius:5px;font-size:1em;background:#FFFDE7;font-family:sans-serif}.calcufacil-metal_roof_cost input[type="text"]:focus,.calcufacil-metal_roof_cost input[type="number"]:focus,.calcufacil-metal_roof_cost select:focus{border-color:#FFC107;box-shadow:0 0 0 2px rgb(255 193 7 / .2);outline:none}.calcufacil-metal_roof_cost .note{font-size:.8em;color:#666;margin-top:5px;line-height:1.4}.calcufacil-metal_roof_cost button{background-color:#FFC107;color:#333;padding:12px 25px;border:none;border-radius:5px;cursor:pointer;font-size:1em;width:100%;transition:background-color 0.3s ease;font-weight:700}.calcufacil-metal_roof_cost button:hover{background-color:#FFA000}.calcufacil-metal_roof_cost .results-header h2{color:#FFA000;margin-bottom:20px;font-size:1.4em}.calcufacil-metal_roof_cost .initial-message{text-align:center;color:#777;font-style:italic;padding:20px;background-color:#FFFDF0;border:1px dashed #FFE0B2;border-radius:5px;width:100%}.calcufacil-metal_roof_cost .calculation-summary{width:100%;text-align:center;margin-bottom:25px}.calcufacil-metal_roof_cost .calculation-desc{font-size:1.05em;color:#555;margin-bottom:15px}.calcufacil-metal_roof_cost .calculation-desc strong,.calcufacil-metal_roof_cost .calculation-desc b{font-weight:700;color:#E65100}.calcufacil-metal_roof_cost .main-result{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#FFECB3;padding:15px 20px;border-radius:8px;border:1px solid gold;font-size:1.1em;color:#E65100;margin-bottom:10px;width:100%}.calcufacil-metal_roof_cost .main-result.final-result{background-color:#FFB300;border-color:#E65100;color:#FFF;padding:20px 25px;font-size:1.3em;margin-top:15px}.calcufacil-metal_roof_cost .main-result span:first-child{font-weight:400;font-size:.85em;color:inherit}.calcufacil-metal_roof_cost .main-result span:last-child{font-size:1.7em;font-weight:700;margin-top:5px;color:inherit}.calcufacil-metal_roof_cost .errors{color:#D32F2F;background-color:#FFCDD2;border:1px solid #EF9A9A;padding:10px 15px;border-radius:4px;margin-top:15px;margin-bottom:15px;text-align:center;width:100%}.calcufacil-metal_roof_cost .errors ul{list-style:none;padding:0;margin:0}.calcufacil-metal_roof_cost .disclaimer-box{margin-top:20px;padding:15px;background-color:#FFFEE0;border:1px solid #FFECB3;border-left:5px solid #FFB300;border-radius:8px;font-size:.85em;color:#555;width:100%}.calcufacil-metal_roof_cost .disclaimer-box.critical h4{color:#B71C1C;font-size:1.1em;margin-top:0;margin-bottom:10px}.calcufacil-metal_roof_cost .disclaimer-box ul{list-style:disc;margin-left:20px;padding-left:0;line-height:1.6}.calcufacil-metal_roof_cost .disclaimer-box ul li strong,.calcufacil-metal_roof_cost .disclaimer-box ul li b{font-weight:700;color:#E65100}@media (max-width:768px){.calcufacil-metal_roof_cost.calcufacil-container{flex-direction:column;gap:20px;padding:15px}.calcufacil-metal_roof_cost .calcufacil-left.calculator-form,.calcufacil-metal_roof_cost .calcufacil-right.results{min-width:unset;width:100%}.calcufacil-metal_roof_cost h2{font-size:1.4em}.calcufacil-metal_roof_cost .results-header h2{font-size:1.25em}.calcufacil-metal_roof_cost .main-result.final-result{font-size:1.2em}.calcufacil-metal_roof_cost .main-result span:last-child{font-size:1.5em}}