@media (max-width:768px){body{padding-left:0!important;padding-bottom:80px}.step-indicator-col{display:none!important}.app-card{margin:2vh 5px!important;max-width:none!important;flex-direction:column!important}.main-content-col{padding:0 10px!important}.mobile-progress-container{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,#3cdbc0 0,#1e8ba8 100%);padding:8px 10px;z-index:1000;box-shadow:0 -2px 10px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:space-between}.mobile-progress-bar{flex:1;background:rgba(255,255,255,.2);height:8px;border-radius:4px;margin-right:90px;overflow:hidden}.mobile-progress-fill{background:#fff;height:100%;border-radius:4px;transition:width .3s;width:16.66%}.mobile-step-text{color:#fff;font-size:12px;font-weight:600;white-space:nowrap;margin-left:8px}#step-4 .card-body,#step-5 .card-body{padding:.5rem .25rem!important}#step-4 .table-responsive,#step-5 .table-responsive{margin:0!important;padding:0!important}#step-4 .container-fluid,#step-5 .container-fluid{padding:0!important}#step-4 .estimate-card,#step-5 .estimate-card{margin:.25rem 0!important;border-radius:6px!important}#step-4 .table td,#step-4 .table th,#step-5 .table td,#step-5 .table th{font-size:.8rem!important;padding:.3rem!important}.success-video-frame{width:95%!important;max-width:none!important;height:250px!important}.summary-item .summary-label,.summary-item .summary-value{margin-top:0!important;margin-bottom:0!important;line-height:1.2!important}.summary-item{margin-bottom:.4rem!important}}.begin-order-btn{background:#3cdbc0!important;color:#000!important;border:none!important;border-radius:20px!important;padding:1rem 2.5rem!important;font-weight:600!important;text-shadow:none!important;box-shadow:8px 8px 16px rgba(60,219,192,.3),-8px -8px 16px rgba(255,255,255,.7),inset 0 0 0 1px rgba(255,255,255,.5)!important;transition:.3s!important}.begin-order-btn:hover{background:#2bc9ad!important;color:#000!important;transform:translateY(-2px)!important;box-shadow:12px 12px 24px rgba(60,219,192,.4),-12px -12px 24px rgba(255,255,255,.8),inset 0 0 0 1px rgba(255,255,255,.6)!important}.compact-estimate-card,.measurement-card,.pricing-card{border:1px solid #000!important;box-shadow:0 8px 32px rgba(0,0,0,.15),0 4px 16px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.05)!important;border-radius:12px!important}.door-style-card{cursor:pointer;transition:.3s;border:2px solid transparent;border-radius:10px;width:134px;overflow:hidden}.door-style-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.door-style-card img{min-height:200px;max-height:250px;object-fit:contain;width:100%;margin:0 auto .5rem;border:none!important;outline:0!important;filter:none!important;-webkit-filter:none!important;background-color:transparent!important;mix-blend-mode:normal!important;opacity:1!important;image-rendering:auto!important}#door-styles-container .door-style-card img{filter:none!important;-webkit-filter:none!important;background-color:transparent!important}.door-style-card .card-body{padding:.25rem;background-color:transparent}.door-style-card .card-title{margin-bottom:0;display:block;word-wrap:break-word;max-width:100%;line-height:1.1;height:2.2em;display:flex;align-items:center;justify-content:center}@media (min-width:992px){#door-styles-container.row{display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem;max-width:900px;margin:0 auto;justify-items:center}.door-style-card .card-img-top{height:250px}.door-style-card .card-body{padding-bottom:.25rem}}@media (max-width:991px) and (min-width:769px){#door-styles-container.row{grid-template-columns:repeat(4,1fr);gap:.25rem;justify-items:center}.door-style-card .card-img-top{height:180px}}@media (max-width:768px){#door-styles-container.row{grid-template-columns:repeat(2,1fr);justify-items:center}.door-style-card .card-img-top{height:130px}.door-style-card .card-body{padding:.5rem}}@media (max-width:991px) and (max-height:500px) and (orientation:landscape){#door-styles-container.row{grid-template-columns:repeat(4,1fr);gap:.5rem}.door-style-card .card-img-top{height:110px}.door-style-card .card-title{font-size:.8rem}}.image-upload-container .image-preview.visible{max-height:300px;width:100%;object-fit:contain}.section-container .col-md-5,.section-container .col-md-7{display:flex;flex-direction:column;justify-content:center;align-items:center}@media (min-width:769px){.section-container .row{align-items:flex-start}.section-container .col-md-5,.section-container .col-md-7{flex:0 0 50%;max-width:50%}#section-details-container{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}}.image-upload-wrapper{display:flex;flex-direction:column;align-items:center;width:100%}.image-upload-container{width:100%;max-width:260px;height:260px;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.image-upload-container .image-preview{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.image-upload-buttons{display:flex;flex-direction:column;gap:.5rem;align-items:stretch}.image-upload-buttons .btn{height:32px;display:flex;align-items:center;justify-content:center}.card{background:linear-gradient(145deg,#fff 0,#f9f9f9 100%);position:relative;overflow:hidden}body.dark-mode .card{background:linear-gradient(145deg,#232526 0,#414345 100%)}.card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='p' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Cpath d='M28.8 50L50 10.4 71.2 50 50 89.6 28.8 50zM0 100L100 0 100 100z' stroke='%23000' stroke-width='1' fill='none'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23p)'/%3E%3C/svg%3E");background-repeat:repeat;opacity:.02;z-index:0}body.dark-mode .card::before{background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='p' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Cpath d='M28.8 50L50 10.4 71.2 50 50 89.6 28.8 50zM0 100L100 0 100 100z' stroke='%23FFF' stroke-width='1' fill='none'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23p)'/%3E%3C/svg%3E");opacity:.03}.card>*{position:relative;z-index:1}@media (max-width:768px){.image-upload-container .image-preview.visible{max-height:200px}#step-5 .card-body{padding:1rem .5rem}.estimate-container{padding:0!important}}.form-check{display:flex;align-items:center;justify-content:center;gap:.5rem}.form-check .form-check-input{margin-right:.5rem}#step-5 .form-label,#step-5 .summary-label,#step-5 .summary-value,#step-5 h2,#step-5 h3,#step-5 h4,#step-5 h5,#step-5 h6,#step-5 p,#step-5 span{color:#1f1f1f!important}.compact-estimate-card{border-radius:18px;border:1px solid #e6e8ec;background:#fff;padding:1.2rem 1.5rem 1.75rem}.estimate-title-block{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.75rem}.estimate-eyebrow{text-transform:uppercase;font-size:.65rem;letter-spacing:.2em;margin-bottom:.35rem;color:#6b7280!important}.estimate-title{font-size:2rem;margin-bottom:.2rem}.estimate-subtitle{color:#4b5563!important;font-size:.95rem;margin-bottom:1rem}.estimate-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.4rem .8rem;margin-bottom:1rem}.summary-item{padding:.35rem .25rem}.summary-label{font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;color:#6b7280!important;margin-bottom:.1rem}.summary-value{font-size:.95rem;font-weight:600;color:#111!important}.estimate-breakdown-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:1.25rem;margin-bottom:1.25rem}@media (max-width:992px){.estimate-breakdown-grid{grid-template-columns:1fr}}.cost-card,.measurement-card{border:1px solid #e5e7eb;border-radius:16px;padding:1rem 1.25rem;background:#fbfbfc}.estimate-section-header h3{font-size:1.05rem;margin-bottom:.2rem}.estimate-section-header .section-note{font-size:.75rem;color:#6b7280}.compact-table td,.compact-table th{padding:.35rem .25rem;font-size:.85rem;color:#1f1f1f}.cost-row{display:flex;justify-content:space-between;font-size:.9rem;margin-bottom:.25rem}.cost-row span:last-child{font-weight:600}.cost-total{border-top:1px solid #dfe3ea;margin-top:.75rem;padding-top:.65rem;font-size:1rem;font-weight:700}.contractor-pricing-card{margin-top:1.25rem;border:1px dashed #b7c0ce;border-radius:14px;padding:1rem 1.25rem;background:#f7f9ff}.contractor-pricing-card h4{font-size:1.05rem;margin-bottom:.35rem}.contractor-note{font-size:.82rem;color:#4b5563;margin-bottom:.5rem}.success-inline-note{border:1px solid #e5e7eb;border-radius:16px;padding:1rem 1.25rem;background:#fff;box-shadow:0 10px 25px rgba(15,23,42,.08)}.success-inline-note h4{display:flex;align-items:center;gap:.4rem;font-size:1.05rem;margin-bottom:.25rem}.success-inline-note p{margin:0;font-size:.9rem;color:#4b5563}.mb-2{margin-bottom:.11rem!important}.contractor-btn{background-color:#3cdbc0!important;border-color:#3cdbc0!important}.contractor-btn:hover{background-color:#29a08b!important;border-color:#29a08b!important}#submit-estimate-btn{background-image:linear-gradient(to right,#3cdbc0 0,#29a08b 100%)!important;border:none;transition:.5s;background-size:200% auto;color:#fff}#submit-estimate-btn:hover{background-position:right center}.shipping-calculation-inline{padding:1rem 0}.shipping-calculation-inline .form-label{font-size:.9rem;color:#666;margin-bottom:.5rem}.shipping-calculation-inline .form-control{font-size:.9rem}.shipping-calculation-inline .btn{font-size:.9rem;padding:.5rem 1rem}.shipping-cost-highlight{color:#28a745!important;font-weight:700!important}body.dark-mode .shipping-calculation-inline .form-label{color:#b8b8b8}body.dark-mode .shipping-cost-highlight{color:#4caf50!important}.popular-badge{position:absolute;top:10px;right:10px;background-color:#3cdbc0;color:#000;padding:3px 8px;border-radius:5px;font-size:.75rem;font-weight:700;z-index:2}.final-summary-card .card-header{background-color:#3cdbc0;color:#fff}.btn-primary,.modal-header{text-shadow:1px 1px 2px rgba(0,0,0,.4);margin-bottom:18px}.btn i{font-weight:700!important;font-size:1.2rem}.welcome-text-container{border:1px solid #dee2e6;border-radius:12px;padding:1rem 1.5rem;margin-bottom:1.5rem;text-align:center}.welcome-text-container p{font-size:.95rem;margin-bottom:.5rem}.welcome-list{list-style-type:none;padding-left:0;font-size:.95rem;margin-bottom:0;text-align:left}.welcome-list li{margin-bottom:.25rem}#nuvision-upload-container{max-width:400px;margin:0 auto}@media (min-width:768px){#step-0 .card-body{max-width:50%;margin-left:auto;margin-right:auto}}@media (max-width:576px){.welcome-list,.welcome-text-container p{font-size:.9rem}.card-body{padding:1.25rem}}[data-hs-step-form-content].active{display:block;opacity:1}.card.active{scroll-margin-top:0}html{scroll-behavior:smooth}.color-option{position:relative;height:60px;display:flex;align-items:center;justify-content:center;border-radius:8px;margin-bottom:10px;cursor:pointer;transition:.2s;border:2px solid transparent}.color-option:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.color-option.selected{border-color:#0d6efd;box-shadow:0 0 0 2px rgba(13,110,253,.25)}.color-name-overlay{color:#fff;font-weight:700;text-shadow:0 0 3px rgba(0,0,0,.8),0 0 5px rgba(0,0,0,.6);font-size:.9rem;text-align:center;padding:5px;width:100%}.color-option[data-color-name="Arctic Edge"] .color-name-overlay,.color-option[data-color-name="Summit White"] .color-name-overlay,.color-option[data-color-name=nuWhite] .color-name-overlay{color:#333;text-shadow:0 0 3px rgba(255,255,255,.8),0 0 5px rgba(255,255,255,.6)}.modal-dialog.modal-lg{max-width:800px}.ratio-16x9{width:100%}.ratio-16x9 iframe{width:100%;height:100%;max-height:450px}@media (max-width:768px){.modal-dialog.modal-lg{max-width:95%;margin:.5rem auto}.ratio-16x9 iframe{max-height:350px}}@media (max-width:576px){.ratio-16x9 iframe{max-height:250px}.card-body{padding:.75rem 1rem!important}.btn-group,.door-counts-info-box,.form-control,.form-group,.form-label,.form-select,.section-info-box,.tip-box,.welcome-text-container{padding-left:.5rem!important;padding-right:.5rem!important}.container,.container-fluid{padding-left:.75rem!important;padding-right:.75rem!important}.row{margin-left:-.375rem!important;margin-right:-.375rem!important}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{padding-left:.375rem!important;padding-right:.375rem!important}.welcome-text-container h1{font-size:1.4rem!important}.btn,.door-counts-info-box p,.form-control,.form-label,.form-select,.section-info-box p,.tip-box p,.welcome-list li,.welcome-text-container p{font-size:.85rem!important}#step-0 .card-body,#step-1 .card-body,#step-2 .card-body,#step-3 .card-body,#step-4 .card-body{padding-left:.75rem!important;padding-right:.75rem!important}}.door-preview-wrapper img{object-fit:cover!important;object-position:top!important;max-height:300px!important}@media (min-width:992px){.color-selection-phase .row{align-items:flex-start!important}.color-selection-container,.door-preview-container{padding:.4rem!important;justify-content:flex-start!important;margin-top:0!important}.door-preview-wrapper{margin-bottom:.4rem!important;margin-top:0!important}}@media (max-width:576px){.door-preview-wrapper img{max-height:200px!important}.color-option{height:42px!important;margin-bottom:4px!important}.color-options-scrollable{max-height:250px!important}#back-to-styles{font-size:.8rem!important;padding:.25rem .5rem!important}#color-selected-next{font-size:.9rem!important;padding:.375rem .75rem!important}}.popular-badge-custom{position:absolute!important;top:10px!important;right:10px!important;background:#3cdbc0!important;color:#000!important;border-radius:8px!important;padding:4px 10px!important;box-shadow:0 2px 5px rgba(0,0,0,.15)!important;display:inline-block!important;font-weight:700!important;font-size:.75rem!important;z-index:200!important;filter:none!important;-webkit-filter:none!important;mix-blend-mode:normal!important;opacity:1!important;border:none!important;outline:0!important}div.door-style-card span.popular-badge-custom{position:absolute!important;top:10px!important;right:10px!important;background:#3cdbc0!important;color:#000!important;padding:5px 12px!important;border-radius:7px!important;font-size:.8rem!important;font-weight:700!important;z-index:10!important;line-height:1.5!important;text-align:center!important;white-space:nowrap!important;vertical-align:baseline!important;display:inline-block!important;box-shadow:0 4px 8px rgba(0,0,0,.2)!important;border:1px solid rgba(0,0,0,.1)!important;filter:none!important;-webkit-filter:none!important;opacity:1!important;mix-blend-mode:normal!important}.alert-success{--bs-alert-bg:#3cdbc047!important}.step-item[data-step-target]{cursor:pointer!important;transition:.3s!important}.step-item[data-step-target]:hover{transform:scale(1.1)!important;opacity:.8!important}.step-item[data-step-target].active:hover{transform:scale(1.05)!important}.step-item[data-step-target]:not(.active):not(.completed){opacity:.6!important}.step-item[data-step-target]:not(.active):not(.completed):hover{opacity:.4!important}.btn .bi-arrow-down,.btn .bi-arrow-left,.btn .bi-arrow-right,.btn .bi-arrow-up{font-weight:900!important;font-size:1.1em!important}#continue-to-step-2 .bi-arrow-right{font-weight:900!important;font-size:1.2em!important}