body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.cut-wizard-container{background:#fff;border-radius:12px;box-shadow:0 4px 24px #0000000f;color:#333;font-family:Exo\ 2,sans-serif;margin:0 auto;max-width:1200px;padding:40px;position:relative}.wizard-header{border-bottom:1px solid #eee;margin-bottom:30px}.wizard-tabs{display:flex;gap:30px}.wizard-tab-item{color:#999;cursor:pointer;font-size:14px;font-weight:600;padding-bottom:12px;position:relative;text-transform:uppercase;transition:color .2s ease;-webkit-user-select:none;user-select:none}.wizard-tab-item.active{color:#e29e3b}.wizard-tab-item.active:after{background-color:#e29e3b;bottom:-1px;content:"";height:2px;left:0;position:absolute;width:100%}.wizard-tab-item:hover{color:#e29e3b}.step-title{color:#2a3486;font-size:26px;font-weight:700;margin-bottom:10px;margin-top:0}.step-subtitle{color:#666;font-size:15px;line-height:1.5;margin-bottom:30px;max-width:600px}.wizard-card{background:#0000;margin-bottom:30px;padding:0}.input-label{color:#2a3486;display:block;font-size:16px;font-weight:700;margin-bottom:10px}.wizard-input-group{align-items:center;display:flex;gap:10px}.wizard-input{background:#fdfdfd;border:1px solid #ddd;border-radius:6px;color:#333;font-size:18px;font-weight:600;padding:12px;text-align:center;transition:border-color .2s;width:100px}.wizard-input:focus{background:#fff;border-color:#e29e3b;outline:none}.btn-next-step{align-items:center;background-color:#e29e3b;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:700;justify-content:center;padding:14px 32px;transition:background .2s,transform .1s}.btn-next-step:hover{background-color:#d6902a}.btn-next-step:active{transform:translateY(1px)}.btn-prev-step{background:#0000;border:1px solid #eee;border-radius:6px;color:#999;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-prev-step:hover{border-color:#2a3486;color:#2a3486}.btn-control{align-items:center;background:#fff;border:1px solid #eee;border-radius:6px;color:#2a3486;cursor:pointer;display:flex;font-size:20px;height:44px;justify-content:center;transition:all .2s;width:44px}.btn-control:hover{border-color:#e29e3b;color:#e29e3b}.wizard-summary-box{background:#f8f9fb;border-radius:8px;margin-bottom:24px;padding:20px}.summary-item{display:flex;font-size:15px;justify-content:space-between;margin-bottom:8px}.summary-value{color:#333;font-weight:700}@media (max-width:600px){.cut-wizard-container{border-radius:0;box-shadow:none;padding:20px}.wizard-tabs{overflow-x:auto;padding-bottom:0;white-space:nowrap}.wizard-input{width:80px}.step-title{font-size:20px}.footer-actions{flex-direction:column-reverse;gap:12px}.btn-next-step,.btn-prev-step{width:100%}}.counter-input-no-spin::-webkit-inner-spin-button,.counter-input-no-spin::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.counter-input-no-spin{-webkit-appearance:textfield;appearance:textfield}.custom-cuts-scroll{scrollbar-color:#e29e3b #f0f0f0;scrollbar-width:thin}.custom-cuts-scroll::-webkit-scrollbar{height:6px}.custom-cuts-scroll::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.custom-cuts-scroll::-webkit-scrollbar-thumb{background-color:#e29e3b;border-radius:3px}.quick-cut-btn{align-items:center!important;background-color:#fff!important;border:1px solid #e1e4e8!important;border-radius:8px!important;box-shadow:0 2px 4px #0000000d!important;color:#2a3486!important;cursor:pointer!important;display:inline-flex!important;font-size:15px!important;font-weight:600!important;justify-content:center!important;line-height:normal!important;margin-bottom:8px!important;margin-right:12px!important;padding:12px 24px!important;text-transform:none!important;transition:all .2s ease!important}.quick-cut-btn:hover{background-color:#f8f9fb!important;border-color:#2a3486!important;box-shadow:0 4px 12px #0000001a!important;color:#2a3486!important;transform:translateY(-2px)!important}.quick-cut-btn:active{box-shadow:0 2px 4px #0000000d!important;transform:translateY(0)!important}.quick-cut-btn.active{background-color:#2a3486!important;border-color:#2a3486!important;box-shadow:0 4px 12px #2a348633!important;color:#fff!important}.quick-cut-btn.active:hover{background-color:#1a2366!important;border-color:#1a2366!important;color:#fff!important}.quick-cut-btn.highlight-no-cut{background-color:#f4f6fb!important;border:1px solid #c7ceed!important;color:#2a3486!important;font-weight:700!important}.quick-cut-btn.highlight-no-cut:hover{background-color:#eef2ff!important;border-color:#2a3486!important}@keyframes tabSlideDownFade{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.tab-slide-down{animation:tabSlideDownFade .4s cubic-bezier(.25,1,.5,1) forwards}.quantity-wrapper{align-items:center;background-color:#f2f4f7;border:1px solid #e1e4e8;border-radius:12px;display:inline-flex;padding:4px;transition:border-color .2s}.qty-btn{align-items:center;background-color:#fff;border:none;border-radius:10px;box-shadow:0 2px 6px #0000000a;color:#2a3486;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:44px;justify-content:center;transition:all .2s ease;width:44px}.qty-btn:hover:not(:disabled){background-color:#f7f9fc;color:#1a2366}.qty-btn:active:not(:disabled){box-shadow:0 1px 3px #0000000a;transform:translateY(1px)}.qty-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.number-input__input{-webkit-appearance:textfield;appearance:textfield;background:#0000;border:none;color:#2a3486;font-size:20px;font-weight:700;margin:0 5px;outline:none;padding:0;text-align:center;width:60px}.number-input__input::-webkit-inner-spin-button,.number-input__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.scheme-card-body{background:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px;max-height:0;opacity:0;overflow:hidden;padding:0 20px!important;position:relative;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1),padding .4s cubic-bezier(.4,0,.2,1)}.scheme-card-body.expanded{max-height:2500px;opacity:1;padding:20px!important}.scheme-card{animation:fadeInScheme .4s cubic-bezier(.25,1,.5,1) both;border:1px solid #e1e4e8;transition:all .4s cubic-bezier(.4,0,.2,1)}@keyframes fadeInScheme{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.scheme-card.active{border-color:#aeb5e6!important;box-shadow:0 8px 24px #2a34861f!important;transform:translateY(-2px)}.scheme-card-header{background:#f8f9fb;transition:all .4s cubic-bezier(.4,0,.2,1)}.scheme-card-header.active{background:#eef2ff!important;border-bottom-color:#d8ddf2!important}.custom-btn-secondary{background-color:#fff;border:1px solid #2a3486;border-radius:4px;color:#2a3486;cursor:pointer;font-size:16px;font-weight:700;padding:12px 20px;transition:all .2s cubic-bezier(.4,0,.2,1)}.custom-btn-secondary:hover{background-color:#f0f3ff!important}.info-tooltip-container{align-items:center;color:#a4adc1;cursor:help;display:inline-flex;margin-left:6px;position:relative}.info-tooltip-container:hover{color:#2a3486}.info-tooltip-content{background-color:#fff;border:1px solid #dce0e4;border-radius:6px;bottom:15px;box-shadow:0 4px 15px #00000026;color:#333;font-size:13px;font-weight:400;left:50%;line-height:1.5;max-width:250px;opacity:0;padding:12px;pointer-events:none;position:absolute;text-align:left;transform:translateX(-50%);transition:opacity .2s,visibility .2s;visibility:hidden;width:-webkit-max-content;width:max-content;z-index:1000}.info-tooltip-content:after{border:6px solid #0000;border-top-color:#fff;content:"";left:50%;margin-left:-6px;position:absolute;top:100%}.info-tooltip-content:before{border:7px solid #0000;border-top-color:#dce0e4;content:"";left:50%;margin-left:-7px;position:absolute;top:100%}.info-tooltip-container:hover .info-tooltip-content{opacity:1;visibility:visible}@keyframes fadeInModalOverlay{0%{opacity:0}to{opacity:1}}@keyframes scaleUpModalBox{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-animate-overlay{animation:fadeInModalOverlay .3s ease-out forwards}.modal-animate-box{animation:scaleUpModalBox .3s cubic-bezier(.175,.885,.32,1.275) forwards}.one-click-modal-box{background:#fff!important;border-radius:24px!important;box-shadow:0 20px 40px #0003!important;font-family:Commissioner,sans-serif!important;max-width:440px!important;padding:36px 32px 32px!important;position:relative!important;width:100%!important}.one-click-modal-box,.one-click-modal-box *{box-sizing:border-box!important}.one-click-modal-box label{color:#000!important;display:block!important;font-family:Commissioner,sans-serif!important;font-size:16px!important;font-weight:500!important;letter-spacing:normal!important;line-height:normal!important;margin-bottom:8px!important;text-transform:none!important}.one-click-modal-box input.one-click-modal-input,.one-click-modal-box input[type=tel],.one-click-modal-box input[type=text]{all:unset!important;background:#fff!important;border:1px solid #e0e0e0!important;border-radius:10px!important;box-shadow:none!important;box-sizing:border-box!important;color:#000!important;display:block!important;font-family:Commissioner,sans-serif!important;font-size:18px!important;font-weight:400!important;height:50px!important;letter-spacing:normal!important;line-height:50px!important;margin:0!important;outline:none!important;padding:0 16px!important;text-transform:none!important;width:100%!important}.one-click-modal-box input.one-click-modal-input:focus,.one-click-modal-box input[type=tel]:focus,.one-click-modal-box input[type=text]:focus{border-color:#e85a29!important}.one-click-modal-box .one-click-modal-input::placeholder,.one-click-modal-box input::placeholder{color:#999!important;font-family:Commissioner,sans-serif!important;font-size:20px!important;font-weight:400!important;opacity:1!important}.one-click-modal-box button.one-click-submit-btn{all:unset!important;align-items:center!important;background:#e85a29!important;border:none!important;border-radius:12px!important;box-shadow:none!important;box-sizing:border-box!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-family:Commissioner,sans-serif!important;font-size:18px!important;font-weight:600!important;height:52px!important;justify-content:center!important;letter-spacing:normal!important;line-height:normal!important;margin-bottom:20px!important;text-transform:none!important;transition:opacity .2s!important;width:100%!important}.one-click-modal-box button.one-click-submit-btn:hover{opacity:.9!important}.one-click-modal-box button.one-click-close-btn{all:unset!important;align-items:center!important;background:#f0f0f0!important;border:none!important;border-radius:50%!important;box-shadow:none!important;cursor:pointer!important;display:flex!important;height:36px!important;justify-content:center!important;margin:0!important;padding:0!important;position:absolute!important;right:20px!important;top:20px!important;transition:background .2s!important;width:36px!important}.one-click-modal-box button.one-click-close-btn:hover{background:#e4e4e4!important}.roof-calculator{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:20px auto;max-width:1100px;width:100%}.calculator-tab-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:0}.calculator-tab-button{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #e29e3b;border-bottom:none;border-top-left-radius:8px;border-top-right-radius:8px;color:#2a3486;cursor:pointer;font:700 13px/1 Exo\ 2,sans-serif;padding:10px 11px;transition:background .15s,color .15s,border-color .15s}.calculator-tab-bar+hr{border:none;border-top:1px solid #e0e0e0;margin:15px 0 20px}.calculator-tab-button:not(.active):hover{background:#e19e3a;color:#fff}.calculator-tab-button.active{background:#e19e3a;box-shadow:0 -2px 5px #0000001a;color:#fff;z-index:1}.calculator-tab-button.active:after{background:#e29e3b;bottom:-5px;content:"";height:5px;left:0;position:absolute;right:0}.calculator-tab-button:disabled{background:#f9f9f9;color:#999;cursor:not-allowed;opacity:.7}.roof-calculator>h1{color:#293486;font-family:Exo\ 2,sans-serif;font-size:32px;font-style:SemiBold;font-weight:600;letter-spacing:0;line-height:1;margin:0 0 15px 10px}.calculator-content-box{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;padding:24px}.calculator-steps{display:flex;gap:20px;justify-content:flex-start;margin-bottom:25px}.step-item{border-bottom:2px solid #0000;color:#aaa;cursor:default;font-size:16px;font-weight:500;padding-bottom:15px;transition:all .2s ease}.step-item.active{border-bottom:2px solid #ff8c00;color:#ff8c00}.step-item.completed{color:#293486;cursor:default}.step-item.completed:hover{color:#293486}.calculator-body{display:flex;gap:30px}.main-image-container{align-items:center;background-color:#f9f9f9;border-radius:8px;box-sizing:border-box;display:flex;flex:1 1;justify-content:center;min-height:400px;padding:20px}.main-roof-image{height:auto;max-height:450px;object-fit:contain;width:100%}.calculator-options-column,.options-sidebar{display:flex;flex:1 1;flex-direction:column}.options-sidebar h2{leading-trim:NONE;color:#293486;font-family:Exo\ 2,sans-serif;font-size:26px;font-style:SemiBold;font-weight:600;letter-spacing:0;line-height:100%;margin-top:0}.options-sidebar p{color:#7f8c8d;font-size:15px;line-height:1.5;margin-bottom:20px}.roof-options-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.roof-option{align-items:center;background-color:#fafafa;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:90px;padding:10px;text-align:center;transition:all .2s ease}.roof-option-icon{height:48px;margin-bottom:8px;object-fit:contain;width:48px}.roof-option span{color:#34495e;font-size:13px;font-weight:500}.roof-option:hover{border-color:#ff8c00;box-shadow:0 4px 10px #0000000d}.roof-option.selected{background-color:#293486;border-color:#293486;color:#fff}.roof-option.selected span{color:#fff}.next-step-button{background-color:#e29e3b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px 20px;text-align:center;transition:background-color .2s ease;width:100%}.roof-options-grid-2col{grid-template-columns:repeat(2,1fr)}.input-group-vertical{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.input-row{gap:10px}.input-row,.input-row label{align-items:center;display:flex}.input-row label{background-color:#fafafa;color:#333;flex-shrink:0;font-size:16px;font-weight:600;justify-content:center;width:40px}.input-row input,.input-row label{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;height:44px}.input-row input{font-family:inherit;font-size:15px;line-height:1.5;padding:10px 15px;width:140px}.input-row input:focus{border-color:#293486;box-shadow:0 0 0 2px #29348633;outline:none}.input-row input[type=number]::-webkit-inner-spin-button,.input-row input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-row input[type=number]{-moz-appearance:textfield}.input-label-text{color:#7f8c8d;font-size:15px;white-space:break-spaces}.results-list{display:flex;flex-direction:column;gap:14px}.result-item{grid-gap:15px;align-items:center;display:grid;font-size:15px;gap:15px;grid-template-columns:1fr auto}.result-item span:first-child{color:#555;line-height:1.4}.results-note{background-color:#f1f2f6;border-left:3px solid #f39c12;border-radius:6px;color:#2c3e50;display:inline-block;font-size:13px;margin-bottom:20px;padding:8px 12px}.results-total{align-items:center;border-top:1px solid #333;display:flex;justify-content:space-between;margin-bottom:15px;padding-top:15px}.results-total span{color:#293486;font-family:Exo\ 2,sans-serif;font-size:24px;font-weight:600}.results-disclaimer{color:#7f8c8d;font-size:13px;line-height:1.5;margin-bottom:25px}.button-group-final{display:flex;flex-direction:column;gap:15px}.download-button{background-color:#e29e3b;border:1px solid #e29e3b;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px 20px;text-align:center;transition:all .2s ease;width:100%}.download-button:hover{background-color:#d18f33;border-color:#d18f33;color:#fff}.send-button{background-color:#fff;border:1px solid #293486;border-radius:8px;color:#293486;cursor:pointer;font-size:16px;font-weight:600;padding:15px 20px;text-align:center;transition:all .2s ease;width:100%}.send-button:hover{background-color:#f4f6ff}.step-navigation-buttons{display:flex;gap:15px;margin-top:auto;width:100%}.prev-step-button{align-items:center;background-color:#fff;border:1px solid #293486;border-radius:8px;color:#293486;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:15px 20px;transition:all .2s ease;width:auto}.button-group-final .prev-step-button{width:100%}.prev-step-button:hover{background-color:#f4f6ff}.prev-step-arrow{height:12px;transform:rotate(180deg);width:6px}.next-step-button:disabled,.next-step-button:disabled:hover{background-color:#e29e3b;cursor:not-allowed;opacity:.6}.step-navigation-buttons{gap:10px}.prev-step-button{min-width:50px;padding:15px 10px;width:100%}.prev-step-arrow{margin:0}@media (max-width:800px){.roof-calculator{margin:10px}.calculator-content-box{padding:15px}.roof-calculator>h1{font-size:26px;margin-left:5px}.options-sidebar h2{font-size:22px}.calculator-body{flex-direction:column;gap:20px}.calculator-options-column{display:contents}.calculator-steps{order:1}.main-image-container{min-height:250px;order:2}.options-sidebar{order:3}.calculator-steps{flex-wrap:wrap;gap:10px;justify-content:flex-start}.step-item{padding-bottom:8px}.roof-options-grid{grid-template-columns:repeat(2,1fr)}.input-row{flex-wrap:wrap;gap:8px}.input-row input{flex:1 1;min-width:100px;width:auto}.input-label-text{flex-basis:100%;margin-left:50px;order:3;white-space:normal}.button-group-final{flex-direction:column;gap:15px}.results-columns-container{flex-direction:column;gap:20px}.results-column-divider{background-color:#eee;height:1px;width:100%}.results-column-title{text-align:center}.download-button,.send-button{box-sizing:border-box;width:100%}}.next-step-button{align-items:center;display:flex;gap:10px;justify-content:center}.next-step-button .next-step-arrow{height:12px;transition:transform .2s ease;width:6px}.next-step-button:disabled .next-step-arrow{transform:none}.modal-overlay{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;padding:15px;position:fixed;top:0;z-index:1000}.modal-content,.modal-overlay{box-sizing:border-box;width:100%}.modal-content{background:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;max-width:500px;padding:30px;position:relative}.modal-close-button{background:#0000;border:none;color:#aaa;cursor:pointer;font-size:28px;height:auto;line-height:1;padding:5px;position:absolute;right:12px;top:0;width:auto}.modal-close-button:hover{color:#333}.modal-content h2{color:#293486;font-family:Exo\ 2,sans-serif;font-size:28px;font-weight:600;margin-bottom:5px;margin-top:0;text-align:center}.modal-content p{color:#7f8c8d;font-size:16px;margin-bottom:25px;margin-top:0;text-align:center}.modal-form{display:flex;flex-direction:column;gap:15px}.modal-form-input{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:15px;height:46px;line-height:1.5;padding:12px 15px;width:100%}.modal-form-input:focus{border-color:#293486;box-shadow:0 0 0 2px #29348633;outline:none}.modal-recaptcha-placeholder{align-items:center;align-self:center;background:#f9f9f9;border:1px solid #ddd;border-radius:4px;color:#aaa;display:flex;font-size:14px;height:74px;justify-content:center;margin:5px 0;width:300px}.modal-form-agreement{align-items:center;color:#555;cursor:pointer;display:flex;font-size:13px;gap:10px}.modal-form-agreement input[type=checkbox]{height:16px;width:16px}.modal-form-agreement a{color:#293486;text-decoration:underline}.modal-form-submit{background-color:#e29e3b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px 20px;transition:background-color .2s ease;width:100%}.modal-form-submit:disabled,.modal-form-submit:disabled:hover{background-color:#e29e3b;cursor:not-allowed;opacity:.6}.modal-policy-link{color:#293486;cursor:pointer;text-decoration:underline}.modal-policy-link:hover{text-decoration:none}.modal-overlay-secondary{align-items:center;background-color:#000000b3;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;padding:15px;position:fixed;top:0;width:100%;z-index:1001}.modal-content-secondary{background:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;box-sizing:border-box;display:flex;flex-direction:column;max-height:80vh;max-width:700px;padding:25px;position:relative;width:100%}.modal-close-button-secondary{background:#0000;border:none;color:#aaa;cursor:pointer;font-size:28px;height:auto;line-height:1;padding:5px;position:absolute;right:6px;top:0;width:auto;z-index:10}.modal-close-button-secondary:hover{color:#333}.policy-content-wrapper{color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-y:auto;padding-right:15px}.policy-content-wrapper p{color:#293c6c;font-size:14px;line-height:1.6;margin-bottom:15px;text-align:left}.policy-content-wrapper p[align=center]{text-align:center}.policy-content-wrapper strong{color:#293c6c;font-weight:700}.modal-recaptcha-container{display:flex;justify-content:center;margin:5px 0}.modal-recaptcha-placeholder{display:none}.calculator-intro-container{background-position:50%;background-size:cover;border-radius:8px;box-sizing:border-box;min-height:500px;overflow:hidden;position:relative;width:100%}.calculator-intro-overlay{align-items:flex-start;background:linear-gradient(90deg,#0009,#0000001a 70%,#0000);bottom:0;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;left:0;padding:40px;position:absolute;right:0;top:0}.calculator-intro-overlay h1{color:#fff;font-family:Exo\ 2,sans-serif;font-size:48px;font-weight:600;line-height:1.2;margin:0 0 25px}.calculator-start-button{background-color:#e29e3b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:15px 30px;transition:all .2s ease}.calculator-start-button:hover{background-color:#d18f33}@media (max-width:800px){.calculator-intro-container{min-height:400px}.calculator-intro-overlay{align-items:center;background:#0006;padding:20px;text-align:center}.calculator-intro-overlay h1{font-size:36px}}:root{--arrow-blue:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12'%3E%3Cpath d='m0 0 8 6-8 6' fill='none' stroke='%239A9A9A' stroke-width='2'/%3E%3C/svg%3E");--arrow-orange:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12'%3E%3Cpath d='m0 0 8 6-8 6' fill='none' stroke='%23E29E3B' stroke-width='2'/%3E%3C/svg%3E")}.main-image-wrapper-annotated{display:flex;position:relative;width:100%}.main-image-wrapper-annotated .main-roof-image{height:auto;max-height:450px;object-fit:contain;width:100%}.annotation-label{background:#fff;border:2px solid #9a9a9a;border-radius:4px;color:#9a9a9a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;padding:1px 6px;-webkit-user-select:none;user-select:none;z-index:2}.annotation-arrow,.annotation-label{position:absolute;transition:all .2s ease}.annotation-arrow{background-color:#9a9a9a;height:1px;z-index:1}.annotation-arrow:after,.annotation-arrow:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12'%3E%3Cpath d='m0 0 8 6-8 6' fill='none' stroke='%239A9A9A' stroke-width='2'/%3E%3C/svg%3E");background-image:var(--arrow-blue);background-repeat:no-repeat;background-size:contain;content:"";height:12px;position:absolute;top:-5.5px;width:8px}.annotation-arrow:before{left:-4px;transform:rotate(180deg)}.annotation-arrow:after{right:-4px;transform:rotate(0deg)}.label-a{left:19%;top:31%;transform:translate(-50%,-50%)}.arrow-a{left:3%;top:53%;transform:rotate(326deg);transform-origin:top left;width:50%}.label-b-top-gable{left:53%;top:3%;transform:translate(-50%,-50%)}.arrow-b-top{left:51%;top:20%;transform:rotate(182deg);width:45%}.label-b-bottom{bottom:8%;left:18%;transform:translate(-50%,-50%)}.arrow-b-bottom{bottom:27%;height:1px;left:1%;transform:rotate(22deg);width:44%}.annotation-label.focused{border-color:#e29e3b;box-shadow:0 0 10px #e29e3bcc;color:#e29e3b}.annotation-arrow.focused{background-color:#e29e3b}.annotation-arrow.focused:after,.annotation-arrow.focused:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12'%3E%3Cpath d='m0 0 8 6-8 6' fill='none' stroke='%23E29E3B' stroke-width='2'/%3E%3C/svg%3E");background-image:var(--arrow-orange)}.input-row.row-focused label{border-color:#e29e3b;color:#e29e3b}.input-row.row-focused input{border-color:#e29e3b;box-shadow:0 0 0 2px #e29e3b4d}@media (max-width:800px){.annotation-label{font-size:16px;padding:0 5px}}.label-a1{left:4%;top:27%;transform:translate(-50%,-50%)}.arrow-a1{left:2%;top:59%;transform:rotate(308deg);transform-origin:top left;width:35%}.label-a2{left:97%;top:29%;transform:translate(-50%,-50%)}.arrow-a2{left:79%;top:22%;transform:rotate(58deg);transform-origin:top left;width:34%}.label-b-top{left:75%;top:13%;transform:translate(-50%,-50%)}.arrow-b-top-gable{left:29%;top:17%;transform:rotate(3deg);width:46%}.label-b-bottom-gable{bottom:-6%;left:18%;transform:translate(-50%,-50%)}.arrow-b-bottom-gable{bottom:20%;left:2%;transform:rotate(22deg);width:45%}.label-a1-mansard{left:3%;top:27%;transform:translate(-50%,-50%)}.arrow-a1-mansard{left:3%;top:59%;transform:rotate(290deg);transform-origin:top left;width:21%}.label-a2-mansard{left:12%;top:5%;transform:translate(-50%,-50%)}.arrow-a2-mansard{left:12%;top:25%;transform:rotate(330deg);transform-origin:top left;width:16%}.label-b-top-mansard{left:54%;top:0;transform:translate(-50%,-50%)}.arrow-b-top-mansard{left:31%;top:12%;transform:rotate(4deg);width:45%}.label-b-bottom-mansard{bottom:-3%;left:18%;transform:translate(-50%,-50%)}.arrow-b-bottom-mansard{bottom:19%;left:4%;transform:rotate(22deg);width:43%}.label-a1-hip{left:34%;top:42%;transform:translate(-50%,-50%)}.arrow-a1-hip{left:27%;top:60%;transform:rotate(315deg);transform-origin:top left;width:31%}.label-a2-hip{left:68%;top:47%;transform:translate(-50%,-50%)}.arrow-a2-hip{left:54%;top:33%;transform:rotate(57deg);transform-origin:top left;width:29%}.label-b1-hip{bottom:13%;left:25%;transform:translate(-50%,-50%)}.arrow-b1-hip{bottom:33%;left:10%;transform:rotate(23deg);width:37%}.label-b2-hip{bottom:11%;left:72%;transform:translate(-50%,-50%)}.arrow-b2-hip{bottom:31%;left:50%;transform:rotate(-17deg);width:41%}.label-b3-hip{left:50%;top:20%;transform:translate(-50%,-50%)}.arrow-b3-hip{left:44%;top:29%;transform:rotate(7deg);width:11%}.label-a1-pyramid{left:38%;top:46%;transform:translate(-50%,-50%)}.arrow-a1-pyramid{left:32%;top:64%;transform:rotate(313deg);transform-origin:top left;width:30%}.label-a2-pyramid{left:68%;top:48%;transform:translate(-50%,-50%)}.arrow-a2-pyramid{left:54%;top:35%;transform:rotate(55deg);transform-origin:top left;width:28%}.label-b1-pyramid{bottom:9%;left:25%;transform:translate(-50%,-50%)}.arrow-b1-pyramid{bottom:28%;left:15%;transform:rotate(23deg);width:31%}.label-b2-pyramid{bottom:9%;left:75%;transform:translate(-50%,-50%)}.arrow-b2-pyramid{bottom:29%;left:50%;transform:rotate(-17deg);width:41%}.time-pref-label{color:#7f8c8d;font-size:16px;margin-bottom:10px;margin-top:0;text-align:center}.time-preference-group{display:flex;gap:10px;width:100%}.time-pref-button{background-color:#fafafa;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px 15px;transition:all .2s ease}.time-pref-button:hover{background-color:#f0f0f0;border-color:#ccc}.time-pref-button.active{background-color:#293486;border-color:#293486;color:#fff;font-weight:600}.time-pref-note{color:#7f8c8d;font-size:13px;line-height:1.4;margin-bottom:20px;margin-top:-5px;text-align:center}.modal-success-view{align-items:center;display:flex;flex-direction:column;padding:10px 0;text-align:center}.modal-success-view .modal-form-submit{background-color:#293486}.modal-success-view .modal-form-submit:hover{background-color:#212a6c}.success-icon-wrapper{margin-bottom:20px}.success-icon{height:80px;width:80px}.success-icon-circle{stroke-width:3;stroke:#4bb543;fill:none;stroke-dasharray:166;stroke-dashoffset:166;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.success-icon-check{stroke-width:3;stroke:#4bb543;fill:none;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .5s forwards;transform-origin:50% 50%}@keyframes stroke{to{stroke-dashoffset:0}}.results-columns-container{border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.results-column{display:flex;flex:1 1;flex-direction:column;min-width:0}.results-column-title{margin:0 0 15px;text-align:left}.results-column .results-list{border-bottom:none;margin-bottom:0;padding-bottom:0}.result-item-label{align-items:center;display:flex;gap:8px}.result-item-value{align-items:center;color:#293486;display:flex;font-size:17px;font-weight:700;gap:8px;justify-content:flex-end;white-space:nowrap}.results-column:first-child .result-item>span:last-child{color:#293486;font-size:17px;font-weight:700;text-align:right;white-space:nowrap}.stock-tooltip-wrapper{align-items:center;cursor:help;display:inline-flex;justify-content:center;position:relative}.stock-icon{border-radius:50%;color:#fff;display:block;font-size:12px;font-weight:700;height:18px;line-height:18px;text-align:center;-webkit-user-select:none;user-select:none;width:18px}.stock-tooltip-wrapper.in-stock .stock-icon{background-color:#28a745}.stock-tooltip-wrapper.out-of-stock .stock-icon{background-color:#dc3545;font-size:14px;line-height:18px}.stock-tooltip-popover{word-wrap:break-word;background-color:#fff;border:1px solid #ddd;border-radius:8px;bottom:120%;box-shadow:0 4px 12px #00000026;display:none;left:50%;padding:10px;position:absolute;text-align:left;transform:translate(-100%);width:250px;z-index:10}.stock-tooltip-wrapper:hover .stock-tooltip-popover{display:block}.stock-tooltip-image{background-color:#f9f9f9;border-radius:4px;height:auto;margin-bottom:8px;max-height:150px;object-fit:contain;width:100%}.stock-tooltip-title{color:#293486;font-size:14px;font-weight:600;line-height:1.3;margin:0;max-width:100%;word-break:break-all}.global-spinner-overlay{align-items:center;background-color:#0009;color:#fff;display:flex;flex-direction:column;font-size:18px;font-weight:500;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2000}.global-spinner{animation:button-spin 1s linear infinite;border:5px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:block;height:50px;margin-bottom:15px;width:50px}.cart-success-message{align-items:center;animation:fade-in .3s ease;background-color:#f0f9f0;border:1px solid #28a745;border-radius:8px;color:#28a745;display:flex;font-weight:600;gap:10px;justify-content:center;margin-top:15px;padding:15px}.cart-success-message svg{flex-shrink:0;height:28px;width:28px}.cart-success-message .button-success-check-circle{stroke-width:4;stroke:#28a745;fill:none;stroke-dasharray:166;stroke-dashoffset:166;animation:button-stroke .4s cubic-bezier(.65,0,.45,1) forwards}.cart-success-message .button-success-check-mark{stroke-width:5;stroke:#28a745;fill:none;stroke-dasharray:48;stroke-dashoffset:48;animation:button-stroke .3s cubic-bezier(.65,0,.45,1) .3s forwards}@keyframes button-spin{to{transform:rotate(1turn)}}@keyframes button-stroke{to{stroke-dashoffset:0}}@keyframes fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.global-spinner-overlay{cursor:pointer}.error-modal-content{background:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;box-sizing:border-box;color:#333;cursor:default;margin-bottom:5px;margin-top:0;max-width:500px;padding:30px;text-align:left;text-align:center;width:100%}.error-modal-content p{color:#7f8c8d;font-size:16px;margin-bottom:20px;margin-top:0;text-align:center}.error-list{background-color:#fff8f8;border:1px solid #f5c6cb;border-radius:8px;list-style-type:none;margin:0 0 25px;padding:15px}.error-list li{color:#721c24;font-size:14px;line-height:1.5;padding-left:20px;position:relative}.error-list li:before{background-color:#dc3545;border-radius:50%;color:#fff;content:"!";display:inline-block;flex-shrink:0;font-size:11px;font-weight:700;height:14px;left:0;line-height:14px;position:absolute;text-align:center;top:2px;width:14px}.error-list li+li{margin-top:10px}.error-modal-content .modal-form-submit.error-button{background-color:#dc3545}.error-modal-content .modal-form-submit.error-button:hover{background-color:#c82333}.result-table-header{border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}.results-column-title{color:#293486;flex:1 1;font-size:15px;font-weight:600;margin:0}.results-column-divider{align-self:stretch;background-color:#e0e0e0;margin:0 10px;width:1px}.results-list-table{border-bottom:1px solid #eee;display:flex;flex-direction:column;gap:12px;margin-bottom:15px;padding-bottom:15px}.result-table-row{align-items:stretch;display:flex;justify-content:space-between}.result-table-cell-left,.result-table-cell-right{grid-gap:15px;align-items:center;display:grid;flex:1 1;gap:15px;grid-template-columns:auto 1fr;min-width:0}.result-table-label{color:#555;font-size:15px;line-height:1.4}.result-table-value{color:#293486;font-size:17px;font-weight:700;text-align:right;white-space:nowrap}@media (max-width:800px){.result-table-header{align-items:center;border-bottom:none;flex-direction:column;gap:10px}.results-column-title{flex:none;text-align:center}.result-table-row{flex-direction:column}.results-column-divider{height:1px;margin:10px 0;width:100%}.result-table-cell-left,.result-table-cell-right{gap:10px}.results-list-table{gap:15px}}.stock-tooltip-warning{color:#dc3545;font-size:13px;font-weight:500;line-height:1.4;margin:8px 0 0}.stock-tooltip-preorder{color:#293486;font-weight:700}p.stock-tooltip-preorder-text{color:#dc3545;font-size:13px;font-weight:500;line-height:1.4;margin:8px 0 0}.material-selector-row{display:flex;flex-direction:column;gap:8px;width:100%}.material-selector-row label{color:#333;font-size:15px;font-weight:500}.material-selector-row select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='%23333' d='M6 8 0 0h12L6 8z'/%3E%3C/svg%3E");background-position:right 15px center;background-repeat:no-repeat;background-size:12px 8px;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;cursor:pointer;font-family:inherit;font-size:15px;height:44px;line-height:1.5;padding:10px 15px;width:100%}.material-selector-row select:disabled{background-color:#f9f9f9;color:#aaa;cursor:not-allowed}.step3-card{background:#fff;border:1px solid #bcbcbc;border-radius:10px;display:flex;flex-direction:column;overflow:hidden;position:relative}.step3-header{background:#1f2440;color:#fff;font-family:Commissioner,sans-serif;font-size:32px;font-weight:500;padding:13px 0;text-align:center}.step3-content{display:flex;gap:30px;padding:27px 24px}.step3-image-box{align-items:center;border:1px solid #bcbcbc;border-radius:10px;display:flex;flex:0 0 350px;justify-content:center;min-height:300px;padding:10px;position:relative}.step3-image-box .main-roof-image{max-height:100%;max-width:100%}.step3-inputs,.step3-inputs-box{display:flex;flex:1 1;flex-direction:column}.step3-inputs{gap:20px;margin-top:20px}.step3-input-row{align-items:center;display:flex;gap:20px;justify-content:space-between;max-width:650px;width:100%}.step3-input-row .input-label-text{color:#000;flex:1 1;font-family:Commissioner,sans-serif;font-size:20px;font-weight:500}.step3-input-row input{border:1px solid #6f7b91;border-radius:5px;box-sizing:border-box;flex-shrink:0;font-size:18px;height:42px;padding:5px 15px;width:300px}.step3-input-row input:focus{border-color:#293486;outline:none}.step3-nav{display:flex;gap:20px;justify-content:flex-end;margin-top:40px;width:100%}.step3-btn-back{align-items:center;background:#fff;border:1px solid #6f7b91;border-radius:10px;color:#6f7b91;cursor:pointer;display:flex;font-family:Commissioner,sans-serif;font-size:16px;font-weight:500;gap:10px;padding:10px 30px;transition:opacity .2s}.step3-btn-back:hover{opacity:.8}.step3-btn-back .icon-arrow{border-right:2px solid #6f7b91;border-top:2px solid #6f7b91;height:10px;transform:rotate(-135deg);width:10px}.step3-btn-forward{align-items:center;background:#e85a29;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:Commissioner,sans-serif;font-size:16px;font-weight:500;gap:10px;padding:10px 30px;transition:opacity .2s}.step3-btn-forward:hover{opacity:.8}.step3-btn-forward:disabled{cursor:not-allowed;opacity:.5}.step3-btn-forward .icon-arrow{border-right:2px solid #fff;border-top:2px solid #fff;height:10px;transform:rotate(45deg);width:10px}@media (max-width:800px){.step3-content{flex-direction:column}.step3-image-box{flex:auto}.step3-input-row{align-items:flex-start;flex-direction:column;gap:10px}.step3-input-row input{width:100%}.step3-nav{flex-direction:column}.step3-nav button{justify-content:center;width:100%}}.step4-modal-content{animation:modalFadeIn .3s ease;background:#fff;border-radius:20px;box-sizing:border-box;display:flex;flex-direction:column;max-width:715px;padding:42px;position:relative;width:100%}.step4-modal-close{align-items:center;background:#ebebeb;border:none;border-radius:50%;cursor:pointer;display:flex;height:37px;justify-content:center;padding:0;position:absolute;right:42px;top:42px;transition:opacity .2s;width:37px}.step4-modal-close:hover{opacity:.8}.step4-modal-title{font-size:36px;line-height:1.2;margin:0 0 30px}.step4-modal-subtitle,.step4-modal-title{color:#000;font-family:Commissioner,sans-serif;font-weight:500}.step4-modal-subtitle{font-size:24px;line-height:1.3;margin:0 auto 30px;text-align:center}.step4-modal-form{display:flex;flex-direction:column;gap:15px}.step4-modal-input{background:#fff;border:1px solid #bcbcbc;border-radius:10px;box-sizing:border-box;color:#000;font-family:Commissioner,sans-serif;font-size:24px;font-weight:400;height:61px;outline:none;padding:0 16px;width:100%}.step4-modal-input::placeholder{color:#9c9c9c}.step4-modal-time-group{display:flex;gap:20px;margin-top:10px}.step4-modal-time-btn{align-items:center;background:#fff;border:2px solid #6f7b91;border-radius:10px;box-sizing:border-box;color:#6f7b91;cursor:pointer;display:flex;flex:1 1;font-family:Commissioner,sans-serif;font-size:24px;font-weight:600;height:64px;justify-content:center;padding:0;transition:all .2s ease}.step4-modal-time-btn.active{background:#1f2440;border:none;color:#fff}.step4-modal-date-input{margin-top:5px}.step4-modal-submit{align-items:center;background:#e85a29;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:Commissioner,sans-serif;font-size:24px;font-weight:600;height:64px;justify-content:center;margin-top:20px;padding:0;transition:opacity .2s ease;width:100%}.step4-modal-submit:hover:not(:disabled){opacity:.9}.step4-modal-submit:disabled{background:#ccc;cursor:not-allowed}.step4-modal-success-view{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 0 20px}.step4-modal-success-icon-wrap{margin-bottom:30px}.step4-modal-success-title{font-size:36px;font-weight:500;margin:0 0 10px}.step4-modal-success-text,.step4-modal-success-title{color:#000;font-family:Commissioner,sans-serif;text-align:center}.step4-modal-success-text{font-size:24px;font-weight:400;margin:0 0 40px}@media (max-width:768px){.step4-modal-content{margin:15px;padding:24px}.step4-modal-close{right:15px;top:15px}.step4-modal-title{font-size:28px;margin-bottom:20px}.step4-modal-subtitle{font-size:20px;margin-bottom:20px}.step4-modal-input{font-size:18px;height:50px}.step4-modal-time-group{flex-direction:column;gap:10px}.step4-modal-submit,.step4-modal-time-btn{font-size:18px;height:50px}.step4-modal-success-title{font-size:28px}.step4-modal-success-text{font-size:18px}}