@import url(https://fonts.googleapis.com/css2?family=League+Spartan:wght@700&family=Open+Sans:wght@400;600&display=swap);body{padding-top:20px;font-family:'Open Sans',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background-color:#f8f9fa;transition:background-color .3s,color .3s;overflow-x:hidden}body.dark-mode{background-color:#1a1a1a}body.dark-mode .card{background-color:#2b2b2b;border-color:#444}body.dark-mode .card-footer,body.dark-mode .card-header{background-color:#333;border-color:#444}body.dark-mode .form-control,body.dark-mode .form-select{background-color:#333;color:#fff;border-color:#555}body.dark-mode .form-control::placeholder{color:#888}body.dark-mode .step-indicator-wrapper{background-color:#2b2b2b}body.dark-mode .step-icon{background-color:#444;color:#ccc}.popular-badge-container{position:absolute;top:10px;right:10px;z-index:200!important;pointer-events:none}.popular-style{position:relative;border:2px solid #3cdbc0;box-shadow:0 4px 12px rgba(60,219,192,.3);transform:scale(1.02);transition:.3s;border-radius:12px}.popular-style:hover{transform:scale(1.05);box-shadow:0 6px 16px rgba(60,219,192,.4)}body.dark-mode .popular-style{border-color:#3cdbc0;box-shadow:0 4px 12px rgba(60,219,192,.4)}body.dark-mode .popular-style:hover{box-shadow:0 6px 16px rgba(37,207,212,.5)}body.dark-mode .step-item.active .step-icon{background-color:#3cdbc0;color:#000}body.dark-mode .logo-dark{display:inline-block}body.dark-mode .logo-light{display:none}.card-header h2,.form-label,h1,h2,h3,h4,h5,h6{font-family:'League Spartan',sans-serif;font-weight:700}header h1{font-size:1.75rem;margin-top:.5rem}.logo{max-height:50px;display:block;margin:0 auto;transition:transform .3s}.logo:hover{transform:scale(1.05)}.logo-light{display:inline-block}.logo-dark{display:none}.step-card{margin-bottom:20px;box-shadow:0 4px 6px rgba(0,0,0,.1);border-radius:10px;overflow:hidden}.debug-status{position:fixed;bottom:10px;right:10px;padding:5px 10px;background:orange;color:#fff;border-radius:5px;z-index:9999;display:none}.main-content-col{padding-left:80px}@media (max-width:768px){body{padding-left:50px}.main-content-col{padding-left:15px;padding-right:15px}.step-indicator-col{display:flex;width:50px}#door-styles-container.row{--bs-gutter-x:0.5rem}}[data-hs-step-form-content]{display:none}[data-hs-step-form-content].active{display:block}.step-indicator-col{position:fixed;top:0;left:0;bottom:0;width:65px;background-color:#f8f9fa;padding:15px 0;display:flex;flex-direction:column;align-items:center;z-index:1000;border-right:1px solid #e9ecef}.step-indicator-col .step{list-style:none;padding:0;margin:auto 0;display:flex;flex-direction:column;justify-content:center;gap:15px}.step-indicator-col .step-item{width:36px;height:36px;border-radius:50%;background-color:#e9ecef;color:#495057;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;transition:.3s;cursor:pointer;position:relative}.step-indicator-col .step-item.active{background-color:#3cdbc0;color:#000;transform:scale(1.1)}.step-indicator-col .step-item.completed{background-color:#6c757d;color:#fff}.step-indicator-col .step-item:not(:last-child)::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);width:2px;height:15px;background-color:#e9ecef}body.dark-mode .step-indicator-col{background-color:#1a1a1a;border-right-color:#333}body.dark-mode .step-indicator-col .step-item{background-color:#2b2b2b;color:#ccc}body.dark-mode .step-indicator-col .step-item.active{background-color:#3cdbc0}body.dark-mode .step-indicator-col .step-item.completed{background-color:#444}body.dark-mode .step-indicator-col .step-item:not(:last-child)::after{background-color:#333}@media (max-width:768px){.main-content-col{padding-left:15px;padding-right:15px}.step-indicator-col{width:50px}.step-indicator-col .step-item{width:32px;height:32px;font-size:.8rem}.step-indicator-col .step-item:not(:last-child)::after{height:12px}}.step-indicator-wrapper{padding:1rem;background-color:#f8f9fa;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.05);transition:background-color .3s,border-color .3s;position:sticky;top:20px;margin-top:80px}.step{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.5rem}.step-item{display:flex;align-items:center;justify-content:center;opacity:.7;transition:.3s}.step-item.active{opacity:1}.step-icon{width:40px;height:40px;border-radius:50%;background-color:#e9ecef;color:#495057;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;transition:.3s;box-shadow:0 4px 10px rgba(0,0,0,.1)}.step-item.active .step-icon{background-color:#0d6efd;color:#fff;transform:scale(1.1);box-shadow:0 6px 15px rgba(13,110,253,.3)}.card{margin-bottom:1.5rem;border:none;border-radius:20px;transition:.3s;box-shadow:0 10px 30px rgba(0,0,0,.05);overflow:hidden;transform:translateZ(0);backface-visibility:hidden}.card-header{background-color:rgba(0,0,0,.02);border-bottom:1px solid rgba(0,0,0,.05);padding:1.25rem;transition:background-color .3s,border-color .3s}.card-body{padding:1.75rem}.card-footer{background-color:rgba(0,0,0,.02);border-top:1px solid rgba(0,0,0,.05);padding:1.25rem;transition:background-color .3s,border-color .3s}.door-style-card{cursor:pointer;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;opacity:1!important;border:2px solid transparent;position:relative;overflow:visible}#door-styles-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}#door-styles-container.row{--bs-gutter-x:1rem;--bs-gutter-y:1rem}@media (min-width:992px){#door-styles-container{grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:.75rem;max-width:1200px;margin:0 auto}#door-styles-container.row{--bs-gutter-x:0.75rem;--bs-gutter-y:0.75rem}.door-style-card img{height:225px;width:225px}}.door-style-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.door-style-card.selected{border-color:#3cdbc0;box-shadow:0 8px 25px rgba(60,219,192,.3)}.door-style-card img{-webkit-filter:none!important;mix-blend-mode:normal!important;image-rendering:auto!important;object-fit:contain!important;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:5px;position:relative;z-index:1}.door-style-card h5{font-size:1rem;font-weight:600;margin-top:.75rem;text-align:center;word-wrap:break-word;hyphens:auto;margin-bottom:.5rem}@media (max-width:576px){#door-styles-container{grid-template-columns:repeat(2,1fr);gap:.75rem}.door-style-card .card-body{padding:.5rem}.door-style-card h5{font-size:.8rem}.door-style-card img{border-radius:4px}}.form-label{font-weight:500;margin-bottom:.5rem}.form-control,.form-select{padding:.75rem 1rem;border-radius:12px;transition:.3s;border:1px solid #dee2e6;box-shadow:0 2px 5px rgba(0,0,0,.02)}.form-control:focus,.form-select:focus{box-shadow:0 0 0 .25rem rgba(13,110,253,.15);border-color:#86b7fe}.btn{padding:.75rem 1.5rem;border-radius:12px;font-weight:500;transition:.3s;position:relative;overflow:hidden}.btn::after{content:'';position:absolute;top:50%;left:50%;width:5px;height:5px;background:rgba(255,255,255,.5);opacity:0;border-radius:100%;transform:scale(1,1) translate(-50%,-50%);transform-origin:50% 50%}.btn:focus:not(:active)::after{animation:1s ease-out ripple}@keyframes ripple{0%{transform:scale(0,0);opacity:.5}100%{transform:scale(20,20);opacity:0}}.btn-primary{background-color:#3cdbc0;border-color:#3cdbc0;box-shadow:0 4px 10px rgba(60,219,192,.2);font-weight:700;color:#000}.btn-primary:hover{background-color:#29a08b;border-color:#29a08b;transform:translateY(-2px);box-shadow:0 6px 15px rgba(60,219,192,.3);color:#000}.btn-secondary{background-color:#6c757d;border-color:#6c757d;box-shadow:0 4px 10px rgba(108,117,125,.2)}.btn-secondary:hover{background-color:#5c636a;border-color:#565e64;transform:translateY(-2px);box-shadow:0 6px 15px rgba(108,117,125,.3)}.btn-success{background-color:#198754;border-color:#198754;box-shadow:0 4px 10px rgba(25,135,84,.2)}.btn-success:hover{background-color:#157347;border-color:#146c43;transform:translateY(-2px);box-shadow:0 6px 15px rgba(25,135,84,.3)}@media (min-width:992px){.sticky-top{position:sticky;top:20px}}.loading-spinner{display:flex;justify-content:center;align-items:center;height:200px}.loading-spinner .spinner-border{width:3rem;height:3rem}.section-container{border:none;border-radius:16px;padding:1.75rem;margin-bottom:1.75rem;background-color:#fff;box-shadow:0 5px 20px rgba(0,0,0,.05);transition:.3s;animation:.5s ease-out fadeInUp}#sections-container{display:grid;gap:1.5rem}@media (min-width:768px){#sections-container{grid-template-columns:1fr 1fr;max-width:100%}.section-detail-card{width:100%}.section-container{max-width:100%;margin-bottom:0}}@media (max-width:767px){#sections-container{grid-template-columns:1fr}.section-container{max-width:100%}}body.dark-mode .section-container{background-color:#252525}.section-container:hover{box-shadow:0 8px 25px rgba(0,0,0,.08)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.door-counts-info-box,.section-info-box{background-color:#f8f9fa;border-left:4px solid #0d6efd;padding:1.25rem;border-radius:12px;margin-bottom:1.5rem;transition:.3s;animation:.5s ease-out fadeIn}.door-counts-info-box h5,.section-info-box h5{margin-bottom:.75rem;color:#0d6efd}.door-counts-info-box ul,.section-info-box ul{padding-left:1.25rem;margin-bottom:0}.door-counts-info-box li,.section-info-box li{margin-bottom:.5rem}.door-counts-info-box li:last-child,.section-info-box li:last-child{margin-bottom:0}.example-image-container{border:none;border-radius:16px;padding:1.25rem;text-align:center;background-color:#fff;box-shadow:0 5px 20px rgba(0,0,0,.05);transition:.3s;animation:.5s ease-out fadeIn}body.dark-mode .example-image-container{background-color:#252525;border-color:#444}.example-image-container img{max-width:100%;height:auto;border-radius:8px;transition:transform .3s}.example-image-container:hover img{transform:scale(1.02)}.image-upload-container{border:2px dashed #dee2e6;border-radius:8px;padding:1rem;text-align:center;margin-top:1rem;transition:.3s;cursor:pointer;position:relative;overflow:hidden;height:200px}.image-upload-container.has-image{padding:0;border:1px solid #dee2e6}.image-upload-container .upload-instructions{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;transition:opacity .3s}.image-upload-container.has-image .upload-instructions{opacity:0;pointer-events:none}.image-preview{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .3s}.image-preview.visible{opacity:1}.image-upload-buttons{margin-top:.5rem;display:flex;justify-content:center;gap:.5rem}.image-preview-container{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.image-preview-item{position:relative;width:100px;height:100px;border-radius:8px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.1)}.image-preview-item img{width:100%;height:100%;object-fit:cover;border-radius:8px}.image-preview-item .remove-image{position:absolute;top:5px;right:5px;background:rgba(255,255,255,.8);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:.2s}.image-preview-item .remove-image:hover{background:#fff;transform:scale(1.1)}.estimate-container{background-color:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 30px rgba(0,0,0,.05);transition:.3s;animation:.5s ease-out fadeIn}body.dark-mode .estimate-container{background-color:#1e1e1e}.estimate-header{text-align:center;margin-bottom:2rem}.estimate-header img{max-height:60px;margin-bottom:1rem;animation:2s infinite pulse}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.estimate-card{border-radius:12px;padding:1.5rem;margin-bottom:1rem;transition:.3s}.light-mode .estimate-card{background:#f8f9fa;box-shadow:8px 8px 16px #d1d9e6,-8px -8px 16px #fff;position:relative}.dark-mode .estimate-card{background:#2b2b2b;box-shadow:8px 8px 16px #222,-8px -8px 16px #343434}.estimate-section{margin-bottom:1.5rem}@media (min-width:992px){#project-info-container{max-width:100%;margin-left:auto;margin-right:auto}#sections-breakdown{max-width:100%}.section-detail-card{flex-basis:50%;max-width:50%}.section-detail-card img{height:150px}}#sections-breakdown h3,.estimate-section h3{border-bottom:1px solid #dee2e6;padding-bottom:.5rem;margin-bottom:1rem;text-align:center}body.dark-mode #sections-breakdown h3,body.dark-mode .estimate-section h3{border-color:#444}.cost-item{display:flex;justify-content:space-between;margin-bottom:.25rem;padding-bottom:.75rem;border-bottom:1px solid #f1f1f1}.total-cost{font-size:1.25rem;font-weight:700;border-top:2px solid #dee2e6;padding-top:.75rem;margin-top:.75rem;border-color:#dee2e6}.section-detail-card{background-color:#f8f9fa;border-radius:12px;padding:1.25rem;box-shadow:0 4px 12px rgba(0,0,0,.05);transition:.3s;animation:.5s ease-out both fadeInUp}.section-detail-card:first-child{animation-delay:.1s}.section-detail-card:nth-child(2){animation-delay:.2s}.section-detail-card:nth-child(3){animation-delay:.3s}.section-detail-card:nth-child(4){animation-delay:.4s}.section-detail-card:nth-child(5){animation-delay:.5s}.section-detail-card:hover{box-shadow:0 6px 18px rgba(0,0,0,.08)}.section-detail-content{margin-top:.75rem}.section-image{border-radius:8px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.1)}.section-image img{width:100%;height:auto;border-radius:8px;transition:transform .3s}.section-image:hover img{transform:scale(1.05)}.section-detail-card img{max-width:100%;height:auto;border-radius:8px;object-fit:contain}.cni-section{background-color:#f8f9fa;border-radius:2px;padding:.2rem;margin-top:2rem;text-align:left;box-shadow:0 5px 20px rgba(0,0,0,.05);transition:.3s;animation:.5s ease-out .3s both fadeIn}body.dark-mode .cni-section{background-color:#252525}.cni-section h3{margin-bottom:1rem}.cni-section .btn{margin-top:1rem}.cni-section .btn-primary{background-color:#3cdbc0;border-color:#3cdbc0;font-weight:700;color:#000}.cni-section .btn-primary:hover{background-color:#29a08b;border-color:#29a08b}.contact-form{background-color:#fff;border-radius:20px;padding:1.75rem;margin-top:.1rem;box-shadow:0 5px 20px rgba(0,0,0,.35);transition:.3s;animation:.5s ease-out .5s both fadeIn}body.dark-mode .contact-form{background-color:#1e1e1e}.sms-consent-wrapper{transition:.3s}@keyframes pulseHighlight{0%{box-shadow:0 0 0 0 rgba(60,219,192,.4)}50%{box-shadow:0 0 15px 5px rgba(60,219,192,.3)}100%{box-shadow:0 0 0 0 rgba(60,219,192,0)}}.pulse-highlight{animation:1s ease-out 2 pulseHighlight}.compact-toggle-wrapper{display:inline-block;position:relative;border-radius:1.25em;overflow:hidden;flex-shrink:0}.compact-toggle-checkbox{-webkit-appearance:none;appearance:none;position:absolute;z-index:1;top:0;left:0;border-radius:inherit;width:100%;height:100%;cursor:pointer}.compact-toggle-container{display:flex;position:relative;border-radius:inherit;width:2.5em;height:1.25em;background-color:#d1d4dc;box-shadow:inset .0625em 0 0 #d4d2de,inset -.0625em 0 0 #d4d2de,inset .125em .25em .125em .25em #b5b5c3;transition:.4s}.compact-toggle-checkbox:checked+.compact-toggle-container{background-color:#3cdbc0;box-shadow:inset .0625em 0 0 #3cdbc0,inset -.0625em 0 0 #3cdbc0,inset .125em .25em .125em .25em #2ab5a3}.compact-toggle-ball{position:relative;border-radius:50%;width:1.25em;height:1.25em;background-image:radial-gradient(rgba(255,255,255,.6),rgba(255,255,255,0) 16%),radial-gradient(#d2d4dc,#babac2);background-position:-.25em -.25em;background-size:auto,calc(100% + .25em) calc(100% + .25em);background-repeat:no-repeat;box-shadow:.25em .25em .25em #8d889e,inset .0625em .0625em .25em #d1d1d6,inset -.0625em -.0625em .25em #8c869e;transition:transform .4s,box-shadow .4s}.compact-toggle-ball::after{content:'';position:absolute;top:0;left:0;border-radius:50%;width:100%;height:100%;background-image:radial-gradient(rgba(255,255,255,.6),rgba(255,255,255,0) 16%),radial-gradient(#3cdbc0,#2ab5a3);background-position:-.25em -.25em;background-size:auto,calc(100% + .25em) calc(100% + .25em);background-repeat:no-repeat;box-shadow:.25em .25em .25em rgba(42,181,163,.8),inset .0625em .0625em .25em rgba(60,219,192,.5),inset -.0625em -.0625em .25em rgba(42,181,163,.8);opacity:0;transition:opacity .4s}.compact-toggle-checkbox:checked+.compact-toggle-container .compact-toggle-ball::after{opacity:1}.compact-toggle-checkbox:checked+.compact-toggle-container .compact-toggle-ball{transform:translateX(100%)}.compact-toggle-checkbox:hover+.compact-toggle-container{opacity:.9}.compact-toggle-checkbox:focus+.compact-toggle-container{outline:rgba(60,219,192,.4) solid 2px;outline-offset:2px}.sms-consent-text{transition:.3s}.sms-consent-text label{margin-bottom:.5rem!important;display:block}body.dark-mode .sms-consent-wrapper{background-color:#2b2b2b!important;border-left-color:#3cdbc0!important}body.dark-mode .compact-toggle-container{background-color:#555;box-shadow:inset .0625em 0 0 #666,inset -.0625em 0 0 #666,inset .125em .25em .125em .25em #444}body.dark-mode .compact-toggle-checkbox:checked+.compact-toggle-container{background-color:#3cdbc0;box-shadow:inset .0625em 0 0 #3cdbc0,inset -.0625em 0 0 #3cdbc0,inset .125em .25em .125em .25em #2ab5a3}body.dark-mode .compact-toggle-ball{background-image:radial-gradient(rgba(255,255,255,.6),rgba(255,255,255,0) 16%),radial-gradient(#888,#666)}body.dark-mode .sms-consent-text label,body.dark-mode .sms-consent-text p{color:#e8e8e8!important}body.dark-mode .sms-consent-text a{color:#3cdbc0!important}body.dark-mode .sms-consent-text a:hover{color:#2ab5a3!important;text-decoration:underline!important}.contact-form h4{margin-bottom:.5rem}.contact-form p{margin-bottom:1.25rem;color:#6c757d}.tip-box{background-color:#e8f4fd;border-left:4px solid #3cdbc0;padding:1rem;margin:1rem 0;border-radius:0 8px 8px 0;transition:.3s;animation:.5s ease-out fadeIn}body.dark-mode .tip-box{background-color:#2c3e50;border-left-color:#3498db}.tip-box i{color:#3cdbc0;margin-right:.5rem}body.dark-mode .tip-box i{color:#3498db}.success-message{margin-top:1.5rem;animation:.5s ease-out fadeInUp}.success-message .alert{border-radius:12px;padding:1.25rem;box-shadow:0 5px 15px rgba(0,0,0,.05)}.success-message .alert-success{background-color:#d1e7dd;border-color:#badbcc;color:#0f5132}body.dark-mode .success-message .alert-success{background-color:rgba(25,135,84,.2);border-color:rgba(25,135,84,.3);color:#d1e7dd}.success-message h4{display:flex;align-items:center;margin-bottom:.75rem}.success-message h4 i{margin-right:.75rem}.success-video-card{max-width:820px;margin:0 auto;padding:1.2rem 1rem 1.35rem;border-radius:28px;background:#fdfefe;box-shadow:0 28px 48px rgba(15,23,42,.09)}.success-video-frame{width:60%;margin:0 auto .18rem;--bs-aspect-ratio:38%}.success-video-frame iframe{border-radius:22px;box-shadow:0 18px 38px rgba(15,23,42,.25);background:#000}@media (max-width:768px){.success-video-frame{width:100%}}.order-btn-wrapper{margin-top:.15rem;padding:.65rem 1rem;border-radius:24px;background:rgba(255,255,255,.95);box-shadow:0 15px 35px rgba(15,23,42,.08);display:flex;justify-content:center}.begin-order-btn{border:none;border-radius:999px;padding:.85rem 3rem;font-weight:600;letter-spacing:.02em;color:#111;background:linear-gradient(145deg,#fff,#dfe6ee);box-shadow:8px 8px 18px rgba(0,0,0,.15),-6px -6px 16px rgba(255,255,255,.95);transition:transform .2s,box-shadow .2s;text-shadow:none!important}.begin-order-btn:hover{transform:translateY(-2px);box-shadow:10px 12px 22px rgba(0,0,0,.18),-6px -6px 16px rgba(255,255,255,.9)}.success-modal .success-video-frame{width:100%}.success-modal .success-modal-eyebrow{text-transform:uppercase;font-size:.7rem;letter-spacing:.18em;color:#4b5563;margin-bottom:.25rem}.success-modal .success-modal-title{font-size:1.6rem;margin-bottom:.15rem;color:#0f172a}.success-modal .order-cta-copy,.success-modal .success-modal-copy{color:#1f2937;margin:.15rem 0 .35rem}.success-modal .order-cta-copy{font-weight:600}.success-modal .begin-order-btn{margin-top:.25rem;margin-bottom:18px}.form-check-input{width:2.5em;height:1.25em;margin-top:.25em;vertical-align:top;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid rgba(0,0,0,.25);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;transition:background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.form-switch .form-check-input{width:2.5em;margin-left:-2.5em;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}.form-switch .form-check-input:checked{background-position:right center;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.fade-in{animation:.5s ease-in-out fadeIn}.fade-out{animation:.5s ease-in-out fadeOut}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:translate3d(0,0,0)}}@keyframes slideInRight{from{opacity:0;transform:translate3d(30px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}@keyframes slideInLeft{from{opacity:0;transform:translate3d(-30px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}@media (max-width:991.98px){.step-indicator-wrapper{margin-top:0;margin-bottom:20px}.step{flex-direction:row;justify-content:space-between;gap:0}.step-icon{width:35px;height:35px;font-size:.9rem}}@media print{body{background-color:#fff!important;color:#000!important}.btn,.card-footer,.debug-status,.form-check,.step-indicator-wrapper{display:none!important}.card{border:none!important;box-shadow:none!important}.estimate-container{padding:0!important;box-shadow:none!important}.contact-form{display:none!important}}.card{position:relative}.card::after,.card::before{content:'';position:absolute;width:50px;height:50px;border-color:rgba(13,110,253,.3);opacity:.7;transition:.3s}.card::before{top:-5px;left:-5px;border-top:2px solid;border-left:2px solid}.card::after{bottom:-5px;right:-5px;border-bottom:2px solid;border-right:2px solid}body.dark-mode .card::after,body.dark-mode .card::before{border-color:rgba(52,152,219,.4)}body.dark-mode .door-counts-info-box .form-text,body.dark-mode .estimate-section p,body.dark-mode .form-label small.text-muted,body.dark-mode .paint-section .form-text,body.dark-mode .step-content span,body.dark-mode .text-muted{color:#e8e8e8!important}body.dark-mode .popular-badge-custom{color:#000!important}body.dark-mode,body.dark-mode .form-check-label,body.dark-mode .form-label,body.dark-mode .step-content p,body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode label,body.dark-mode li,body.dark-mode p,body.dark-mode span{color:#e8e8e8!important}body.dark-mode .door-counts-info-box,body.dark-mode .section-info-box{color:#111010!important}body.dark-mode .tip-box{color:#e8e8e8!important}body.dark-mode .section-container{border-color:#444}body.dark-mode .section-header h4{color:#fff}body.dark-mode .door-style-card{background-color:#333}body.dark-mode .door-style-card h5{color:#fff}body.dark-mode .image-upload-container{border-color:#555}body.dark-mode .image-upload-container:hover{background-color:rgba(255,255,255,.05)}body.dark-mode .image-upload-container i,body.dark-mode .image-upload-container p{color:#ccc}body.dark-mode .remove-image{background:rgba(60,60,60,.8)}body.dark-mode .remove-image i{color:#fff}body.dark-mode .cost-item{border-bottom-color:#444}body.dark-mode .total-cost{border-top-color:#444}body.dark-mode .pricing-disclaimer{border-top-color:#444!important;color:#aaa!important}body.dark-mode .section-detail-card{background-color:#333;border-color:#444}body.dark-mode .btn-secondary{background-color:#444;border-color:#555}body.dark-mode .btn-secondary:hover{background-color:#555;border-color:#666}body.dark-mode .form-check-label{color:#e8e8e8}body.dark-mode .door-counts-info-box,body.dark-mode .section-info-box{background-color:#333;border-color:#444}body.dark-mode .door-counts-info-box h5,body.dark-mode .section-info-box h5{color:#fff}.modal-content{border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.2)}.modal-header{background:linear-gradient(135deg,#1a5f6b 0,#0d3d4a 100%);color:#fff;border-top-left-radius:16px;border-top-right-radius:16px;border-bottom:none}body.dark-mode .modal-header{background:linear-gradient(135deg,#1a5f6b 0,#0d3d4a 100%);color:#fff}.modal-title{font-weight:600;font-size:1.25rem}.btn-close{filter:brightness(0);opacity:.8}.btn-close:hover{opacity:1}body.dark-mode .btn-close{filter:brightness(0) invert(1)}.modal-body{padding:2rem}.modal-footer{border-top:1px solid #dee2e6;padding:1rem 2rem}.modal-footer .btn-primary{background-color:#3cdbc0;border-color:#3cdbc0;font-weight:600;padding:.75rem 2rem;border-radius:8px}.modal-footer .btn-primary:hover{background-color:#1e8ba8;border-color:#1e8ba8}body.dark-mode .modal-content{background-color:#2d2d2d;color:#e8e8e8}body.dark-mode .modal-footer{border-top-color:#444}.door-preview-container{text-align:center;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.door-preview-wrapper{background-color:#f8f9fa;border-radius:12px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 4px 15px rgba(0,0,0,.1);transition:.3s;width:75%;max-width:300px}.door-preview-wrapper img{max-width:100%;height:auto;border-radius:8px;transition:transform .3s}.door-preview-wrapper:hover img{transform:scale(1.02)}.color-selection-container{padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.color-selection-content{padding:1rem 0}.color-layout-grid{display:grid;grid-template-columns:1fr 280px;gap:2rem;align-items:start}.color-grid-area{min-width:0}.preview-area{position:sticky;top:1rem}.preview-card{background:#f8f9fa;border-radius:12px;padding:1.5rem}@media (max-width:991px){.color-layout-grid{grid-template-columns:1fr;gap:1.5rem}.preview-area{order:-1;position:static}}.color-option{display:flex;align-items:center;justify-content:center;padding:.75rem;margin-bottom:.5rem;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:.3s;height:60px;position:relative;box-shadow:0 2px 4px rgba(0,0,0,.2),0 4px 8px rgba(0,0,0,.16),0 6px 12px rgba(0,0,0,.12),0 8px 16px rgba(0,0,0,.08),inset 0 -2px 4px rgba(0,0,0,.2),inset 0 2px 2px rgba(255,255,255,.3)}.color-option::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px;background:linear-gradient(145deg,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 40%,rgba(0,0,0,.15) 100%);pointer-events:none}.color-option:hover{border-color:#25facf;transform:translateX(5px) translateY(-3px);box-shadow:0 3px 6px rgba(0,0,0,.22),0 6px 12px rgba(0,0,0,.18),0 9px 18px rgba(0,0,0,.14),0 12px 24px rgba(0,0,0,.1),inset 0 -2px 4px rgba(0,0,0,.25),inset 0 2px 2px rgba(255,255,255,.4)}.color-option.selected{border-color:#25facf;box-shadow:0 4px 8px rgba(37,250,207,.3),0 6px 12px rgba(0,0,0,.18),0 9px 18px rgba(0,0,0,.14),inset 0 -2px 4px rgba(0,0,0,.2),inset 0 2px 2px rgba(255,255,255,.3)}.color-swatch{width:25%;height:40px;border-radius:6px;border:none;margin-right:.75rem;flex-shrink:0;box-shadow:0 1px 2px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.1),0 6px 12px rgba(0,0,0,.08),inset 0 -1px 3px rgba(0,0,0,.15);position:relative;transform:translateZ(0);transition:.3s}.color-swatch::before{content:'';position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:6px;background:linear-gradient(135deg,rgba(255,255,255,.3) 0,rgba(255,255,255,0) 50%,rgba(0,0,0,.1) 100%);pointer-events:none}.color-option:hover .color-swatch{box-shadow:0 2px 4px rgba(0,0,0,.18),0 4px 8px rgba(0,0,0,.15),0 6px 12px rgba(0,0,0,.12),0 8px 16px rgba(0,0,0,.1),inset 0 -1px 3px rgba(0,0,0,.2);transform:translateY(-2px)}.color-name{font-weight:500;color:#333;flex-grow:1}.color-name-overlay{font-weight:600;font-size:.95rem;text-align:center;position:relative;z-index:1;text-shadow:1px 1px 2px rgba(255,255,255,.8),-1px -1px 2px rgba(0,0,0,.3);pointer-events:none}.color-hex{display:none}body.dark-mode .door-preview-wrapper,body.dark-mode .preview-card{background-color:#2d2d2d}body.dark-mode .color-option{background-color:#333;color:#e8e8e8}body.dark-mode .color-option.selected,body.dark-mode .color-option:hover{background-color:#404040}body.dark-mode .color-name{color:#e8e8e8}body.dark-mode .color-name-overlay{text-shadow:1px 1px 2px rgba(0,0,0,.8),-1px -1px 2px rgba(255,255,255,.2)}body.dark-mode .color-hex{color:#aaa}@media (min-width:1200px){.color-selection-phase .row{align-items:center}.color-selection-container,.door-preview-container{justify-content:center}}@media (min-width:768px) and (max-width:1199px){.color-selection-phase .row{align-items:flex-start}.door-preview-wrapper{width:80%;max-width:280px}}@media (max-width:767px){.color-selection-content .row{flex-direction:column-reverse}.color-selection-content .col-lg-4{margin-bottom:1.5rem}.door-preview-wrapper{padding:1rem;margin-bottom:2rem;width:75%;max-width:250px}.color-hex{display:none}}@media (max-width:767px) and (orientation:landscape){.color-selection-phase .col-lg-6{order:unset!important}.color-selection-phase .col-lg-6.order-lg-2{order:2!important}.color-selection-phase .col-lg-6.order-lg-1{order:1!important}.door-preview-wrapper{width:70%;max-width:200px}}@media (min-width:992px){.color-selection-phase .row{gap:1rem;justify-content:center;align-items:stretch}.color-selection-phase .col-lg-6{flex:0 0 auto}.color-selection-phase .col-lg-6.order-lg-1{max-width:420px}.color-selection-phase .col-lg-6.order-lg-2{max-width:380px;display:flex;justify-content:center}.door-preview-container{padding:.5rem;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.door-preview-wrapper{width:320px;max-width:320px;height:300px;display:flex;align-items:center;justify-content:center;margin-bottom:0}.door-preview-wrapper img{height:90%;width:auto;object-fit:contain}.color-selection-container{padding:.5rem;height:100%;max-width:360px;width:100%}.color-selection-container .text-center{margin-top:1rem!important}}.site-footer{background-color:#1a1a1a;color:#e8e8e8;padding:40px 0 20px;margin-top:50px}.footer-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:30px}.footer-logo{flex:1;min-width:250px}.footer-logo-img{height:40px;margin-bottom:10px}.footer-logo h3{margin:0;font-size:1.5rem;font-weight:700;color:#fff}.footer-links{flex:1;min-width:200px}.footer-links ul{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:10px}.footer-links a{color:#ccc;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#fff}.footer-newsletter{flex:1;min-width:300px}.footer-newsletter h4{margin:0 0 10px;font-size:1.2rem;color:#fff}.footer-newsletter p{margin:0 0 15px;color:#ccc}.newsletter-form{display:flex;gap:10px;margin-bottom:10px}.newsletter-form input[type=email]{flex:1;padding:10px;border:1px solid #444;border-radius:4px;background-color:#333;color:#fff}.newsletter-form input[type=email]:focus{outline:0;border-color:#3cdbc0}.newsletter-form .btn-primary{padding:10px;background-color:#3cdbc0;color:#000;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s;font-weight:700}.newsletter-form .btn-primary:hover{background-color:#29a08b}.newsletter-message{font-size:.9rem;margin:5px 0 0}.footer-bottom{margin-top:30px;padding-top:20px;border-top:1px solid #333;text-align:center;color:#888}.disclaimer-text{font-size:.8rem;margin-bottom:10px;line-height:1.4}.footer-bottom p{margin:5px 0}body.dark-mode .site-footer{background-color:#0a0a0a;border-top:1px solid #333}body.dark-mode .footer-bottom{border-top-color:#222}@media (max-width:768px){.footer-container{flex-direction:column;text-align:center}.footer-links,.footer-logo,.footer-newsletter{min-width:100%;flex:none}.newsletter-form{flex-direction:column}.newsletter-form input[type=email]{margin-bottom:10px}}.alert-success.text-dark{color:#000!important}#project-info-content{width:100%!important;display:block!important;max-width:50%!important;margin:0 auto!important}.section-detail-card{width:100%!important}.paint-section{display:none!important}.form-label{color:#000!important}body.dark-mode .form-label{color:#3cdbc0!important}body.dark-mode #project-info-content,body.dark-mode #project-info-content *{color:#fff!important}.section-image.placeholder-img{min-height:160px;background-color:#e9ecef;display:flex;align-items:center;justify-content:center}body.dark-mode .section-image.placeholder-img{background-color:#444}body.dark-mode .alert-success.text-dark{color:#000!important}#door-styles-container img,.card-img-top,.door-style-card img,[class*=door-style] img{filter:none!important;-webkit-filter:none!important;-moz-filter:none!important;-o-filter:none!important;-ms-filter:none!important;background:0 0!important;mix-blend-mode:normal!important;opacity:1!important;image-rendering:auto!important;border:none!important;outline:0!important;box-shadow:none!important;transform:none!important;object-fit:contain!important;print-color-adjust:exact!important}#door-styles-container,#door-styles-container h5,#door-styles-container img,.door-style-card,.door-style-card h5,.door-style-card img{filter:none!important;-webkit-filter:none!important;-moz-filter:none!important;-o-filter:none!important;-ms-filter:none!important;background-color:transparent!important;mix-blend-mode:normal!important}.card-img-top{filter:none!important;-webkit-filter:none!important;background-color:transparent!important;mix-blend-mode:normal!important}#door-styles-container svg,.door-style-card svg{filter:none!important;-webkit-filter:none!important}@-moz-document url-prefix(){#door-styles-container img,.door-style-card img{filter:none!important;-webkit-filter:none!important}}@media not all and (min-resolution:.001dpcm){@supports (-webkit-appearance:none){#door-styles-container img,.door-style-card img{-webkit-filter:none!important;filter:none!important}}}@media screen and (-webkit-min-device-pixel-ratio:0){#door-styles-container img,.door-style-card img{-webkit-filter:none!important;filter:none!important}}.nuvision-regenerate-container{background:#f8f9fb;border:1px solid rgba(0,0,0,.05);border-radius:12px;padding:1rem 1.5rem}.nuvision-dropdown-toggle{background:#fff;border-radius:10px;font-weight:500;padding:.65rem .9rem;transition:.2s}.nuvision-dropdown-toggle:focus,.nuvision-dropdown-toggle:hover{border-color:#3cdbc0;box-shadow:0 0 0 .2rem rgba(60,219,192,.25)}.nuvision-dropdown-menu{max-height:320px;overflow-y:auto;border-radius:12px;padding:.5rem;box-shadow:0 12px 24px rgba(0,0,0,.12)}.nuvision-style-option{display:flex;align-items:center;gap:.75rem;border-radius:10px;padding:.65rem .75rem;transition:background .2s,transform .1s;cursor:pointer}.nuvision-style-option:hover{background:rgba(60,219,192,.12);transform:translateX(3px)}.nuvision-style-thumbnail{width:52px;height:52px;border-radius:8px;object-fit:cover;box-shadow:0 3px 8px rgba(0,0,0,.15);flex-shrink:0}.nuvision-style-option span{flex:1;font-weight:500}.nuvision-color-option{display:flex;align-items:center;gap:.75rem;border-radius:10px;padding:.65rem .75rem;transition:background .2s,transform .1s;cursor:pointer}.nuvision-color-option:hover{background:rgba(60,219,192,.12);transform:translateX(3px)}.nuvision-color-swatch{width:32px;height:32px;border-radius:6px;border:2px solid rgba(0,0,0,.15);box-shadow:inset 0 2px 4px rgba(255,255,255,.3),inset 0 -2px 6px rgba(0,0,0,.15),0 2px 6px rgba(0,0,0,.1);flex-shrink:0}.nuvision-color-option span{flex:1;font-weight:500}.nuvision-selected-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nuvision-dropdown-menu .dropdown-item.active,.nuvision-dropdown-menu .dropdown-item:active{background-color:rgba(60,219,192,.18);color:inherit}.nuvision-regenerate-container .form-label{font-weight:600;color:#2c3e50;font-size:.95rem}.nuvision-regenerate-container .btn-primary{border-radius:12px;padding:.7rem 1.25rem;font-weight:600}#nuvision-regenerate-status{text-align:center;font-size:.9rem}.nuvision-dropdown-menu::-webkit-scrollbar{width:8px}.nuvision-dropdown-menu::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.nuvision-dropdown-menu::-webkit-scrollbar-thumb{background:#3cdbc0;border-radius:10px}.nuvision-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#32c5ad}.series-card{background:linear-gradient(145deg,#fff,#f0f0f0);border-radius:16px;padding:2rem 1.5rem;text-align:center;cursor:pointer;transition:.3s;border:2px solid transparent;box-shadow:0 4px 15px rgba(0,0,0,.08);height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.series-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(60,219,192,.25);border-color:#3cdbc0}.series-card.selected{border-color:#3cdbc0;background:linear-gradient(145deg,#e8faf7,#d0f5ee);box-shadow:0 8px 25px rgba(60,219,192,.3)}.series-card-image{width:100%;max-width:200px;height:180px;object-fit:contain;margin-bottom:1rem;border-radius:8px}.series-card-icon{font-size:3rem;margin-bottom:1rem;color:#3cdbc0}.series-card-title{font-family:'League Spartan',sans-serif;font-size:1.4rem;font-weight:700;margin-bottom:0;color:#1a1a1a}.series-card-badge{position:absolute;top:-8px;right:-8px;background:#ff6b6b;color:#fff;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600}.series-card[data-series=signature] .series-card-icon{color:#3cdbc0}.series-card[data-series=woodgrain] .series-card-icon{color:#8b4513}.series-card[data-series=unfinished] .series-card-icon{color:#9e9e9e}body.dark-mode .series-card{background:linear-gradient(145deg,#2b2b2b,#1f1f1f);box-shadow:0 4px 15px rgba(0,0,0,.3)}body.dark-mode .series-card:hover{box-shadow:0 8px 25px rgba(60,219,192,.3)}body.dark-mode .series-card.selected{background:linear-gradient(145deg,#1a3d36,#153029)}body.dark-mode .series-card-title{color:#fff}body.dark-mode .series-card-description{color:#aaa}.woodgrain-color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:1rem 0;max-width:600px;margin:0 auto}@media (max-width:768px){.woodgrain-color-grid{grid-template-columns:repeat(3,1fr);gap:12px}}@media (max-width:480px){.woodgrain-color-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.woodgrain-swatch{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;cursor:pointer;transition:.3s;border:3px solid transparent;box-shadow:0 2px 8px rgba(0,0,0,.1)}.woodgrain-swatch img{width:100%;height:100%;object-fit:cover}.woodgrain-swatch:hover{transform:scale(1.05);box-shadow:0 4px 15px rgba(0,0,0,.2)}.woodgrain-swatch.selected{border-color:#3cdbc0;box-shadow:0 0 0 3px rgba(60,219,192,.3)}.woodgrain-swatch-name{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;padding:8px 6px 6px;font-size:.7rem;text-align:center;font-weight:600}.unfinished-disclaimer{background:linear-gradient(135deg,#fff8e1,#ffecb3);border:1px solid #ffc107;border-radius:12px;padding:1rem 1.25rem;margin:1.5rem 0;display:flex;gap:12px;align-items:flex-start}.unfinished-disclaimer-icon{font-size:1.5rem;color:#ff9800;flex-shrink:0}.unfinished-disclaimer-text{font-size:.85rem;color:#5d4037;line-height:1.5}.unfinished-disclaimer-text strong{color:#e65100}body.dark-mode .unfinished-disclaimer{background:linear-gradient(135deg,#3d3222,#2d2518);border-color:#ff9800}body.dark-mode .unfinished-disclaimer-text{color:#ffe0b2}#selected-series-badge{font-size:.85rem;padding:6px 14px;border-radius:20px;text-transform:capitalize}#selected-series-badge.signature{background:linear-gradient(135deg,#3cdbc0,#2bc9ad);color:#000}#selected-series-badge.woodgrain{background:linear-gradient(135deg,#8b4513,sienna);color:#fff}#selected-series-badge.unfinished{background:linear-gradient(135deg,#9e9e9e,#757575);color:#fff}.color-options-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:.5rem 0}.color-selection-phase>.color-options-grid{max-width:600px;margin:0 auto}.color-selection-centered{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:700px;margin:0 auto}.color-selection-centered .alert{max-width:500px;margin-bottom:1.5rem}.color-selection-centered .color-options-grid{justify-content:center}.color-selection-layout{display:grid;grid-template-columns:1fr 280px;gap:2rem;max-width:1000px;margin:0 auto;padding:1rem 0}.color-grid-section{min-width:0}.color-section-title{font-size:1.1rem;font-weight:600;color:#333;margin-bottom:1rem}.style-preview-section{position:sticky;top:1rem;align-self:start}.style-preview-card{background:#f8f9fa;border-radius:12px;padding:1.25rem;text-align:center}.style-preview-card h5{color:#333;font-weight:600;font-size:1rem}.style-preview-image{max-width:100%;max-height:280px;object-fit:contain;border-radius:8px}.style-preview-card.unfinished-card{border:2px dashed #6c757d;background:#fafafa}@media (max-width:768px){.color-selection-layout{grid-template-columns:1fr;gap:1.5rem}.style-preview-section{order:-1;position:static}.style-preview-image{max-height:200px}.color-options-grid{grid-template-columns:repeat(3,1fr);gap:12px}}@media (max-width:480px){.color-options-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.color-options-grid .color-option{height:100px;border-radius:12px;cursor:pointer;transition:.2s;border:3px solid transparent;position:relative;display:flex;align-items:flex-end;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.1)}.color-options-grid .color-option:hover{transform:translateY(-4px);box-shadow:0 6px 16px rgba(0,0,0,.2)}.color-options-grid .color-option.selected{border-color:#3cdbc0;box-shadow:0 0 0 4px rgba(60,219,192,.3);transform:translateY(-2px)}.color-options-grid .color-name-overlay{background:linear-gradient(transparent,rgba(0,0,0,.75));color:#fff;font-size:.75rem;font-weight:500;padding:8px 6px 6px;text-align:center;width:100%;border-radius:0 0 9px 9px}body.dark-mode .color-options-grid .color-option{border-color:rgba(255,255,255,.1);box-shadow:0 2px 8px rgba(0,0,0,.3)}body.dark-mode .color-options-grid .color-option.selected{border-color:#3cdbc0}.two-tone-toggle-container{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#f8f9fa 0,#e9ecef 100%);border-radius:12px;border:1px solid #dee2e6}.two-tone-toggle{display:flex;align-items:center;gap:12px;cursor:pointer;user-select:none}.two-tone-toggle input[type=checkbox]{display:none}.toggle-slider{position:relative;width:52px;height:28px;background:#6c757d;border-radius:28px;transition:.4s cubic-bezier(.68, -.55, .265, 1.55)}.toggle-slider::before{content:'';position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:50%;transition:.4s cubic-bezier(.68, -.55, .265, 1.55);box-shadow:0 2px 4px rgba(0,0,0,.2)}.two-tone-toggle input:checked+.toggle-slider{background:linear-gradient(135deg,#3cdbc0 0,#25facf 100%)}.two-tone-toggle input:checked+.toggle-slider::before{transform:translateX(24px)}.toggle-label{font-weight:600;font-size:.95rem;color:#333}.color-section-label{font-weight:600;font-size:.9rem;color:#555;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}body.dark-mode .two-tone-toggle-container{background:linear-gradient(135deg,#2d2d2d 0,#1a1a1a 100%);border-color:#444}body.dark-mode .toggle-label{color:#e8e8e8}body.dark-mode .color-section-label{color:#aaa}.btn-dark,.btn-outline-dark,.card-footer .btn{text-shadow:none!important}.btn .bi-arrow-left,.btn .bi-arrow-right{font-weight:700;font-size:1.6rem}.card-footer .btn,.color-selection-nav .btn{padding:.75rem 1.25rem;font-size:1.1rem}.estimate-disclaimer{padding:1rem;background:#f8f9fa;border-radius:8px;border-left:3px solid #6c757d}body.dark-mode .estimate-disclaimer{background:#2d2d2d;border-left-color:#888}.selected-color-display{display:none;text-align:center;padding:.75rem 1rem;background:#000;color:#fff;font-weight:600;font-size:1rem;border-radius:8px;margin-bottom:1rem}.selected-color-display.visible{display:block}@media (max-width:768px){.color-name-overlay,.color-option .color-name-overlay,.color-options-grid .color-name-overlay{display:none!important;visibility:hidden!important}.color-option,.color-options-grid .color-option{height:55px;border-radius:10px}.color-options-grid{grid-template-columns:repeat(4,1fr);gap:8px}}@media (max-width:480px){.color-options-grid{grid-template-columns:repeat(3,1fr);gap:8px}.color-option,.color-options-grid .color-option{height:50px}}