.solar-simulator{max-width:800px;margin:0 auto;padding:30px 30px 120px;background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000001a;font-family:Arial,sans-serif;position:relative;min-height:600px;width:100%;box-sizing:border-box}.simulator-header{text-align:center;margin-bottom:30px;padding:20px 0}.main-title{font-size:32px;font-weight:700;margin:0 0 15px;line-height:1.2;letter-spacing:-.5px}.orange-text{color:#ff6b35;font-weight:700}.black-text{color:#333;font-weight:700}.main-subtitle{font-size:16px;color:#666;line-height:1.4;padding:0 20px;max-width:500px;margin:0 auto}.simulator-logo{text-align:center;margin-bottom:30px}.logo-icon{width:60px;height:60px;margin:0 auto;position:relative;background:linear-gradient(135deg,#e84e0f,#d43e0a);border-radius:50%;display:flex;align-items:center;justify-content:center}.logo-cross{position:relative}.logo-horizontal,.logo-vertical{background:#fff;position:absolute}.logo-horizontal{width:20px;height:3px;top:-1.5px;left:-10px}.logo-vertical{width:3px;height:20px;top:-10px;left:-1.5px}.progress-container{margin-bottom:30px;text-align:center}.progress-circles{display:flex;justify-content:center;align-items:center;gap:15px;margin-bottom:15px;flex-wrap:wrap}.progress-circle{width:40px;height:40px;border-radius:50%;background:#e0e0e0;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative}.progress-circle.active{background:linear-gradient(135deg,#ff6b35,#e84e0f);transform:scale(1.1)}.progress-circle.completed{background:linear-gradient(135deg,#ff6b35,#e84e0f)}.circle-inner{color:#666;font-weight:700;font-size:14px;transition:color .3s ease}.progress-circle.active .circle-inner,.progress-circle.completed .circle-inner{color:#fff}.progress-text{color:#666;font-size:14px;margin-top:10px}@media (max-width: 480px){.progress-circles{gap:10px}.progress-circle{width:35px;height:35px}.circle-inner{font-size:12px}}.step{display:none;animation:fadeIn .3s ease-in-out;min-height:400px;margin-bottom:20px}.step.active{display:block}.step-header{text-align:center;margin-bottom:40px}.step-header h2{font-size:1.8rem;color:#e84e0f;margin-bottom:10px;font-weight:600}.step-header p{color:#666;font-size:1rem;margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.options-container{width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center}.options-container[data-position=left]{align-items:flex-start}.options-container[data-position=right]{align-items:flex-end}.options-container[data-position=center]{align-items:center}.housing-options-grid{display:flex;gap:30px;justify-content:center;flex-wrap:wrap;max-width:600px;margin:0 auto}.housing-option{width:200px;height:160px;background:#fff;border:3px solid #e0e0e0;border-radius:20px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;justify-content:center;align-items:center}.housing-option:hover{border-color:#e84e0f;transform:translateY(-3px);box-shadow:0 8px 25px #e84e0f26}.housing-option.selected{background:#fff;color:#e84e0f;border-color:#e84e0f;transform:translateY(-3px);box-shadow:0 8px 25px #e84e0f40}.housing-option .housing-icon{margin-bottom:15px}.housing-option .housing-icon svg{width:60px;height:60px;stroke:#666;transition:stroke .3s ease}.housing-option.active .housing-icon svg{stroke:#e84e0f}.housing-option h3{margin:0;font-size:18px;font-weight:600;color:#333}.housing-option.active h3{color:#e84e0f}.people-counters-grid{display:flex;gap:60px;justify-content:center;align-items:center;margin:40px 0;max-width:600px}.counter-group{text-align:center}.counter-label{margin-bottom:20px;display:flex;flex-direction:column;align-items:center;gap:10px}.counter-icon{font-size:2.5rem;margin-bottom:5px}.counter-label span{font-size:18px;font-weight:600;color:#333}.counter{display:flex;align-items:center;gap:20px;background:#f8f9fa;border-radius:50px;padding:10px 20px;box-shadow:0 2px 10px #0000001a}.counter-btn{width:40px;height:40px;border:none;border-radius:50%;background:#e84e0f;color:#fff;font-size:20px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.counter-btn:hover{background:#d43e0a;transform:scale(1.1)}.counter-btn.disabled{background:#ccc;cursor:not-allowed;transform:none}.counter-value{font-size:24px;font-weight:700;color:#333;min-width:30px}.appliances-options-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:600px;margin:0 auto}.appliance-card{width:120px;height:120px;background:#fff;border:3px solid #e0e0e0;border-radius:15px;padding:15px;text-align:center;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.appliance-card:hover{border-color:#e84e0f;transform:translateY(-3px);box-shadow:0 8px 25px #e84e0f26}.appliance-card.active{background:#fff;color:#e84e0f;border-color:#e84e0f;transform:translateY(-3px);box-shadow:0 8px 25px #e84e0f40}.appliance-card .appliance-icon{margin-bottom:10px}.appliance-card .appliance-icon svg{width:40px;height:40px;stroke:#666;transition:stroke .3s ease}.appliance-card.active .appliance-icon svg{stroke:#e84e0f}.appliance-card h3{margin:0;font-size:11px;font-weight:500;color:#333;line-height:1.3;text-align:center}.action .appliance-card.active h3{color:#e84e0f}.location-selector-grid{display:flex;gap:30px;justify-content:center;align-items:flex-start;max-width:600px;margin:0 auto;flex-wrap:wrap}.dropdown-container{flex:1;min-width:200px;position:relative}.dropdown-label{display:block;margin-bottom:10px;font-weight:600;color:#333;text-align:center}.dropdown-header{background:#f8f9fa;border:3px solid #e0e0e0;border-radius:15px;padding:15px 20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;position:relative;width:100%;box-sizing:border-box}.dropdown-header:hover{border-color:#e84e0f}.dropdown-header.active,.dropdown-header.selected{border-color:#e84e0f;background:#fff}.dropdown-text{color:#333;font-weight:500}.dropdown-arrow{transition:transform .3s ease;color:#666;font-weight:700}.dropdown-header.active .dropdown-arrow{transform:rotate(180deg)}.custom-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:3px solid #e84e0f;border-radius:15px;box-shadow:0 8px 25px #00000026;z-index:1000;max-height:200px;overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;margin-top:5px}.custom-dropdown.show,.custom-dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{padding:12px 20px;cursor:pointer;transition:background .3s ease;color:#333;border-bottom:1px solid #f0f0f0}.dropdown-item:hover{background:#e84e0f1a;color:#e84e0f}.dropdown-item.selected{background:#e84e0f;color:#fff}.dropdown-item:first-child{border-radius:12px 12px 0 0}.dropdown-item:last-child{border-radius:0 0 12px 12px;border-bottom:none}.consumption-card{background:#fff;border-radius:20px;padding:25px;margin:30px auto 0;text-align:center;box-shadow:0 8px 25px #0000001a;border:1px solid #f0f0f0;animation:slideUp .5s ease-out;max-width:500px}.consumption-icon{margin-bottom:15px}.consumption-icon svg{filter:drop-shadow(0 2px 4px rgba(255,107,53,.3))}.consumption-content{max-width:400px;margin:0 auto}.consumption-text{color:#666;font-size:16px;line-height:1.5;margin-bottom:20px;font-weight:400}.consumption-value{display:flex;align-items:baseline;justify-content:center;gap:8px}.consumption-number{font-size:3.5rem;font-weight:800;color:#ff6b35;line-height:1;letter-spacing:-2px}.consumption-unit{font-size:2rem;font-weight:700;color:#ff6b35;text-transform:uppercase}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.percentage-options-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:25px;max-width:400px;margin:0 auto}.percentage-card{width:160px;height:160px;background:#fff;border:3px solid #e0e0e0;border-radius:20px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;justify-self:center}.percentage-card:hover{border-color:#e84e0f;transform:translateY(-3px);box-shadow:0 8px 25px #e84e0f26}.percentage-card.active{background:#fff;color:#e84e0f;border-color:#e84e0f;transform:translateY(-3px);box-shadow:0 8px 25px #e84e0f40}.percentage-circle{width:80px;height:80px;border:3px solid #e0e0e0;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:15px;transition:all .3s ease}.percentage-card.active .percentage-circle{border-color:#e84e0f;background:#e84e0f1a}.percentage-value{font-size:20px;font-weight:700;color:#333;transition:color .3s ease}.percentage-card.active .percentage-value{color:#e84e0f}.percentage-label{font-size:16px;font-weight:500;color:#666;transition:color .3s ease}.percentage-card.active .percentage-label{color:#e84e0f}.results-container{max-width:800px;margin:0 auto;text-align:center;padding:20px 0}.results-title{font-size:32px;font-weight:700;color:#333;margin-bottom:40px}.single-product-display{text-align:center;padding:20px;background:#f9f9f9;border-radius:15px;margin-bottom:20px}.dual-product-display{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}.product-item{display:flex;align-items:center;justify-content:flex-start;gap:30px;text-align:center;width:400px;max-width:400px;background:transparent;border-radius:0;padding:15px;margin-bottom:15px;flex-wrap:nowrap}.product-item:hover{border-color:transparent;box-shadow:none}.product-left{display:flex;flex-direction:column;align-items:center;text-align:center;width:120px;flex-shrink:0}.product-quantity{font-size:90px;font-weight:700;color:#ff6b35;line-height:1;margin-bottom:5px}.product-subtitle{font-size:16px;color:#333;margin-bottom:10px;font-weight:500}.image-placeholder{width:120px;height:120px;background:#f0f0f0;border:2px dashed #ccc;display:flex;align-items:center;justify-content:center;color:#999;font-size:12px;text-align:center}.product-right{display:flex;flex-direction:column;align-items:center;text-align:center;width:200px;flex-shrink:0}.product-image{width:120px;height:120px;object-fit:contain;margin-bottom:10px;border-radius:10px;box-shadow:0 2px 10px #0000001a;transition:transform .3s ease}.product-title{font-size:20px;font-weight:700;color:#ff6b35;margin-bottom:10px}.production-card:before{content:"\1f4a1";font-size:32px;display:block;margin-bottom:15px}.production-card{background:linear-gradient(135deg,#e84e0f,#d43e0a);color:#fff;border-radius:20px;padding:30px;margin:30px 0;text-align:center;box-shadow:0 8px 25px #e84e0f4d}.product-recommendations{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:40px}.production-text{font-size:16px;margin-bottom:20px;line-height:1.5}.production-number{font-size:3rem;font-weight:700;margin-bottom:10px}.production-unit{font-size:1.5rem;font-weight:600}.action-buttons{display:flex;gap:15px;justify-content:center;margin-top:30px;flex-wrap:wrap}.action-btn{padding:12px 24px;border-radius:8px;border:none;cursor:pointer;font-size:16px;min-width:180px;transition:all .3s ease}.btn-discover{background:transparent;color:#ff6b35;border:2px solid #FF6B35}.btn-discover:hover{background:#ff6b35;color:#fff}.btn-cart{background:#ff6b35;color:#fff;border:2px solid #FF6B35}.btn-cart:hover{background:#e55a2b;border-color:#e55a2b}.navigation-controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:20px;padding:15px 25px;background:#fffffff2;border-radius:50px;box-shadow:0 8px 25px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;justify-content:center;align-items:center}.nav-btn{width:50px;height:50px;border:none;border-radius:50%;background:linear-gradient(135deg,#e84e0f,#d43e0a);color:#fff;font-size:18px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-weight:700}.nav-btn:hover{transform:scale(1.1);box-shadow:0 5px 15px #e84e0f66}.nav-btn.disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.solar-simulator-section{padding:0 15px}.solar-simulator{max-width:100%;margin:10px auto;padding:20px 15px 100px;min-height:500px}.simulator-header{padding:15px 0;margin-bottom:20px}.main-title{font-size:24px;letter-spacing:-.3px}.main-subtitle{font-size:14px;padding:0 15px}.housing-options-grid{max-width:400px;gap:20px}.housing-option{width:160px;height:140px}.people-counters-grid{flex-direction:column;gap:30px;max-width:400px}.counter-group{width:100%}.appliances-options-grid{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:15px;max-width:400px}.appliance-card{width:80px;height:80px}.appliance-card .appliance-icon svg{width:30px;height:30px}.appliance-card h3{font-size:10px}.location-selector-grid{flex-direction:column;gap:20px;max-width:400px}.percentage-options-grid{max-width:400px;gap:20px}.percentage-card{width:150px;height:150px}.navigation-controls{bottom:15px;padding:12px 20px;gap:15px}.nav-btn{width:45px;height:45px;font-size:16px}.product-recommendations{flex-direction:column;gap:30px;align-items:center}.product-item{width:300px;gap:20px}.product-left{width:100px}.product-right{width:150px}.product-quantity{font-size:70px}.product-image{width:100px;height:100px}.product-title{font-size:18px}@media (max-width: 480px){.solar-simulator-section{padding:0 5px;margin:0;width:100vw;max-width:100vw;overflow-x:hidden}.solar-simulator{max-width:calc(100vw - 10px);width:calc(100vw - 10px);margin:0 auto;padding:15px 10px 120px;min-height:600px;border-radius:15px;box-sizing:border-box}.main-title{font-size:20px}.main-subtitle{font-size:13px;padding:0 10px}.step-header{margin-bottom:25px;padding:0 5px}.step-header h2{font-size:1.5rem;margin-bottom:8px}.step-header p{font-size:14px}.housing-options-grid{flex-direction:column;align-items:center;gap:20px;max-width:250px}.housing-option{width:200px;height:120px;padding:15px}.housing-option .housing-icon svg{width:50px;height:50px}.housing-option h3{font-size:16px}.people-counters-grid{flex-direction:column;gap:25px;max-width:280px}.counter-icon{font-size:2rem}.counter-label span{font-size:16px}.counter{gap:15px;padding:8px 15px}.counter-btn{width:35px;height:35px;font-size:18px}.counter-value{font-size:20px}.counter-group{width:100%}.appliances-options-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr);gap:12px;max-width:250px}.appliance-card{width:110px;height:100px;padding:8px}.appliance-card .appliance-icon svg{width:25px;height:25px}.appliance-card h3{font-size:9px;line-height:1.2}.location-selector-grid{gap:15px;flex-direction:column}.dropdown-container{min-width:unset;width:100%}.dropdown-label{font-size:14px;margin-bottom:8px}.dropdown-header{padding:12px 15px;border-radius:12px}.dropdown-text,.dropdown-arrow{font-size:14px}.custom-dropdown{border-radius:12px;max-height:150px}.dropdown-item{padding:10px 15px;font-size:14px}.percentage-options-grid{grid-template-columns:repeat(2,1fr);gap:15px;max-width:280px}.percentage-card{width:130px;height:130px}.percentage-circle{width:60px;height:60px}.percentage-value{font-size:16px}.percentage-label{font-size:12px}.navigation-controls{bottom:10px;padding:10px 15px;gap:12px}.nav-btn{width:45px;height:45px;font-size:16px}.consumption-card{margin:20px auto;padding:20px;max-width:280px}.consumption-number{font-size:2.5rem}.consumption-unit{font-size:1.5rem}.simulation-results{padding:15px;max-width:100%}.results-title{font-size:20px;margin-bottom:30px}.product-item{width:280px;gap:15px}.product-left{width:90px}.product-right{width:140px}.product-quantity{font-size:50px}.product-subtitle{font-size:14px}.product-image{width:80px;height:80px}.product-title{font-size:16px}.action-buttons{flex-direction:column;align-items:center}.action-btn{width:100%;max-width:280px}}*{box-sizing:border-box}html,body{overflow-x:hidden;width:100%;max-width:100%}}.simulator-popup-overlay .solar-simulator{padding:20px;max-width:100%}.simulator-popup-content .simulator-header{margin-bottom:30px}.simulator-popup-content .step{min-height:auto}.simulator-popup-content .navigation-controls{position:static;margin-top:30px;padding-top:20px;border-top:1px solid #eee}@media (max-width: 768px){.simulator-popup-content{width:95%;max-height:95vh;margin:10px}.simulator-popup-overlay{padding:10px}.simulator-popup-content .solar-simulator{padding:15px}}.simulator-popup-overlay{opacity:0;transition:opacity .3s ease}.simulator-popup-overlay[style*=flex]{opacity:1}.simulator-popup-content{transform:scale(.9);transition:transform .3s ease}.simulator-popup-overlay[style*=flex] .simulator-popup-content{transform:scale(1)}
/*# sourceMappingURL=/cdn/shop/t/7/assets/solar-simulator.css.map */