.oasis-pool-quiz{max-width:900px;margin:60px auto;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.progress-container{background:#fff;padding:30px;border-radius:12px 12px 0 0;box-shadow:0 2px 8px #0000000d;position:relative}.progress-bar{height:8px;background:#e0e0e0;border-radius:10px;overflow:hidden;position:relative}.progress-bar:before{content:"";position:absolute;left:0;top:0;height:100%;width:0%;background:linear-gradient(90deg,#00bcd4,#0097a7);transition:width .4s ease}.progress-steps{display:flex;justify-content:space-between;margin-top:20px}.progress-step{width:40px;height:40px;border-radius:50%;background:#e0e0e0;color:#999;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;transition:all .3s}.progress-step.active{background:#00bcd4;color:#fff;transform:scale(1.1)}.progress-step.completed{background:#0a3d5c;color:#fff}.quiz-header{background:linear-gradient(135deg,#0a3d5c,#0c4d73);padding:40px 30px;color:#fff;text-align:center}.quiz-header h2{color:#fff;font-size:32px;margin-bottom:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.quiz-header p{color:#e0f7fa;font-size:18px;margin:0}.intro-copy{background:#fff;padding:25px 30px;border-left:4px solid #00bcd4}.intro-copy p{color:#333;font-size:16px;line-height:1.7;margin:0}.quiz-container{background:#f8f9fa;padding:50px 30px;min-height:500px;position:relative}.quiz-step{display:none;animation:fadeIn .5s}.quiz-step.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-content{max-width:700px;margin:0 auto}.step-content h3{color:#0a3d5c;font-size:28px;font-weight:800;text-align:center;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.step-subtitle{text-align:center;color:#666;font-size:16px;margin-bottom:40px}.button-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.choice-button{background:#fff;border:3px solid #e0e0e0;border-radius:16px;padding:40px 20px;cursor:pointer;transition:all .3s;text-align:center}.choice-button:hover{border-color:#00bcd4;transform:translateY(-4px);box-shadow:0 8px 16px #00bcd433}.choice-button .icon{font-size:60px;margin-bottom:15px}.choice-button .label{font-size:22px;font-weight:700;color:#0a3d5c}.choice-button-small{width:100%;background:#f8f9fa;border:2px solid #d0d0d0;border-radius:12px;padding:16px;cursor:pointer;font-size:16px;color:#666;font-weight:600;transition:all .3s}.choice-button-small:hover{background:#fff;border-color:#00bcd4;color:#0a3d5c}.pool-dimensions{display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:center;margin-bottom:30px}.dimension-multiply{font-size:32px;color:#00bcd4;font-weight:800}.pool-depth-row{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}.dimension-input{background:#fff;padding:25px;border-radius:12px;border:2px solid #e0e0e0}.dimension-input label{display:block;color:#0a3d5c;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:15px}.slider-container input[type=range]{width:100%;height:8px;border-radius:5px;background:#e0e0e0;outline:none;-webkit-appearance:none;margin-bottom:10px}.slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#00bcd4;cursor:pointer;box-shadow:0 2px 8px #00bcd466}.slider-container input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#00bcd4;cursor:pointer;border:none;box-shadow:0 2px 8px #00bcd466}.slider-value{text-align:center;font-size:28px;font-weight:800;color:#0a3d5c}.pool-preview{background:#fff;padding:30px;border-radius:12px;text-align:center;border:2px solid #00bcd4;margin-bottom:30px}.pool-visual{font-size:20px;color:#333}.pool-icon{font-size:40px;margin-right:15px}.pool-size-text{font-weight:700;color:#0a3d5c}.thermostat-container{display:flex;justify-content:center;margin-bottom:50px}.thermostat{background:#fff;padding:50px;border-radius:20px;box-shadow:0 8px 24px #0000001a;text-align:center;min-width:400px}.temp-display{margin-bottom:30px}.temp-value{font-size:80px;font-weight:800;color:#0a3d5c;line-height:1}.temp-unit{font-size:40px;color:#00bcd4;font-weight:700}.temp-slider{width:100%;height:12px;border-radius:6px;background:linear-gradient(90deg,#4fc3f7,#00bcd4,#f4511e);outline:none;-webkit-appearance:none;margin:20px 0}.temp-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:32px;height:32px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 4px 12px #0000004d;border:4px solid #00bcd4}.temp-slider::-moz-range-thumb{width:32px;height:32px;border-radius:50%;background:#fff;cursor:pointer;border:4px solid #00bcd4;box-shadow:0 4px 12px #0000004d}.temp-labels{display:flex;justify-content:space-between;color:#666;font-size:14px;margin-top:10px}.months-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.month-choice{background:#fff;border:3px solid #e0e0e0;border-radius:12px;padding:25px 15px;cursor:pointer;transition:all .3s;text-align:center}.month-choice:hover{border-color:#00bcd4;transform:translateY(-4px)}.month-choice.selected{border-color:#00bcd4;background:linear-gradient(135deg,#e0f7fa,#b2ebf2)}.month-icon{font-size:40px;margin-bottom:10px}.month-label{font-size:18px;font-weight:700;color:#0a3d5c;margin-bottom:5px}.month-sub{font-size:13px;color:#666}.cover-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.cover-choice{background:#fff;border:3px solid #e0e0e0;border-radius:12px;padding:30px 20px;cursor:pointer;transition:all .3s;text-align:center}.cover-choice:hover{border-color:#00bcd4;transform:translateY(-4px)}.cover-choice.selected{border-color:#00bcd4;background:linear-gradient(135deg,#e0f7fa,#b2ebf2)}.cover-icon{font-size:50px;margin-bottom:15px}.cover-label{font-size:20px;font-weight:700;color:#0a3d5c;margin-bottom:8px}.cover-savings{font-size:14px;color:#00838f;font-weight:600}.nav-buttons{display:flex;gap:15px;justify-content:center;margin-top:30px}.next-button,.back-button,.calculate-btn-quiz{padding:16px 40px;border-radius:50px;font-size:18px;font-weight:800;cursor:pointer;transition:all .3s;border:none;text-transform:uppercase;letter-spacing:1px}.next-button,.calculate-btn-quiz{background:#00bcd4;color:#fff;box-shadow:0 4px 12px #00bcd44d}.next-button:hover,.calculate-btn-quiz:hover{background:#0097a7;transform:translateY(-2px);box-shadow:0 6px 16px #00bcd466}.back-button{background:#f8f9fa;color:#666;border:2px solid #d0d0d0}.back-button:hover{background:#fff;border-color:#00bcd4;color:#0a3d5c}.results-content{max-width:800px;margin:0 auto}.results-header{text-align:center;margin-bottom:35px}.results-header h3{color:#0a3d5c;font-size:28px;margin-bottom:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.results-header .pool-info{color:#666;font-size:16px;font-weight:500}.comparison-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:30px}.cost-card{padding:30px 25px;border-radius:12px;text-align:center;position:relative;border:2px solid #e0e0e0;background:#fff;transition:all .3s}.cost-card.winner{border-color:#00bcd4;background:linear-gradient(135deg,#fff,#e0f7fa);box-shadow:0 4px 16px #00bcd433}.cost-card.winner:before{content:"BEST VALUE";position:absolute;top:-14px;left:50%;transform:translate(-50%);background:#00bcd4;color:#fff;padding:6px 20px;border-radius:30px;font-size:11px;font-weight:800;letter-spacing:1px}.cost-card h4{font-size:14px;color:#0a3d5c;margin-bottom:18px;text-transform:uppercase;letter-spacing:1px;font-weight:800}.cost-card .price{font-size:48px;font-weight:800;color:#0a3d5c;margin-bottom:8px;line-height:1}.cost-card.winner .price{color:#00838f}.cost-card .period{color:#999;font-size:14px;font-weight:600;text-transform:uppercase}.savings-banner{background:linear-gradient(135deg,#0a3d5c,#0c4d73);color:#fff;padding:40px 30px;border-radius:12px;text-align:center;margin-bottom:35px;box-shadow:0 4px 16px #0a3d5c4d}.savings-banner h3{font-size:22px;margin-bottom:15px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#e0f7fa}.savings-banner .amount{font-size:56px;font-weight:800;margin-bottom:10px;line-height:1;color:#00bcd4;text-shadow:0 2px 4px rgba(0,0,0,.2)}.savings-banner .percentage{font-size:24px;opacity:.95;font-weight:600}.product-recommendation{background:#fff;padding:40px 30px;border-radius:12px;margin-bottom:35px;border:3px solid #00bcd4;box-shadow:0 6px 20px #00bcd426}.product-recommendation h3{color:#0a3d5c;font-size:26px;margin-bottom:8px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;text-align:center}.rec-subtitle{text-align:center;color:#666;font-size:16px;margin-bottom:30px}.product-card-container{max-width:600px;margin:0 auto}.product-image-link{display:block;background:#f8f9fa;border-radius:12px;padding:30px;text-align:center;margin-bottom:25px;cursor:pointer;transition:all .3s}.product-image-link:hover{transform:scale(1.02);box-shadow:0 4px 12px #0000001a}.product-image-link img{max-width:300px;width:100%;height:auto;display:block;margin:0 auto}.product-name{color:#0a3d5c;font-size:28px;font-weight:800;text-align:center;margin-bottom:25px}.product-specs-row{display:flex;gap:15px;margin-bottom:25px;padding-bottom:25px;border-bottom:2px solid #e0e0e0}.spec-box{flex:1;text-align:center;padding:15px 10px;background:#f8f9fa;border-radius:8px}.spec-label{color:#999;font-size:11px;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-weight:700}.spec-value{color:#0a3d5c;font-size:18px;font-weight:800;line-height:1.2}.spec-price{color:#00bcd4;font-size:26px}.features-list{margin-bottom:25px}.feature-item{color:#333;font-size:15px;font-weight:600;padding:8px 0;border-bottom:1px solid #f0f0f0}.feature-item:last-child{border-bottom:none}.cta-buttons{display:flex;flex-direction:column;gap:12px}.product-cta-button{display:block;width:100%;padding:18px 30px;color:#fff;text-decoration:none;border-radius:50px;font-weight:800;font-size:16px;text-align:center;transition:all .3s;text-transform:uppercase;letter-spacing:.5px}.product-cta-button.primary{background:#00bcd4;box-shadow:0 4px 12px #00bcd44d}.product-cta-button.primary:hover{background:#0097a7;transform:translateY(-2px);box-shadow:0 6px 16px #00bcd466}.product-cta-button.secondary{background:#0a3d5c;box-shadow:0 4px 12px #0a3d5c33;font-size:15px}.product-cta-button.secondary:hover{background:#0c4d73;transform:translateY(-2px);box-shadow:0 6px 16px #0a3d5c4d}.financing-info{margin-top:20px;padding-top:20px;border-top:2px solid #e0e0e0;text-align:center}.financing-payment{color:#333;font-size:16px;margin-bottom:8px}.financing-payment strong{color:#0a3d5c;font-size:18px}.financing-power{color:#666;font-size:14px;margin:0}.financing-power strong{color:#00bcd4;font-weight:700}.financing-power a{color:#0a3d5c;text-decoration:underline;font-weight:600}.financing-power a:hover{color:#00bcd4}.why-electric-section{background:#fff;padding:40px 30px;border-radius:12px;margin-bottom:30px;border:2px solid #e0e0e0}.why-electric-section h3{color:#0a3d5c;font-size:24px;margin-bottom:20px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;text-align:center}.why-electric-section p{color:#333;font-size:16px;line-height:1.7;margin-bottom:20px}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:30px}.benefit-item{display:flex;gap:15px;align-items:start;padding:20px;background:#f8f9fa;border-radius:8px;border-left:4px solid #00bcd4}.benefit-icon{font-size:24px;color:#00bcd4;font-weight:800;flex-shrink:0}.benefit-text strong{color:#0a3d5c;font-size:16px;display:block;margin-bottom:5px}.benefit-text span{color:#666;font-size:14px;line-height:1.5}@media(max-width:768px){.oasis-pool-quiz{margin:30px auto}.progress-container{padding:20px}.quiz-header h2{font-size:24px}.quiz-container{padding:30px 20px}.step-content h3{font-size:22px}.button-grid-2,.pool-dimensions{grid-template-columns:1fr}.dimension-multiply{display:none}.pool-depth-row{grid-template-columns:1fr}.thermostat{min-width:auto;padding:30px 20px}.temp-value{font-size:60px}.months-selector,.cover-options{grid-template-columns:1fr}.nav-buttons{flex-direction:column}.next-button,.back-button,.calculate-btn-quiz{width:100%}.comparison-cards,.benefits-grid{grid-template-columns:1fr}.product-specs-row{flex-direction:column;gap:10px}.product-image-link img{max-width:250px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/pool-calculator.css.map */